@udixio/ui-react 2.9.5 → 2.9.7

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

@@ -1 +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"}
+{"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,4CA2S3B,CAAC"}

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

@@ -1 +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"}
+{"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,4CAiT5B,CAAC"}

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

@@ -4,5 +4,5 @@ import { ReactProps } from '../utils/component';
  * @status beta
  * @parent Tabs
  */
-export declare const Tab: ({ className, onClick, label, variant, href, icon, selectedTab, setSelectedTab, tabsId, index, onTabSelected, scrollable, selected, ref, ...restProps }: ReactProps<TabInterface>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: ({ className, onClick, label: labelProp, variant, href, icon, selectedTab, setSelectedTab, tabsId, index, onTabSelected, scrollable, selected, children, ref, ...restProps }: ReactProps<TabInterface>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,wJAgBjB,UAAU,CAAC,YAAY,CAAC,4CAoF1B,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,6KAiBjB,UAAU,CAAC,YAAY,CAAC,4CAuF1B,CAAC"}

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

@@ -0,0 +1,9 @@
+import { TabGroupInterface } from '../interfaces/tab-group.interface';
+import { ReactProps } from '../utils/component';
+/**
+ * TabGroup provides shared state for Tabs and TabPanels
+ * @status beta
+ * @category Navigation
+ */
+export declare const TabGroup: ({ children, selectedTab: externalSelectedTab, setSelectedTab: externalSetSelectedTab, defaultTab, }: ReactProps<TabGroupInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroup.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,qGAKtB,UAAU,CAAC,iBAAiB,CAAC,4CA2C/B,CAAC"}

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

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface TabGroupContextValue {
+    selectedTab: number | null;
+    setSelectedTab: Dispatch<SetStateAction<number | null>>;
+    previousTab: number | null;
+    direction: number;
+    tabsId: string;
+}
+export declare const TabGroupContext: import('react').Context<TabGroupContextValue | null>;
+//# sourceMappingURL=TabGroupContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupContext.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TabPanelInterface } from '../interfaces/tab-panels.interface';
+import { ReactProps } from '../utils/component';
+/**
+ * TabPanel contains the content for a single tab
+ * Must be used within TabPanels
+ * @status beta
+ * @category Navigation
+ */
+export declare const TabPanel: ({ children, className, isSelected, }: ReactProps<TabPanelInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,sCAItB,UAAU,CAAC,iBAAiB,CAAC,4CAQ/B,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TabPanelsInterface } from '../interfaces/tab-panels.interface';
+import { ReactProps } from '../utils/component';
+/**
+ * TabPanels renders the content panels with slide animation
+ * Must be used within a TabGroup
+ * @status beta
+ * @category Navigation
+ */
+export declare const TabPanels: ({ children, className, }: ReactProps<TabPanelsInterface>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TabPanels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TabPanels.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,0BAGvB,UAAU,CAAC,kBAAkB,CAAC,mDAqDhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,wIAQlB,UAAU,CAAC,aAAa,CAAC,4CAmE3B,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,wIAQlB,UAAU,CAAC,aAAa,CAAC,4CA6E3B,CAAC"}

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

@@ -17,6 +17,9 @@ export * from './Snackbar';
 export * from './Switch';
 export * from './Tab';
 export * from './Tabs';
+export * from './TabGroup';
+export * from './TabPanels';
+export * from './TabPanel';
 export * from './TextField';
 export * from './NavigationRailItem';
 export * from './NavigationRail';

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,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"}
+{"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,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

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

@@ -1,14 +1,38 @@
-import { CustomScrollInterface } from './custom-scroll';
-import { ReactProps } from '../utils';
+import { ReactNode } from 'react';
+export type SmoothScrollProps = {
+    /**
+     * Duration of the scroll animation in seconds or as a CSS string (e.g., '1s', '500ms').
+     * Default: 1.2
+     */
+    transition?: number | string;
+    /**
+     * Easing function for the scroll animation.
+     * Default: easeOutQuint
+     */
+    easing?: (t: number) => number;
+    /**
+     * Scroll orientation.
+     * Default: 'vertical'
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Enable smooth scrolling on touch devices.
+     * Default: false (native touch scrolling is usually preferred)
+     */
+    smoothTouch?: boolean;
+    /**
+     * Multiplier for touch scroll sensitivity.
+     * Default: 2
+     */
+    touchMultiplier?: number;
+    /**
+     * Children elements (optional, component works at document level)
+     */
+    children?: ReactNode;
+};
 /**
- * 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.
+ * SmoothScroll component using Lenis for smooth scrolling.
+ * This component enables smooth scrolling at the document level.
  */
-export declare const SmoothScroll: ({ transition, orientation, throttleDuration, }: {
-    transition?: {
-        ease: "linear" | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate" | ((t: number) => number);
-        duration?: number;
-    };
-} & ReactProps<CustomScrollInterface>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SmoothScroll: ({ transition, easing, orientation, smoothTouch, touchMultiplier, children, }: SmoothScrollProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=smooth-scroll.effect.d.ts.map

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;;;;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"}
+{"version":3,"file":"smooth-scroll.effect.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/smooth-scroll.effect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,mDAmDnB,CAAC"}

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

@@ -15,6 +15,8 @@ export * from './snackbar.interface';
 export * from './switch.interface';
 export * from './tab.interface';
 export * from './tabs.interface';
+export * from './tab-group.interface';
+export * from './tab-panels.interface';
 export * from './text-field.interface';
 export * from './navigation-rail-item.interface';
 export * from './tooltip.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,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"}
+{"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,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}

package/dist/lib/interfaces/tab-group.interface.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+export interface TabGroupInterface {
+    type: 'div';
+    props: {
+        children: ReactNode;
+        selectedTab?: number | null;
+        setSelectedTab?: Dispatch<SetStateAction<number | null>>;
+        defaultTab?: number;
+    };
+    states: object;
+    elements: ['tabGroup'];
+}
+//# sourceMappingURL=tab-group.interface.d.ts.map

package/dist/lib/interfaces/tab-group.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/tab-group.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QACzD,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC;CACxB"}

package/dist/lib/interfaces/tab-panels.interface.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface TabPanelsInterface {
+    type: 'div';
+    props: {
+        children: ReactNode;
+    };
+    states: object;
+    elements: ['tabPanels'];
+}
+export interface TabPanelInterface {
+    type: 'div';
+    props: {
+        children: ReactNode;
+    };
+    states: {
+        isSelected: boolean;
+    };
+    elements: ['tabPanel'];
+}
+//# sourceMappingURL=tab-panels.interface.d.ts.map

package/dist/lib/interfaces/tab-panels.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panels.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/tab-panels.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC;IACF,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC;CACxB"}

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

@@ -1,6 +1,6 @@
 import { ActionOrLink } from '../utils/component';
 import { TabsVariant } from './tabs.interface';
-import { Dispatch, RefObject, SetStateAction } from 'react';
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
 import { Icon } from '../icon';
 export type TabProps = {
     selected?: boolean;
@@ -17,6 +17,7 @@ export type TabProps = {
     }) => void;
     index?: number;
     scrollable?: boolean;
+    children?: ReactNode;
 };
 type Elements = ['tab', 'stateLayer', 'icon', 'label', 'content', 'underline'];
 export type TabInterface = ActionOrLink<TabProps> & {

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

@@ -1 +1 @@
-{"version":3,"file":"tab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/tab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IAClD,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
+{"version":3,"file":"tab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/tab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IAClD,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

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

@@ -15,6 +15,7 @@ export * from './snackbar.style';
 export * from './switch.style';
 export * from './tab.style';
 export * from './tabs.style';
+export * from './tab-panels.style';
 export * from './text-field.style';
 export * from './tooltip.style';
 export { useButtonStyle } from './button.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,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"}
+{"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,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/lib/styles/tab-panels.style.d.ts

@@ -0,0 +1,31 @@
+import { TabPanelsInterface, TabPanelInterface } from '../interfaces';
+import { ClassNameComponent } from '../utils';
+export declare const tabPanelsStyle: (states: {
+    children: any;
+} & {
+    children: import('react').ReactNode;
+} & object & {
+    className: string | ClassNameComponent<TabPanelsInterface> | undefined;
+}) => Record<"tabPanels", string>;
+export declare const useTabPanelsStyle: (states: object & {
+    children: import('react').ReactNode;
+} & {
+    className?: string | ClassNameComponent<TabPanelsInterface> | undefined;
+}) => Record<"tabPanels", string>;
+export declare const tabPanelStyle: (states: {
+    children: any;
+} & {
+    children: import('react').ReactNode;
+} & {
+    isSelected: boolean;
+} & {
+    className: string | ClassNameComponent<TabPanelInterface> | undefined;
+}) => Record<"tabPanel", string>;
+export declare const useTabPanelStyle: (states: {
+    isSelected: boolean;
+} & {
+    children: import('react').ReactNode;
+} & {
+    className?: string | ClassNameComponent<TabPanelInterface> | undefined;
+}) => Record<"tabPanel", string>;
+//# sourceMappingURL=tab-panels.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panels.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/tab-panels.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAMlB,eAAO,MAAM,cAAc;;;;;;iCAG1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;iCAG7B,CAAC;AAMF,eAAO,MAAM,aAAa;;;;;;;;gCAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;gCAG5B,CAAC"}

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

@@ -11,6 +11,7 @@ export declare const tabStyle: (states: (({
     onTabSelected: any;
     index: any;
     scrollable: any;
+    children: any;
     href: any;
 } | {
     selected: any;
@@ -23,6 +24,7 @@ export declare const tabStyle: (states: (({
     onTabSelected: any;
     index: any;
     scrollable: any;
+    children: any;
     href: any;
 }) & ((import('..').TabProps & {
     href?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"tab.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/tab.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAAoD,CAAC;AAE1E,eAAO,MAAM,WAAW;;;;;;;;wFAAsD,CAAC"}
+{"version":3,"file":"tab.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/tab.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAAoD,CAAC;AAE1E,eAAO,MAAM,WAAW;;;;;;;;wFAAsD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.9.5",
+  "version": "2.9.7",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -28,6 +28,7 @@
     "motion": "^12.23.0",
     "tailwind-merge": "^3.3.1",
     "uuid": "^11.0.3",
+    "lenis": "^1.2.3",
     "@fortawesome/fontawesome-svg-core": "^7.0.0",
     "@fortawesome/free-regular-svg-icons": "^7.0.0",
     "@fortawesome/free-solid-svg-icons": "^7.0.0",
@@ -36,8 +37,8 @@
   "devDependencies": {
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "@udixio/theme": "2.1.8",
-    "@udixio/tailwind": "2.4.6"
+    "@udixio/theme": "2.1.10",
+    "@udixio/tailwind": "2.4.8"
   },
   "repository": {
     "type": "git",

package/src/lib/components/Chip.tsx

@@ -114,7 +114,8 @@ export const Chip = ({
     }
   };
 
-  const isInteractive = !!onToggle || !!onRemove || !!onClick || !!href;
+  const isInteractive =
+    !!onToggle || !!onRemove || !!onClick || !!href || !!editable;
 
   if (activated) {
     icon = faCheck;

package/src/lib/components/Chips.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { ReactProps } from '../utils';
 import { ChipItem, ChipsInterface } from '../interfaces';
 import { useChipsStyle } from '../styles';
@@ -34,12 +34,19 @@ export const Chips = ({
 
   React.useEffect(() => {
     if (isFocused) {
-      ref.current?.focus();
+      if (variant == 'input') {
+        ghostChipRef.current?.focus();
+      } else {
+        ref.current?.focus();
+      }
     }
   }, [isFocused]);
 
   const chipRefs = React.useRef<(HTMLElement | null)[]>([]);
 
+  // Guard to prevent multiple chip creation from fast typing
+  const isCreatingRef = React.useRef(false);
+
   const updateItems = React.useCallback(
     (updater: (prev: ChipItem[]) => ChipItem[]) => {
       onItemsChange?.(updater(list));
@@ -64,6 +71,10 @@ export const Chips = ({
     (seedLabel = '') => {
       if (variant !== 'input') return;
 
+      // Guard against multiple rapid creations
+      if (isCreatingRef.current) return;
+      isCreatingRef.current = true;
+
       const newItem: ChipItem = {
         label: seedLabel,
       } as ChipItem;
@@ -77,6 +88,8 @@ export const Chips = ({
 
       requestAnimationFrame(() => {
         setSelectedChip(newId);
+        // Reset guard after chip is selected
+        isCreatingRef.current = false;
       });
     },
     [variant, onItemsChange, list, getInternalId],
@@ -102,6 +115,11 @@ export const Chips = ({
   }, [selectedChip, list, getInternalId]);
 
   // MODE ITEMS (source de vérité locale ou contrôlée)
+
+  const ghostChipRef = useRef<HTMLButtonElement>(null);
+
+  const isGhostChip = (isFocused || list.length === 0) && variant === 'input';
+
   return (
     <div
       ref={ref}
@@ -114,7 +132,9 @@ export const Chips = ({
           setIsFocused(true);
         }
       }}
-      onBlur={() => setIsFocused(false)}
+      onBlur={() => {
+        setIsFocused(false);
+      }}
       onKeyDown={(e) => {
         if (variant !== 'input') return;
 
@@ -160,13 +180,7 @@ export const Chips = ({
           setSelectedChip(elId);
           return;
         }
-
         if (isContainerFocused) {
-          if (key === 'Enter') {
-            e.preventDefault();
-            createAndStartEdit('');
-            return;
-          }
           if (key === 'Backspace') {
             e.preventDefault();
             // Focus last chip if any
@@ -176,12 +190,6 @@ export const Chips = ({
             }
             return;
           }
-          // Start creation when typing a printable character
-          if (key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
-            createAndStartEdit(key);
-            e.preventDefault();
-            return;
-          }
         }
       }}
     >
@@ -203,7 +211,7 @@ export const Chips = ({
               onEditCancel: () => {
                 setIsFocused(true);
               },
-              onChange: (next: ChipItem[]) => {
+              onChange: () => {
                 if (chipRefs.current.length == index + 1) {
                   const el = ref.current!;
                   requestAnimationFrame(() => {
@@ -275,6 +283,39 @@ export const Chips = ({
           </style>
         </>
       )}
+      {isGhostChip && (
+        <Chip
+          ref={ghostChipRef}
+          className="opacity-0"
+          draggable={draggable}
+          editable={true}
+          editing={true}
+          onChange={(v) => {
+            v = v.replace(/(&nbsp;)+/g, ' ').trim();
+            console.log('Ghost chip onChange', v, !!v);
+            if (v) {
+              createAndStartEdit(v);
+            } else {
+              if (list.length > 0) {
+                const el = chipRefs.current[list.length - 1] as any;
+                el?.focus?.();
+              }
+            }
+          }}
+          onEditCommit={() => {
+            // Ghost chip doesn't commit - it creates a new chip via onChange
+          }}
+          onBlur={() => {
+            setIsFocused(false);
+          }}
+          onFocus={(e: React.FocusEvent) => {
+            setIsFocused(true);
+            e.stopPropagation();
+          }}
+        >
+          &nbsp;
+        </Chip>
+      )}
     </div>
   );
 };

package/src/lib/components/Tab.tsx

@@ -14,7 +14,7 @@ import { State } from '../effects';
 export const Tab = ({
   className,
   onClick,
-  label,
+  label: labelProp,
   variant = 'primary',
   href,
   icon,
@@ -25,12 +25,16 @@ export const Tab = ({
   onTabSelected,
   scrollable = false,
   selected = false,
+  children,
   ref,
   ...restProps
 }: ReactProps<TabInterface>) => {
   const defaultRef = useRef(null);
   const resolvedRef = ref || defaultRef;
 
+  // children (string) peut être utilisé comme alternative à label prop
+  const label = labelProp ?? (typeof children === 'string' ? children : undefined);
+
   const [isSelected, setIsSelected] = useState<boolean>(selected);
 
   useEffect(() => {

package/src/lib/components/TabGroup.tsx

@@ -0,0 +1,60 @@
+import React, { useMemo, useRef, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { TabGroupContext, TabGroupContextValue } from './TabGroupContext';
+import { TabGroupInterface } from '../interfaces/tab-group.interface';
+import { ReactProps } from '../utils/component';
+
+/**
+ * TabGroup provides shared state for Tabs and TabPanels
+ * @status beta
+ * @category Navigation
+ */
+export const TabGroup = ({
+  children,
+  selectedTab: externalSelectedTab,
+  setSelectedTab: externalSetSelectedTab,
+  defaultTab = 0,
+}: ReactProps<TabGroupInterface>) => {
+  const [internalSelectedTab, internalSetSelectedTab] = useState<number | null>(
+    defaultTab,
+  );
+  const previousTabRef = useRef<number | null>(null);
+
+  // Priorité : props externes > état interne
+  const selectedTab =
+    externalSelectedTab !== undefined ? externalSelectedTab : internalSelectedTab;
+
+  const setSelectedTab = externalSetSelectedTab ?? internalSetSelectedTab;
+
+  // Calculer la direction du slide
+  const direction =
+    previousTabRef.current !== null && selectedTab !== null
+      ? selectedTab > previousTabRef.current
+        ? 1
+        : -1
+      : 0;
+
+  // Mettre à jour la référence précédente
+  if (selectedTab !== previousTabRef.current) {
+    previousTabRef.current = selectedTab;
+  }
+
+  const tabsId = useMemo(() => uuidv4(), []);
+
+  const contextValue: TabGroupContextValue = useMemo(
+    () => ({
+      selectedTab,
+      setSelectedTab,
+      previousTab: previousTabRef.current,
+      direction,
+      tabsId,
+    }),
+    [selectedTab, setSelectedTab, direction, tabsId],
+  );
+
+  return (
+    <TabGroupContext.Provider value={contextValue}>
+      {children}
+    </TabGroupContext.Provider>
+  );
+};

package/src/lib/components/TabGroupContext.tsx

@@ -0,0 +1,11 @@
+import { createContext, Dispatch, SetStateAction } from 'react';
+
+export interface TabGroupContextValue {
+  selectedTab: number | null;
+  setSelectedTab: Dispatch<SetStateAction<number | null>>;
+  previousTab: number | null;
+  direction: number;
+  tabsId: string;
+}
+
+export const TabGroupContext = createContext<TabGroupContextValue | null>(null);

package/src/lib/components/TabPanel.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TabPanelInterface } from '../interfaces/tab-panels.interface';
+import { ReactProps } from '../utils/component';
+import { useTabPanelStyle } from '../styles/tab-panels.style';
+
+/**
+ * TabPanel contains the content for a single tab
+ * Must be used within TabPanels
+ * @status beta
+ * @category Navigation
+ */
+export const TabPanel = ({
+  children,
+  className,
+  isSelected = false,
+}: ReactProps<TabPanelInterface>) => {
+  const styles = useTabPanelStyle({
+    children,
+    className,
+    isSelected,
+  });
+
+  return <div className={styles.tabPanel}>{children}</div>;
+};