npm - @rovula/ui - Versions diffs - 0.0.21 → 0.0.22 - Mend

@rovula/ui 0.0.21 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (299) hide show

package/dist/esm/types/components/Table/Table.stories.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ declare const meta: {
         style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         radioGroup?: string | undefined;
         role?: React.AriaRole | undefined;
         about?: string | undefined;
@@ -56,11 +56,11 @@ declare const meta: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -70,7 +70,7 @@ declare const meta: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "date" | "time" | "step" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -80,14 +80,14 @@ declare const meta: {
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "polite" | "off" | "assertive" | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
@@ -97,7 +97,7 @@ declare const meta: {
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;

package/dist/esm/types/components/Tabs/Tabs.d.ts CHANGED Viewed

@@ -1,13 +1,22 @@
-import React, { ReactElement } from "react";
+import React from "react";
 type Tab = {
     label: string;
-    startTabContent?: ReactElement;
-    endTabContent?: ReactElement;
+    startTabContent?: React.ReactElement;
+    endTabContent?: React.ReactElement;
     content: React.ReactNode;
 };
 type TabsProps = {
     tabs: Tab[];
     initialTab?: number;
+    tabBarSize?: number;
+    tabMode?: "start" | "justify";
+    enableBorderLine?: boolean;
+    className?: string;
+    tabBarClassName?: string;
+    tabButtonClassName?: string;
+    tabButtonActiveClassName?: string;
+    tabContentClassName?: string;
+    borderSliderClassname?: string;
 };
 declare const Tabs: React.FC<TabsProps>;
 export default Tabs;

package/dist/esm/types/components/Tabs/Tabs.stories.d.ts CHANGED Viewed

@@ -9,6 +9,15 @@ declare const meta: {
             content: React.ReactNode;
         }[];
         initialTab?: number | undefined;
+        tabBarSize?: number | undefined;
+        tabMode?: "start" | "justify" | undefined;
+        enableBorderLine?: boolean | undefined;
+        className?: string | undefined;
+        tabBarClassName?: string | undefined;
+        tabButtonClassName?: string | undefined;
+        tabButtonActiveClassName?: string | undefined;
+        tabContentClassName?: string | undefined;
+        borderSliderClassname?: string | undefined;
     }>;
     tags: string[];
     parameters: {
@@ -22,6 +31,15 @@ declare const meta: {
             content: React.ReactNode;
         }[];
         initialTab?: number | undefined;
+        tabBarSize?: number | undefined;
+        tabMode?: "start" | "justify" | undefined;
+        enableBorderLine?: boolean | undefined;
+        className?: string | undefined;
+        tabBarClassName?: string | undefined;
+        tabButtonClassName?: string | undefined;
+        tabButtonActiveClassName?: string | undefined;
+        tabContentClassName?: string | undefined;
+        borderSliderClassname?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/esm/types/components/TextInput/TextInput.stories.d.ts CHANGED Viewed

@@ -44,65 +44,20 @@ declare const meta: {
         endIcon?: React.ReactNode;
         className?: string | undefined;
         labelClassName?: string | undefined;
-        color?: string | undefined;
-        form?: string | undefined;
-        list?: string | undefined;
-        title?: string | undefined;
-        children?: React.ReactNode;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
+        color?: string | undefined;
+        height?: string | number | undefined;
         lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
+        max?: string | number | undefined;
+        min?: string | number | undefined;
+        name?: string | undefined;
         style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
+        width?: string | number | undefined;
         role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
+        tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -112,7 +67,7 @@ declare const meta: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "date" | "time" | "step" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -122,14 +77,14 @@ declare const meta: {
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "polite" | "off" | "assertive" | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
@@ -139,7 +94,7 @@ declare const meta: {
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -153,6 +108,7 @@ declare const meta: {
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
+        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -316,24 +272,68 @@ declare const meta: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        form?: string | undefined;
+        list?: string | undefined;
+        step?: string | number | undefined;
+        title?: string | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: boolean | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-        height?: string | number | undefined;
-        max?: string | number | undefined;
         maxLength?: number | undefined;
-        min?: string | number | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
         pattern?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         src?: string | undefined;
-        step?: string | number | undefined;
-        width?: string | number | undefined;
         ref?: React.LegacyRef<HTMLInputElement> | undefined;
         key?: React.Key | null | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/esm/types/components/TextInput/TextInput.styles.d.ts CHANGED Viewed

@@ -34,5 +34,5 @@ export declare const sectionIconWrapperVariant: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "none" | "normal" | "full" | null | undefined;
     error?: boolean | null | undefined;
-    position?: "start" | "end" | null | undefined;
+    position?: "end" | "start" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/esm/types/icons/heroIconConfig.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/esm/types/icons/iconConfig.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "./heroIconConfig";
2	+ import "./materialIconConfig";

package/dist/esm/types/icons/iconRegistry.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { IconRegistryMap, IconVariant, IconComponent } from "./type";
+export interface IconRegistry {
+    [setName: string]: IconRegistryMap;
+}
+export declare const iconRegistry: IconRegistry;
+/**
+ * Register an icon set with dynamic or direct imports.
+ * @param setName - The name of the icon set.
+ * @param icons - A record of icon names to their respective import paths with variants.
+ */
+export declare const registerIconSet: (setName: string, icons: IconRegistryMap) => Promise<void>;
+/**
+ * Retrieve an icon component by set name, icon name, and variant.
+ * @param setName - The name of the icon set.
+ * @param iconName - The name of the icon.
+ * @param variant - The variant of the icon (solid or outline).
+ * @returns The icon component if found, otherwise undefined.
+ */
+export declare const getIcon: (setName: string, iconName: string, variant: IconVariant) => IconComponent | undefined;

package/dist/esm/types/icons/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "./iconRegistry";

package/dist/esm/types/icons/material-icon/outline/ChevronDownIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ChevronDownIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownIcon;

package/dist/esm/types/icons/material-icon/outline/CollapseContentIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const CollapseContentIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default CollapseContentIcon;

package/dist/esm/types/icons/material-icon/outline/ContentCopyIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ContentCopyIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ContentCopyIcon;

package/dist/esm/types/icons/material-icon/outline/ContentPasteIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ContentPasteIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ContentPasteIcon;

package/dist/esm/types/icons/material-icon/outline/DataTableIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const DataTableICon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default DataTableICon;

package/dist/esm/types/icons/material-icon/outline/ExpandCircleDownIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandCircleDownIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandCircleDownIcon;

package/dist/esm/types/icons/material-icon/outline/ExpandCircleRightIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandCircleRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandCircleRightIcon;

package/dist/esm/types/icons/material-icon/outline/ExpandCircleUpIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandCircleUpIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandCircleUpIcon;

package/dist/esm/types/icons/material-icon/outline/ExpandContentIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandContentIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandContentIcon;

package/dist/esm/types/icons/material-icon/outline/InterestsIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const InterestsIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default InterestsIcon;

package/dist/esm/types/icons/material-icon/outline/SaveIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const SaveIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SaveIcon;

package/dist/esm/types/icons/material-icon/outline/TableChartIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const TableChartIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default TableChartIcon;

package/dist/esm/types/icons/material-icon/outline/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export { default as SaveIcon } from "./SaveIcon";
+export { default as DataTableIcon } from "./DataTableIcon";
+export { default as TableChartIcon } from "./TableChartIcon";
+export { default as InterestsIcon } from "./InterestsIcon";
+export { default as CollapseContentIcon } from "./CollapseContentIcon";
+export { default as ExpandContentIcon } from "./ExpandContentIcon";
+export { default as ExpandCircleRightIcon } from "./ExpandCircleRightIcon";
+export { default as ExpandCircleDownIcon } from "./ExpandCircleDownIcon";
+export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
+export { default as ContentCopyIcon } from "./ContentCopyIcon";
+export { default as ContentPasteIcon } from "./ContentPasteIcon";
+export { default as ChevronDownIcon } from "./ChevronDownIcon";

package/dist/esm/types/icons/material-icon/solid/ChevronDownIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ChevronDownIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ChevronDownIcon;

package/dist/esm/types/icons/material-icon/solid/CollapseContentIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const CollapseContentIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default CollapseContentIcon;

package/dist/esm/types/icons/material-icon/solid/ContentCopyIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ContentCopyIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ContentCopyIcon;

package/dist/esm/types/icons/material-icon/solid/ContentPasteIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ContentPasteIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ContentPasteIcon;

package/dist/esm/types/icons/material-icon/solid/DataTableIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const DataTableICon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default DataTableICon;

package/dist/esm/types/icons/material-icon/solid/ExpandCircleDownIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandCircleDownIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandCircleDownIcon;

package/dist/esm/types/icons/material-icon/solid/ExpandCircleRightIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandCircleRightIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandCircleRightIcon;

package/dist/esm/types/icons/material-icon/solid/ExpandCircleUpIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandCircleUpIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandCircleUpIcon;

package/dist/esm/types/icons/material-icon/solid/ExpandContentIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const ExpandContentIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ExpandContentIcon;

package/dist/esm/types/icons/material-icon/solid/InterestsIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const InterestsIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default InterestsIcon;

package/dist/esm/types/icons/material-icon/solid/SaveIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const SaveIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SaveIcon;

package/dist/esm/types/icons/material-icon/solid/TableChartIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const TableChartIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default TableChartIcon;

package/dist/esm/types/icons/material-icon/solid/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export { default as SaveIcon } from "./SaveIcon";
+export { default as DataTableIcon } from "./DataTableIcon";
+export { default as TableChartIcon } from "./TableChartIcon";
+export { default as InterestsIcon } from "./InterestsIcon";
+export { default as CollapseContentIcon } from "./CollapseContentIcon";
+export { default as ExpandContentIcon } from "./ExpandContentIcon";
+export { default as ExpandCircleRightIcon } from "./ExpandCircleRightIcon";
+export { default as ExpandCircleDownIcon } from "./ExpandCircleDownIcon";
+export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
+export { default as ContentCopyIcon } from "./ContentCopyIcon";
+export { default as ContentPasteIcon } from "./ContentPasteIcon";
+export { default as ChevronDownIcon } from "./ChevronDownIcon";

package/dist/esm/types/icons/materialIconConfig.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/esm/types/icons/type.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+export type IconVariant = "solid" | "outline";
+export type IconVariantsMap = {
+    [K in IconVariant]?: IconComponent;
+};
+export type IconRegistryMap = Record<string, IconVariantsMap>;
+export type IconSet = Record<string, IconComponent>;

package/dist/esm/types/icons/utils.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function getIconKeyByNaming(camelCaseStr: string): string;

package/dist/esm/types/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import "./theme/global.css";
+import "./icons/iconConfig";
 export { default as Button } from "./components/Button/Button";
 export { default as TextInput } from "./components/TextInput/TextInput";
 export { default as Text } from "./components/Text/Text";
@@ -16,11 +17,14 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { Popover, PopoverTrigger, PopoverContent, } from "./components/Popover/Popover";
 export { default as Loading } from "./components/Loading/Loading";
 export { default as ProgressBar } from "./components/ProgressBar/ProgressBar";
+export { default as Icon } from "./components/Icon/Icon";
 export * from "./components/Table/Table";
 export * from "./components/DataTable/DataTable";
 export * from "./components/Dialog/Dialog";
 export * from "./components/AlertDialog/AlertDialog";
 export * from "./components/Search/Search";
+export * from "./components/Slider/Slider";
+export * from "./components/Switch/Switch";
 export type { ButtonProps } from "./components/Button/Button";
 export type { InputProps } from "./components/TextInput/TextInput";
 export type { DropdownProps, Options } from "./components/Dropdown/Dropdown";

package/dist/icons/heroIconConfig.js ADDED Viewed

@@ -0,0 +1,13 @@
+import * as HeroIconSolid from "@heroicons/react/16/solid";
+import * as HeroIconOutline from "@heroicons/react/24/outline";
+import { registerIconSet } from "./iconRegistry";
+import { getIconKeyByNaming } from "./utils";
+const heroiconIcons = Object.keys(HeroIconSolid).reduce((prev, key) => {
+    var _a, _b;
+    const iconKey = getIconKeyByNaming(key);
+    return Object.assign(Object.assign({}, prev), { [iconKey]: {
+            solid: (_a = HeroIconSolid[key]) !== null && _a !== void 0 ? _a : null,
+            outline: (_b = HeroIconOutline[key]) !== null && _b !== void 0 ? _b : null,
+        } });
+}, {});
+registerIconSet("heroicons", heroiconIcons);

package/dist/icons/iconConfig.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "./heroIconConfig";
2	+ import "./materialIconConfig";

package/dist/icons/iconRegistry.js ADDED Viewed

@@ -0,0 +1,47 @@
+// The global icon registry object
+export const iconRegistry = {};
+/**
+ * Register an icon set with dynamic or direct imports.
+ * @param setName - The name of the icon set.
+ * @param icons - A record of icon names to their respective import paths with variants.
+ */
+export const registerIconSet = async (setName, icons) => {
+    const loadedIcons = {};
+    for (const [iconName, variants] of Object.entries(icons)) {
+        const loadedVariants = {};
+        for (const [variant, importFn] of Object.entries(variants)) {
+            if (importFn) {
+                try {
+                    let IconComponent;
+                    // TODO: support dynamic import.
+                    // if (typeof importFn === "function") {
+                    //   const module = await (
+                    //     importFn as () => Promise<{ default: IconComponent }>
+                    //   )();
+                    //   IconComponent = module.default;
+                    // } else {
+                    //   IconComponent = importFn as IconComponent;
+                    // }
+                    IconComponent = importFn;
+                    loadedVariants[variant] = IconComponent;
+                }
+                catch (error) {
+                    console.warn(`Failed to load ${variant} icon "${iconName}" in set "${setName}":`, error);
+                }
+            }
+        }
+        loadedIcons[iconName] = loadedVariants;
+    }
+    iconRegistry[setName] = Object.assign(Object.assign({}, iconRegistry[setName]), loadedIcons);
+};
+/**
+ * Retrieve an icon component by set name, icon name, and variant.
+ * @param setName - The name of the icon set.
+ * @param iconName - The name of the icon.
+ * @param variant - The variant of the icon (solid or outline).
+ * @returns The icon component if found, otherwise undefined.
+ */
+export const getIcon = (setName, iconName, variant) => {
+    var _a, _b;
+    return (_b = (_a = iconRegistry[setName]) === null || _a === void 0 ? void 0 : _a[iconName]) === null || _b === void 0 ? void 0 : _b[variant];
+};

package/dist/icons/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "./iconRegistry";

package/dist/icons/material-icon/outline/ChevronDownIcon.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ChevronDownIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.747 6.997a.844.844 0 0 1 1.193 0L9 10.057l3.06-3.06a.844.844 0 0 1 1.193 1.193l-3.656 3.657a.844.844 0 0 1-1.194 0L4.747 8.19a.844.844 0 0 1 0-1.193Z", clipRule: "evenodd" }) })));
+export default ChevronDownIcon;

package/dist/icons/material-icon/outline/CollapseContentIcon.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CollapseContentIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M8.923 15.077h-4a.892.892 0 0 1-.657-.266.893.893 0 0 1-.266-.658c0-.261.089-.48.266-.657a.893.893 0 0 1 .657-.265h4.734c.315 0 .58.106.793.32.213.213.32.477.32.792v4.734c0 .261-.09.48-.266.657a.893.893 0 0 1-.658.266.892.892 0 0 1-.658-.265.893.893 0 0 1-.265-.658v-4Zm6.154-6.154h4c.261 0 .48.089.657.266a.893.893 0 0 1 .266.657c0 .262-.088.481-.265.658a.893.893 0 0 1-.658.265h-4.734c-.315 0-.58-.106-.793-.32a1.077 1.077 0 0 1-.32-.792V4.923c0-.261.09-.48.266-.657A.893.893 0 0 1 14.154 4c.262 0 .481.089.658.266a.893.893 0 0 1 .265.657v4Z" }) })));
+export default CollapseContentIcon;