vector-prototype-components 0.1.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 (179) hide show
  1. package/Accordion/Accordion.d.ts +29 -0
  2. package/Accordion/Accordion.d.ts.map +1 -0
  3. package/Accordion/index.d.ts +3 -0
  4. package/Accordion/index.d.ts.map +1 -0
  5. package/ActionMenu/ActionMenu.d.ts +29 -0
  6. package/ActionMenu/ActionMenu.d.ts.map +1 -0
  7. package/ActionMenu/index.d.ts +3 -0
  8. package/ActionMenu/index.d.ts.map +1 -0
  9. package/Autocomplete/Autocomplete.d.ts +37 -0
  10. package/Autocomplete/Autocomplete.d.ts.map +1 -0
  11. package/Autocomplete/index.d.ts +3 -0
  12. package/Autocomplete/index.d.ts.map +1 -0
  13. package/Avatar/Avatar.d.ts +36 -0
  14. package/Avatar/Avatar.d.ts.map +1 -0
  15. package/Avatar/index.d.ts +3 -0
  16. package/Avatar/index.d.ts.map +1 -0
  17. package/Badge/Badge.d.ts +19 -0
  18. package/Badge/Badge.d.ts.map +1 -0
  19. package/Badge/index.d.ts +3 -0
  20. package/Badge/index.d.ts.map +1 -0
  21. package/BottomBar/BottomBar.d.ts +12 -0
  22. package/BottomBar/BottomBar.d.ts.map +1 -0
  23. package/BottomBar/index.d.ts +3 -0
  24. package/BottomBar/index.d.ts.map +1 -0
  25. package/Breadcrumbs/Breadcrumbs.d.ts +24 -0
  26. package/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  27. package/Breadcrumbs/index.d.ts +3 -0
  28. package/Breadcrumbs/index.d.ts.map +1 -0
  29. package/Button/Button.d.ts +12 -0
  30. package/Button/Button.d.ts.map +1 -0
  31. package/Button/index.d.ts +3 -0
  32. package/Button/index.d.ts.map +1 -0
  33. package/Callout/Callout.d.ts +25 -0
  34. package/Callout/Callout.d.ts.map +1 -0
  35. package/Callout/index.d.ts +3 -0
  36. package/Callout/index.d.ts.map +1 -0
  37. package/Card/Card.d.ts +10 -0
  38. package/Card/Card.d.ts.map +1 -0
  39. package/Card/index.d.ts +3 -0
  40. package/Card/index.d.ts.map +1 -0
  41. package/Checkbox/Checkbox.d.ts +16 -0
  42. package/Checkbox/Checkbox.d.ts.map +1 -0
  43. package/Checkbox/index.d.ts +3 -0
  44. package/Checkbox/index.d.ts.map +1 -0
  45. package/Chip/Chip.d.ts +24 -0
  46. package/Chip/Chip.d.ts.map +1 -0
  47. package/Chip/index.d.ts +3 -0
  48. package/Chip/index.d.ts.map +1 -0
  49. package/DatePicker/DatePicker.d.ts +32 -0
  50. package/DatePicker/DatePicker.d.ts.map +1 -0
  51. package/DatePicker/DatePickerCalendar.d.ts +9 -0
  52. package/DatePicker/DatePickerCalendar.d.ts.map +1 -0
  53. package/DatePicker/index.d.ts +3 -0
  54. package/DatePicker/index.d.ts.map +1 -0
  55. package/Divider/Divider.d.ts +8 -0
  56. package/Divider/Divider.d.ts.map +1 -0
  57. package/Divider/index.d.ts +3 -0
  58. package/Divider/index.d.ts.map +1 -0
  59. package/Dropdown/Dropdown.d.ts +67 -0
  60. package/Dropdown/Dropdown.d.ts.map +1 -0
  61. package/Dropdown/index.d.ts +3 -0
  62. package/Dropdown/index.d.ts.map +1 -0
  63. package/Icon/Icon.d.ts +8 -0
  64. package/Icon/Icon.d.ts.map +1 -0
  65. package/Icon/index.d.ts +3 -0
  66. package/Icon/index.d.ts.map +1 -0
  67. package/IconButton/IconButton.d.ts +14 -0
  68. package/IconButton/IconButton.d.ts.map +1 -0
  69. package/IconButton/index.d.ts +3 -0
  70. package/IconButton/index.d.ts.map +1 -0
  71. package/InputNumber/InputNumber.d.ts +21 -0
  72. package/InputNumber/InputNumber.d.ts.map +1 -0
  73. package/InputNumber/index.d.ts +3 -0
  74. package/InputNumber/index.d.ts.map +1 -0
  75. package/Menu/Menu.d.ts +53 -0
  76. package/Menu/Menu.d.ts.map +1 -0
  77. package/Menu/index.d.ts +4 -0
  78. package/Menu/index.d.ts.map +1 -0
  79. package/Menu/menuData.d.ts +4 -0
  80. package/Menu/menuData.d.ts.map +1 -0
  81. package/Message/Message.d.ts +23 -0
  82. package/Message/Message.d.ts.map +1 -0
  83. package/Message/index.d.ts +3 -0
  84. package/Message/index.d.ts.map +1 -0
  85. package/Modal/Modal.d.ts +55 -0
  86. package/Modal/Modal.d.ts.map +1 -0
  87. package/Modal/index.d.ts +3 -0
  88. package/Modal/index.d.ts.map +1 -0
  89. package/Multiselect/Multiselect.d.ts +46 -0
  90. package/Multiselect/Multiselect.d.ts.map +1 -0
  91. package/Multiselect/index.d.ts +3 -0
  92. package/Multiselect/index.d.ts.map +1 -0
  93. package/Overlay/Overlay.d.ts +16 -0
  94. package/Overlay/Overlay.d.ts.map +1 -0
  95. package/Overlay/index.d.ts +3 -0
  96. package/Overlay/index.d.ts.map +1 -0
  97. package/Paginator/Paginator.d.ts +23 -0
  98. package/Paginator/Paginator.d.ts.map +1 -0
  99. package/Paginator/index.d.ts +3 -0
  100. package/Paginator/index.d.ts.map +1 -0
  101. package/Panel/Panel.d.ts +13 -0
  102. package/Panel/Panel.d.ts.map +1 -0
  103. package/Panel/index.d.ts +3 -0
  104. package/Panel/index.d.ts.map +1 -0
  105. package/ProgressSpinner/ProgressSpinner.d.ts +10 -0
  106. package/ProgressSpinner/ProgressSpinner.d.ts.map +1 -0
  107. package/ProgressSpinner/index.d.ts +3 -0
  108. package/ProgressSpinner/index.d.ts.map +1 -0
  109. package/README.md +143 -0
  110. package/Radio/Radio.d.ts +15 -0
  111. package/Radio/Radio.d.ts.map +1 -0
  112. package/Radio/index.d.ts +3 -0
  113. package/Radio/index.d.ts.map +1 -0
  114. package/SegmentControl/SegmentControl.d.ts +27 -0
  115. package/SegmentControl/SegmentControl.d.ts.map +1 -0
  116. package/SegmentControl/index.d.ts +3 -0
  117. package/SegmentControl/index.d.ts.map +1 -0
  118. package/Select/Select.d.ts +48 -0
  119. package/Select/Select.d.ts.map +1 -0
  120. package/Select/index.d.ts +3 -0
  121. package/Select/index.d.ts.map +1 -0
  122. package/Skeleton/Skeleton.d.ts +39 -0
  123. package/Skeleton/Skeleton.d.ts.map +1 -0
  124. package/Skeleton/index.d.ts +3 -0
  125. package/Skeleton/index.d.ts.map +1 -0
  126. package/Slider/Slider.d.ts +28 -0
  127. package/Slider/Slider.d.ts.map +1 -0
  128. package/Slider/index.d.ts +3 -0
  129. package/Slider/index.d.ts.map +1 -0
  130. package/Slot/Slot.d.ts +22 -0
  131. package/Slot/Slot.d.ts.map +1 -0
  132. package/Slot/index.d.ts +3 -0
  133. package/Slot/index.d.ts.map +1 -0
  134. package/Switch/Switch.d.ts +13 -0
  135. package/Switch/Switch.d.ts.map +1 -0
  136. package/Switch/index.d.ts +3 -0
  137. package/Switch/index.d.ts.map +1 -0
  138. package/Table/Table.d.ts +94 -0
  139. package/Table/Table.d.ts.map +1 -0
  140. package/Table/index.d.ts +3 -0
  141. package/Table/index.d.ts.map +1 -0
  142. package/TableTree/TableTree.d.ts +65 -0
  143. package/TableTree/TableTree.d.ts.map +1 -0
  144. package/TableTree/index.d.ts +3 -0
  145. package/TableTree/index.d.ts.map +1 -0
  146. package/Tabs/Tabs.d.ts +32 -0
  147. package/Tabs/Tabs.d.ts.map +1 -0
  148. package/Tabs/index.d.ts +3 -0
  149. package/Tabs/index.d.ts.map +1 -0
  150. package/Tag/Tag.d.ts +18 -0
  151. package/Tag/Tag.d.ts.map +1 -0
  152. package/Tag/index.d.ts +3 -0
  153. package/Tag/index.d.ts.map +1 -0
  154. package/TextField/TextField.d.ts +18 -0
  155. package/TextField/TextField.d.ts.map +1 -0
  156. package/TextField/index.d.ts +3 -0
  157. package/TextField/index.d.ts.map +1 -0
  158. package/Textarea/Textarea.d.ts +18 -0
  159. package/Textarea/Textarea.d.ts.map +1 -0
  160. package/Textarea/index.d.ts +3 -0
  161. package/Textarea/index.d.ts.map +1 -0
  162. package/Toast/Toast.d.ts +20 -0
  163. package/Toast/Toast.d.ts.map +1 -0
  164. package/Toast/index.d.ts +3 -0
  165. package/Toast/index.d.ts.map +1 -0
  166. package/Tooltip/Tooltip.d.ts +19 -0
  167. package/Tooltip/Tooltip.d.ts.map +1 -0
  168. package/Tooltip/index.d.ts +3 -0
  169. package/Tooltip/index.d.ts.map +1 -0
  170. package/TopBar/TopBar.d.ts +36 -0
  171. package/TopBar/TopBar.d.ts.map +1 -0
  172. package/TopBar/index.d.ts +3 -0
  173. package/TopBar/index.d.ts.map +1 -0
  174. package/index.d.ts +86 -0
  175. package/index.d.ts.map +1 -0
  176. package/index.js +4160 -0
  177. package/index.js.map +1 -0
  178. package/package.json +30 -0
  179. package/style.css +1 -0
@@ -0,0 +1,29 @@
1
+ import { default as React } from 'react';
2
+ export type AccordionType = 'default' | 'slot';
3
+ export interface AccordionProps {
4
+ /** The title shown in the accordion header */
5
+ title: string;
6
+ /** Optional subtitle / description shown below the title */
7
+ description?: string;
8
+ /** Content rendered inside the expanded body */
9
+ children?: React.ReactNode;
10
+ /**
11
+ * When type="slot", the header area renders `children` inside the header
12
+ * instead of title/description text, mirroring the Figma "Slot" variant.
13
+ * When type="default" (the default), title/description is shown in the
14
+ * header and children are rendered in the body once expanded.
15
+ */
16
+ type?: AccordionType;
17
+ /** Whether the accordion starts expanded */
18
+ defaultExpanded?: boolean;
19
+ /** Controlled expanded state */
20
+ expanded?: boolean;
21
+ /** Callback fired when the header is toggled */
22
+ onToggle?: (expanded: boolean) => void;
23
+ /** Disables the accordion */
24
+ disabled?: boolean;
25
+ /** Additional class applied to the root element */
26
+ className?: string;
27
+ }
28
+ export declare function Accordion({ title, description, children, type, defaultExpanded, expanded: controlledExpanded, onToggle, disabled, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
29
+ //# sourceMappingURL=Accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAgB,EAChB,eAAuB,EACvB,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,cAAc,2CA8EhB"}
@@ -0,0 +1,3 @@
1
+ export { Accordion } from './Accordion.js';
2
+ export type { AccordionProps, AccordionType } from './Accordion.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { default as React } from 'react';
2
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
3
+ export interface ActionMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
+ /** Optional leading icon from @phosphor-icons/react */
5
+ icon?: PhosphorIcon;
6
+ /** Text label for the item */
7
+ label: string;
8
+ /** Whether the item is disabled */
9
+ disabled?: boolean;
10
+ }
11
+ export declare function ActionMenuItem({ icon, label, disabled, className, ...props }: ActionMenuItemProps): import("react/jsx-runtime").JSX.Element;
12
+ export interface ActionMenuItemConfig {
13
+ /** Unique key for the item */
14
+ key?: string;
15
+ /** Text label */
16
+ label: string;
17
+ /** Optional leading icon */
18
+ icon?: PhosphorIcon;
19
+ /** Whether the item is disabled */
20
+ disabled?: boolean;
21
+ /** Click handler */
22
+ onClick?: React.MouseEventHandler<HTMLButtonElement>;
23
+ }
24
+ export interface ActionMenuProps extends React.HTMLAttributes<HTMLUListElement> {
25
+ /** Array of menu item configurations */
26
+ items: ActionMenuItemConfig[];
27
+ }
28
+ export declare function ActionMenu({ items, className, ...props }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
29
+ //# sourceMappingURL=ActionMenu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMlE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA2BrB;AAID,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7E,wCAAwC;IACxC,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAiBzE"}
@@ -0,0 +1,3 @@
1
+ export { ActionMenu, ActionMenuItem } from './ActionMenu.js';
2
+ export type { ActionMenuProps, ActionMenuItemProps, ActionMenuItemConfig } from './ActionMenu.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
2
+ export type AutocompleteState = 'default' | 'danger' | 'success';
3
+ export type AutocompleteHintType = 'default' | 'danger' | 'success' | 'warning';
4
+ export interface AutocompleteOption {
5
+ label: string;
6
+ value: string;
7
+ }
8
+ export interface AutocompleteProps {
9
+ /** Options to display in the dropdown */
10
+ options: AutocompleteOption[];
11
+ /** Currently selected value */
12
+ value?: string;
13
+ /** Callback when selection changes */
14
+ onChange?: (value: string) => void;
15
+ /** Placeholder text shown when no value is selected */
16
+ placeholder?: string;
17
+ /** Field label */
18
+ label?: string;
19
+ /** Whether to show the label */
20
+ showLabel?: boolean;
21
+ /** Hint message shown below the field */
22
+ hint?: string;
23
+ /** Visual validation state */
24
+ state?: AutocompleteState;
25
+ /** Disabled state */
26
+ disabled?: boolean;
27
+ /** Leading icon in the field */
28
+ leadingIcon?: PhosphorIcon;
29
+ /** Additional class name */
30
+ className?: string;
31
+ /** aria-label for the input (used when label is hidden) */
32
+ 'aria-label'?: string;
33
+ /** ID for the input element */
34
+ id?: string;
35
+ }
36
+ export declare function Autocomplete({ options, value, onChange, placeholder, label, showLabel, hint, state, disabled, leadingIcon, className, 'aria-label': ariaLabel, id: idProp, }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
37
+ //# sourceMappingURL=Autocomplete.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMlE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsBD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,KAAe,EACf,SAAgB,EAChB,IAAI,EACJ,KAAiB,EACjB,QAAgB,EAChB,WAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,MAAM,GACX,EAAE,iBAAiB,2CAmRnB"}
@@ -0,0 +1,3 @@
1
+ export { Autocomplete } from './Autocomplete.js';
2
+ export type { AutocompleteProps, AutocompleteOption, AutocompleteState, AutocompleteHintType } from './Autocomplete.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,36 @@
1
+ import { default as React } from 'react';
2
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
3
+ export type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
4
+ export type AvatarType = 'image' | 'initials' | 'icon';
5
+ export interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
6
+ /** Visual size of the avatar */
7
+ size?: AvatarSize;
8
+ /**
9
+ * Display type:
10
+ * - "image" → renders a photo (requires `src`)
11
+ * - "initials" → renders up to 2 letters of text (requires `initials`)
12
+ * - "icon" → renders a phosphor icon (defaults to User icon)
13
+ */
14
+ type?: AvatarType;
15
+ /**
16
+ * Image URL. Only used when type="image".
17
+ * Falls back to icon when the image fails to load.
18
+ */
19
+ src?: string;
20
+ /** Alt text for the image when type="image". */
21
+ alt?: string;
22
+ /**
23
+ * Text shown inside the avatar when type="initials".
24
+ * Only the first 2 characters are rendered.
25
+ */
26
+ initials?: string;
27
+ /**
28
+ * Phosphor icon component rendered when type="icon".
29
+ * Defaults to the User icon.
30
+ */
31
+ icon?: PhosphorIcon;
32
+ /** Whether the avatar is in a disabled state */
33
+ disabled?: boolean;
34
+ }
35
+ export declare function Avatar({ size, type, src, alt, initials, icon, disabled, className, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
36
+ //# sourceMappingURL=Avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKlE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxE,gCAAgC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBD,wBAAgB,MAAM,CAAC,EACrB,IAAe,EACf,IAAa,EACb,GAAG,EACH,GAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAoDb"}
@@ -0,0 +1,3 @@
1
+ export { Avatar } from './Avatar.js';
2
+ export type { AvatarProps, AvatarSize, AvatarType } from './Avatar.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,19 @@
1
+ export type BadgeSize = 'small' | 'medium' | 'large';
2
+ export type BadgeState = 'default' | 'danger' | 'success' | 'warning' | 'disabled';
3
+ export interface BadgeProps {
4
+ /** Visual state / semantic color of the badge */
5
+ state?: BadgeState;
6
+ /** Size of the badge. "small" renders a dot only (no text). */
7
+ size?: BadgeSize;
8
+ /**
9
+ * Numeric or short text label shown inside medium/large badges.
10
+ * Ignored when size="small".
11
+ */
12
+ label?: string | number;
13
+ /** Additional CSS class names */
14
+ className?: string;
15
+ /** aria-label for accessibility when no surrounding text provides context */
16
+ 'aria-label'?: string;
17
+ }
18
+ export declare function Badge({ state, size, label, className, 'aria-label': ariaLabel, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
19
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnF,MAAM,WAAW,UAAU;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAgBD,wBAAgB,KAAK,CAAC,EACpB,KAAiB,EACjB,IAAe,EACf,KAAK,EACL,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,UAAU,2CAqBZ"}
@@ -0,0 +1,3 @@
1
+ export { Badge } from './Badge.js';
2
+ export type { BadgeProps, BadgeSize, BadgeState } from './Badge.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export interface BottomBarProps {
3
+ /** Slot for the primary action (rightmost button). Typically a primary Button. */
4
+ primaryAction?: React.ReactNode;
5
+ /** Slot for the secondary action (left of primary). Typically a secondary Button. */
6
+ secondaryAction?: React.ReactNode;
7
+ /** Additional children rendered inside the actions group, after secondaryAction. */
8
+ children?: React.ReactNode;
9
+ className?: string;
10
+ }
11
+ export declare function BottomBar({ primaryAction, secondaryAction, children, className, }: BottomBarProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=BottomBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../src/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qFAAqF;IACrF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,eAAe,EACf,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,2CAYhB"}
@@ -0,0 +1,3 @@
1
+ export { BottomBar } from './BottomBar.js';
2
+ export type { BottomBarProps } from './BottomBar.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BottomBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { default as React } from 'react';
2
+ export interface BreadcrumbItem {
3
+ /** Visible label for this breadcrumb step. */
4
+ label: string;
5
+ /** Optional href — when provided the item renders as an anchor tag. */
6
+ href?: string;
7
+ /** Optional click handler. */
8
+ onClick?: (event: React.MouseEvent) => void;
9
+ }
10
+ export interface BreadcrumbsProps {
11
+ /**
12
+ * The breadcrumb trail items rendered before the page title.
13
+ * Supports 1–4 items (matches Figma variants "Qtd. diretórios=1..4").
14
+ */
15
+ items: [BreadcrumbItem, ...BreadcrumbItem[]];
16
+ /** Current page title shown below the trail. */
17
+ title: string;
18
+ /** Additional CSS class name. */
19
+ className?: string;
20
+ /** aria-label for the nav landmark. Defaults to "Breadcrumb". */
21
+ ariaLabel?: string;
22
+ }
23
+ export declare function Breadcrumbs({ items, title, className, ariaLabel, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
24
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,EAAE,CAAC,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC,CAAC;IAC7C,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAwB,GACzB,EAAE,gBAAgB,2CAyClB"}
@@ -0,0 +1,3 @@
1
+ export { Breadcrumbs } from './Breadcrumbs.js';
2
+ export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
3
+ export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link';
4
+ export type ButtonSize = 'medium' | 'small' | 'xsmall';
5
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
6
+ variant?: ButtonVariant;
7
+ size?: ButtonSize;
8
+ leadingIcon?: PhosphorIcon;
9
+ trailingIcon?: PhosphorIcon;
10
+ }
11
+ export declare function Button({ variant, size, leadingIcon, trailingIcon, className, children, disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIlE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAsBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAwBb"}
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button.js';
2
+ export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { default as React } from 'react';
2
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
3
+ export type CalloutType = 'warning' | 'info';
4
+ export interface CalloutProps {
5
+ /** Visual type (maps to Figma Type=Warning / Type=Info) */
6
+ type?: CalloutType;
7
+ /** Main callout message shown in the icon row */
8
+ message: string;
9
+ /** Optional secondary detail text (rendered with a semibold label prefix) */
10
+ detailLabel?: string;
11
+ /** Optional detail body text following the label */
12
+ detailText?: string;
13
+ /** Optional action button label. When provided a tertiary Button is rendered. */
14
+ actionLabel?: string;
15
+ /** Leading icon for the optional action button */
16
+ actionIcon?: PhosphorIcon;
17
+ /** Callback fired when the action button is clicked */
18
+ onAction?: React.MouseEventHandler<HTMLButtonElement>;
19
+ /** Visually and interactively disables the callout */
20
+ disabled?: boolean;
21
+ /** Additional class names applied to the root element */
22
+ className?: string;
23
+ }
24
+ export declare function Callout({ type, message, detailLabel, detailText, actionLabel, actionIcon, onAction, disabled, className, }: CalloutProps): import("react/jsx-runtime").JSX.Element;
25
+ //# sourceMappingURL=Callout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMlE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,iDAAiD;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,OAAO,CAAC,EACtB,IAAgB,EAChB,OAAO,EACP,WAAW,EACX,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,YAAY,2CAwDd"}
@@ -0,0 +1,3 @@
1
+ export { Callout } from './Callout.js';
2
+ export type { CalloutProps, CalloutType } from './Callout.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Callout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
package/Card/Card.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ export type CardSize = 'small' | 'medium' | 'large';
3
+ export type CardStyle = 'shadow' | 'line';
4
+ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ size?: CardSize;
6
+ cardStyle?: CardStyle;
7
+ disabled?: boolean;
8
+ }
9
+ export declare function Card({ size, cardStyle, disabled, className, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAaD,wBAAgB,IAAI,CAAC,EACnB,IAAe,EACf,SAAoB,EACpB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAmBX"}
@@ -0,0 +1,3 @@
1
+ export { Card } from './Card.js';
2
+ export type { CardProps, CardSize, CardStyle } from './Card.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ export type CheckboxCheckedState = boolean | 'indeterminate';
3
+ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'type'> {
4
+ /** Checked state: true = selected, false = unselected, 'indeterminate' = partial. */
5
+ checked?: CheckboxCheckedState;
6
+ /** Uncontrolled default checked state. */
7
+ defaultChecked?: CheckboxCheckedState;
8
+ /** Label text rendered next to the checkbox. */
9
+ label?: string;
10
+ /** Disables the checkbox. */
11
+ disabled?: boolean;
12
+ /** Additional className for the outer wrapper. */
13
+ className?: string;
14
+ }
15
+ export declare function Checkbox({ checked, defaultChecked, label, disabled, className, id: idProp, onChange, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,eAAe,CAAC;AAE7D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,GAAG,gBAAgB,GAAG,MAAM,CAAC;IAChG,qFAAqF;IACrF,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,cAAc,EACd,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAsGf"}
@@ -0,0 +1,3 @@
1
+ export { Checkbox } from './Checkbox.js';
2
+ export type { CheckboxProps, CheckboxCheckedState } from './Checkbox.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC"}
package/Chip/Chip.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ import { default as React } from 'react';
2
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
3
+ export type ChipType = 'filled' | 'outline';
4
+ export type ChipSize = 'xsmall' | 'small' | 'medium' | 'large';
5
+ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
6
+ /** Visual style of the chip */
7
+ type?: ChipType;
8
+ /** Size of the chip */
9
+ size?: ChipSize;
10
+ /** Text label displayed inside the chip */
11
+ label?: string;
12
+ /** Optional leading icon */
13
+ leadingIcon?: PhosphorIcon;
14
+ /** Whether to show the dismiss/close button */
15
+ showClose?: boolean;
16
+ /** Callback fired when the close button is clicked */
17
+ onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
18
+ /** Accessible label for the close button. Defaults to "Dismiss". */
19
+ closeLabel?: string;
20
+ /** Whether the chip is disabled */
21
+ disabled?: boolean;
22
+ }
23
+ export declare function Chip({ type, size, label, leadingIcon, showClose, onClose, closeLabel, disabled, className, children, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
24
+ //# sourceMappingURL=Chip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKlE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAcD,wBAAgB,IAAI,CAAC,EACnB,IAAe,EACf,IAAe,EACf,KAAc,EACd,WAAW,EACX,SAAiB,EACjB,OAAO,EACP,UAAsB,EACtB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAmCX"}
@@ -0,0 +1,3 @@
1
+ export { Chip } from './Chip.js';
2
+ export type { ChipProps, ChipType, ChipSize } from './Chip.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,32 @@
1
+ export type DatePickerState = 'default' | 'hover' | 'disabled' | 'danger' | 'success';
2
+ export type DatePickerHintType = 'default' | 'danger' | 'success' | 'warning';
3
+ export interface DatePickerProps {
4
+ /** Field label text */
5
+ label?: string;
6
+ /** Whether to show the label */
7
+ showLabel?: boolean;
8
+ /** Current value (YYYY-MM-DD) */
9
+ value?: string;
10
+ /** Placeholder text shown when no value is selected */
11
+ placeholder?: string;
12
+ /** Hint / helper text rendered below the field */
13
+ hint?: string;
14
+ /** Visual type of the hint row */
15
+ hintType?: DatePickerHintType;
16
+ /** Visual state of the component */
17
+ state?: DatePickerState;
18
+ /** Whether the field is disabled */
19
+ disabled?: boolean;
20
+ /** Change handler – receives the new date string (YYYY-MM-DD) */
21
+ onChange?: (value: string) => void;
22
+ /** Additional class name for the wrapper element */
23
+ className?: string;
24
+ /** id forwarded to the underlying <input> */
25
+ id?: string;
26
+ /** Minimum selectable date (YYYY-MM-DD) */
27
+ min?: string;
28
+ /** Maximum selectable date (YYYY-MM-DD) */
29
+ max?: string;
30
+ }
31
+ export declare function DatePicker({ label, showLabel, value, placeholder, hint, hintType, state, disabled, onChange, className, id: idProp, min, max, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
32
+ //# sourceMappingURL=DatePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAyCA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9E,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAe,EACf,SAAgB,EAChB,KAAU,EACV,WAA0B,EAC1B,IAAI,EACJ,QAAoB,EACpB,KAAiB,EACjB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,MAAM,EACV,GAAG,EACH,GAAG,GACJ,EAAE,eAAe,2CA0KjB"}
@@ -0,0 +1,9 @@
1
+ export interface DatePickerCalendarProps {
2
+ value?: string;
3
+ min?: string;
4
+ max?: string;
5
+ onChange: (iso: string) => void;
6
+ onClose: () => void;
7
+ }
8
+ export declare function DatePickerCalendar({ value, min, max, onChange, onClose }: DatePickerCalendarProps): import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=DatePickerCalendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AA+EA,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,uBAAuB,2CAyEjG"}
@@ -0,0 +1,3 @@
1
+ export { DatePicker } from './DatePicker.js';
2
+ export type { DatePickerProps, DatePickerState, DatePickerHintType } from './DatePicker.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export type DividerType = 'horizontal' | 'vertical';
3
+ export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
4
+ /** Controls the orientation of the divider line. Defaults to "horizontal". */
5
+ type?: DividerType;
6
+ }
7
+ export declare function Divider({ type, className, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IACvE,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAiBjF"}
@@ -0,0 +1,3 @@
1
+ export { Divider } from './Divider.js';
2
+ export type { DividerProps, DividerType } from './Divider.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,67 @@
1
+ import { Icon as PhosphorIcon } from '@phosphor-icons/react';
2
+ export interface DropdownItemProps {
3
+ /** Display label for the item. */
4
+ label: string;
5
+ /** Unique value identifying this item. */
6
+ value: string;
7
+ /** Whether the item is currently selected. */
8
+ selected?: boolean;
9
+ /** Whether the item is keyboard-highlighted (combobox usage). */
10
+ active?: boolean;
11
+ /** Whether the item is disabled. */
12
+ disabled?: boolean;
13
+ /** Optional leading icon. */
14
+ leadingIcon?: PhosphorIcon;
15
+ /** DOM id (used for aria-activedescendant wiring in combobox usage). */
16
+ id?: string;
17
+ /** Whether the item is focusable. False when a sibling element owns focus (combobox). */
18
+ focusable?: boolean;
19
+ /** Select on pointer-down instead of click — keeps a sibling input focused. */
20
+ selectOnPointerDown?: boolean;
21
+ /** Called when the item is chosen. */
22
+ onClick?: (value: string) => void;
23
+ /** Called when the pointer enters the item (host can sync highlight). */
24
+ onHover?: () => void;
25
+ }
26
+ export interface DropdownOption {
27
+ /** Display label. */
28
+ label: string;
29
+ /** Unique value. */
30
+ value: string;
31
+ /** Whether this option is disabled. */
32
+ disabled?: boolean;
33
+ /** Optional leading icon. */
34
+ leadingIcon?: PhosphorIcon;
35
+ }
36
+ export interface DropdownProps {
37
+ /** List of options to display in the dropdown panel. */
38
+ options: DropdownOption[];
39
+ /** Currently selected value. */
40
+ selectedValue?: string;
41
+ /** Called when an option is selected. */
42
+ onSelect?: (value: string) => void;
43
+ /** Additional class name for the panel container. */
44
+ className?: string;
45
+ /** DOM id for the listbox (for aria-controls / aria-owns wiring). */
46
+ id?: string;
47
+ /** ARIA label for the listbox. */
48
+ 'aria-label'?: string;
49
+ /** ARIA labelledby for the listbox. */
50
+ 'aria-labelledby'?: string;
51
+ /** Index of the keyboard-highlighted option. */
52
+ activeIndex?: number;
53
+ /** Generate the DOM id for an option, enabling aria-activedescendant on a host input. */
54
+ getOptionId?: (value: string, index: number) => string;
55
+ /** When false, options are not focusable — a host element (combobox input) owns focus. */
56
+ optionsFocusable?: boolean;
57
+ /** Select on pointer-down instead of click (keeps a sibling input focused). */
58
+ selectOnPointerDown?: boolean;
59
+ /** Called when the pointer enters an option (host can sync its highlight). */
60
+ onOptionHover?: (index: number) => void;
61
+ /** Message rendered when there are no options. */
62
+ emptyMessage?: string;
63
+ /** Make the panel fill its container width instead of hugging content. */
64
+ fluid?: boolean;
65
+ }
66
+ export declare function Dropdown({ options, selectedValue, onSelect, className, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, activeIndex, getOptionId, optionsFocusable, selectOnPointerDown, onOptionHover, emptyMessage, fluid, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
67
+ //# sourceMappingURL=Dropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMlE,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sCAAsC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAiED,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,wDAAwD;IACxD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvD,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+EAA+E;IAC/E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,WAAW,EACX,WAAW,EACX,gBAAuB,EACvB,mBAA2B,EAC3B,aAAa,EACb,YAAY,EACZ,KAAa,GACd,EAAE,aAAa,2CAqCf"}