@udixio/ui-react 0.4.2 → 1.0.0

package/{src → dist}/lib/styles/button.style.d.ts

@@ -1,6 +1,7 @@
 import { ButtonInterface } from '../interfaces';
-export declare const buttonStyle: (states: ({
+export declare const buttonStyle: (states: (({
     label: any;
+    children: any;
     size: any;
     variant: any;
     disabled: any;
@@ -10,9 +11,12 @@ export declare const buttonStyle: (states: ({
     shape: any;
     allowShapeTransformation: any;
     transition: any;
+    onToggle: any;
+    activated: any;
     href: any;
 } | {
     label: any;
+    children: any;
     size: any;
     variant: any;
     disabled: any;
@@ -22,11 +26,14 @@ export declare const buttonStyle: (states: ({
     shape: any;
     allowShapeTransformation: any;
     transition: any;
+    onToggle: any;
+    activated: any;
     href: any;
-}) & ((({
-    label: string;
+}) & (({
+    label?: string;
+    children?: string;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
-    variant?: "filled" | "elevated" | "outlined" | "text" | "filledTonal";
+    variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
     disabled?: boolean;
     icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     iconPosition?: "left" | "right";
@@ -34,12 +41,15 @@ export declare const buttonStyle: (states: ({
     shape?: "squared" | "rounded";
     allowShapeTransformation?: boolean;
     transition?: import('motion').Transition;
+    onToggle?: (isActive: boolean) => void;
+    activated?: boolean;
 } & {
     href?: string;
 }) | ({
-    label: string;
+    label?: string;
+    children?: string;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
-    variant?: "filled" | "elevated" | "outlined" | "text" | "filledTonal";
+    variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
     disabled?: boolean;
     icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     iconPosition?: "left" | "right";
@@ -47,9 +57,13 @@ export declare const buttonStyle: (states: ({
     shape?: "squared" | "rounded";
     allowShapeTransformation?: boolean;
     transition?: import('motion').Transition;
+    onToggle?: (isActive: boolean) => void;
+    activated?: boolean;
 } & {
     href?: never;
-})) & {
+}))) & {
+    isActive: boolean;
+} & {
     className: string | import('..').ClassNameComponent<ButtonInterface> | undefined;
-})) => Record<"container" | "button" | "label" | "stateLayer" | "icon", string>;
+}) => Record<"button" | "label" | "stateLayer" | "icon" | "touchTarget", string>;
 //# sourceMappingURL=button.style.d.ts.map

package/dist/lib/styles/button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/button.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFA0IvB,CAAC"}

package/{src → dist}/lib/styles/card.style.d.ts

@@ -2,9 +2,11 @@ import { CardInterface } from '../interfaces';
 export declare const cardStyle: (states: {
     variant: any;
     isInteractive: any;
+    children: any;
 } & {
     variant?: "outlined" | "elevated" | "filled";
     isInteractive?: boolean;
+    children: import('react').ReactNode;
 } & {
     className: string | import('..').ClassNameComponent<CardInterface> | undefined;
 }) => Record<"card" | "stateLayer", string>;

package/dist/lib/styles/card.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/card.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,SAAS;;;;;;;;;;2CAiBrB,CAAC"}

package/dist/lib/styles/carousel-item.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,eAAO,MAAM,iBAAiB;;;;;;;;;;oCAO7B,CAAC"}

package/{src → dist}/lib/styles/carousel.style.d.ts

@@ -9,7 +9,7 @@ export declare const carouselStyle: (states: {
     inputRange: any;
     outputRange: any;
 } & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactElement<typeof import('..').CarouselItem>[];
     marginPourcent?: number;
     onChange?: (index: number) => void;
     variant?: "hero" | "center-aligned hero" | "multi-browse" | "un-contained" | "full-screen";

package/dist/lib/styles/carousel.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;0CAQzB,CAAC"}

package/dist/lib/styles/divider.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/divider.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,eAAO,MAAM,YAAY;;;;;;+BAaxB,CAAC"}

package/{src → dist}/lib/styles/fab.style.d.ts

@@ -2,6 +2,7 @@ import { FabInterface } from '../interfaces/fab.interface';
 export declare const fabStyle: (states: ({
     variant: any;
     label: any;
+    children: any;
     icon: any;
     size: any;
     isExtended: any;
@@ -10,6 +11,7 @@ export declare const fabStyle: (states: ({
 } | {
     variant: any;
     label: any;
+    children: any;
     icon: any;
     size: any;
     isExtended: any;
@@ -17,7 +19,8 @@ export declare const fabStyle: (states: ({
     href: any;
 }) & ((({
     variant?: import('..').FabVariant;
-    label: string;
+    label?: string;
+    children?: string;
     icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     size?: "small" | "medium" | "large";
     isExtended?: boolean;
@@ -26,7 +29,8 @@ export declare const fabStyle: (states: ({
     href?: string;
 }) | ({
     variant?: import('..').FabVariant;
-    label: string;
+    label?: string;
+    children?: string;
     icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     size?: "small" | "medium" | "large";
     isExtended?: boolean;

package/dist/lib/styles/fab.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/fab.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAmDpB,CAAC"}

package/{src → dist}/lib/styles/icon-button.style.d.ts

@@ -1,6 +1,7 @@
 import { IconButtonInterface } from '../interfaces/icon-button.interface';
 export declare const iconButtonStyle: (states: (({
-    arialLabel: any;
+    label: any;
+    children: any;
     icon: any;
     size: any;
     width: any;
@@ -14,7 +15,8 @@ export declare const iconButtonStyle: (states: (({
     transition: any;
     href: any;
 } | {
-    arialLabel: any;
+    label: any;
+    children: any;
     icon: any;
     size: any;
     width: any;
@@ -28,7 +30,8 @@ export declare const iconButtonStyle: (states: (({
     transition: any;
     href: any;
 }) & (({
-    arialLabel: string;
+    label?: string;
+    children?: string;
     icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     width?: "default" | "narrow" | "wide";
@@ -43,7 +46,8 @@ export declare const iconButtonStyle: (states: (({
 } & {
     href?: string;
 }) | ({
-    arialLabel: string;
+    label?: string;
+    children?: string;
     icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     width?: "default" | "narrow" | "wide";
@@ -59,5 +63,5 @@ export declare const iconButtonStyle: (states: (({
     href?: never;
 }))) & import('..').IconButtonStates & {
     className: string | import('..').ClassNameComponent<IconButtonInterface> | undefined;
-}) => Record<"container" | "stateLayer" | "icon" | "iconButton", string>;
+}) => Record<"stateLayer" | "icon" | "iconButton" | "touchTarget", string>;
 //# sourceMappingURL=icon-button.style.d.ts.map

package/dist/lib/styles/icon-button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/icon-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0EAmK3B,CAAC"}

package/dist/lib/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/{src → dist}/lib/styles/navigation-rail-item.style.d.ts

@@ -3,6 +3,7 @@ export declare const navigationRailItemStyle: (states: (({
     selected: any;
     variant: any;
     label: any;
+    children: any;
     icon: any;
     iconSelected: any;
     selectedItem: any;
@@ -17,6 +18,7 @@ export declare const navigationRailItemStyle: (states: (({
     selected: any;
     variant: any;
     label: any;
+    children: any;
     icon: any;
     iconSelected: any;
     selectedItem: any;

package/dist/lib/styles/navigation-rail-item.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-rail-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/navigation-rail-item.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAE5D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0FAwCjC,CAAC"}

package/dist/lib/styles/navigation-rail.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-rail.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/navigation-rail.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2EAgB/B,CAAC"}

package/dist/lib/styles/progress-indicator.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/progress-indicator.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAGxF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;gFAuChC,CAAC"}

package/dist/lib/styles/slider.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/slider.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;aAIuB,CAAC;;;;;;sGAmB/C,CAAC"}

package/{src → dist}/lib/styles/snackbar.style.d.ts

@@ -2,12 +2,12 @@ import { SnackbarInterface } from '../interfaces/snackbar.interface';
 export declare const snackbarStyle: (states: {
     duration: any;
     onClose: any;
-    supportingText: any;
+    message: any;
     closeIcon: any;
 } & {
     duration?: number;
     onClose?: () => void;
-    supportingText: string;
+    message: string;
     closeIcon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
 } & {
     isVisible: boolean;

package/dist/lib/styles/snackbar.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/snackbar.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;qFAUzB,CAAC"}

package/dist/lib/styles/switch.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/switch.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;2FA+CvB,CAAC"}

package/{src → dist}/lib/styles/tab.style.d.ts

@@ -31,5 +31,5 @@ export declare const tabStyle: (states: (({
     isSelected: boolean;
 } & {
     className: string | import('..').ClassNameComponent<TabInterface> | undefined;
-}) => Record<"content" | "label" | "stateLayer" | "icon" | "tab" | "underline", string>;
+}) => Record<"content" | "label" | "stateLayer" | "tab" | "icon" | "underline", string>;
 //# sourceMappingURL=tab.style.d.ts.map

package/dist/lib/styles/tab.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/tab.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFA+DpB,CAAC"}

package/{src → dist}/lib/styles/tabs.style.d.ts

@@ -17,7 +17,7 @@ export declare const tabsStyle: (states: {
     selectedTab?: number | null;
     setSelectedTab?: import('react').Dispatch<import('react').SetStateAction<number | null>>;
     scrollable?: boolean;
-} & {
+} & object & {
     className: string | import('..').ClassNameComponent<TabsInterface> | undefined;
 }) => Record<"tabs", string>;
 //# sourceMappingURL=tabs.style.d.ts.map

package/dist/lib/styles/tabs.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/tabs.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;4BASrB,CAAC"}

package/dist/lib/styles/text-field.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/text-field.style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAGxE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mKAkG1B,CAAC"}

package/dist/lib/styles/tooltip.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/tooltip.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yFAiCrB,CAAC"}

package/dist/lib/utils/component-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-helper.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/component-helper.ts"],"names":[],"mappings":"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"}

package/{src → dist}/lib/utils/component.d.ts

@@ -2,7 +2,7 @@ import { JSX } from 'react/jsx-runtime';
 import { default as React } from 'react';
 import { ComponentClassName, HTMLElements } from './component-helper';
 import { HTMLMotionProps } from 'motion/react';
-export type ReactProps<T extends ComponentInterface> = Omit<JSX.IntrinsicElements[T['type']], keyof T['props'] | 'className'> & ComponentClassName<T> & {
+export type ReactProps<T extends ComponentInterface> = Omit<JSX.IntrinsicElements[T['type']], keyof T['props'] | 'className' | 'children'> & ComponentClassName<T> & {
     ref?: React.RefObject<HTMLElements[T['type']] | null>;
 } & T['props'];
 export type MotionProps<T extends ComponentInterface> = ReactProps<T> & HTMLMotionProps<T['type']>;

package/dist/lib/utils/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,kBAAkB,IAAI,IAAI,CACzD,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAChC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,WAAW,GAAG,UAAU,CAC5C,GACC,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CACvD,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;AAEjB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,GACnE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7B,MAAM,WAAW,aAAa,CAAC,KAAK;IAClC,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,KAAK,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC;AAED,MAAM,WAAW,eAAe,CAAC,KAAK;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,KAAK,GAAG;QAAE,IAAI,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC;CACjC;AAED,MAAM,MAAM,YAAY,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,YAAY,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB"}

package/dist/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/dist/lib/utils/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/string.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAQ9C"}

package/dist/lib/utils/styles/classnames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classnames.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/styles/classnames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AA2CxC,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,UAAU,EAAE,WAE/C,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,UAAU,EAAE,WAE/C,CAAC"}

package/dist/lib/utils/styles/get-classname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-classname.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/styles/get-classname.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG;CACtB,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,kBAAkB;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,kBAAkB,IAAI,CAC7D,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAC7B,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAEpD,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,kBAAkB,EAAE,MAAM;IAChE,aAAa,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC9D,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;CAClC,KAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAkCvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,kBAAkB,EAC5D,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EACzB,kBAAkB,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,MAG9C,QAAQ,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAClC,CAAC,CAAC,OAAO,CAAC,GACV,CAAC,CAAC,QAAQ,CAAC,GAAG;IACZ,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;CACvD,0CAON,CAAC"}

package/dist/lib/utils/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/package.json

@@ -1,19 +1,42 @@
 {
   "name": "@udixio/ui-react",
-  "version": "0.4.2",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "version": "1.0.0",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "development": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
     }
   },
+  "peerDependencies": {
+    "react": ">19.0.0",
+    "react-dom": ">19.0.0"
+  },
+  "dependencies": {
+    "throttle-debounce": "^5.0.2",
+    "clsx": "^2.1.1",
+    "react-textarea-autosize": "^8.5.9",
+    "motion": "^12.23.0",
+    "tailwind-merge": "^3.3.1",
+    "uuid": "^11.0.3",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2"
+  },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.11",
-    "@udixio/theme": "0.5.2",
-    "@udixio/tailwind": "0.5.2"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "@udixio/theme": "1.0.0",
+    "@udixio/tailwind": "1.2.0"
   },
   "repository": {
     "type": "git",

package/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};

package/src/index.css

@@ -0,0 +1,4 @@
+@import 'tailwindcss';
+@import "./udixio.css";
+
+

package/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/index';

package/src/lib/components/Button.tsx

@@ -0,0 +1,174 @@
+import { classNames, ReactProps } from '../utils';
+import { ButtonInterface } from '../interfaces';
+import { buttonStyle } from '../styles';
+import { Icon } from '../icon';
+import { ProgressIndicator } from './ProgressIndicator';
+import { RippleEffect } from '../effects';
+import React, { useEffect, useRef } from 'react';
+
+/**
+ * Buttons prompt most actions in a UI
+ * @status beta
+ * @category Action
+ */
+export const Button = ({
+  variant = 'filled',
+  disabled = false,
+  icon,
+  href,
+  label,
+  className,
+  iconPosition = 'left',
+  loading = false,
+  shape = 'rounded',
+  onClick,
+  onToggle,
+  activated,
+  ref,
+  size = 'medium',
+  allowShapeTransformation = true,
+  transition,
+  children,
+  ...restProps
+}: ReactProps<ButtonInterface>) => {
+  if (children) label = children;
+  if (!label) {
+    throw new Error(
+      'Button component requires either a label prop or children content',
+    );
+  }
+
+  const ElementType = href ? 'a' : 'button';
+
+  const defaultRef = useRef<HTMLDivElement>(null);
+  const resolvedRef = ref || defaultRef;
+
+  const [isActive, setIsActive] = React.useState(activated);
+  useEffect(() => {
+    setIsActive(activated);
+  }, [activated]);
+
+  transition = { duration: 0.3, ...transition };
+
+  let handleClick;
+
+  if (!onToggle) {
+    handleClick = (e: React.MouseEvent<any, MouseEvent>) => {
+      if (disabled) {
+        e.preventDefault();
+      }
+      if (onClick) {
+        onClick(e);
+      }
+    };
+  } else if (onToggle) {
+    handleClick = (e: React.MouseEvent<any, MouseEvent>) => {
+      if (disabled) {
+        e.preventDefault();
+      }
+      const next = !isActive;
+      setIsActive(next);
+      onToggle(next);
+    };
+  }
+  const styles = buttonStyle({
+    allowShapeTransformation,
+    size,
+    shape,
+    href,
+    disabled,
+    icon,
+    iconPosition,
+    loading,
+    variant,
+    transition,
+    className,
+    isActive: isActive ?? false,
+    onToggle,
+    activated: isActive,
+    label,
+    children: label,
+  });
+  const iconElement = icon ? (
+    <Icon icon={icon} className={styles.icon} />
+  ) : (
+    <></>
+  );
+
+  return (
+    <ElementType
+      ref={resolvedRef}
+      href={href}
+      className={styles.button}
+      {...(restProps as any)}
+      onClick={handleClick}
+      disabled={disabled}
+      aria-pressed={onToggle ? isActive : undefined}
+      style={{ transition: transition.duration + 's' }}
+    >
+      <div className={styles.touchTarget}></div>
+      <div
+        className={styles.stateLayer}
+        style={{ transition: transition.duration + 's' }}
+      >
+        {!disabled && (
+          <RippleEffect
+            colorName={
+              (variant === 'filled' && onToggle && 'on-surface-variant') ||
+              (variant === 'filled' && !onToggle && 'on-primary') ||
+              (variant === 'elevated' && 'primary') ||
+              (variant === 'tonal' && 'on-secondary-container') ||
+              (variant === 'outlined' && 'primary') ||
+              (variant === 'text' && 'primary') ||
+              ''
+            }
+            triggerRef={resolvedRef}
+          />
+        )}
+      </div>
+
+      {iconPosition === 'left' && iconElement}
+      {loading && (
+        <div
+          className={
+            '!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2'
+          }
+        >
+          <ProgressIndicator
+            className={() => ({
+              progressIndicator: 'h-6 w-6',
+              activeIndicator: classNames(
+                {
+                  '!stroke-primary': variant === 'elevated' && !disabled,
+                  '!stroke-on-surface/[38%]':
+                    variant === 'elevated' && disabled,
+                },
+                {
+                  '!stroke-on-primary': variant === 'filled' && !disabled,
+                  '!stroke-on-surface/[38%]': variant === 'filled' && disabled,
+                },
+                {
+                  '!stroke-on-secondary-container':
+                    variant === 'tonal' && !disabled,
+                  '!stroke-on-surface/[38%]': variant === 'tonal' && disabled,
+                },
+                {
+                  '!stroke-primary': variant === 'outlined' && !disabled,
+                  '!stroke-on-surface/[38%]':
+                    variant === 'outlined' && disabled,
+                },
+                {
+                  '!stroke-primary': variant === 'text' && !disabled,
+                  '!stroke-on-surface/[38%]': variant === 'text' && disabled,
+                },
+              ),
+            })}
+            variant={'circular-indeterminate'}
+          />
+        </div>
+      )}
+      <span className={styles.label}>{label}</span>
+      {iconPosition === 'right' && iconElement}
+    </ElementType>
+  );
+};

package/src/lib/components/Card.tsx

@@ -0,0 +1,36 @@
+import { useRef } from 'react';
+
+import { RippleEffect } from '../effects/ripple';
+import { CardInterface } from '../interfaces';
+import { cardStyle } from '../styles';
+import { ReactProps } from '../utils';
+
+/**
+ * Cards display content and actions about a single subject
+ * @status beta
+ * @category Layout
+ */
+export const Card = ({
+  variant = 'outlined',
+  className,
+  children,
+  isInteractive = false,
+  ref,
+  ...rest
+}: ReactProps<CardInterface>) => {
+  const styles = cardStyle({ className, isInteractive, variant, children });
+
+  const defaultRef = useRef<HTMLDivElement>(null);
+  const resolvedRef = ref || defaultRef;
+
+  return (
+    <div {...rest} ref={resolvedRef} className={styles.card}>
+      <div className={styles.stateLayer}>
+        {isInteractive && (
+          <RippleEffect colorName={'on-surface'} triggerRef={resolvedRef} />
+        )}
+      </div>
+      {children}
+    </div>
+  );
+};