@udixio/ui-react 2.8.4 → 2.9.3

package/dist/lib/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAmChD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CAoJ7B,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAmChD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA2I7B,CAAC"}

package/dist/lib/components/Chip.d.ts

@@ -0,0 +1,9 @@
+import { ReactProps } from '../utils';
+import { ChipInterface } from '../interfaces';
+/**
+ * Chips prompt most actions in a UI
+ * @status beta
+ * @category Action
+ */
+export declare const Chip: ({ variant, disabled, icon, href, label, className, onClick, onToggle, activated, ref, onRemove, editable, onEditStart, onEditCommit, onEditCancel, onChange, transition, children, editing, ...restProps }: ReactProps<ChipInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/lib/components/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,4MAqBlB,UAAU,CAAC,aAAa,CAAC,4CA0S3B,CAAC"}

package/dist/lib/components/Chips.d.ts

@@ -0,0 +1,4 @@
+import { ReactProps } from '../utils';
+import { ChipsInterface } from '../interfaces';
+export declare const Chips: ({ variant, className, scrollable, draggable, items, onItemsChange, }: ReactProps<ChipsInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chips.d.ts.map

package/dist/lib/components/Chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chips.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAY,cAAc,EAAE,MAAM,eAAe,CAAC;AAMzD,eAAO,MAAM,KAAK,GAAI,sEAOnB,UAAU,CAAC,cAAc,CAAC,4CAwQ5B,CAAC"}

package/dist/lib/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,+LAoBxB,UAAU,CAAC,mBAAmB,CAAC,4CA8GjC,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,+LAoBxB,UAAU,CAAC,mBAAmB,CAAC,4CAsGjC,CAAC"}

package/dist/lib/components/index.d.ts

@@ -3,6 +3,8 @@ export * from './Card';
 export * from './Carousel';
 export * from './CarouselItem';
 export * from './CarouselItem';
+export * from './Chip';
+export * from './Chips';
 export * from './Divider';
 export * from './Fab';
 export * from './FabMenu';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/lib/effects/block-scroll.effect.d.ts

@@ -17,6 +17,12 @@ type BlockScrollProps = {
     touch?: boolean;
     el: HTMLElement;
 };
+/**
+ * @deprecated Potentially blocks scroll events unintentionally (wheel/touch/keyboard)
+ * and may interfere with internal scrollable areas (modals, lists, overflow containers).
+ * This API will be removed soon. Avoid using it and migrate to native behaviors
+ * or to local scroll handling at the component level.
+ */
 export declare const BlockScroll: React.FC<BlockScrollProps>;
 export {};
 //# sourceMappingURL=block-scroll.effect.d.ts.map

package/dist/lib/effects/block-scroll.effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/block-scroll.effect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,YAAY,GACb;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,KAAK,CAAC;CACtB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEN,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkNlD,CAAC"}
+{"version":3,"file":"block-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/block-scroll.effect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,YAAY,GACb;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,KAAK,CAAC;CACtB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEN,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0RlD,CAAC"}

package/dist/lib/effects/smooth-scroll.effect.d.ts

@@ -1,5 +1,10 @@
 import { CustomScrollInterface } from './custom-scroll';
 import { ReactProps } from '../utils';
+/**
+ * WARNING: using this component is not recommended for now.
+ * It may block or alter certain scroll events (wheel/touch/keyboard) depending on the context.
+ * Rework it later (e.g., via Lenis or another solution) before using it in production.
+ */
 export declare const SmoothScroll: ({ transition, orientation, throttleDuration, }: {
     transition?: {
         ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | ((t: number) => number);

package/dist/lib/effects/smooth-scroll.effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smooth-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/smooth-scroll.effect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,eAAO,MAAM,YAAY,GAAI,gDAI1B;IACD,UAAU,CAAC,EAAE;QACX,IAAI,EACA,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,YAAY,GACZ,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,GAAG,UAAU,CAAC,qBAAqB,CAAC,mDA6GpC,CAAC"}
+{"version":3,"file":"smooth-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/smooth-scroll.effect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,gDAI1B;IACD,UAAU,CAAC,EAAE;QACX,IAAI,EACA,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,GACX,YAAY,GACZ,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,GAAG,UAAU,CAAC,qBAAqB,CAAC,mDA6GpC,CAAC"}

package/dist/lib/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,MAAM,IAAI,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFhC,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,MAAM,IAAI,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+FhC,CAAC"}

package/dist/lib/interfaces/chip.interface.d.ts

@@ -0,0 +1,76 @@
+import { ActionOrLink } from '../utils';
+import { Transition } from 'motion';
+import { Icon } from '../icon';
+type ChipVariant = 'outlined' | 'elevated';
+export type ChipProps = {
+    /**
+     * The label is the text that is displayed on the chip.
+     */
+    label?: string;
+    children?: string;
+    /**
+     * The chip variant determines the style.
+     */
+    variant?: ChipVariant;
+    /**
+     * Disables the chip if set to true.
+     */
+    disabled?: boolean;
+    /**
+     * An optional icon to display in the chip.
+     */
+    icon?: Icon;
+    transition?: Transition;
+    onToggle?: (isActive: boolean) => void;
+    activated?: boolean;
+    onRemove?: () => void;
+    /**
+     * Enable native HTML drag and drop on the chip.
+     */
+    draggable?: boolean;
+    /**
+     * Called when drag starts (composed with internal handler that sets isDragging).
+     */
+    onDragStart?: (e: React.DragEvent) => void;
+    /**
+     * Called when drag ends (composed with internal handler that clears isDragging).
+     */
+    onDragEnd?: (e: React.DragEvent) => void;
+} & ({
+    editable?: false;
+    editing?: never;
+    onEditStart?: never;
+    onEditCommit: never;
+    onEditCancel?: never;
+    onChange?: never;
+} | {
+    /** Enable label inline edition for this chip (used by Chips variant="input"). */
+    editable?: true;
+    /** Affirms that the chip is currently being edited. */
+    editing?: boolean;
+    /** Request to start editing (e.g., double-click, Enter/F2). */
+    onEditStart?: () => void;
+    /** Commit edition with the new label. */
+    onEditCommit: (nextLabel: string) => void;
+    /** Cancel edition and restore previous label. */
+    onEditCancel?: () => void;
+    /**
+     * Fired on each edit keystroke when content changes (only while editing).
+     * Useful for live formatting, suggestions, validation, etc.
+     */
+    onChange?: (nextLabel: string) => void;
+});
+type Elements = ['chip', 'stateLayer', 'leadingIcon', 'trailingIcon', 'label'];
+export type ChipInterface = ActionOrLink<ChipProps> & {
+    elements: Elements;
+    states: {
+        isActive: boolean;
+        trailingIcon?: boolean;
+        isFocused: boolean;
+        isInteractive: boolean;
+        isDragging?: boolean;
+        isEditing?: boolean;
+    };
+};
+export {};
+//# sourceMappingURL=chip.interface.d.ts.map

package/dist/lib/interfaces/chip.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/chip.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAC1C,GAAG,CACA;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE,iFAAiF;IACjF,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,yCAAyC;IACzC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CACJ,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG;IACpD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;QAClB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,OAAO,CAAC;QACvB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH,CAAC"}

package/dist/lib/interfaces/chips.interface.d.ts

@@ -0,0 +1,29 @@
+import { ActionOrLink } from '../utils';
+import { Icon } from '../icon';
+export type ChipItem = {
+    label: string;
+    icon?: Icon;
+    activated?: boolean;
+    disabled?: boolean;
+    variant?: 'outlined' | 'elevated';
+    href?: string;
+};
+type ChipsVariant = 'input';
+type Props = {
+    /** Style du conteneur de chips */
+    variant?: ChipsVariant;
+    /** Active/masse un comportement de container (si utile) */
+    scrollable?: boolean;
+    draggable?: boolean;
+    /** Mode contrôlé: la source de vérité */
+    items?: ChipItem[];
+    /** Notifie toute modification de la liste (remove, toggle, etc.) */
+    onItemsChange?: (next: ChipItem[]) => void;
+};
+type Elements = ['chips'];
+export type ChipsInterface = ActionOrLink<Props> & {
+    elements: Elements;
+    states: {};
+};
+export {};
+//# sourceMappingURL=chips.interface.d.ts.map

package/dist/lib/interfaces/chips.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/chips.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAGpC,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,CAAC;AAE5B,KAAK,KAAK,GAAG;IACX,kCAAkC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IAEnB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IACjD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,EAAE,CAAC;CACZ,CAAC"}

package/dist/lib/interfaces/index.d.ts

@@ -2,6 +2,8 @@ export * from './button.interface';
 export * from './card.interface';
 export * from './carousel-item.interface';
 export * from './carousel.interface';
+export * from './chip.interface';
+export * from './chips.interface';
 export * from './divider.interface';
 export * from './fab.interface';
 export * from './fab-menu.interface';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}

package/dist/lib/styles/chip.style.d.ts

@@ -0,0 +1,111 @@
+import { ClassNameComponent } from '../utils';
+import { ChipInterface } from '../interfaces';
+export declare const chipStyle: (states: (({
+    label: any;
+    children: any;
+    variant: any;
+    disabled: any;
+    icon: any;
+    transition: any;
+    onToggle: any;
+    activated: any;
+    onRemove: any;
+    draggable: any;
+    onDragStart: any;
+    onDragEnd: any;
+    editable: any;
+    editing: any;
+    onEditStart: any;
+    onEditCommit: any;
+    onEditCancel: any;
+    onChange: any;
+    href: any;
+} | {
+    label: any;
+    children: any;
+    variant: any;
+    disabled: any;
+    icon: any;
+    transition: any;
+    onToggle: any;
+    activated: any;
+    onRemove: any;
+    draggable: any;
+    onDragStart: any;
+    onDragEnd: any;
+    editable: any;
+    editing: any;
+    onEditStart: any;
+    onEditCommit: any;
+    onEditCancel: any;
+    onChange: any;
+    href: any;
+} | {
+    label: any;
+    children: any;
+    variant: any;
+    disabled: any;
+    icon: any;
+    transition: any;
+    onToggle: any;
+    activated: any;
+    onRemove: any;
+    draggable: any;
+    onDragStart: any;
+    onDragEnd: any;
+    editable: any;
+    editing: any;
+    onEditStart: any;
+    onEditCommit: any;
+    onEditCancel: any;
+    onChange: any;
+    href: any;
+} | {
+    label: any;
+    children: any;
+    variant: any;
+    disabled: any;
+    icon: any;
+    transition: any;
+    onToggle: any;
+    activated: any;
+    onRemove: any;
+    draggable: any;
+    onDragStart: any;
+    onDragEnd: any;
+    editable: any;
+    editing: any;
+    onEditStart: any;
+    onEditCommit: any;
+    onEditCancel: any;
+    onChange: any;
+    href: any;
+}) & ((import('..').ChipProps & {
+    href?: string;
+}) | (import('..').ChipProps & {
+    href?: never;
+}))) & {
+    isActive: boolean;
+    trailingIcon?: boolean;
+    isFocused: boolean;
+    isInteractive: boolean;
+    isDragging?: boolean;
+    isEditing?: boolean;
+} & {
+    className: string | ClassNameComponent<ChipInterface> | undefined;
+}) => Record<"label" | "stateLayer" | "chip" | "leadingIcon" | "trailingIcon", string>;
+export declare const useChipStyle: (states: {
+    isActive: boolean;
+    trailingIcon?: boolean;
+    isFocused: boolean;
+    isInteractive: boolean;
+    isDragging?: boolean;
+    isEditing?: boolean;
+} & (((import('..').ChipProps & {
+    href?: string;
+}) | (import('..').ChipProps & {
+    href?: never;
+})) & {
+    className?: string | ClassNameComponent<ChipInterface> | undefined;
+})) => Record<"label" | "stateLayer" | "chip" | "leadingIcon" | "trailingIcon", string>;
+//# sourceMappingURL=chip.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/chip.style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAsD9C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sFAAuD,CAAC;AAE9E,eAAO,MAAM,YAAY;;;;;;;;;;;;;uFAGxB,CAAC"}

package/dist/lib/styles/chips.style.d.ts

@@ -0,0 +1,55 @@
+import { ClassNameComponent } from '../utils';
+import { ChipsInterface } from '../interfaces';
+export declare const chipsStyle: (states: ({
+    variant: any;
+    scrollable: any;
+    draggable: any;
+    items: any;
+    onItemsChange: any;
+    href: any;
+} | {
+    variant: any;
+    scrollable: any;
+    draggable: any;
+    items: any;
+    onItemsChange: any;
+    href: any;
+}) & ((({
+    variant?: "input";
+    scrollable?: boolean;
+    draggable?: boolean;
+    items?: import('..').ChipItem[];
+    onItemsChange?: (next: import('..').ChipItem[]) => void;
+} & {
+    href?: string;
+}) | ({
+    variant?: "input";
+    scrollable?: boolean;
+    draggable?: boolean;
+    items?: import('..').ChipItem[];
+    onItemsChange?: (next: import('..').ChipItem[]) => void;
+} & {
+    href?: never;
+})) & {
+    className: string | ClassNameComponent<ChipsInterface> | undefined;
+})) => Record<"chips", string>;
+export declare const useChipsStyle: (states: (({
+    variant?: "input";
+    scrollable?: boolean;
+    draggable?: boolean;
+    items?: import('..').ChipItem[];
+    onItemsChange?: (next: import('..').ChipItem[]) => void;
+} & {
+    href?: string;
+}) | ({
+    variant?: "input";
+    scrollable?: boolean;
+    draggable?: boolean;
+    items?: import('..').ChipItem[];
+    onItemsChange?: (next: import('..').ChipItem[]) => void;
+} & {
+    href?: never;
+})) & {
+    className?: string | ClassNameComponent<ChipsInterface> | undefined;
+}) => Record<"chips", string>;
+//# sourceMappingURL=chips.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chips.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/chips.style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAGtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;6BAGzB,CAAC"}

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

@@ -2,6 +2,8 @@ export * from './button.style';
 export * from './card.style';
 export * from './carousel-item.style';
 export * from './carousel.style';
+export * from './chip.style';
+export * from './chips.style';
 export * from './divider.style';
 export * from './fab.style';
 export * from './fab-menu.style';

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

@@ -1 +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,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,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;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}
+{"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,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,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;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -37,7 +37,7 @@ export declare const textFieldStyle: (states: {
     textLine?: "singleLine" | "multiLine" | "textAreas";
 } & import('..').TextFieldStates & {
     className: string | ClassNameComponent<TextFieldInterface> | undefined;
-}) => Record<"content" | "input" | "label" | "stateLayer" | "activeIndicator" | "supportingText" | "textField" | "leadingIcon" | "trailingIcon" | "suffix", string>;
+}) => Record<"content" | "input" | "label" | "stateLayer" | "leadingIcon" | "trailingIcon" | "activeIndicator" | "supportingText" | "textField" | "suffix", string>;
 export declare const useTextFieldStyle: (states: import('..').TextFieldStates & {
     placeholder?: string;
     name: string;
@@ -57,5 +57,5 @@ export declare const useTextFieldStyle: (states: import('..').TextFieldStates &
     textLine?: "singleLine" | "multiLine" | "textAreas";
 } & {
     className?: string | ClassNameComponent<TextFieldInterface> | undefined;
-}) => Record<"content" | "input" | "label" | "stateLayer" | "activeIndicator" | "supportingText" | "textField" | "leadingIcon" | "trailingIcon" | "suffix", string>;
+}) => Record<"content" | "input" | "label" | "stateLayer" | "leadingIcon" | "trailingIcon" | "activeIndicator" | "supportingText" | "textField" | "suffix", string>;
 //# sourceMappingURL=text-field.style.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.8.4",
+  "version": "2.9.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -36,15 +36,15 @@
   "devDependencies": {
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "@udixio/theme": "2.1.3",
-    "@udixio/tailwind": "2.4.1"
+    "@udixio/theme": "2.1.6",
+    "@udixio/tailwind": "2.4.4"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/Udixio/UI.git"
   },
   "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
+    "provenance": true,
     "access": "public"
   }
 }

package/src/lib/components/Button.tsx

@@ -80,27 +80,18 @@ export const Button = ({
 
   transition = { duration: 0.3, ...transition };
 
-  let handleClick;
+  const handleClick = (e: React.MouseEvent<any, MouseEvent>) => {
+    if (disabled) {
+      e.preventDefault();
+    }
+    if (onToggle) {
+      setIsActive(!isActive);
+      onToggle(!isActive);
+    } else if (onClick) {
+      onClick(e);
+    }
+  };
 
-  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 = useButtonStyle({
     allowShapeTransformation,
     size,