@udixio/ui-react 2.5.2 → 2.7.0

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;AAOhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA8I7B,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,4CAoJ7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,+DAOlB,UAAU,CAAC,aAAa,CAAC,4CAgB3B,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,+DAOlB,UAAU,CAAC,aAAa,CAAC,4CAmB3B,CAAC"}

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

@@ -6,8 +6,6 @@ import { ReactProps } from '../utils';
  * @status beta
  * @category Layout
  * @limitations
- * - At the end of the scroll, a residual gap/space may remain visible.
- * - In/out behavior is inconsistent at range edges.
  * - Responsive behavior on mobile is not supported.
  * - Only the default (hero) variant is supported.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CAooB/B,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CA2f/B,CAAC"}

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

@@ -5,5 +5,5 @@ import { ReactProps } from '../utils/component';
  * @status beta
  * @category Action
  */
-export declare const Fab: ({ className, label, variant, size, href, type, icon, isExtended, ref, transition, children, ...restProps }: ReactProps<FabInterface>) => import("react/jsx-runtime").JSX.Element;
+export declare const Fab: ({ className, label, variant, size, href, type, icon, extended, ref, transition, children, ...restProps }: ReactProps<FabInterface>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Fab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Fab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,4GAajB,UAAU,CAAC,YAAY,CAAC,4CA4F1B,CAAC"}
+{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Fab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIhD;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,0GAajB,UAAU,CAAC,YAAY,CAAC,4CA8F1B,CAAC"}

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

@@ -0,0 +1,9 @@
+import { FabMenuInterface } from '../interfaces/fab-menu.interface';
+import { ReactProps } from '../utils/component';
+/**
+ * Floating action buttons (FABs) help people take primary actions
+ * @status beta
+ * @category Action
+ */
+export declare const FabMenu: ({ className, label, variant, size, href, type, icon, extended, ref, transition, children, open: openProp, defaultOpen, onOpenChange, ...restProps }: ReactProps<FabMenuInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FabMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,qJAgBrB,UAAU,CAAC,gBAAgB,CAAC,4CAmM9B,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,qMAqBxB,UAAU,CAAC,mBAAmB,CAAC,4CAoHjC,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,qMAqBxB,UAAU,CAAC,mBAAmB,CAAC,4CA8GjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRail.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAKlF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,iMAsB5B,UAAU,CAAC,uBAAuB,CAAC,4CAgIrC,CAAC"}
+{"version":3,"file":"NavigationRail.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRail.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAKlF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,iMAsB5B,UAAU,CAAC,uBAAuB,CAAC,4CAgIrC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationRailItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRailItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAI5D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CAMjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,4MAoBhC,UAAU,CAAC,2BAA2B,CAAC,mDAsKzC,CAAC"}
+{"version":3,"file":"NavigationRailItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/NavigationRailItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAK5D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CAMjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,4MAoBhC,UAAU,CAAC,2BAA2B,CAAC,mDA8KzC,CAAC"}

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":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;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,wJAgBjB,UAAU,CAAC,YAAY,CAAC,4CAoF1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ToolTip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ToolTip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAMjD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,qGAYrB,WAAW,CAAC,gBAAgB,CAAC,4CA6M/B,CAAC"}
+{"version":3,"file":"ToolTip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ToolTip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAMjD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,qGAYrB,WAAW,CAAC,gBAAgB,CAAC,4CA6M/B,CAAC"}

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

@@ -5,6 +5,7 @@ export * from './CarouselItem';
 export * from './CarouselItem';
 export * from './Divider';
 export * from './Fab';
+export * from './FabMenu';
 export * from './IconButton';
 export * from './IconButton';
 export * from './ProgressIndicator';

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,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,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/AnimateOnScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAoNA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAsIZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
+{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AA2NA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAgKZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}

package/dist/lib/effects/State.d.ts

@@ -0,0 +1,26 @@
+import { ClassNameComponent, ReactProps } from '../utils';
+export interface StateInterface {
+    type: 'div';
+    props: {
+        colorName: string;
+        stateClassName?: string | 'state-ripple-group' | 'state-group' | 'state-layer';
+        className?: string;
+        style?: React.CSSProperties;
+    };
+    states: {
+        isClient: boolean;
+    };
+    elements: ['stateLayer'];
+}
+export declare const State: ({ style, colorName, stateClassName, className, }: ReactProps<StateInterface>) => import("react/jsx-runtime").JSX.Element;
+export declare const useStateStyle: (states: {
+    isClient: boolean;
+} & {
+    colorName: string;
+    stateClassName?: string | "state-ripple-group" | "state-group" | "state-layer";
+    className?: string;
+    style?: React.CSSProperties;
+} & {
+    className?: string | ClassNameComponent<StateInterface> | undefined;
+}) => Record<"stateLayer", string>;
+//# sourceMappingURL=State.d.ts.map

package/dist/lib/effects/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/State.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAGlB,UAAU,EACX,MAAM,UAAU,CAAC;AAGlB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EACX,MAAM,GACN,oBAAoB,GACpB,aAAa,GACb,aAAa,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,GAAI,kDAKnB,UAAU,CAAC,cAAc,CAAC,4CAqC5B,CAAC;AAYF,eAAO,MAAM,aAAa;cA1DJ,OAAO;;eATd,MAAM;qBAEb,MAAM,GACN,oBAAoB,GACpB,aAAa,GACb,aAAa;gBACL,MAAM;YACV,KAAK,CAAC,aAAa;;;kCA+D9B,CAAC"}

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

@@ -1,6 +1,7 @@
 export * from './ripple';
 export * from './custom-scroll';
 export * from './smooth-scroll.effect';
+export * from './State';
 export * from './SyncedFixedWrapper';
 export * from './ThemeProvider';
 export * from './AnimateOnScroll';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/lib/effects/ripple/RippleEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RippleEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/ripple/RippleEffect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,iBAAiB;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4F7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"RippleEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/ripple/RippleEffect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,iBAAiB;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyG7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,6 +1,8 @@
 import { ActionOrLink } from '../utils';
 import { Transition } from 'motion';
 import { Icon } from '../icon';
+type ButtonVariant = 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';
+type ButtonVariantAlias = 'primary' | 'secondary';
 type Props = {
     /**
      * The label is the text that is displayed on the button.
@@ -10,8 +12,9 @@ type Props = {
     size?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
     /**
      * The button variant determines the style of the button.
+     * Aliases: 'primary' maps to 'filled', 'secondary' maps to 'tonal'
      */
-    variant?: 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';
+    variant?: ButtonVariant | ButtonVariantAlias;
     /**
      * Disables the button if set to true.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/button.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,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAEhE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}
+{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/button.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,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAC3E,KAAK,kBAAkB,GAAG,SAAS,GAAG,WAAW,CAAC;AAElD,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE1D;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAE7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}

package/dist/lib/interfaces/fab-menu.interface.d.ts

@@ -0,0 +1,12 @@
+import { FabInterface } from './fab.interface';
+export interface FabMenuInterface {
+    type: 'div';
+    props: FabInterface['props'] & {
+        variant?: 'primary' | 'secondary' | 'tertiary';
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+    };
+    elements: ['fabMenu', 'fab', 'actions', 'action'];
+}
+//# sourceMappingURL=fab-menu.interface.d.ts.map

package/dist/lib/interfaces/fab-menu.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab-menu.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG;QAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;QAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KACxC,CAAC;IACF,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;CACnD"}

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

@@ -1,14 +1,14 @@
 import { ActionOrLink } from '../utils/component';
 import { Transition } from 'motion';
 import { Icon } from '../icon';
-export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
+export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'primaryContainer' | 'secondaryContainer' | 'tertiaryContainer';
 type Props = {
     variant?: FabVariant;
     label?: string;
     children?: string;
     icon: Icon;
     size?: 'small' | 'medium' | 'large';
-    isExtended?: boolean;
+    extended?: boolean;
     transition?: Transition;
 };
 export type Elements = ['fab', 'stateLayer', 'icon', 'label'];

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

@@ -1 +1 @@
-{"version":3,"file":"fab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1E,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}
+{"version":3,"file":"fab.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/fab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,UAAU,GACV,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,CAAC;AACxB,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAC/C,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

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

@@ -4,6 +4,7 @@ export * from './carousel-item.interface';
 export * from './carousel.interface';
 export * from './divider.interface';
 export * from './fab.interface';
+export * from './fab-menu.interface';
 export * from './icon-button.interface';
 export * from './progress-indicator.interface';
 export * from './side-sheet.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,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,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/interfaces/side-sheet.interface.d.ts

@@ -17,7 +17,7 @@ export interface SideSheetInterface {
         isExtended: boolean;
     };
     elements: [
-        'slideSheet',
+        'sideSheet',
         'container',
         'title',
         'content',

package/dist/lib/interfaces/side-sheet.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-sheet.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/side-sheet.interface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAC/C,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE;QACR,YAAY;QACZ,WAAW;QACX,OAAO;QACP,SAAS;QACT,QAAQ;QACR,aAAa;QACb,SAAS;QACT,SAAS;KACV,CAAC;CACH"}
+{"version":3,"file":"side-sheet.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/side-sheet.interface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAC/C,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE;QACR,WAAW;QACX,WAAW;QACX,OAAO;QACP,SAAS;QACT,QAAQ;QACR,aAAa;QACb,SAAS;QACT,SAAS;KACV,CAAC;CACH"}

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

@@ -1,3 +1,4 @@
+import { ClassNameComponent } from '../utils';
 import { ButtonInterface } from '../interfaces';
 export declare const buttonStyle: (states: (({
     label: any;
@@ -35,7 +36,7 @@ export declare const buttonStyle: (states: (({
     label?: string;
     children?: string;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
-    variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
+    variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
     disabled?: boolean;
     disableTextMargins?: boolean;
     icon?: import('..').Icon;
@@ -52,7 +53,7 @@ export declare const buttonStyle: (states: (({
     label?: string;
     children?: string;
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
-    variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
+    variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
     disabled?: boolean;
     disableTextMargins?: boolean;
     icon?: import('..').Icon;
@@ -68,6 +69,45 @@ export declare const buttonStyle: (states: (({
 }))) & {
     isActive: boolean;
 } & {
-    className: string | import('..').ClassNameComponent<ButtonInterface> | undefined;
+    className: string | ClassNameComponent<ButtonInterface> | undefined;
 }) => Record<"button" | "label" | "icon" | "stateLayer" | "touchTarget", string>;
+export declare const useButtonStyle: (states: {
+    isActive: boolean;
+} & ((({
+    label?: string;
+    children?: string;
+    size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
+    variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
+    disabled?: boolean;
+    disableTextMargins?: boolean;
+    icon?: import('..').Icon;
+    iconPosition?: "left" | "right";
+    loading?: boolean;
+    shape?: "squared" | "rounded";
+    allowShapeTransformation?: boolean;
+    transition?: import('motion').Transition;
+    onToggle?: (isActive: boolean) => void;
+    activated?: boolean;
+} & {
+    href?: string;
+}) | ({
+    label?: string;
+    children?: string;
+    size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
+    variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
+    disabled?: boolean;
+    disableTextMargins?: boolean;
+    icon?: import('..').Icon;
+    iconPosition?: "left" | "right";
+    loading?: boolean;
+    shape?: "squared" | "rounded";
+    allowShapeTransformation?: boolean;
+    transition?: import('motion').Transition;
+    onToggle?: (isActive: boolean) => void;
+    activated?: boolean;
+} & {
+    href?: never;
+})) & {
+    className?: string | ClassNameComponent<ButtonInterface> | undefined;
+})) => Record<"button" | "label" | "icon" | "stateLayer" | "touchTarget", string>;
 //# sourceMappingURL=button.style.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFA6IvB,CAAC"}
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/button.style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AA6HhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAGvB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAG1B,CAAC"}

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

@@ -1,4 +1,5 @@
 import { CardInterface } from '../interfaces';
+import { ClassNameComponent } from '../utils';
 export declare const cardStyle: (states: {
     variant: any;
     isInteractive: any;
@@ -8,6 +9,13 @@ export declare const cardStyle: (states: {
     isInteractive?: boolean;
     children: import('react').ReactNode;
 } & {
-    className: string | import('..').ClassNameComponent<CardInterface> | undefined;
+    className: string | ClassNameComponent<CardInterface> | undefined;
+}) => Record<"card" | "stateLayer", string>;
+export declare const useCardStyle: (states: {
+    variant?: "outlined" | "elevated" | "filled";
+    isInteractive?: boolean;
+    children: import('react').ReactNode;
+} & {
+    className?: string | ClassNameComponent<CardInterface> | undefined;
 }) => Record<"card" | "stateLayer", string>;
 //# sourceMappingURL=card.style.d.ts.map

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

@@ -1 +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"}
+{"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;AAC9C,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAclB,eAAO,MAAM,SAAS;;;;;;;;;;2CAAuD,CAAC;AAE9E,eAAO,MAAM,YAAY;;;;;;2CAGxB,CAAC"}

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

@@ -1,4 +1,6 @@
 import { CarouselItemInterface } from '../interfaces';
+import { ClassNameComponent } from '../utils';
+export declare const carouselItemConfig: ClassNameComponent<CarouselItemInterface>;
 export declare const carouselItemStyle: (states: {
     children: any;
     width: any;
@@ -10,6 +12,14 @@ export declare const carouselItemStyle: (states: {
     index?: number;
     outputRange?: [number, number];
 } & {
-    className: string | import('..').ClassNameComponent<CarouselItemInterface> | undefined;
+    className: string | ClassNameComponent<CarouselItemInterface> | undefined;
+}) => Record<"carouselItem", string>;
+export declare const useCarouselItemStyle: (states: {
+    children?: import('react').ReactNode | undefined;
+    width?: number;
+    index?: number;
+    outputRange?: [number, number];
+} & {
+    className?: string | ClassNameComponent<CarouselItemInterface> | undefined;
 }) => Record<"carouselItem", string>;
 //# sourceMappingURL=carousel-item.style.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;oCAU7B,CAAC"}
+{"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;AACtD,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,CAAC,qBAAqB,CASxE,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;oCAG7B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;oCAGhC,CAAC"}

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

@@ -1,3 +1,4 @@
+import { ClassNameComponent } from '../utils';
 import { CarouselInterface } from '../interfaces';
 export declare const carouselStyle: (states: {
     children: any;
@@ -22,6 +23,20 @@ export declare const carouselStyle: (states: {
     inputRange?: [number, number];
     outputRange?: [number, number];
 } & {
-    className: string | import('..').ClassNameComponent<CarouselInterface> | undefined;
+    className: string | ClassNameComponent<CarouselInterface> | undefined;
+}) => Record<"track" | "carousel", string>;
+export declare const useCarouselStyle: (states: {
+    children?: import('react').ReactElement<typeof import('..').CarouselItem>[];
+    marginPourcent?: number;
+    onChange?: (index: number) => void;
+    onMetricsChange?: (metrics: import('..').CarouselMetrics) => void;
+    index?: number;
+    variant?: "hero" | "center-aligned" | "multi-browse" | "un-contained" | "full-screen";
+    scrollSensitivity?: number;
+    gap?: number;
+    inputRange?: [number, number];
+    outputRange?: [number, number];
+} & {
+    className?: string | ClassNameComponent<CarouselInterface> | undefined;
 }) => Record<"track" | "carousel", string>;
 //# sourceMappingURL=carousel.style.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;0CAMzB,CAAC"}
+{"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOlD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;0CAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;0CAG5B,CAAC"}

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

@@ -1,9 +1,15 @@
-import { DividerInterface } from '../interfaces/divider.interface';
+import { DividerInterface } from '../interfaces';
+import { ClassNameComponent } from '../utils';
 export declare const dividerStyle: (states: {
     orientation: any;
 } & {
     orientation?: "vertical" | "horizontal";
 } & {
-    className: string | import('..').ClassNameComponent<DividerInterface> | undefined;
+    className: string | ClassNameComponent<DividerInterface> | undefined;
+}) => Record<"divider", string>;
+export declare const useDividerStyle: (states: {
+    orientation?: "vertical" | "horizontal";
+} & {
+    className?: string | ClassNameComponent<DividerInterface> | undefined;
 }) => Record<"divider", string>;
 //# sourceMappingURL=divider.style.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"divider.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/divider.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAgBlB,eAAO,MAAM,YAAY;;;;;;+BAGxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;+BAG3B,CAAC"}

package/dist/lib/styles/fab-menu.style.d.ts

@@ -0,0 +1,83 @@
+import { ClassNameComponent } from '../utils';
+import { FabMenuInterface } from '../interfaces/fab-menu.interface';
+export declare const fabMenuStyle: (states: ({
+    variant: any;
+    label: any;
+    children: any;
+    icon: any;
+    size: any;
+    extended: any;
+    transition: any;
+    href: any;
+    open: any;
+    defaultOpen: any;
+    onOpenChange: any;
+} | {
+    variant: any;
+    label: any;
+    children: any;
+    icon: any;
+    size: any;
+    extended: any;
+    transition: any;
+    href: any;
+    open: any;
+    defaultOpen: any;
+    onOpenChange: any;
+}) & (((({
+    variant?: import('..').FabVariant;
+    label?: string;
+    children?: string;
+    icon: import('..').Icon;
+    size?: "small" | "medium" | "large";
+    extended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: string;
+}) | ({
+    variant?: import('..').FabVariant;
+    label?: string;
+    children?: string;
+    icon: import('..').Icon;
+    size?: "small" | "medium" | "large";
+    extended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: never;
+})) & {
+    variant?: "primary" | "secondary" | "tertiary";
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}) & {
+    className: string | ClassNameComponent<FabMenuInterface> | undefined;
+})) => Record<"fab" | "fabMenu" | "actions" | "action", string>;
+export declare const useFabMenuStyle: (states: ((({
+    variant?: import('..').FabVariant;
+    label?: string;
+    children?: string;
+    icon: import('..').Icon;
+    size?: "small" | "medium" | "large";
+    extended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: string;
+}) | ({
+    variant?: import('..').FabVariant;
+    label?: string;
+    children?: string;
+    icon: import('..').Icon;
+    size?: "small" | "medium" | "large";
+    extended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: never;
+})) & {
+    variant?: "primary" | "secondary" | "tertiary";
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}) & {
+    className?: string | ClassNameComponent<FabMenuInterface> | undefined;
+}) => Record<"fab" | "fabMenu" | "actions" | "action", string>;
+//# sourceMappingURL=fab-menu.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/fab-menu.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAapE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAG3B,CAAC"}

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

@@ -1,3 +1,4 @@
+import { ClassNameComponent } from '../utils';
 import { FabInterface } from '../interfaces/fab.interface';
 export declare const fabStyle: (states: ({
     variant: any;
@@ -5,7 +6,7 @@ export declare const fabStyle: (states: ({
     children: any;
     icon: any;
     size: any;
-    isExtended: any;
+    extended: any;
     transition: any;
     href: any;
 } | {
@@ -14,7 +15,7 @@ export declare const fabStyle: (states: ({
     children: any;
     icon: any;
     size: any;
-    isExtended: any;
+    extended: any;
     transition: any;
     href: any;
 }) & ((({
@@ -23,7 +24,7 @@ export declare const fabStyle: (states: ({
     children?: string;
     icon: import('..').Icon;
     size?: "small" | "medium" | "large";
-    isExtended?: boolean;
+    extended?: boolean;
     transition?: import('motion').Transition;
 } & {
     href?: string;
@@ -33,11 +34,34 @@ export declare const fabStyle: (states: ({
     children?: string;
     icon: import('..').Icon;
     size?: "small" | "medium" | "large";
-    isExtended?: boolean;
+    extended?: boolean;
     transition?: import('motion').Transition;
 } & {
     href?: never;
 })) & {
-    className: string | import('..').ClassNameComponent<FabInterface> | undefined;
+    className: string | ClassNameComponent<FabInterface> | undefined;
 })) => Record<"label" | "icon" | "fab" | "stateLayer", string>;
+export declare const useFabStyle: (states: (({
+    variant?: import('..').FabVariant;
+    label?: string;
+    children?: string;
+    icon: import('..').Icon;
+    size?: "small" | "medium" | "large";
+    extended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: string;
+}) | ({
+    variant?: import('..').FabVariant;
+    label?: string;
+    children?: string;
+    icon: import('..').Icon;
+    size?: "small" | "medium" | "large";
+    extended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: never;
+})) & {
+    className?: string | ClassNameComponent<FabInterface> | undefined;
+}) => Record<"label" | "icon" | "fab" | "stateLayer", string>;
 //# sourceMappingURL=fab.style.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DA2CpB,CAAC"}
+{"version":3,"file":"fab.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/fab.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAoC3D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAAoD,CAAC;AAE1E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;6DAAsD,CAAC"}