@udixio/ui-react 2.9.8 → 2.9.10

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 (109) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/index.cjs +3 -3
  3. package/dist/index.js +2572 -2446
  4. package/dist/lib/components/Button.d.ts +6 -0
  5. package/dist/lib/components/Button.d.ts.map +1 -1
  6. package/dist/lib/components/Card.d.ts +4 -0
  7. package/dist/lib/components/Card.d.ts.map +1 -1
  8. package/dist/lib/components/Carousel.d.ts +4 -0
  9. package/dist/lib/components/Carousel.d.ts.map +1 -1
  10. package/dist/lib/components/CarouselItem.d.ts +4 -0
  11. package/dist/lib/components/CarouselItem.d.ts.map +1 -1
  12. package/dist/lib/components/Chip.d.ts +7 -0
  13. package/dist/lib/components/Chip.d.ts.map +1 -1
  14. package/dist/lib/components/Chips.d.ts +10 -0
  15. package/dist/lib/components/Chips.d.ts.map +1 -1
  16. package/dist/lib/components/Divider.d.ts +2 -0
  17. package/dist/lib/components/Divider.d.ts.map +1 -1
  18. package/dist/lib/components/Fab.d.ts +4 -0
  19. package/dist/lib/components/Fab.d.ts.map +1 -1
  20. package/dist/lib/components/FabMenu.d.ts +7 -0
  21. package/dist/lib/components/FabMenu.d.ts.map +1 -1
  22. package/dist/lib/components/IconButton.d.ts +7 -2
  23. package/dist/lib/components/IconButton.d.ts.map +1 -1
  24. package/dist/lib/components/NavigationRail.d.ts +6 -0
  25. package/dist/lib/components/NavigationRail.d.ts.map +1 -1
  26. package/dist/lib/components/NavigationRailItem.d.ts +7 -0
  27. package/dist/lib/components/NavigationRailItem.d.ts.map +1 -1
  28. package/dist/lib/components/ProgressIndicator.d.ts +6 -0
  29. package/dist/lib/components/ProgressIndicator.d.ts.map +1 -1
  30. package/dist/lib/components/SideSheet.d.ts +7 -0
  31. package/dist/lib/components/SideSheet.d.ts.map +1 -1
  32. package/dist/lib/components/Slider.d.ts +5 -0
  33. package/dist/lib/components/Slider.d.ts.map +1 -1
  34. package/dist/lib/components/Snackbar.d.ts +6 -0
  35. package/dist/lib/components/Snackbar.d.ts.map +1 -1
  36. package/dist/lib/components/Switch.d.ts +4 -0
  37. package/dist/lib/components/Switch.d.ts.map +1 -1
  38. package/dist/lib/components/Tab.d.ts +5 -0
  39. package/dist/lib/components/Tab.d.ts.map +1 -1
  40. package/dist/lib/components/TabGroup.d.ts +4 -0
  41. package/dist/lib/components/TabGroup.d.ts.map +1 -1
  42. package/dist/lib/components/TabGroupContext.d.ts +4 -0
  43. package/dist/lib/components/TabGroupContext.d.ts.map +1 -1
  44. package/dist/lib/components/TabPanel.d.ts +2 -0
  45. package/dist/lib/components/TabPanel.d.ts.map +1 -1
  46. package/dist/lib/components/TabPanels.d.ts +4 -0
  47. package/dist/lib/components/TabPanels.d.ts.map +1 -1
  48. package/dist/lib/components/Tabs.d.ts +4 -0
  49. package/dist/lib/components/Tabs.d.ts.map +1 -1
  50. package/dist/lib/components/TextField.d.ts +5 -0
  51. package/dist/lib/components/TextField.d.ts.map +1 -1
  52. package/dist/lib/components/Tooltip.d.ts +14 -0
  53. package/dist/lib/components/Tooltip.d.ts.map +1 -0
  54. package/dist/lib/components/index.d.ts +1 -1
  55. package/dist/lib/hooks/index.d.ts +5 -0
  56. package/dist/lib/hooks/index.d.ts.map +1 -0
  57. package/dist/lib/hooks/useTooltipPosition.d.ts +22 -0
  58. package/dist/lib/hooks/useTooltipPosition.d.ts.map +1 -0
  59. package/dist/lib/hooks/useTooltipTrigger.d.ts +44 -0
  60. package/dist/lib/hooks/useTooltipTrigger.d.ts.map +1 -0
  61. package/dist/lib/index.d.ts +1 -0
  62. package/dist/lib/index.d.ts.map +1 -1
  63. package/dist/lib/interfaces/fab.interface.d.ts +2 -1
  64. package/dist/lib/interfaces/fab.interface.d.ts.map +1 -1
  65. package/dist/lib/interfaces/tooltip.interface.d.ts +24 -2
  66. package/dist/lib/interfaces/tooltip.interface.d.ts.map +1 -1
  67. package/dist/lib/styles/fab-menu.style.d.ts +4 -4
  68. package/dist/lib/styles/fab.style.d.ts +4 -4
  69. package/dist/lib/styles/icon-button.style.d.ts +2 -2
  70. package/dist/lib/styles/tooltip.style.d.ts +34 -6
  71. package/dist/lib/styles/tooltip.style.d.ts.map +1 -1
  72. package/package.json +1 -1
  73. package/src/lib/components/Button.tsx +6 -0
  74. package/src/lib/components/Card.tsx +4 -0
  75. package/src/lib/components/Carousel.tsx +4 -0
  76. package/src/lib/components/CarouselItem.tsx +4 -0
  77. package/src/lib/components/Chip.tsx +7 -0
  78. package/src/lib/components/Chips.tsx +10 -0
  79. package/src/lib/components/Divider.tsx +2 -0
  80. package/src/lib/components/Fab.tsx +6 -2
  81. package/src/lib/components/FabMenu.tsx +7 -0
  82. package/src/lib/components/IconButton.tsx +12 -8
  83. package/src/lib/components/NavigationRail.tsx +6 -0
  84. package/src/lib/components/NavigationRailItem.tsx +7 -0
  85. package/src/lib/components/ProgressIndicator.tsx +6 -0
  86. package/src/lib/components/SideSheet.tsx +7 -0
  87. package/src/lib/components/Slider.tsx +5 -0
  88. package/src/lib/components/Snackbar.tsx +6 -0
  89. package/src/lib/components/Switch.tsx +4 -0
  90. package/src/lib/components/Tab.tsx +5 -0
  91. package/src/lib/components/TabGroup.tsx +4 -0
  92. package/src/lib/components/TabGroupContext.tsx +6 -1
  93. package/src/lib/components/TabPanel.tsx +2 -0
  94. package/src/lib/components/TabPanels.tsx +4 -0
  95. package/src/lib/components/Tabs.tsx +4 -0
  96. package/src/lib/components/TextField.tsx +5 -0
  97. package/src/lib/components/Tooltip.tsx +217 -0
  98. package/src/lib/components/index.ts +1 -1
  99. package/src/lib/hooks/index.ts +11 -0
  100. package/src/lib/hooks/useTooltipPosition.ts +95 -0
  101. package/src/lib/hooks/useTooltipTrigger.ts +270 -0
  102. package/src/lib/index.ts +1 -0
  103. package/src/lib/interfaces/fab.interface.ts +2 -1
  104. package/src/lib/interfaces/tooltip.interface.ts +24 -2
  105. package/src/lib/styles/tooltip.style.ts +1 -0
  106. package/src/stories/communication/tool-tip.stories.tsx +19 -19
  107. package/dist/lib/components/ToolTip.d.ts +0 -9
  108. package/dist/lib/components/ToolTip.d.ts.map +0 -1
  109. package/src/lib/components/ToolTip.tsx +0 -256
@@ -4,6 +4,12 @@ import { ButtonInterface } from '../interfaces';
4
4
  * Buttons prompt most actions in a UI
5
5
  * @status beta
6
6
  * @category Action
7
+ * @devx
8
+ * - Requires `label` or children; used for visible text and a11y.
9
+ * - `onToggle` uses internal state; pair with `activated` for controlled usage.
10
+ * @limitations
11
+ * - No explicit `type` prop; HTML button defaults may submit in forms.
12
+ * - When `href` is set, `disabled` is visual only (no `aria-disabled`).
7
13
  */
8
14
  export declare const Button: ({ variant, disabled, icon, href, label, disableTextMargins, className, iconPosition, loading, shape, onClick, onToggle, activated, ref, size, allowShapeTransformation, transition, children, ...restProps }: ReactProps<ButtonInterface>) => import("react/jsx-runtime").JSX.Element;
9
15
  //# sourceMappingURL=Button.d.ts.map
@@ -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;AAmChD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA2I7B,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;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA2I7B,CAAC"}
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils';
4
4
  * Cards display content and actions about a single subject
5
5
  * @status beta
6
6
  * @category Layout
7
+ * @devx
8
+ * - `isInteractive` only adds a state layer; add your own click/role semantics.
9
+ * @limitations
10
+ * - No built-in header/actions slots; layout is fully custom via children.
7
11
  */
8
12
  export declare const Card: ({ variant, className, children, isInteractive, ref, ...rest }: ReactProps<CardInterface>) => import("react/jsx-runtime").JSX.Element;
9
13
  //# sourceMappingURL=Card.d.ts.map
@@ -1 +1 @@
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"}
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;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,GAAI,+DAOlB,UAAU,CAAC,aAAa,CAAC,4CAmB3B,CAAC"}
@@ -5,9 +5,13 @@ import { ReactProps } from '../utils';
5
5
  *
6
6
  * @status beta
7
7
  * @category Layout
8
+ * @devx
9
+ * - Only `CarouselItem` children are rendered; other children are ignored.
10
+ * - Use `index` for controlled positioning; otherwise relies on internal scroll state.
8
11
  * @limitations
9
12
  * - Responsive behavior on mobile is not supported.
10
13
  * - Only the default (hero) variant is supported.
14
+ * - No keyboard navigation or focus management.
11
15
  */
12
16
  export declare const Carousel: ({ variant, className, children, ref: optionalRef, marginPourcent, inputRange, outputRange, gap, onChange, onMetricsChange, index, scrollSensitivity, ...restProps }: ReactProps<CarouselInterface>) => import("react/jsx-runtime").JSX.Element;
13
17
  //# sourceMappingURL=Carousel.d.ts.map
@@ -1 +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;AAOtC;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CA2f/B,CAAC"}
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;AAOtC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CA2f/B,CAAC"}
@@ -4,6 +4,10 @@ export declare const normalize: (value: number, inputRange: [number, number], ou
4
4
  /**
5
5
  * @status beta
6
6
  * @parent Carousel
7
+ * @devx
8
+ * - Intended for use inside `Carousel`; width and outputRange drive sizing.
9
+ * @limitations
10
+ * - Requires `outputRange` for min/max sizing; missing values can break layout.
7
11
  */
8
12
  export declare const CarouselItem: ({ className, children, width, index, outputRange, ref: optionalRef, ...restProps }: MotionProps<CarouselItemInterface>) => import("react/jsx-runtime").JSX.Element;
9
13
  //# sourceMappingURL=CarouselItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,oFAQ1B,WAAW,CAAC,qBAAqB,CAAC,4CA+BpC,CAAC"}
1
+ {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,oFAQ1B,WAAW,CAAC,qBAAqB,CAAC,4CA+BpC,CAAC"}
@@ -4,6 +4,13 @@ import { ChipInterface } from '../interfaces';
4
4
  * Chips prompt most actions in a UI
5
5
  * @status beta
6
6
  * @category Action
7
+ * @devx
8
+ * - `editable` relies on contentEditable; label should be a string.
9
+ * - `onToggle` uses internal state; pair with `activated` for controlled usage.
10
+ * @a11y
11
+ * - Uses `aria-pressed` only when togglable.
12
+ * @limitations
13
+ * - Edit mode starts after a 1s focus delay (no prop to customize).
7
14
  */
8
15
  export declare const Chip: ({ variant, disabled, icon, href, label, className, onClick, onToggle, activated, ref, onRemove, editable, onEditStart, onEditCommit, onEditCancel, onChange, transition, children, editing, ...restProps }: ReactProps<ChipInterface>) => import("react/jsx-runtime").JSX.Element;
9
16
  //# sourceMappingURL=Chip.d.ts.map
@@ -1 +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,4CA2S3B,CAAC"}
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;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,GAAI,4MAqBlB,UAAU,CAAC,aAAa,CAAC,4CA2S3B,CAAC"}
@@ -1,4 +1,14 @@
1
1
  import { ReactProps } from '../utils';
2
2
  import { ChipsInterface } from '../interfaces';
3
+ /**
4
+ * Chips group for input or selection lists
5
+ * @status beta
6
+ * @category Input
7
+ * @devx
8
+ * - Works best as controlled: pass `items` + `onItemsChange`.
9
+ * - Internal ids are derived from object identity; replace items carefully.
10
+ * @limitations
11
+ * - No virtualization; very large lists can be slow.
12
+ */
3
13
  export declare const Chips: ({ variant, className, scrollable, draggable, items, onItemsChange, }: ReactProps<ChipsInterface>) => import("react/jsx-runtime").JSX.Element;
4
14
  //# sourceMappingURL=Chips.d.ts.map
@@ -1 +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,4CAiT5B,CAAC"}
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;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,GAAI,sEAOnB,UAAU,CAAC,cAAc,CAAC,4CAiT5B,CAAC"}
@@ -4,6 +4,8 @@ import { ReactProps } from '../utils';
4
4
  * Dividers are thin lines that group content in lists or other containers
5
5
  * @status beta
6
6
  * @category Layout
7
+ * @devx
8
+ * - Renders a semantic `<hr>`; use `orientation` for vertical dividers.
7
9
  */
8
10
  export declare const Divider: ({ orientation, className, ...restProps }: ReactProps<DividerInterface>) => import("react/jsx-runtime").JSX.Element;
9
11
  //# sourceMappingURL=Divider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,0CAIrB,UAAU,CAAC,gBAAgB,CAAC,4CAI9B,CAAC"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,0CAIrB,UAAU,CAAC,gBAAgB,CAAC,4CAI9B,CAAC"}
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils/component';
4
4
  * Floating action buttons (FABs) help people take primary actions
5
5
  * @status beta
6
6
  * @category Action
7
+ * @devx
8
+ * - Requires `label` or children; icon-only still needs a label for a11y.
9
+ * @limitations
10
+ * - No built-in positioning; placement is handled by the layout.
7
11
  */
8
12
  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
13
  //# sourceMappingURL=Fab.d.ts.map
@@ -1 +1 @@
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"}
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;;;;;;;;GAQG;AACH,eAAO,MAAM,GAAG,GAAI,0GAajB,UAAU,CAAC,YAAY,CAAC,4CA8F1B,CAAC"}
@@ -4,6 +4,13 @@ import { ReactProps } from '../utils/component';
4
4
  * Floating action buttons (FABs) help people take primary actions
5
5
  * @status beta
6
6
  * @category Action
7
+ * @devx
8
+ * - Only `Button` children are rendered as actions.
9
+ * - Controlled via `open`/`onOpenChange` or `defaultOpen`.
10
+ * @a11y
11
+ * - No focus trap or Escape handling when open.
12
+ * @limitations
13
+ * - No outside-click handling; close uses the explicit close button.
7
14
  */
8
15
  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
16
  //# sourceMappingURL=FabMenu.d.ts.map
@@ -1 +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;AAUhD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAoM9B,CAAC"}
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;AAUhD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAoM9B,CAAC"}
@@ -1,10 +1,15 @@
1
- import { IconButtonInterface } from '../interfaces/icon-button.interface';
2
- import { ReactProps } from '../utils/component';
1
+ import { IconButtonInterface } from '../interfaces';
2
+ import { ReactProps } from '../utils';
3
3
  export type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';
4
4
  /**
5
5
  * Icon buttons help people take minor actions with one tap
6
6
  * @status beta
7
7
  * @category Action
8
+ * @devx
9
+ * - Requires `label` or children to provide an aria-label.
10
+ * - Uses `title` as tooltip text; native title attribute is suppressed.
11
+ * @limitations
12
+ * - Tooltip is always rendered (no explicit opt-out).
8
13
  */
9
14
  export declare const IconButton: ({ variant, href, disabled, title, label, onToggle, activated, onClick, icon, size, iconSelected, className, ref, width, shape, allowShapeTransformation, transition, children, ...restProps }: ReactProps<IconButtonInterface>) => import("react/jsx-runtime").JSX.Element;
10
15
  //# sourceMappingURL=IconButton.d.ts.map
@@ -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,+LAoBxB,UAAU,CAAC,mBAAmB,CAAC,4CAsGjC,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7E;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,GAAI,+LAoBxB,UAAU,CAAC,mBAAmB,CAAC,4CAsGjC,CAAC"}
@@ -4,6 +4,12 @@ import { NavigationRailInterface } from '../interfaces/navigation-rail.interface
4
4
  * Navigation rails let people switch between UI views on mid-sized devices
5
5
  * @status beta
6
6
  * @category Navigation
7
+ * @devx
8
+ * - Treats `NavigationRailItem`, `NavigationRailSection`, and `Fab` specially.
9
+ * - Selection is index-based; provide `selectedItem` for controlled usage.
10
+ * @limitations
11
+ * - `extended` is not fully controlled (prop changes after mount aren’t synced).
12
+ * - Keyboard navigation/roving tabindex is not implemented.
7
13
  */
8
14
  export declare const NavigationRail: ({ variant, onItemSelected, children, className, selectedItem: externalSelectedItem, extended, alignment, menu, style, onExtendedChange, transition, setSelectedItem: externalSetSelectedItem, }: ReactProps<NavigationRailInterface>) => import("react/jsx-runtime").JSX.Element;
9
15
  //# sourceMappingURL=NavigationRail.d.ts.map
@@ -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;AAOtC,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;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,iMAsB5B,UAAU,CAAC,uBAAuB,CAAC,4CAgIrC,CAAC"}
@@ -3,6 +3,8 @@ import { NavigationRailItemInterface } from '../interfaces';
3
3
  /**
4
4
  * @status beta
5
5
  * @parent NavigationRail
6
+ * @devx
7
+ * - Section labels only render when the rail is extended.
6
8
  */
7
9
  export declare const NavigationRailSection: ({ label }: {
8
10
  label: string;
@@ -10,6 +12,11 @@ export declare const NavigationRailSection: ({ label }: {
10
12
  /**
11
13
  * @status beta
12
14
  * @parent NavigationRail
15
+ * @devx
16
+ * - Selection is index-based and provided by the parent rail.
17
+ * - `extendedOnly` hides items when the rail is collapsed.
18
+ * @a11y
19
+ * - Uses `role="tab"` but no roving tabindex or aria-controls wiring.
13
20
  */
14
21
  export declare const NavigationRailItem: ({ className, onClick, label, variant, href, icon, selectedItem, setSelectedItem, index, onItemSelected, selected, ref, transition, isExtended, iconSelected, style, extendedOnly, children, ...restProps }: ReactProps<NavigationRailItemInterface>) => import("react/jsx-runtime").JSX.Element | null;
15
22
  //# sourceMappingURL=NavigationRailItem.d.ts.map
@@ -1 +1 @@
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
+ {"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;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CAMjE,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,4MAoBhC,UAAU,CAAC,2BAA2B,CAAC,mDA8KzC,CAAC"}
@@ -3,6 +3,12 @@ import { ReactProps } from '../utils/component';
3
3
  /**
4
4
  * @status beta
5
5
  * @category Communication
6
+ * @devx
7
+ * - `value` is clamped to 0–100; indeterminate variants ignore it.
8
+ * @a11y
9
+ * - Missing `role="progressbar"` and aria-* attributes.
10
+ * @limitations
11
+ * - Visibility auto-hides at 100% (no controlled open prop).
6
12
  */
7
13
  export declare const ProgressIndicator: ({ variant, value, transitionDuration, className, ...restProps }: ReactProps<ProgressIndicatorInterface>) => any;
8
14
  //# sourceMappingURL=ProgressIndicator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ProgressIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAIxF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,iEAM/B,UAAU,CAAC,0BAA0B,CAAC,KAAG,GAwI3C,CAAC"}
1
+ {"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ProgressIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAIxF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,iEAM/B,UAAU,CAAC,0BAA0B,CAAC,KAAG,GAwI3C,CAAC"}
@@ -4,6 +4,13 @@ import { SideSheetInterface } from '../interfaces';
4
4
  * Side sheets show secondary content anchored to the side of the screen
5
5
  * @status beta
6
6
  * @category Layout
7
+ * @devx
8
+ * - Controlled via `extended`/`onExtendedChange` or internal state.
9
+ * - `variant="modal"` renders into a portal on `document.body`.
10
+ * @a11y
11
+ * - No focus trap, Escape handling, or `aria-modal` attributes.
12
+ * @limitations
13
+ * - No body scroll lock when open.
7
14
  */
8
15
  export declare const SideSheet: ({ variant, className, children, title, position, extended, divider, onExtendedChange, closeIcon, transition, ...rest }: MotionProps<SideSheetInterface>) => import("react/jsx-runtime").JSX.Element;
9
16
  //# sourceMappingURL=SideSheet.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUnD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,wHAYvB,WAAW,CAAC,kBAAkB,CAAC,4CAmGjC,CAAC"}
1
+ {"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,GAAI,wHAYvB,WAAW,CAAC,kBAAkB,CAAC,4CAmGjC,CAAC"}
@@ -4,6 +4,11 @@ import { ReactProps } from '../utils';
4
4
  * Sliders let users make selections from a range of values
5
5
  * @status beta
6
6
  * @category Input
7
+ * @devx
8
+ * - `value` is treated as the initial value; component is uncontrolled after mount.
9
+ * - `onChange` receives the numeric value (not the DOM event).
10
+ * @a11y
11
+ * - Provides slider role/aria values, but no label prop.
7
12
  */
8
13
  export declare const Slider: ({ className, valueFormatter, step, name, value: defaultValue, min, max, marks, ref, onChange, ...restProps }: ReactProps<SliderInterface>) => import("react/jsx-runtime").JSX.Element;
9
14
  //# sourceMappingURL=Slider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,4CA0U7B,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,4CA0U7B,CAAC"}
@@ -4,6 +4,12 @@ import { MotionProps } from '../utils/component';
4
4
  * Snackbars show short updates about app processes at the bottom of the screen
5
5
  * @status beta
6
6
  * @category Communication
7
+ * @devx
8
+ * - Uncontrolled visibility; use `duration` to auto-dismiss.
9
+ * @a11y
10
+ * - No `role="status"`/`alert` announcements.
11
+ * @limitations
12
+ * - No queue/stacking and no controlled open prop.
7
13
  */
8
14
  export declare const Snackbar: ({ message, className, duration, closeIcon, onClose, ...restProps }: MotionProps<SnackbarInterface>) => import("react/jsx-runtime").JSX.Element;
9
15
  //# sourceMappingURL=Snackbar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Snackbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,oEAOtB,WAAW,CAAC,iBAAiB,CAAC,4CAiDhC,CAAC"}
1
+ {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Snackbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,oEAOtB,WAAW,CAAC,iBAAiB,CAAC,4CAiDhC,CAAC"}
@@ -4,6 +4,10 @@ import { MotionProps } from '../utils/component';
4
4
  * Switches toggle the selection of an item on or off
5
5
  * @status beta
6
6
  * @category Input
7
+ * @devx
8
+ * - `selected` is used as initial state only; prop changes won’t sync.
9
+ * @a11y
10
+ * - Uses `role="switch"` but no label prop is exposed here.
7
11
  */
8
12
  export declare const Switch: ({ selected, className, activeIcon, disabled, inactiveIcon, onChange, onClick, onKeyDown, ref, ...restProps }: MotionProps<SwitchInterface>) => import("react/jsx-runtime").JSX.Element;
9
13
  //# sourceMappingURL=Switch.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Switch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8GAWpB,WAAW,CAAC,eAAe,CAAC,4CA0E9B,CAAC"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Switch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,GAAI,8GAWpB,WAAW,CAAC,eAAe,CAAC,4CA0E9B,CAAC"}
@@ -3,6 +3,11 @@ import { ReactProps } from '../utils/component';
3
3
  /**
4
4
  * @status beta
5
5
  * @parent Tabs
6
+ * @devx
7
+ * - `label` can come from string children; selection is index-based.
8
+ * - Use `TabGroup` to sync selection with panels/animations.
9
+ * @a11y
10
+ * - No keyboard navigation or `aria-controls` wiring.
6
11
  */
7
12
  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;
8
13
  //# sourceMappingURL=Tab.d.ts.map
@@ -1 +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,6KAiBjB,UAAU,CAAC,YAAY,CAAC,4CAuF1B,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;;;;;;;;GAQG;AACH,eAAO,MAAM,GAAG,GAAI,6KAiBjB,UAAU,CAAC,YAAY,CAAC,4CAuF1B,CAAC"}
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils/component';
4
4
  * TabGroup provides shared state for Tabs and TabPanels
5
5
  * @status beta
6
6
  * @category Navigation
7
+ * @devx
8
+ * - Provides selection + slide direction for Tabs/TabPanels.
9
+ * @limitations
10
+ * - No URL/hash syncing or persistence built in.
7
11
  */
8
12
  export declare const TabGroup: ({ children, selectedTab: externalSelectedTab, setSelectedTab: externalSetSelectedTab, defaultTab, }: ReactProps<TabGroupInterface>) => import("react/jsx-runtime").JSX.Element;
9
13
  //# sourceMappingURL=TabGroup.d.ts.map
@@ -1 +1 @@
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"}
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;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,qGAKtB,UAAU,CAAC,iBAAiB,CAAC,4CA2C/B,CAAC"}
@@ -1,4 +1,8 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
+ /**
3
+ * Shared state container for Tabs and TabPanels.
4
+ * @internal
5
+ */
2
6
  export interface TabGroupContextValue {
3
7
  selectedTab: number | null;
4
8
  setSelectedTab: Dispatch<SetStateAction<number | null>>;
@@ -1 +1 @@
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"}
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;;;GAGG;AAEH,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"}
@@ -5,6 +5,8 @@ import { ReactProps } from '../utils/component';
5
5
  * Must be used within TabPanels
6
6
  * @status beta
7
7
  * @category Navigation
8
+ * @devx
9
+ * - Should be rendered inside `TabPanels` for animations and aria wiring.
8
10
  */
9
11
  export declare const TabPanel: ({ children, className, isSelected, }: ReactProps<TabPanelInterface>) => import("react/jsx-runtime").JSX.Element;
10
12
  //# sourceMappingURL=TabPanel.d.ts.map
@@ -1 +1 @@
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"}
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;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,sCAItB,UAAU,CAAC,iBAAiB,CAAC,4CAQ/B,CAAC"}
@@ -5,6 +5,10 @@ import { ReactProps } from '../utils/component';
5
5
  * Must be used within a TabGroup
6
6
  * @status beta
7
7
  * @category Navigation
8
+ * @devx
9
+ * - Requires `TabGroup` context; otherwise it renders nothing.
10
+ * @limitations
11
+ * - Only renders the active panel (no offscreen preservation).
8
12
  */
9
13
  export declare const TabPanels: ({ children, className, }: ReactProps<TabPanelsInterface>) => import("react/jsx-runtime").JSX.Element | null;
10
14
  //# sourceMappingURL=TabPanels.d.ts.map
@@ -1 +1 @@
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"}
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;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,0BAGvB,UAAU,CAAC,kBAAkB,CAAC,mDAqDhC,CAAC"}
@@ -4,6 +4,10 @@ import { ReactProps } from '../utils/component';
4
4
  * Tabs organize content across different screens and views
5
5
  * @status beta
6
6
  * @category Navigation
7
+ * @devx
8
+ * - Can be controlled via `selectedTab`/`setSelectedTab` or through `TabGroup`.
9
+ * @a11y
10
+ * - No keyboard navigation or roving tabindex.
7
11
  */
8
12
  export declare const Tabs: ({ variant, onTabSelected, children, className, selectedTab: externalSelectedTab, setSelectedTab: externalSetSelectedTab, scrollable, }: ReactProps<TabsInterface>) => import("react/jsx-runtime").JSX.Element;
9
13
  //# sourceMappingURL=Tabs.d.ts.map
@@ -1 +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;AAKhD;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,wIAQlB,UAAU,CAAC,aAAa,CAAC,4CA6E3B,CAAC"}
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;AAKhD;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,GAAI,wIAQlB,UAAU,CAAC,aAAa,CAAC,4CA6E3B,CAAC"}
@@ -4,6 +4,11 @@ import { TextFieldInterface } from '../interfaces/text-field.interface';
4
4
  * Text fields let users enter text into a UI
5
5
  * @status beta
6
6
  * @category Input
7
+ * @devx
8
+ * - `onChange` receives the string value (not the DOM event).
9
+ * - `value` syncs internal state; not a fully controlled input.
10
+ * @a11y
11
+ * - Uses `label` for `aria-label`; no `aria-describedby` for supporting text.
7
12
  */
8
13
  export declare const TextField: ({ variant, disabled, errorText, placeholder, suffix, name, label, className, supportingText, trailingIcon, leadingIcon, type, textLine, autoComplete, onChange, value: defaultValue, showSupportingText: defaultShowSupportingText, ...restProps }: ReactProps<TextFieldInterface>) => import("react/jsx-runtime").JSX.Element;
9
14
  //# sourceMappingURL=TextField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,oPAmBvB,UAAU,CAAC,kBAAkB,CAAC,4CA6OhC,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,oPAmBvB,UAAU,CAAC,kBAAkB,CAAC,4CA6OhC,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { MotionProps } from '../utils';
2
+ import { ToolTipInterface } from '../interfaces';
3
+ /**
4
+ * Tooltips display brief labels or messages
5
+ * @status beta
6
+ * @category Communication
7
+ * @devx
8
+ * - `content` overrides `title`/`text`/`buttons` for fully custom content.
9
+ * - Supports controlled `isOpen` plus `openDelay`/`closeDelay`.
10
+ * @a11y
11
+ * - Provides `role="tooltip"` and `aria-describedby` when open.
12
+ */
13
+ export declare const Tooltip: ({ variant, buttons, className, children, title, text, content, position: positionProp, targetRef, ref, trigger, transition, openDelay, closeDelay, isOpen: isOpenProp, defaultOpen, onOpenChange, id, ...props }: MotionProps<ToolTipInterface>) => import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=Tooltip.d.ts.map
@@ -0,0 +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;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,kNAoBrB,WAAW,CAAC,gBAAgB,CAAC,4CAiL/B,CAAC"}
@@ -23,5 +23,5 @@ export * from './TabPanel';
23
23
  export * from './TextField';
24
24
  export * from './NavigationRailItem';
25
25
  export * from './NavigationRail';
26
- export * from './ToolTip';
26
+ export * from './Tooltip';
27
27
  //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,5 @@
1
+ export { useTooltipTrigger } from './useTooltipTrigger';
2
+ export type { UseTooltipTriggerOptions, UseTooltipTriggerReturn, } from './useTooltipTrigger';
3
+ export { useTooltipPosition } from './useTooltipPosition';
4
+ export type { UseTooltipPositionOptions, UseTooltipPositionReturn, } from './useTooltipPosition';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { RefObject } from 'react';
2
+ type Position = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
3
+ type Variant = 'plain' | 'rich';
4
+ export interface UseTooltipPositionOptions {
5
+ targetRef: RefObject<HTMLElement | null>;
6
+ position?: Position;
7
+ variant?: Variant;
8
+ isOpen: boolean;
9
+ }
10
+ export interface UseTooltipPositionReturn {
11
+ resolvedPosition: Position;
12
+ }
13
+ /**
14
+ * Hook to calculate tooltip position using useLayoutEffect.
15
+ * Auto-flips position if not enough viewport space.
16
+ *
17
+ * For plain variant: prefers left/right, falls back to top/bottom
18
+ * For rich variant: uses corner positions (top-left, top-right, bottom-left, bottom-right)
19
+ */
20
+ export declare function useTooltipPosition({ targetRef, position: positionProp, variant, isOpen, }: UseTooltipPositionOptions): UseTooltipPositionReturn;
21
+ export {};
22
+ //# sourceMappingURL=useTooltipPosition.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTooltipPosition.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useTooltipPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAE7D,KAAK,QAAQ,GACT,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhC,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,gBAAgB,EAAE,QAAQ,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,OAAiB,EACjB,MAAM,GACP,EAAE,yBAAyB,GAAG,wBAAwB,CAyDtD"}
@@ -0,0 +1,44 @@
1
+ type Trigger = 'hover' | 'click' | 'focus' | null;
2
+ type TooltipState = 'hidden' | 'hovered' | 'focused' | 'clicked';
3
+ export interface UseTooltipTriggerOptions {
4
+ trigger?: Trigger | Trigger[];
5
+ isOpen?: boolean;
6
+ defaultOpen?: boolean;
7
+ onOpenChange?: (open: boolean) => void;
8
+ openDelay?: number;
9
+ closeDelay?: number;
10
+ id?: string;
11
+ }
12
+ export interface UseTooltipTriggerReturn {
13
+ triggerProps: {
14
+ 'aria-describedby': string | undefined;
15
+ onMouseEnter: () => void;
16
+ onMouseLeave: () => void;
17
+ onFocus: () => void;
18
+ onBlur: () => void;
19
+ onClick: () => void;
20
+ onKeyDown: (event: React.KeyboardEvent) => void;
21
+ };
22
+ tooltipProps: {
23
+ id: string;
24
+ role: 'tooltip';
25
+ 'aria-hidden': boolean;
26
+ onMouseEnter: () => void;
27
+ onMouseLeave: () => void;
28
+ };
29
+ isOpen: boolean;
30
+ state: TooltipState;
31
+ }
32
+ /**
33
+ * Hook to manage tooltip trigger state machine, events, and accessibility props.
34
+ *
35
+ * State Machine:
36
+ * - States: hidden | hovered | focused | clicked
37
+ * - Priority: clicked > focused > hovered > hidden
38
+ * - Focus takes priority over hover (don't close on mouse leave if focused)
39
+ * - Escape key closes tooltip from any open state
40
+ * - Click toggles for 'click' trigger
41
+ */
42
+ export declare function useTooltipTrigger({ trigger, isOpen: isOpenProp, defaultOpen, onOpenChange, openDelay, closeDelay, id: idProp, }?: UseTooltipTriggerOptions): UseTooltipTriggerReturn;
43
+ export {};
44
+ //# sourceMappingURL=useTooltipTrigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useTooltipTrigger.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;AAElD,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE;QACZ,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;QACvC,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KACjD,CAAC;IACF,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAA4B,EAC5B,MAAM,EAAE,UAAU,EAClB,WAAmB,EACnB,YAAY,EACZ,SAAe,EACf,UAAgB,EAChB,EAAE,EAAE,MAAM,GACX,GAAE,wBAA6B,GAAG,uBAAuB,CAsNzD"}
@@ -1,5 +1,6 @@
1
1
  export * from './components';
2
2
  export * from './effects';
3
+ export * from './hooks';
3
4
  export * from './icon';
4
5
  export * from './interfaces';
5
6
  export * from './styles';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}