@udixio/ui-react 2.6.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.js +2300 -1971
  4. package/dist/lib/components/Button.d.ts.map +1 -1
  5. package/dist/lib/components/Card.d.ts.map +1 -1
  6. package/dist/lib/components/Fab.d.ts +1 -1
  7. package/dist/lib/components/Fab.d.ts.map +1 -1
  8. package/dist/lib/components/FabMenu.d.ts +9 -0
  9. package/dist/lib/components/FabMenu.d.ts.map +1 -0
  10. package/dist/lib/components/IconButton.d.ts.map +1 -1
  11. package/dist/lib/components/NavigationRail.d.ts.map +1 -1
  12. package/dist/lib/components/NavigationRailItem.d.ts.map +1 -1
  13. package/dist/lib/components/Tab.d.ts.map +1 -1
  14. package/dist/lib/components/ToolTip.d.ts.map +1 -1
  15. package/dist/lib/components/index.d.ts +1 -0
  16. package/dist/lib/components/index.d.ts.map +1 -1
  17. package/dist/lib/effects/State.d.ts +26 -0
  18. package/dist/lib/effects/State.d.ts.map +1 -0
  19. package/dist/lib/effects/index.d.ts +1 -0
  20. package/dist/lib/effects/index.d.ts.map +1 -1
  21. package/dist/lib/effects/ripple/RippleEffect.d.ts.map +1 -1
  22. package/dist/lib/interfaces/button.interface.d.ts +4 -1
  23. package/dist/lib/interfaces/button.interface.d.ts.map +1 -1
  24. package/dist/lib/interfaces/fab-menu.interface.d.ts +12 -0
  25. package/dist/lib/interfaces/fab-menu.interface.d.ts.map +1 -0
  26. package/dist/lib/interfaces/fab.interface.d.ts +2 -2
  27. package/dist/lib/interfaces/fab.interface.d.ts.map +1 -1
  28. package/dist/lib/interfaces/index.d.ts +1 -0
  29. package/dist/lib/interfaces/index.d.ts.map +1 -1
  30. package/dist/lib/interfaces/side-sheet.interface.d.ts +1 -1
  31. package/dist/lib/interfaces/side-sheet.interface.d.ts.map +1 -1
  32. package/dist/lib/styles/button.style.d.ts +43 -3
  33. package/dist/lib/styles/button.style.d.ts.map +1 -1
  34. package/dist/lib/styles/card.style.d.ts +9 -1
  35. package/dist/lib/styles/card.style.d.ts.map +1 -1
  36. package/dist/lib/styles/carousel-item.style.d.ts +11 -1
  37. package/dist/lib/styles/carousel-item.style.d.ts.map +1 -1
  38. package/dist/lib/styles/carousel.style.d.ts +16 -1
  39. package/dist/lib/styles/carousel.style.d.ts.map +1 -1
  40. package/dist/lib/styles/divider.style.d.ts +8 -2
  41. package/dist/lib/styles/divider.style.d.ts.map +1 -1
  42. package/dist/lib/styles/fab-menu.style.d.ts +83 -0
  43. package/dist/lib/styles/fab-menu.style.d.ts.map +1 -0
  44. package/dist/lib/styles/fab.style.d.ts +29 -5
  45. package/dist/lib/styles/fab.style.d.ts.map +1 -1
  46. package/dist/lib/styles/icon-button.style.d.ts +37 -1
  47. package/dist/lib/styles/icon-button.style.d.ts.map +1 -1
  48. package/dist/lib/styles/index.d.ts +2 -0
  49. package/dist/lib/styles/index.d.ts.map +1 -1
  50. package/dist/lib/styles/navigation-rail-item.style.d.ts +11 -1
  51. package/dist/lib/styles/navigation-rail-item.style.d.ts.map +1 -1
  52. package/dist/lib/styles/navigation-rail.style.d.ts +31 -1
  53. package/dist/lib/styles/navigation-rail.style.d.ts.map +1 -1
  54. package/dist/lib/styles/progress-indicator.style.d.ts +12 -1
  55. package/dist/lib/styles/progress-indicator.style.d.ts.map +1 -1
  56. package/dist/lib/styles/side-sheet.style.d.ts +20 -3
  57. package/dist/lib/styles/side-sheet.style.d.ts.map +1 -1
  58. package/dist/lib/styles/slider.style.d.ts +21 -2
  59. package/dist/lib/styles/slider.style.d.ts.map +1 -1
  60. package/dist/lib/styles/snackbar.style.d.ts +14 -3
  61. package/dist/lib/styles/snackbar.style.d.ts.map +1 -1
  62. package/dist/lib/styles/switch.style.d.ts +14 -2
  63. package/dist/lib/styles/switch.style.d.ts.map +1 -1
  64. package/dist/lib/styles/tab.style.d.ts +12 -2
  65. package/dist/lib/styles/tab.style.d.ts.map +1 -1
  66. package/dist/lib/styles/tabs.style.d.ts +17 -2
  67. package/dist/lib/styles/tabs.style.d.ts.map +1 -1
  68. package/dist/lib/styles/text-field.style.d.ts +23 -2
  69. package/dist/lib/styles/text-field.style.d.ts.map +1 -1
  70. package/dist/lib/styles/tooltip.style.d.ts +20 -3
  71. package/dist/lib/styles/tooltip.style.d.ts.map +1 -1
  72. package/dist/lib/utils/styles/get-classname.d.ts +3 -0
  73. package/dist/lib/utils/styles/get-classname.d.ts.map +1 -1
  74. package/dist/lib/utils/styles/index.d.ts +1 -0
  75. package/dist/lib/utils/styles/index.d.ts.map +1 -1
  76. package/dist/lib/utils/styles/use-classnames.d.ts +6 -0
  77. package/dist/lib/utils/styles/use-classnames.d.ts.map +1 -0
  78. package/package.json +2 -2
  79. package/src/lib/components/Button.tsx +54 -20
  80. package/src/lib/components/Card.tsx +11 -9
  81. package/src/lib/components/Carousel.tsx +2 -2
  82. package/src/lib/components/CarouselItem.tsx +2 -2
  83. package/src/lib/components/Divider.tsx +2 -2
  84. package/src/lib/components/Fab.tsx +22 -21
  85. package/src/lib/components/FabMenu.tsx +229 -0
  86. package/src/lib/components/IconButton.tsx +24 -30
  87. package/src/lib/components/NavigationRail.tsx +7 -4
  88. package/src/lib/components/NavigationRailItem.tsx +13 -4
  89. package/src/lib/components/ProgressIndicator.tsx +2 -2
  90. package/src/lib/components/SideSheet.tsx +2 -2
  91. package/src/lib/components/Slider.tsx +2 -2
  92. package/src/lib/components/Snackbar.tsx +2 -2
  93. package/src/lib/components/Switch.tsx +2 -2
  94. package/src/lib/components/Tab.tsx +11 -11
  95. package/src/lib/components/Tabs.tsx +2 -2
  96. package/src/lib/components/TextField.tsx +2 -2
  97. package/src/lib/components/ToolTip.tsx +9 -3
  98. package/src/lib/components/index.ts +1 -0
  99. package/src/lib/effects/State.tsx +83 -0
  100. package/src/lib/effects/index.ts +1 -0
  101. package/src/lib/effects/ripple/RippleEffect.tsx +40 -27
  102. package/src/lib/interfaces/button.interface.ts +5 -1
  103. package/src/lib/interfaces/fab-menu.interface.ts +12 -0
  104. package/src/lib/interfaces/fab.interface.ts +8 -2
  105. package/src/lib/interfaces/index.ts +1 -0
  106. package/src/lib/interfaces/side-sheet.interface.tsx +1 -1
  107. package/src/lib/styles/button.style.ts +127 -136
  108. package/src/lib/styles/card.style.ts +22 -17
  109. package/src/lib/styles/carousel-item.style.ts +23 -9
  110. package/src/lib/styles/carousel.style.ts +17 -5
  111. package/src/lib/styles/divider.style.ts +27 -13
  112. package/src/lib/styles/fab-menu.style.ts +28 -0
  113. package/src/lib/styles/fab.style.ts +45 -43
  114. package/src/lib/styles/icon-button.style.ts +160 -149
  115. package/src/lib/styles/index.ts +2 -0
  116. package/src/lib/styles/navigation-rail-item.style.ts +49 -40
  117. package/src/lib/styles/navigation-rail.style.ts +31 -15
  118. package/src/lib/styles/progress-indicator.style.ts +49 -36
  119. package/src/lib/styles/side-sheet.style.ts +41 -27
  120. package/src/lib/styles/slider.style.ts +37 -23
  121. package/src/lib/styles/snackbar.style.ts +22 -10
  122. package/src/lib/styles/switch.style.ts +61 -45
  123. package/src/lib/styles/tab.style.ts +76 -66
  124. package/src/lib/styles/tabs.style.ts +19 -10
  125. package/src/lib/styles/text-field.style.ts +108 -97
  126. package/src/lib/styles/tooltip.style.ts +42 -33
  127. package/src/lib/utils/styles/get-classname.ts +23 -0
  128. package/src/lib/utils/styles/index.ts +1 -0
  129. package/src/lib/utils/styles/use-classnames.ts +25 -0
  130. package/src/tests/useClassNames.spec.tsx +82 -0
@@ -1 +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"}
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"}
@@ -1 +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"}
1
+ {"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"}
@@ -5,5 +5,5 @@ import { ReactProps } from '../utils/component';
5
5
  * @status beta
6
6
  * @category Action
7
7
  */
8
- export declare const Fab: ({ className, label, variant, size, href, type, icon, isExtended, ref, transition, children, ...restProps }: ReactProps<FabInterface>) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const Fab: ({ className, label, variant, size, href, type, icon, extended, ref, transition, children, ...restProps }: ReactProps<FabInterface>) => import("react/jsx-runtime").JSX.Element;
9
9
  //# sourceMappingURL=Fab.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,9 @@
1
+ import { FabMenuInterface } from '../interfaces/fab-menu.interface';
2
+ import { ReactProps } from '../utils/component';
3
+ /**
4
+ * Floating action buttons (FABs) help people take primary actions
5
+ * @status beta
6
+ * @category Action
7
+ */
8
+ export declare const FabMenu: ({ className, label, variant, size, href, icon, extended, ref, transition, children, open: openProp, defaultOpen, onOpenChange, ...restProps }: ReactProps<FabMenuInterface>) => import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=FabMenu.d.ts.map
@@ -0,0 +1 @@
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,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAoM9B,CAAC"}
@@ -1 +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"}
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,4CA8GjC,CAAC"}
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
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"}
@@ -1 +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"}
1
+ {"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"}
@@ -5,6 +5,7 @@ export * from './CarouselItem';
5
5
  export * from './CarouselItem';
6
6
  export * from './Divider';
7
7
  export * from './Fab';
8
+ export * from './FabMenu';
8
9
  export * from './IconButton';
9
10
  export * from './IconButton';
10
11
  export * from './ProgressIndicator';
@@ -1 +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"}
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"}
@@ -0,0 +1,26 @@
1
+ import { ClassNameComponent, ReactProps } from '../utils';
2
+ export interface StateInterface {
3
+ type: 'div';
4
+ props: {
5
+ colorName: string;
6
+ stateClassName?: string | 'state-ripple-group' | 'state-group' | 'state-layer';
7
+ className?: string;
8
+ style?: React.CSSProperties;
9
+ };
10
+ states: {
11
+ isClient: boolean;
12
+ };
13
+ elements: ['stateLayer'];
14
+ }
15
+ export declare const State: ({ style, colorName, stateClassName, className, }: ReactProps<StateInterface>) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const useStateStyle: (states: {
17
+ isClient: boolean;
18
+ } & {
19
+ colorName: string;
20
+ stateClassName?: string | "state-ripple-group" | "state-group" | "state-layer";
21
+ className?: string;
22
+ style?: React.CSSProperties;
23
+ } & {
24
+ className?: string | ClassNameComponent<StateInterface> | undefined;
25
+ }) => Record<"stateLayer", string>;
26
+ //# sourceMappingURL=State.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,6 +1,7 @@
1
1
  export * from './ripple';
2
2
  export * from './custom-scroll';
3
3
  export * from './smooth-scroll.effect';
4
+ export * from './State';
4
5
  export * from './SyncedFixedWrapper';
5
6
  export * from './ThemeProvider';
6
7
  export * from './AnimateOnScroll';
@@ -1 +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"}
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,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
@@ -1 +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"}
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,CAyG7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { ActionOrLink } from '../utils';
2
2
  import { Transition } from 'motion';
3
3
  import { Icon } from '../icon';
4
+ type ButtonVariant = 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';
5
+ type ButtonVariantAlias = 'primary' | 'secondary';
4
6
  type Props = {
5
7
  /**
6
8
  * The label is the text that is displayed on the button.
@@ -10,8 +12,9 @@ type Props = {
10
12
  size?: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge';
11
13
  /**
12
14
  * The button variant determines the style of the button.
15
+ * Aliases: 'primary' maps to 'filled', 'secondary' maps to 'tonal'
13
16
  */
14
- variant?: 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';
17
+ variant?: ButtonVariant | ButtonVariantAlias;
15
18
  /**
16
19
  * Disables the button if set to true.
17
20
  */
@@ -1 +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"}
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,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"}
@@ -0,0 +1,12 @@
1
+ import { FabInterface } from './fab.interface';
2
+ export interface FabMenuInterface {
3
+ type: 'div';
4
+ props: FabInterface['props'] & {
5
+ variant?: 'primary' | 'secondary' | 'tertiary';
6
+ open?: boolean;
7
+ defaultOpen?: boolean;
8
+ onOpenChange?: (open: boolean) => void;
9
+ };
10
+ elements: ['fabMenu', 'fab', 'actions', 'action'];
11
+ }
12
+ //# sourceMappingURL=fab-menu.interface.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,14 +1,14 @@
1
1
  import { ActionOrLink } from '../utils/component';
2
2
  import { Transition } from 'motion';
3
3
  import { Icon } from '../icon';
4
- export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
4
+ export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'primaryContainer' | 'secondaryContainer' | 'tertiaryContainer';
5
5
  type Props = {
6
6
  variant?: FabVariant;
7
7
  label?: string;
8
8
  children?: string;
9
9
  icon: Icon;
10
10
  size?: 'small' | 'medium' | 'large';
11
- isExtended?: boolean;
11
+ extended?: boolean;
12
12
  transition?: Transition;
13
13
  };
14
14
  export type Elements = ['fab', 'stateLayer', 'icon', 'label'];
@@ -1 +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"}
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,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"}
@@ -4,6 +4,7 @@ export * from './carousel-item.interface';
4
4
  export * from './carousel.interface';
5
5
  export * from './divider.interface';
6
6
  export * from './fab.interface';
7
+ export * from './fab-menu.interface';
7
8
  export * from './icon-button.interface';
8
9
  export * from './progress-indicator.interface';
9
10
  export * from './side-sheet.interface';
@@ -1 +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"}
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"}
@@ -17,7 +17,7 @@ export interface SideSheetInterface {
17
17
  isExtended: boolean;
18
18
  };
19
19
  elements: [
20
- 'slideSheet',
20
+ 'sideSheet',
21
21
  'container',
22
22
  'title',
23
23
  'content',
@@ -1 +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"}
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,WAAW;QACX,WAAW;QACX,OAAO;QACP,SAAS;QACT,QAAQ;QACR,aAAa;QACb,SAAS;QACT,SAAS;KACV,CAAC;CACH"}
@@ -1,3 +1,4 @@
1
+ import { ClassNameComponent } from '../utils';
1
2
  import { ButtonInterface } from '../interfaces';
2
3
  export declare const buttonStyle: (states: (({
3
4
  label: any;
@@ -35,7 +36,7 @@ export declare const buttonStyle: (states: (({
35
36
  label?: string;
36
37
  children?: string;
37
38
  size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
38
- variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
39
+ variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
39
40
  disabled?: boolean;
40
41
  disableTextMargins?: boolean;
41
42
  icon?: import('..').Icon;
@@ -52,7 +53,7 @@ export declare const buttonStyle: (states: (({
52
53
  label?: string;
53
54
  children?: string;
54
55
  size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
55
- variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
56
+ variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
56
57
  disabled?: boolean;
57
58
  disableTextMargins?: boolean;
58
59
  icon?: import('..').Icon;
@@ -68,6 +69,45 @@ export declare const buttonStyle: (states: (({
68
69
  }))) & {
69
70
  isActive: boolean;
70
71
  } & {
71
- className: string | import('..').ClassNameComponent<ButtonInterface> | undefined;
72
+ className: string | ClassNameComponent<ButtonInterface> | undefined;
72
73
  }) => Record<"button" | "label" | "icon" | "stateLayer" | "touchTarget", string>;
74
+ export declare const useButtonStyle: (states: {
75
+ isActive: boolean;
76
+ } & ((({
77
+ label?: string;
78
+ children?: string;
79
+ size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
80
+ variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
81
+ disabled?: boolean;
82
+ disableTextMargins?: boolean;
83
+ icon?: import('..').Icon;
84
+ iconPosition?: "left" | "right";
85
+ loading?: boolean;
86
+ shape?: "squared" | "rounded";
87
+ allowShapeTransformation?: boolean;
88
+ transition?: import('motion').Transition;
89
+ onToggle?: (isActive: boolean) => void;
90
+ activated?: boolean;
91
+ } & {
92
+ href?: string;
93
+ }) | ({
94
+ label?: string;
95
+ children?: string;
96
+ size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
97
+ variant?: ("text" | "filled" | "elevated" | "tonal" | "outlined") | ("primary" | "secondary");
98
+ disabled?: boolean;
99
+ disableTextMargins?: boolean;
100
+ icon?: import('..').Icon;
101
+ iconPosition?: "left" | "right";
102
+ loading?: boolean;
103
+ shape?: "squared" | "rounded";
104
+ allowShapeTransformation?: boolean;
105
+ transition?: import('motion').Transition;
106
+ onToggle?: (isActive: boolean) => void;
107
+ activated?: boolean;
108
+ } & {
109
+ href?: never;
110
+ })) & {
111
+ className?: string | ClassNameComponent<ButtonInterface> | undefined;
112
+ })) => Record<"button" | "label" | "icon" | "stateLayer" | "touchTarget", string>;
73
113
  //# sourceMappingURL=button.style.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,4 +1,5 @@
1
1
  import { CardInterface } from '../interfaces';
2
+ import { ClassNameComponent } from '../utils';
2
3
  export declare const cardStyle: (states: {
3
4
  variant: any;
4
5
  isInteractive: any;
@@ -8,6 +9,13 @@ export declare const cardStyle: (states: {
8
9
  isInteractive?: boolean;
9
10
  children: import('react').ReactNode;
10
11
  } & {
11
- className: string | import('..').ClassNameComponent<CardInterface> | undefined;
12
+ className: string | ClassNameComponent<CardInterface> | undefined;
13
+ }) => Record<"card" | "stateLayer", string>;
14
+ export declare const useCardStyle: (states: {
15
+ variant?: "outlined" | "elevated" | "filled";
16
+ isInteractive?: boolean;
17
+ children: import('react').ReactNode;
18
+ } & {
19
+ className?: string | ClassNameComponent<CardInterface> | undefined;
12
20
  }) => Record<"card" | "stateLayer", string>;
13
21
  //# sourceMappingURL=card.style.d.ts.map
@@ -1 +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"}
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;AAC9C,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAclB,eAAO,MAAM,SAAS;;;;;;;;;;2CAAuD,CAAC;AAE9E,eAAO,MAAM,YAAY;;;;;;2CAGxB,CAAC"}
@@ -1,4 +1,6 @@
1
1
  import { CarouselItemInterface } from '../interfaces';
2
+ import { ClassNameComponent } from '../utils';
3
+ export declare const carouselItemConfig: ClassNameComponent<CarouselItemInterface>;
2
4
  export declare const carouselItemStyle: (states: {
3
5
  children: any;
4
6
  width: any;
@@ -10,6 +12,14 @@ export declare const carouselItemStyle: (states: {
10
12
  index?: number;
11
13
  outputRange?: [number, number];
12
14
  } & {
13
- className: string | import('..').ClassNameComponent<CarouselItemInterface> | undefined;
15
+ className: string | ClassNameComponent<CarouselItemInterface> | undefined;
16
+ }) => Record<"carouselItem", string>;
17
+ export declare const useCarouselItemStyle: (states: {
18
+ children?: import('react').ReactNode | undefined;
19
+ width?: number;
20
+ index?: number;
21
+ outputRange?: [number, number];
22
+ } & {
23
+ className?: string | ClassNameComponent<CarouselItemInterface> | undefined;
14
24
  }) => Record<"carouselItem", string>;
15
25
  //# sourceMappingURL=carousel-item.style.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1,3 +1,4 @@
1
+ import { ClassNameComponent } from '../utils';
1
2
  import { CarouselInterface } from '../interfaces';
2
3
  export declare const carouselStyle: (states: {
3
4
  children: any;
@@ -22,6 +23,20 @@ export declare const carouselStyle: (states: {
22
23
  inputRange?: [number, number];
23
24
  outputRange?: [number, number];
24
25
  } & {
25
- className: string | import('..').ClassNameComponent<CarouselInterface> | undefined;
26
+ className: string | ClassNameComponent<CarouselInterface> | undefined;
27
+ }) => Record<"track" | "carousel", string>;
28
+ export declare const useCarouselStyle: (states: {
29
+ children?: import('react').ReactElement<typeof import('..').CarouselItem>[];
30
+ marginPourcent?: number;
31
+ onChange?: (index: number) => void;
32
+ onMetricsChange?: (metrics: import('..').CarouselMetrics) => void;
33
+ index?: number;
34
+ variant?: "hero" | "center-aligned" | "multi-browse" | "un-contained" | "full-screen";
35
+ scrollSensitivity?: number;
36
+ gap?: number;
37
+ inputRange?: [number, number];
38
+ outputRange?: [number, number];
39
+ } & {
40
+ className?: string | ClassNameComponent<CarouselInterface> | undefined;
26
41
  }) => Record<"track" | "carousel", string>;
27
42
  //# sourceMappingURL=carousel.style.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,9 +1,15 @@
1
- import { DividerInterface } from '../interfaces/divider.interface';
1
+ import { DividerInterface } from '../interfaces';
2
+ import { ClassNameComponent } from '../utils';
2
3
  export declare const dividerStyle: (states: {
3
4
  orientation: any;
4
5
  } & {
5
6
  orientation?: "vertical" | "horizontal";
6
7
  } & {
7
- className: string | import('..').ClassNameComponent<DividerInterface> | undefined;
8
+ className: string | ClassNameComponent<DividerInterface> | undefined;
9
+ }) => Record<"divider", string>;
10
+ export declare const useDividerStyle: (states: {
11
+ orientation?: "vertical" | "horizontal";
12
+ } & {
13
+ className?: string | ClassNameComponent<DividerInterface> | undefined;
8
14
  }) => Record<"divider", string>;
9
15
  //# sourceMappingURL=divider.style.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,83 @@
1
+ import { ClassNameComponent } from '../utils';
2
+ import { FabMenuInterface } from '../interfaces/fab-menu.interface';
3
+ export declare const fabMenuStyle: (states: ({
4
+ variant: any;
5
+ label: any;
6
+ children: any;
7
+ icon: any;
8
+ size: any;
9
+ extended: any;
10
+ transition: any;
11
+ href: any;
12
+ open: any;
13
+ defaultOpen: any;
14
+ onOpenChange: any;
15
+ } | {
16
+ variant: any;
17
+ label: any;
18
+ children: any;
19
+ icon: any;
20
+ size: any;
21
+ extended: any;
22
+ transition: any;
23
+ href: any;
24
+ open: any;
25
+ defaultOpen: any;
26
+ onOpenChange: any;
27
+ }) & (((({
28
+ variant?: import('..').FabVariant;
29
+ label?: string;
30
+ children?: string;
31
+ icon: import('..').Icon;
32
+ size?: "small" | "medium" | "large";
33
+ extended?: boolean;
34
+ transition?: import('motion').Transition;
35
+ } & {
36
+ href?: string;
37
+ }) | ({
38
+ variant?: import('..').FabVariant;
39
+ label?: string;
40
+ children?: string;
41
+ icon: import('..').Icon;
42
+ size?: "small" | "medium" | "large";
43
+ extended?: boolean;
44
+ transition?: import('motion').Transition;
45
+ } & {
46
+ href?: never;
47
+ })) & {
48
+ variant?: "primary" | "secondary" | "tertiary";
49
+ open?: boolean;
50
+ defaultOpen?: boolean;
51
+ onOpenChange?: (open: boolean) => void;
52
+ }) & {
53
+ className: string | ClassNameComponent<FabMenuInterface> | undefined;
54
+ })) => Record<"fab" | "fabMenu" | "actions" | "action", string>;
55
+ export declare const useFabMenuStyle: (states: ((({
56
+ variant?: import('..').FabVariant;
57
+ label?: string;
58
+ children?: string;
59
+ icon: import('..').Icon;
60
+ size?: "small" | "medium" | "large";
61
+ extended?: boolean;
62
+ transition?: import('motion').Transition;
63
+ } & {
64
+ href?: string;
65
+ }) | ({
66
+ variant?: import('..').FabVariant;
67
+ label?: string;
68
+ children?: string;
69
+ icon: import('..').Icon;
70
+ size?: "small" | "medium" | "large";
71
+ extended?: boolean;
72
+ transition?: import('motion').Transition;
73
+ } & {
74
+ href?: never;
75
+ })) & {
76
+ variant?: "primary" | "secondary" | "tertiary";
77
+ open?: boolean;
78
+ defaultOpen?: boolean;
79
+ onOpenChange?: (open: boolean) => void;
80
+ }) & {
81
+ className?: string | ClassNameComponent<FabMenuInterface> | undefined;
82
+ }) => Record<"fab" | "fabMenu" | "actions" | "action", string>;
83
+ //# sourceMappingURL=fab-menu.style.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,3 +1,4 @@
1
+ import { ClassNameComponent } from '../utils';
1
2
  import { FabInterface } from '../interfaces/fab.interface';
2
3
  export declare const fabStyle: (states: ({
3
4
  variant: any;
@@ -5,7 +6,7 @@ export declare const fabStyle: (states: ({
5
6
  children: any;
6
7
  icon: any;
7
8
  size: any;
8
- isExtended: any;
9
+ extended: any;
9
10
  transition: any;
10
11
  href: any;
11
12
  } | {
@@ -14,7 +15,7 @@ export declare const fabStyle: (states: ({
14
15
  children: any;
15
16
  icon: any;
16
17
  size: any;
17
- isExtended: any;
18
+ extended: any;
18
19
  transition: any;
19
20
  href: any;
20
21
  }) & ((({
@@ -23,7 +24,7 @@ export declare const fabStyle: (states: ({
23
24
  children?: string;
24
25
  icon: import('..').Icon;
25
26
  size?: "small" | "medium" | "large";
26
- isExtended?: boolean;
27
+ extended?: boolean;
27
28
  transition?: import('motion').Transition;
28
29
  } & {
29
30
  href?: string;
@@ -33,11 +34,34 @@ export declare const fabStyle: (states: ({
33
34
  children?: string;
34
35
  icon: import('..').Icon;
35
36
  size?: "small" | "medium" | "large";
36
- isExtended?: boolean;
37
+ extended?: boolean;
37
38
  transition?: import('motion').Transition;
38
39
  } & {
39
40
  href?: never;
40
41
  })) & {
41
- className: string | import('..').ClassNameComponent<FabInterface> | undefined;
42
+ className: string | ClassNameComponent<FabInterface> | undefined;
42
43
  })) => Record<"label" | "icon" | "fab" | "stateLayer", string>;
44
+ export declare const useFabStyle: (states: (({
45
+ variant?: import('..').FabVariant;
46
+ label?: string;
47
+ children?: string;
48
+ icon: import('..').Icon;
49
+ size?: "small" | "medium" | "large";
50
+ extended?: boolean;
51
+ transition?: import('motion').Transition;
52
+ } & {
53
+ href?: string;
54
+ }) | ({
55
+ variant?: import('..').FabVariant;
56
+ label?: string;
57
+ children?: string;
58
+ icon: import('..').Icon;
59
+ size?: "small" | "medium" | "large";
60
+ extended?: boolean;
61
+ transition?: import('motion').Transition;
62
+ } & {
63
+ href?: never;
64
+ })) & {
65
+ className?: string | ClassNameComponent<FabInterface> | undefined;
66
+ }) => Record<"label" | "icon" | "fab" | "stateLayer", string>;
43
67
  //# sourceMappingURL=fab.style.d.ts.map
@@ -1 +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"}
1
+ {"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;AAwC3D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAAoD,CAAC;AAE1E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;6DAAsD,CAAC"}