Update core documentation with npm package

fblettner · fblettner · commit 70baf0b780fb · 2025-02-20T13:24:43.000+01:00
diff --git a/docs/liberty/core/components/charts/bar.md b/docs/liberty/core/components/charts/bar.md
@@ -20,7 +20,7 @@ The `BarChart` component is a customizable bar chart using Chart.js. It supports
 
 ## Example Usage
 ```tsx
-import { BarChart } from "liberty-core";
+import { BarChart } from "@nomana-it/liberty-core"
 
 const dataset = [
   { month: "Jan", revenue: 10000, profit: 3000 },
diff --git a/docs/liberty/core/components/charts/line.md b/docs/liberty/core/components/charts/line.md
@@ -20,7 +20,7 @@ The `LineChart` component provides a customizable line chart using Chart.js. It
 
 ## Example Usage
 ```tsx
-import { LineChart } from "liberty-core";
+import { LineChart } from "@nomana-it/liberty-core"
 
 const dataset = [
   { month: "Jan", sales: 100, revenue: 200 },
diff --git a/docs/liberty/core/components/charts/pie.md b/docs/liberty/core/components/charts/pie.md
@@ -15,7 +15,7 @@ The `PieChart` component provides a customizable **Doughnut/Pie Chart** using Ch
 
 ## Example Usage
 ```tsx
-import { PieChart } from "liberty-core";
+import { PieChart } from "@nomana-it/liberty-core"
 
 const chartData = [
   { value: 40, label: "Product A" },
diff --git a/docs/liberty/core/components/dialogs-overlays/confirmation.md b/docs/liberty/core/components/dialogs-overlays/confirmation.md
@@ -15,7 +15,7 @@ The `ConfirmationDialog` component provides a standard confirmation popup with c
 
 ## Example Usage
 ```tsx
-import { ConfirmationDialog, Button } from "liberty-core";
+import { ConfirmationDialog, Button } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const ConfirmationDialogExample = () => {
diff --git a/docs/liberty/core/components/dialogs-overlays/dialog.md b/docs/liberty/core/components/dialogs-overlays/dialog.md
@@ -22,7 +22,7 @@ The `Dialog` component is a modal dialog that appears over the main content. It
 
 ## Example Usage
 ```tsx
-import { Dialog, Button, Dialog_Title, Dialog_Content, Dialog_Actions } from "liberty-core";
+import { Dialog, Button, Dialog_Title, Dialog_Content, Dialog_Actions } from "@nomana-it/liberty-core"
 import { useState } from "react";
 import { t } from "i18next";
 import { LYCancelIcon } from "@ly_styles/icons";
diff --git a/docs/liberty/core/components/dialogs-overlays/export.md b/docs/liberty/core/components/dialogs-overlays/export.md
@@ -27,7 +27,7 @@ The `DialogExport` component provides a modal dialog to select export options be
 
 ## Example Usage
 ```tsx
-import { DialogExport, Button } from "liberty-core";
+import { DialogExport, Button } from "@nomana-it/liberty-core"
 import { useState } from "react";
 import { EExportType, IExportOptions } from "@ly_utils/commonUtils";
 
diff --git a/docs/liberty/core/components/dialogs-overlays/popper.md b/docs/liberty/core/components/dialogs-overlays/popper.md
@@ -17,7 +17,7 @@ The `Popper` component provides a floating UI container that appears next to an
 ## Example Usage
 ```tsx
 import { useState } from "react";
-import { Popper, Button } from "liberty-core";
+import { Popper, Button } from "@nomana-it/liberty-core"
 
 export const PopperExample = () => {
   const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
diff --git a/docs/liberty/core/components/dialogs-overlays/tabs.md b/docs/liberty/core/components/dialogs-overlays/tabs.md
@@ -22,7 +22,7 @@ The `Tabs` and `Tab` components allow navigation between different views or sett
 
 ## Example Usage
 ```tsx
-import { Tab, Tabs } from "liberty-core";
+import { Tab, Tabs } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const TabsExample = () => {
diff --git a/docs/liberty/core/components/forms-components/dashboard.md b/docs/liberty/core/components/forms-components/dashboard.md
@@ -26,7 +26,7 @@ A dashboard consists of **header metadata** and **content components** that can
 
 ## Example Usage
 ```tsx
-import { getDashboard } from "liberty-core";
+import { getDashboard } from "@nomana-it/liberty-core"
 
 export const DashboardExample = async () => {
   const dashboard = await getDashboard(1);
diff --git a/docs/liberty/core/components/inputs-forms/checkbox.md b/docs/liberty/core/components/inputs-forms/checkbox.md
@@ -18,7 +18,7 @@ The `InputCheckbox` component is a reusable checkbox input with built-in state m
 
 ## Example Usage
 ```tsx
-import { InputCheckbox } from "liberty-core";
+import { InputCheckbox } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const InputCheckboxExample = () => {
diff --git a/docs/liberty/core/components/inputs-forms/color-picker.md b/docs/liberty/core/components/inputs-forms/color-picker.md
@@ -18,7 +18,7 @@ The `InputColor` component allows users to select colors using an interactive co
 
 ## Example Usage
 ```tsx
-import { InputColor } from "liberty-core";
+import { InputColor } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const InputColorExample = () => {
diff --git a/docs/liberty/core/components/inputs-forms/date-picker.md b/docs/liberty/core/components/inputs-forms/date-picker.md
@@ -21,7 +21,7 @@ It supports:
 
 ## Example Usage
 ```tsx
-import { DatePicker } from "liberty-core";
+import { DatePicker } from "@nomana-it/liberty-core"
 import dayjs, { Dayjs } from "dayjs";
 import { useState } from "react";
 
diff --git a/docs/liberty/core/components/inputs-forms/enum.md b/docs/liberty/core/components/inputs-forms/enum.md
@@ -29,7 +29,7 @@ The `InputEnum` component is an advanced dropdown that retrieves values dynamica
 
 ## Example Usage
 ```tsx
-import { InputEnum } from "liberty-core";
+import { InputEnum } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const InputEnumExample = () => {
@@ -58,7 +58,7 @@ export const InputEnumExample = () => {
 ## Overriding the Default API
 You can override the default API and set custom content:
 ```tsx
-import { setCustomGetEnums } from "liberty-core";
+import { setCustomGetEnums } from "@nomana-it/liberty-core"
 
 const customEnumData = [{
   columns: [
diff --git a/docs/liberty/core/components/inputs-forms/file-upload.md b/docs/liberty/core/components/inputs-forms/file-upload.md
@@ -17,7 +17,7 @@ The `InputFile` component allows users to upload files via a button-based interf
 
 ## Example Usage
 ```tsx
-import { InputFile } from "liberty-core";
+import { InputFile } from "@nomana-it/liberty-core"
 import { useRef } from "react";
 
 export const InputFileExample = () => {
diff --git a/docs/liberty/core/components/inputs-forms/input.md b/docs/liberty/core/components/inputs-forms/input.md
@@ -28,7 +28,7 @@ The `Input` component is a reusable text input field supporting:
 
 ## Example Usage
 ```tsx
-import { Input } from "liberty-core";
+import { Input } from "@nomana-it/liberty-core"
 
 export const InputExample = () => {
   const [text, setText] = useState("");
diff --git a/docs/liberty/core/components/inputs-forms/select.md b/docs/liberty/core/components/inputs-forms/select.md
@@ -29,7 +29,7 @@ The `Select` component provides a dropdown for selecting options, with support f
 ## Example Usage
 ```tsx
 import { useState } from "react";
-import { Select, MenuItem } from "liberty-core";
+import { Select, MenuItem } from "@nomana-it/liberty-core"
 
 export const SelectExample = () => {
   const [value, setValue] = useState(null);
diff --git a/docs/liberty/core/components/main-components/content.md b/docs/liberty/core/components/main-components/content.md
@@ -19,7 +19,7 @@ The `AppsContent` component is the **core layout container** for Liberty Core ap
 
 ## Example Usage
 ```tsx
-import { AppProvider, AppsContent } from "liberty-core";
+import { AppProvider, AppsContent } from "@nomana-it/liberty-core"
 
 export const MyApp = () => {
   return (
diff --git a/docs/liberty/core/components/main-components/header.md b/docs/liberty/core/components/main-components/header.md
@@ -19,7 +19,7 @@ The `AppsHeader` component provides a standard header with multiple actions such
 
 ## Example Usage
 ```tsx
-import { AppsHeader } from "liberty-core";
+import { AppsHeader } from "@nomana-it/liberty-core"
 
 export const AppHeaderExample = () => {
   const onToggleMenusDrawer = () => {
diff --git a/docs/liberty/core/components/main-components/login.md b/docs/liberty/core/components/main-components/login.md
@@ -16,7 +16,7 @@ The `AppsLogin` component provides the authentication interface for Liberty Core
 
 ## Example Usage
 ```tsx
-import { AppProvider, AppsLogin } from "liberty-core";
+import { AppProvider, AppsLogin } from "@nomana-it/liberty-core"
 
 export const MyApp = () => {
   return (
diff --git a/docs/liberty/core/components/main-components/menus.md b/docs/liberty/core/components/main-components/menus.md
@@ -90,7 +90,7 @@ By overriding `getMenus`, you can **customize navigation dynamically** based on:
 
 ## Example Usage
 ```tsx
-import { AppsMenus } from "liberty-core";
+import { AppsMenus } from "@nomana-it/liberty-core"
 
 <AppsMenus 
     isOpen={true} 
diff --git a/docs/liberty/core/components/main-components/users.md b/docs/liberty/core/components/main-components/users.md
@@ -21,7 +21,7 @@ It supports:
 ## Example Usage
 ```tsx
 import React, { useState } from "react";
-import { AppsUser } from "liberty-core";
+import { AppsUser } from "@nomana-it/liberty-core"
 import { Button } from "@ly_common/Button";
 
 export const UserSettingsDialogExample = () => {
@@ -52,7 +52,7 @@ By default, **AppsUser** retrieves user settings internally. However, you can ov
 
 ### **Example User Data**
 ```tsx
-import { EUsers, IUsersProps, UIDisplayMode } from "liberty-core";
+import { EUsers, IUsersProps, UIDisplayMode } from "@nomana-it/liberty-core"
 
 export const user = [
     {
diff --git a/docs/liberty/core/components/tables-lists/context-menus.md b/docs/liberty/core/components/tables-lists/context-menus.md
@@ -32,7 +32,7 @@ The `Menu` component is a floating menu that appears next to an anchor element.
 ## Example Usage
 ```tsx
 import { useState } from "react";
-import { Menu, MenuItem, SubMenu, Popper, Divider, Button } from "liberty-core";
+import { Menu, MenuItem, SubMenu, Popper, Divider, Button } from "@nomana-it/liberty-core"
 
 export const MenuExample = () => {
   const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
diff --git a/docs/liberty/core/components/tables-lists/grid.md b/docs/liberty/core/components/tables-lists/grid.md
@@ -24,7 +24,7 @@ The `GridContainer` and `GridItem` components provide a **flexible grid layout**
 
 ## Example Usage
 ```tsx
-import { GridContainer, GridItem } from "liberty-core";
+import { GridContainer, GridItem } from "@nomana-it/liberty-core"
 
 export const GridExample = () => {
   return (
diff --git a/docs/liberty/core/components/tables-lists/list.md b/docs/liberty/core/components/tables-lists/list.md
@@ -47,7 +47,7 @@ ListItemButton,
 ListItemIcon, 
 ListItemText, 
 Collapse 
-} from "liberty-core";
+} from "@nomana-it/liberty-core"
 import { LYReactIcon } from "@ly_styles/icons";
 import { LYHomeIcon, LYSettingsIcon, LYMenusExpandMoreIcon, LYMenusExpandLessIcon } from "@ly_styles/icons";
 import { useState, Fragment } from "react";
diff --git a/docs/liberty/core/components/tables-lists/table.md b/docs/liberty/core/components/tables-lists/table.md
@@ -37,7 +37,7 @@ The `Table` component provides a structured way to display data in rows and colu
 
 ## Example Usage
 ```tsx
-import { Table, TableHead, TableBody, TableRow, TableCell, TableSortLabel } from "liberty-core";
+import { Table, TableHead, TableBody, TableRow, TableCell, TableSortLabel } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const TableExample = () => {
diff --git a/docs/liberty/core/components/tables-lists/tree.md b/docs/liberty/core/components/tables-lists/tree.md
@@ -14,7 +14,7 @@ The `Tree` component is used to display hierarchical data in an expandable and c
 
 ## Example Usage
 ```tsx
-import { Tree } from "liberty-core";
+import { Tree } from "@nomana-it/liberty-core"
 
 const treeData = [
   { id: "1", label: "Root", children: [
diff --git a/docs/liberty/core/components/ui-elements/alert-message.md b/docs/liberty/core/components/ui-elements/alert-message.md
@@ -17,7 +17,7 @@ The `AlertMessage` component is a wrapper around the `Alert` component that prov
 
 ## Example Usage
 ```tsx
-import { AlertMessage } from "liberty-core";
+import { AlertMessage } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const AlertMessageExample = () => {
diff --git a/docs/liberty/core/components/ui-elements/alert.md b/docs/liberty/core/components/ui-elements/alert.md
@@ -12,7 +12,7 @@ The `Alert` component provides a styled alert message with various severity leve
 
 ## Example Usage
 ```tsx
-import { Alert } from "liberty-core";
+import { Alert } from "@nomana-it/liberty-core"
 
 export const AlertExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/button.md b/docs/liberty/core/components/ui-elements/button.md
@@ -21,7 +21,7 @@ It supports different styles, icons, full-width mode, and disabled states.
 
 ## Example Usage
 ```tsx
-import { Button } from "liberty-core";
+import { Button } from "@nomana-it/liberty-core"
 import { FaCheck } from "react-icons/fa";
 
 export const ButtonExample = () => {
diff --git a/docs/liberty/core/components/ui-elements/card.md b/docs/liberty/core/components/ui-elements/card.md
@@ -35,7 +35,7 @@ The `Card` component is a versatile container that can display structured conten
 
 ## Example Usage
 ```tsx
-import { Card, CardHeader, CardContent, CardActionArea, CardActions, Button } from "liberty-core";
+import { Card, CardHeader, CardContent, CardActionArea, CardActions, Button } from "@nomana-it/liberty-core"
 
 export const CardExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/checkbox.md b/docs/liberty/core/components/ui-elements/checkbox.md
@@ -14,7 +14,7 @@ The `Checkbox` component is a custom-styled checkbox that supports indeterminate
 
 ## Example Usage
 ```tsx
-import { Checkbox } from "liberty-core";
+import { Checkbox } from "@nomana-it/liberty-core"
 
 export const CheckboxExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/circular-progress.md b/docs/liberty/core/components/ui-elements/circular-progress.md
@@ -14,7 +14,7 @@ The `CircularProgress` component displays a rotating loader, commonly used to in
 
 ## Example Usage
 ```tsx
-import { CircularProgress } from "liberty-core";
+import { CircularProgress } from "@nomana-it/liberty-core"
 
 export const CircularProgressExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/collapse.md b/docs/liberty/core/components/ui-elements/collapse.md
@@ -12,7 +12,7 @@ The `Collapse` component allows content to expand and collapse smoothly with an
 
 ## Example Usage
 ```tsx
-import { Collapse, Button } from "liberty-core";
+import { Collapse, Button } from "@nomana-it/liberty-core"
 import { useState } from "react";
 
 export const CollapseExample = () => {
diff --git a/docs/liberty/core/components/ui-elements/divider.md b/docs/liberty/core/components/ui-elements/divider.md
@@ -13,7 +13,7 @@ The `Divider` component is used to separate content with a thin line. It can be
 
 ## Example Usage
 ```tsx
-import { Divider } from "liberty-core";
+import { Divider } from "@nomana-it/liberty-core"
 
 export const DividerExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/flex-advanced.md b/docs/liberty/core/components/ui-elements/flex-advanced.md
@@ -1,21 +1,21 @@
 # AdvancedFlexPanels Component
 
 ## Description
-The \`AdvancedFlexPanels\` component is a **bi-dimensional, resizable** layout system that allows for:
+The `AdvancedFlexPanels` component is a **bi-dimensional, resizable** layout system that allows for:
 - **Dynamic resizing of both rows and columns**
 - **Drag-and-drop reordering of child elements**
 - **Smooth animations for user interactions**
 
 ## Props
 | Prop         | Type                     | Default | Description |
 |-------------|-------------------------|---------|-------------|
-| \`rows\`     | \`number\`               | \`2\`     | Number of rows in the layout. |
-| \`columns\`  | \`number\`               | \`2\`     | Number of columns in each row. |
-| \`children\` | \`ReactNode[][]\`        | \`-\`     | Bi-dimensional array of child components. |
+| `rows`     | `number`               | `2`     | Number of rows in the layout. |
+| `columns`  | `number`               | `2`     | Number of columns in each row. |
+| `children` | `ReactNode[][]`        | `-`     | Bi-dimensional array of child components. |
 
 ## Example Usage
-\`\`\`tsx
-import { AdvancedFlexPanels } from "liberty-core";
+```tsx
+import { AdvancedFlexPanels } from "@nomana-it/liberty-core"
 
 export const AdvancedFlexPanelsExample = () => {
   return (
@@ -33,7 +33,7 @@ export const AdvancedFlexPanelsExample = () => {
     </AdvancedFlexPanels>
   );
 };
-\`\`\`
+```
 
 ## Useful Links
 🔗 **GitHub Repository (Core):** [Liberty Core](https://github.com/fblettner/liberty-core/)  
diff --git a/docs/liberty/core/components/ui-elements/flex.md b/docs/liberty/core/components/ui-elements/flex.md
@@ -13,7 +13,7 @@ The `FlexPanels` component is a flexible, resizable layout container that allows
 
 ## Example Usage
 ```tsx
-import { FlexPanels } from "liberty-core";
+import { FlexPanels } from "@nomana-it/liberty-core"
 
 export const FlexPanelsExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/icon-button.md b/docs/liberty/core/components/ui-elements/icon-button.md
@@ -18,7 +18,7 @@ The `IconButton` component is a button wrapper specifically for **icons**, offer
 
 ## Example Usage
 ```tsx
-import { IconButton } from "liberty-core";
+import { IconButton } from "@nomana-it/liberty-core"
 import { LYThumbUpIcon, LYThumbDownOffIcon } from "@ly_styles/icons";
 
 export const IconButtonExample = () => {
diff --git a/docs/liberty/core/components/ui-elements/loading-indicator.md b/docs/liberty/core/components/ui-elements/loading-indicator.md
@@ -12,7 +12,7 @@ The `LoadingIndicator` component provides a visual loading state indicator with
 
 ## Example Usage
 ```tsx
-import { LoadingIndicator } from "liberty-core";
+import { LoadingIndicator } from "@nomana-it/liberty-core"
 
 export const LoadingIndicatorExample = () => {
   return (
diff --git a/docs/liberty/core/components/ui-elements/markdown.md b/docs/liberty/core/components/ui-elements/markdown.md
@@ -11,7 +11,7 @@ The `MarkDown` component renders markdown content and supports syntax highlighti
 
 ## Example Usage
 ```tsx
-import { MarkDown } from "liberty-core";
+import { MarkDown } from "@nomana-it/liberty-core"
 
 const markdownText = `
 # Sample Markdown
diff --git a/docs/liberty/core/components/ui-elements/snack-message.md b/docs/liberty/core/components/ui-elements/snack-message.md
diff --git a/docs/liberty/core/components/ui-elements/toggle-button.md b/docs/liberty/core/components/ui-elements/toggle-button.md
diff --git a/docs/liberty/core/components/ui-elements/tooltip.md b/docs/liberty/core/components/ui-elements/tooltip.md
diff --git a/docs/liberty/core/components/ui-elements/typography.md b/docs/liberty/core/components/ui-elements/typography.md
diff --git a/docs/liberty/core/getting-started.md b/docs/liberty/core/getting-started.md
diff --git a/docs/liberty/core/new-project.md b/docs/liberty/core/new-project.md
diff --git a/docs/liberty/core/services/applications.md b/docs/liberty/core/services/applications.md
diff --git a/docs/liberty/core/services/appprovider.md b/docs/liberty/core/services/appprovider.md
diff --git a/docs/liberty/core/services/authentication.md b/docs/liberty/core/services/authentication.md
diff --git a/docs/liberty/core/services/error-boundary.md b/docs/liberty/core/services/error-boundary.md
diff --git a/docs/liberty/core/services/modules.md b/docs/liberty/core/services/modules.md
diff --git a/docs/liberty/core/services/themes.md b/docs/liberty/core/services/themes.md
diff --git a/docs/liberty/core/services/translations.md b/docs/liberty/core/services/translations.md
diff --git a/docs/liberty/core/services/use-media-query.md b/docs/liberty/core/services/use-media-query.md
diff --git a/docs/liberty/core/services/users.md b/docs/liberty/core/services/users.md
