@atom-learning/components 6.0.0-beta.31 → 6.0.0-beta.33

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/dist/components/action-icon/ActionIcon.js +1 -1
  2. package/dist/components/action-icon/ActionIcon.js.map +1 -1
  3. package/dist/components/avatar/Avatar.js +1 -1
  4. package/dist/components/avatar/Avatar.js.map +1 -1
  5. package/dist/components/avatar/AvatarImage.js +1 -1
  6. package/dist/components/avatar/AvatarImage.js.map +1 -1
  7. package/dist/components/badge/Badge.js +1 -1
  8. package/dist/components/badge/Badge.js.map +1 -1
  9. package/dist/components/banner/Banner.d.ts +2 -2
  10. package/dist/components/banner/banner-regular/BannerRegular.d.ts +95 -91
  11. package/dist/components/banner/banner-slim/BannerSlim.d.ts +95 -91
  12. package/dist/components/button/Button.js +1 -1
  13. package/dist/components/button/Button.js.map +1 -1
  14. package/dist/components/calendar/Calendar.js +1 -1
  15. package/dist/components/checkbox/Checkbox.js +1 -1
  16. package/dist/components/checkbox/Checkbox.js.map +1 -1
  17. package/dist/components/checkbox-group/CheckboxGroup.d.ts +90 -90
  18. package/dist/components/checkbox-tree/CheckboxTree.d.ts +344 -344
  19. package/dist/components/chip/Chip.js +1 -1
  20. package/dist/components/chip/Chip.js.map +1 -1
  21. package/dist/components/data-table/DataTable.d.ts +21 -21
  22. package/dist/components/data-table/DataTable.types.d.ts +1 -0
  23. package/dist/components/data-table/DataTable.types.js.map +1 -1
  24. package/dist/components/data-table/DataTableContext.js +1 -1
  25. package/dist/components/data-table/DataTableContext.js.map +1 -1
  26. package/dist/components/data-table/DataTableHead.js +1 -1
  27. package/dist/components/data-table/DataTableHeaderCell.js +1 -1
  28. package/dist/components/data-table/DataTableHeaderCell.js.map +1 -1
  29. package/dist/components/data-table/drag-and-drop/DragAndDropTable.js +1 -1
  30. package/dist/components/data-table/getNewAsyncData.js +1 -1
  31. package/dist/components/data-table/pagination/Pagination.js +1 -1
  32. package/dist/components/data-table/pagination/Pagination.js.map +1 -1
  33. package/dist/components/dialog/Dialog.d.ts +2 -2
  34. package/dist/components/dialog/DialogContent.js +1 -1
  35. package/dist/components/dialog/DialogContent.js.map +1 -1
  36. package/dist/components/dialog/DialogFooter.js +1 -1
  37. package/dist/components/dismissible/index.d.ts +2 -2
  38. package/dist/components/dismissible-group/index.d.ts +3 -3
  39. package/dist/components/index.d.ts +1 -0
  40. package/dist/components/input/Input.d.ts +1 -9
  41. package/dist/components/input/Input.js +1 -1
  42. package/dist/components/input/Input.js.map +1 -1
  43. package/dist/components/keyboard-shortcut/KeyboardShortcut.js +1 -1
  44. package/dist/components/keyboard-shortcut/KeyboardShortcut.js.map +1 -1
  45. package/dist/components/keyboard-shortcut/index.d.ts +2 -2
  46. package/dist/components/label/Label.js +1 -1
  47. package/dist/components/label/Label.js.map +1 -1
  48. package/dist/components/link/Link.js.map +1 -1
  49. package/dist/components/loader/Loader.js +1 -1
  50. package/dist/components/markdown-content/components/MarkdownThematicBreak.js +1 -1
  51. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +162 -162
  52. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js +1 -1
  53. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js.map +1 -1
  54. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js +1 -1
  55. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js.map +1 -1
  56. package/dist/components/number-input/NumberInput.d.ts +1 -0
  57. package/dist/components/number-input/NumberInput.js +1 -1
  58. package/dist/components/number-input/NumberInput.js.map +1 -1
  59. package/dist/components/number-input/NumberInputStepper.d.ts +2 -1
  60. package/dist/components/number-input/NumberInputStepper.js +1 -1
  61. package/dist/components/number-input/NumberInputStepper.js.map +1 -1
  62. package/dist/components/pagination/PaginationPopover.js +1 -1
  63. package/dist/components/pagination/PaginationPopover.js.map +1 -1
  64. package/dist/components/password-field/PasswordField.js +1 -1
  65. package/dist/components/popover/Popover.d.ts +1 -0
  66. package/dist/components/popover/Popover.js +1 -1
  67. package/dist/components/popover/Popover.js.map +1 -1
  68. package/dist/components/search-input/SearchInput.js +1 -1
  69. package/dist/components/section-message/SectionMessage.js +1 -1
  70. package/dist/components/section-message/SectionMessage.js.map +1 -1
  71. package/dist/components/section-message/SectionMessageDescription.js +1 -1
  72. package/dist/components/section-message/SectionMessageDismiss.js +1 -1
  73. package/dist/components/section-message/SectionMessageIcon.js +1 -1
  74. package/dist/components/section-message/SectionMessageLayout.js +1 -1
  75. package/dist/components/segmented-control/SegmentedControl.d.ts +9 -9
  76. package/dist/components/segmented-control/SegmentedControlItemList.js +1 -1
  77. package/dist/components/segmented-control/SegmentedControlItemList.js.map +1 -1
  78. package/dist/components/segmented-control/SegmentedControlRoot.js +1 -1
  79. package/dist/components/segmented-control/SegmentedControlRoot.js.map +1 -1
  80. package/dist/components/side-bar/SideBarComponents.d.ts +1 -1
  81. package/dist/components/skeleton-loader/Skeleton.d.ts +5 -0
  82. package/dist/components/skeleton-loader/Skeleton.js +2 -0
  83. package/dist/components/skeleton-loader/Skeleton.js.map +1 -0
  84. package/dist/components/skeleton-loader/SkeletonButton.d.ts +5 -0
  85. package/dist/components/skeleton-loader/SkeletonButton.js +2 -0
  86. package/dist/components/skeleton-loader/SkeletonButton.js.map +1 -0
  87. package/dist/components/skeleton-loader/SkeletonHeading.d.ts +5 -0
  88. package/dist/components/skeleton-loader/SkeletonHeading.js +2 -0
  89. package/dist/components/skeleton-loader/SkeletonHeading.js.map +1 -0
  90. package/dist/components/skeleton-loader/SkeletonTabs.d.ts +6 -0
  91. package/dist/components/skeleton-loader/SkeletonTabs.js +2 -0
  92. package/dist/components/skeleton-loader/SkeletonTabs.js.map +1 -0
  93. package/dist/components/skeleton-loader/index.d.ts +4 -0
  94. package/dist/components/skeleton-loader/index.js +2 -0
  95. package/dist/components/skeleton-loader/index.js.map +1 -0
  96. package/dist/components/sortable/index.d.ts +3 -3
  97. package/dist/components/stepper/StepperStepBullet.js +1 -1
  98. package/dist/components/stepper/StepperStepBullet.js.map +1 -1
  99. package/dist/components/stepper/StepperStepLabel.d.ts +1 -1
  100. package/dist/components/stepper/StepperSteps.js +1 -1
  101. package/dist/components/stepper/StepperSteps.js.map +1 -1
  102. package/dist/components/table/TableCell.js +1 -1
  103. package/dist/components/table/TableCell.js.map +1 -1
  104. package/dist/components/table/TableStickyColumnsContainer.js +1 -1
  105. package/dist/components/table/TableStickyColumnsContainer.js.map +1 -1
  106. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  107. package/dist/components/tile-toggle-group/TileToggleGroupItem.js +1 -1
  108. package/dist/components/tile-toggle-group/TileToggleGroupItem.js.map +1 -1
  109. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js +1 -1
  110. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map +1 -1
  111. package/dist/components/toast/Toast.js +1 -1
  112. package/dist/components/toast/Toast.js.map +1 -1
  113. package/dist/components/toggle-group/ToggleGroupButton.d.ts +3 -10
  114. package/dist/components/toggle-group/ToggleGroupButton.js +1 -1
  115. package/dist/components/toggle-group/ToggleGroupButton.js.map +1 -1
  116. package/dist/components/toggle-group/ToggleGroupItem.d.ts +2 -0
  117. package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
  118. package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
  119. package/dist/components/toggle-group/index.d.ts +1 -5
  120. package/dist/components/tree/Tree.d.ts +243 -243
  121. package/dist/components/tree/TreeText.js +1 -1
  122. package/dist/components/tree/TreeText.js.map +1 -1
  123. package/dist/docgen.json +1 -1
  124. package/dist/index.cjs.js +1 -1
  125. package/dist/index.cjs.js.map +1 -1
  126. package/dist/index.js +1 -1
  127. package/dist/styled.js +1 -1
  128. package/package.json +11 -6
  129. package/src/index.css +14 -0
  130. package/src/responsive-variant-classes.css +1 -1
package/dist/components/banner/banner-slim/BannerSlim.d.ts CHANGED
@@ -36,71 +36,71 @@ export declare const BannerSlim: {
36
36
  Dismiss: {
37
37
  ({ label, ...rest }: {
38
38
  theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
39
- form?: string | undefined | undefined;
39
+ form?: string | undefined;
40
40
  label: string;
41
- slot?: string | undefined | undefined;
41
+ slot?: string | undefined;
42
42
  style?: React.CSSProperties | undefined;
43
- title?: string | undefined | undefined;
43
+ title?: string | undefined;
44
44
  ref?: React.Ref<HTMLButtonElement> | undefined;
45
- className?: string | undefined | undefined;
46
- color?: string | undefined | undefined;
47
- id?: string | undefined | undefined;
48
- lang?: string | undefined | undefined;
49
- name?: string | undefined | undefined;
50
- type?: "submit" | "reset" | "button" | undefined | undefined;
45
+ className?: string | undefined;
46
+ color?: string | undefined;
47
+ id?: string | undefined;
48
+ lang?: string | undefined;
49
+ name?: string | undefined;
50
+ type?: "submit" | "reset" | "button" | undefined;
51
51
  role?: React.AriaRole | undefined;
52
- tabIndex?: number | undefined | undefined;
53
- "aria-activedescendant"?: string | undefined | undefined;
52
+ tabIndex?: number | undefined;
53
+ "aria-activedescendant"?: string | undefined;
54
54
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
55
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
55
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
56
56
  "aria-busy"?: (boolean | "true" | "false") | undefined;
57
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
58
- "aria-colcount"?: number | undefined | undefined;
59
- "aria-colindex"?: number | undefined | undefined;
60
- "aria-colspan"?: number | undefined | undefined;
61
- "aria-controls"?: string | undefined | undefined;
62
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
63
- "aria-describedby"?: string | undefined | undefined;
64
- "aria-details"?: string | undefined | undefined;
57
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
58
+ "aria-colcount"?: number | undefined;
59
+ "aria-colindex"?: number | undefined;
60
+ "aria-colspan"?: number | undefined;
61
+ "aria-controls"?: string | undefined;
62
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
63
+ "aria-describedby"?: string | undefined;
64
+ "aria-details"?: string | undefined;
65
65
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
66
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
67
- "aria-errormessage"?: string | undefined | undefined;
66
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
67
+ "aria-errormessage"?: string | undefined;
68
68
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
69
- "aria-flowto"?: string | undefined | undefined;
69
+ "aria-flowto"?: string | undefined;
70
70
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
71
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
71
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
72
72
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
73
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
74
- "aria-keyshortcuts"?: string | undefined | undefined;
75
- "aria-label"?: string | undefined | undefined;
76
- "aria-labelledby"?: string | undefined | undefined;
77
- "aria-level"?: number | undefined | undefined;
78
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
73
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
74
+ "aria-keyshortcuts"?: string | undefined;
75
+ "aria-label"?: string | undefined;
76
+ "aria-labelledby"?: string | undefined;
77
+ "aria-level"?: number | undefined;
78
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
79
79
  "aria-modal"?: (boolean | "true" | "false") | undefined;
80
80
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
81
81
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
82
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
83
- "aria-owns"?: string | undefined | undefined;
84
- "aria-placeholder"?: string | undefined | undefined;
85
- "aria-posinset"?: number | undefined | undefined;
86
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
82
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
83
+ "aria-owns"?: string | undefined;
84
+ "aria-placeholder"?: string | undefined;
85
+ "aria-posinset"?: number | undefined;
86
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
87
87
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
88
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
88
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
89
89
  "aria-required"?: (boolean | "true" | "false") | undefined;
90
- "aria-roledescription"?: string | undefined | undefined;
91
- "aria-rowcount"?: number | undefined | undefined;
92
- "aria-rowindex"?: number | undefined | undefined;
93
- "aria-rowspan"?: number | undefined | undefined;
90
+ "aria-roledescription"?: string | undefined;
91
+ "aria-rowcount"?: number | undefined;
92
+ "aria-rowindex"?: number | undefined;
93
+ "aria-rowspan"?: number | undefined;
94
94
  "aria-selected"?: (boolean | "true" | "false") | undefined;
95
- "aria-setsize"?: number | undefined | undefined;
96
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
97
- "aria-valuemax"?: number | undefined | undefined;
98
- "aria-valuemin"?: number | undefined | undefined;
99
- "aria-valuenow"?: number | undefined | undefined;
100
- "aria-valuetext"?: string | undefined | undefined;
95
+ "aria-setsize"?: number | undefined;
96
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
97
+ "aria-valuemax"?: number | undefined;
98
+ "aria-valuemin"?: number | undefined;
99
+ "aria-valuenow"?: number | undefined;
100
+ "aria-valuetext"?: string | undefined;
101
101
  dangerouslySetInnerHTML?: {
102
102
  __html: string | TrustedHTML;
103
- } | undefined | undefined;
103
+ } | undefined;
104
104
  onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
105
105
  onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
106
106
  onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -261,58 +261,62 @@ export declare const BannerSlim: {
261
261
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
262
262
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
263
263
  key?: React.Key | null | undefined;
264
- defaultChecked?: boolean | undefined | undefined;
264
+ defaultChecked?: boolean | undefined;
265
265
  defaultValue?: string | number | readonly string[] | undefined;
266
- suppressContentEditableWarning?: boolean | undefined | undefined;
267
- suppressHydrationWarning?: boolean | undefined | undefined;
268
- accessKey?: string | undefined | undefined;
269
- autoFocus?: boolean | undefined | undefined;
270
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
271
- contextMenu?: string | undefined | undefined;
272
- dir?: string | undefined | undefined;
266
+ suppressContentEditableWarning?: boolean | undefined;
267
+ suppressHydrationWarning?: boolean | undefined;
268
+ accessKey?: string | undefined;
269
+ autoFocus?: boolean | undefined;
270
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
271
+ contextMenu?: string | undefined;
272
+ dir?: string | undefined;
273
273
  draggable?: (boolean | "true" | "false") | undefined;
274
- hidden?: boolean | undefined | undefined;
275
- nonce?: string | undefined | undefined;
276
- placeholder?: string | undefined | undefined;
274
+ hidden?: boolean | undefined;
275
+ nonce?: string | undefined;
276
+ placeholder?: string | undefined;
277
277
  spellCheck?: (boolean | "true" | "false") | undefined;
278
- translate?: "yes" | "no" | undefined | undefined;
279
- radioGroup?: string | undefined | undefined;
280
- about?: string | undefined | undefined;
281
- content?: string | undefined | undefined;
282
- datatype?: string | undefined | undefined;
278
+ translate?: "yes" | "no" | undefined;
279
+ radioGroup?: string | undefined;
280
+ about?: string | undefined;
281
+ content?: string | undefined;
282
+ datatype?: string | undefined;
283
283
  inlist?: any;
284
- prefix?: string | undefined | undefined;
285
- property?: string | undefined | undefined;
286
- rel?: string | undefined | undefined;
287
- resource?: string | undefined | undefined;
288
- rev?: string | undefined | undefined;
289
- typeof?: string | undefined | undefined;
290
- vocab?: string | undefined | undefined;
291
- autoCapitalize?: string | undefined | undefined;
292
- autoCorrect?: string | undefined | undefined;
293
- autoSave?: string | undefined | undefined;
294
- itemProp?: string | undefined | undefined;
295
- itemScope?: boolean | undefined | undefined;
296
- itemType?: string | undefined | undefined;
297
- itemID?: string | undefined | undefined;
298
- itemRef?: string | undefined | undefined;
299
- results?: number | undefined | undefined;
300
- security?: string | undefined | undefined;
301
- unselectable?: "on" | "off" | undefined | undefined;
302
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
303
- is?: string | undefined | undefined;
284
+ prefix?: string | undefined;
285
+ property?: string | undefined;
286
+ rel?: string | undefined;
287
+ resource?: string | undefined;
288
+ rev?: string | undefined;
289
+ typeof?: string | undefined;
290
+ vocab?: string | undefined;
291
+ autoCapitalize?: string | undefined;
292
+ autoCorrect?: string | undefined;
293
+ autoSave?: string | undefined;
294
+ itemProp?: string | undefined;
295
+ itemScope?: boolean | undefined;
296
+ itemType?: string | undefined;
297
+ itemID?: string | undefined;
298
+ itemRef?: string | undefined;
299
+ results?: number | undefined;
300
+ security?: string | undefined;
301
+ unselectable?: "on" | "off" | undefined;
302
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
303
+ is?: string | undefined;
304
304
  as?: React.ElementType | undefined;
305
- disabled?: boolean | undefined | undefined;
306
- formAction?: string | undefined | undefined;
307
- formEncType?: string | undefined | undefined;
308
- formMethod?: string | undefined | undefined;
309
- formNoValidate?: boolean | undefined | undefined;
310
- formTarget?: string | undefined | undefined;
311
- value?: string | number | readonly string[] | undefined;
305
+ disabled?: boolean | undefined;
306
+ formAction?: string | undefined;
307
+ formEncType?: string | undefined;
308
+ formMethod?: string | undefined;
309
+ formNoValidate?: boolean | undefined;
310
+ formTarget?: string | undefined;
311
+ value?: string | readonly string[] | number | undefined;
312
312
  size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
313
313
  appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
314
314
  hasTooltip?: boolean | undefined;
315
- tooltipSide?: "left" | "right" | "top" | "bottom" | undefined;
315
+ tooltipSide?: React.ComponentProps<({ children, side, sideOffset, size, ...remainingProps }: Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "size"> & {
316
+ size?: "sm" | "md" | "lg" | undefined;
317
+ } & {
318
+ as?: React.ElementType;
319
+ } & import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element>["side"];
316
320
  isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
317
321
  emphasis?: ("bold" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold">>) | undefined;
318
322
  containerSize?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
package/dist/components/button/Button.js CHANGED
@@ -1,2 +1,2 @@
1
- import*as e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as b}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(255,255,255,0.9)]","[--active:rgba(255,255,255,0.75)]","[--text:var(--color-primary-800)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm","leading-[1.53]","h-8","px-4","gap-2","[&_svg]:size-4"],md:["text-md","leading-normal","h-10","px-8","gap-3","[&_svg]:size-5"],lg:["text-lg","leading-normal","h-12","px-8","gap-3","[&_svg]:size-[22px]"],xl:["text-lg","leading-normal","h-16","px-8","gap-3","[&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}},{enabledResponsiveVariants:!0}),v=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),g=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(p,{className:"absolute"}),e.createElement(v,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...b(t),ref:m},i?e.createElement(g,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
1
+ import*as e from"react";import{Loader as b}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as p}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]","[--text:var(--color-grey-800)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(255,255,255,0.9)]","[--active:rgba(255,255,255,0.75)]","[--text:var(--color-grey-900)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm","leading-[1.53]","h-8","px-4","gap-2","[&_svg]:size-4"],md:["text-md","leading-normal","h-10","px-8","gap-3","[&_svg]:size-5"],lg:["text-lg","leading-normal","h-12","px-8","gap-3","[&_svg]:size-[22px]"],xl:["text-lg","leading-normal","h-16","px-8","gap-3","[&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}},{enabledResponsiveVariants:!0}),v=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),g=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(b,{className:"absolute"}),e.createElement(v,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...p(t),ref:m},i?e.createElement(g,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
2
2
  //# sourceMappingURL=Button.js.map
package/dist/components/button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-primary-800)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: [\n 'text-sm',\n 'leading-[1.53]',\n 'h-8',\n 'px-4',\n 'gap-2',\n '[&_svg]:size-4'\n ],\n md: [\n 'text-md',\n 'leading-normal',\n 'h-10',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-5'\n ],\n lg: [\n 'text-lg',\n 'leading-normal',\n 'h-12',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ],\n xl: [\n 'text-lg',\n 'leading-normal',\n 'h-16',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ]\n },\n isLoading: {\n true: ['cursor-not-allowed opacity-60 pointer-events-none']\n },\n fullWidth: {\n true: ['w-full'],\n false: ['w-max']\n }\n },\n defaultVariants: {\n appearance: 'solid',\n size: 'md',\n theme: 'primary'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst LoaderContentsWrapper = styled(\n 'span',\n {\n base: ['items-center', 'flex', 'justify-center', 'invisible'],\n variants: {\n size: {\n sm: ['gap-2'],\n md: ['gap-3'],\n lg: ['gap-3'],\n xl: ['gap-3']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst WithLoader = ({\n size,\n children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n <>\n <Loader className=\"absolute\" />\n <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n </>\n)\n\ntype ButtonProps = Override<\n React.ComponentProps<typeof StyledButton>,\n {\n children: React.ReactNode\n href?: string\n isLoading?: boolean\n } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n { children, as, href, isLoading = false, onClick, disabled, ...rest },\n ref\n ) => (\n <StyledButton\n as={as || (href ? 'a' : undefined)}\n {...(!disabled && !isLoading && { href, onClick })}\n isLoading={isLoading}\n type={!href ? 'button' : undefined}\n disabled={disabled}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n >\n {isLoading ? (\n <WithLoader size={rest.size}>{children}</WithLoader>\n ) : (\n children\n )}\n </StyledButton>\n )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SAEA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAW,CAAA,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAOC,EAAAA,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}
1
+ {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n 'button',\n {\n base: [\n 'items-center',\n 'bg-[unset]',\n 'rounded-md',\n 'cursor-pointer',\n 'flex',\n 'font-body',\n 'font-semibold',\n 'justify-center',\n 'no-underline',\n 'transition-all',\n 'duration-100',\n 'ease-out',\n 'whitespace-nowrap',\n 'w-max',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n theme: {\n primary: [\n '[--base:var(--color-primary-800)]',\n '[--interact:var(--color-primary-900)]',\n '[--active:var(--color-primary-1000)]'\n ],\n secondary: [\n '[--base:var(--color-primary-1000)]',\n '[--interact:var(--color-primary-1100)]',\n '[--active:var(--color-primary-1200)]'\n ],\n success: [\n '[--base:var(--color-success)]',\n '[--interact:var(--color-success-mid)]',\n '[--active:var(--color-success-dark)]'\n ],\n warning: [\n '[--base:var(--color-warning)]',\n '[--interact:var(--color-warning-mid)]',\n '[--active:var(--color-warning-dark)]',\n '[--text:var(--color-grey-800)]'\n ],\n danger: [\n '[--base:var(--color-danger)]',\n '[--interact:var(--color-danger-mid)]',\n '[--active:var(--color-danger-dark)]'\n ],\n neutral: [\n '[--base:white]',\n '[--interact:rgba(255,255,255,0.9)]',\n '[--active:rgba(255,255,255,0.75)]',\n '[--text:var(--color-grey-900)]'\n ]\n },\n appearance: {\n solid: [\n 'bg-(--base)',\n 'text-(--text,white)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:bg-(--interact)',\n 'not-disabled:hover:text-(--text,white)',\n 'not-disabled:focus:bg-(--interact)',\n 'not-disabled:focus:text-(--text,white)',\n 'not-disabled:active:bg-(--active)'\n ],\n outline: [\n 'border',\n 'border-current',\n 'text-(--base)',\n 'disabled:opacity-30',\n 'disabled:cursor-not-allowed',\n 'not-disabled:hover:no-underline',\n 'not-disabled:hover:text-(--interact)',\n 'not-disabled:focus:no-underline',\n 'not-disabled:focus:text-(--interact)',\n 'not-disabled:active:text-(--active)'\n ]\n },\n size: {\n sm: [\n 'text-sm',\n 'leading-[1.53]',\n 'h-8',\n 'px-4',\n 'gap-2',\n '[&_svg]:size-4'\n ],\n md: [\n 'text-md',\n 'leading-normal',\n 'h-10',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-5'\n ],\n lg: [\n 'text-lg',\n 'leading-normal',\n 'h-12',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ],\n xl: [\n 'text-lg',\n 'leading-normal',\n 'h-16',\n 'px-8',\n 'gap-3',\n '[&_svg]:size-[22px]'\n ]\n },\n isLoading: {\n true: ['cursor-not-allowed opacity-60 pointer-events-none']\n },\n fullWidth: {\n true: ['w-full'],\n false: ['w-max']\n }\n },\n defaultVariants: {\n appearance: 'solid',\n size: 'md',\n theme: 'primary'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst LoaderContentsWrapper = styled(\n 'span',\n {\n base: ['items-center', 'flex', 'justify-center', 'invisible'],\n variants: {\n size: {\n sm: ['gap-2'],\n md: ['gap-3'],\n lg: ['gap-3'],\n xl: ['gap-3']\n }\n },\n defaultVariants: {\n size: 'md'\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst WithLoader = ({\n size,\n children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n <>\n <Loader className=\"absolute\" />\n <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n </>\n)\n\ntype ButtonProps = Override<\n React.ComponentProps<typeof StyledButton>,\n {\n children: React.ReactNode\n href?: string\n isLoading?: boolean\n } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n (\n { children, as, href, isLoading = false, onClick, disabled, ...rest },\n ref\n ) => (\n <StyledButton\n as={as || (href ? 'a' : undefined)}\n {...(!disabled && !isLoading && { href, onClick })}\n isLoading={isLoading}\n type={!href ? 'button' : undefined}\n disabled={disabled}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref as any}\n >\n {isLoading ? (\n <WithLoader size={rest.size}>{children}</WithLoader>\n ) : (\n children\n )}\n </StyledButton>\n )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"oLAQO,MAAMA,EAAeC,EAC1B,SACA,CACE,KAAM,CACJ,eACA,aACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,uCACA,gCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,qCACA,oCACA,gCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SACA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,UACA,iBACA,MACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,gBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,EACA,GAAI,CACF,UACA,iBACA,OACA,OACA,QACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EACA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAwBD,EAC5B,OACA,CACE,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEME,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAO,UAAU,UAAW,CAAA,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAOC,EAAAA,CAAS,CAC/C,EAYWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EAAA,CACC,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAAAA,EAEJJ,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,MAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}
package/dist/components/calendar/Calendar.js CHANGED
@@ -1,2 +1,2 @@
1
- import{ChevronLeft as q,ChevronRight as G}from"@atom-learning/icons";import H from"clsx";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as $}from"../../styled.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=$("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=$(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(c,i)=>{const u=c.slice(0,i);return c.slice(i).concat(u)},F=({className:c,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:C=Q,weekdayNames:S=V,labels:h=X,date:s=new Date,minDate:m,maxDate:o,setYear:z,...L})=>{const[r,E]=e.useState(!1),[n,b]=e.useState(s==null?void 0:s.getFullYear()),O=t=>{const a=s;a.setFullYear(t),z(a),E(!1)},A=m&&n-16<=m.getFullYear(),B=o&&n>=o.getFullYear(),M=Array.from({length:16},(t,a)=>{const l=n-a;return o&&l>o.getFullYear()||m&&l<m.getFullYear()?0:l}),{calendars:d,getBackProps:T,getForwardProps:I,getDateProps:P}=J({firstDayOfWeek:f,showOutsideDays:!0,date:s,minDate:m,maxDate:o,...L});return d.length?e.createElement("div",{className:H("relative","w-min","-mt-1",c)},e.createElement(w,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&T({calendars:d}),...r&&{onClick:()=>b(n-16)},disabled:r&&A},e.createElement(Y,{is:q})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(n+16)},disabled:r&&B},e.createElement(Y,{is:G}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},M.map((t,a)=>{const l=t===s.getFullYear();return t?e.createElement(ee,{key:`${t}${a}`,theme:l?"primary":"neutral",onClick:()=>O(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:`${t}${a}`},e.createElement(w,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},C[t]," ",a)),e.createElement(g,{className:"mb-3"},te(S,f).map(p=>e.createElement(K,{as:"span",size:"sm",weight:"bold",key:`${t}${a}${p}`,className:"text-center"},p))),e.createElement(g,null,l.map((p,j)=>p.map((y,R)=>{const x=`${t}${a}${j}${R}`;if(!y)return e.createElement("div",{key:x});const{date:U,selected:k,today:v,prevMonth:W,nextMonth:_}=y;return e.createElement(Z,{isOutsideMonth:W||_,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...P({dateObj:y}),type:"button"},U.getDate())})))))):null};F.displayName="Calendar";export{F as Calendar};
1
+ import{ChevronLeft as q,ChevronRight as G}from"@atom-learning/icons";import H from"clsx";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as $}from"../flex/Flex.js";import{Icon as w}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as Y}from"../../styled.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=Y("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=Y(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(c,i)=>{const u=c.slice(0,i);return c.slice(i).concat(u)},F=({className:c,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:C=Q,weekdayNames:S=V,labels:h=X,date:s=new Date,minDate:m,maxDate:o,setYear:z,...L})=>{const[r,E]=e.useState(!1),[n,b]=e.useState(s==null?void 0:s.getFullYear()),O=t=>{const a=s;a.setFullYear(t),z(a),E(!1)},A=m&&n-16<=m.getFullYear(),B=o&&n>=o.getFullYear(),M=Array.from({length:16},(t,a)=>{const l=n-a;return o&&l>o.getFullYear()||m&&l<m.getFullYear()?0:l}),{calendars:d,getBackProps:T,getForwardProps:I,getDateProps:P}=J({firstDayOfWeek:f,showOutsideDays:!0,date:s,minDate:m,maxDate:o,...L});return d.length?e.createElement("div",{className:H("relative","w-min","-mt-1",c)},e.createElement($,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&T({calendars:d}),...r&&{onClick:()=>b(n-16)},disabled:r&&A},e.createElement(w,{is:q})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(n+16)},disabled:r&&B},e.createElement(w,{is:G}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},M.map((t,a)=>{const l=t===s.getFullYear();return t?e.createElement(ee,{key:`${t}${a}`,theme:l?"primary":"neutral",onClick:()=>O(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:`${t}${a}`},e.createElement($,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},C[t]," ",a)),e.createElement(g,{className:"mb-3"},te(S,f).map(p=>e.createElement(K,{as:"span",size:"sm",weight:"bold",key:`${t}${a}${p}`,className:"text-center"},p))),e.createElement(g,null,l.map((p,j)=>p.map((y,R)=>{const x=`${t}${a}${j}${R}`;if(!y)return e.createElement("div",{key:x});const{date:U,selected:k,today:v,prevMonth:W,nextMonth:_}=y;return e.createElement(Z,{isOutsideMonth:W||_,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...P({dateObj:y}),type:"button"},U.getDate())})))))):null};F.displayName="Calendar";export{F as Calendar};
2
2
  //# sourceMappingURL=Calendar.js.map
package/dist/components/checkbox/Checkbox.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Minus as b,Ok as c}from"@atom-learning/icons";import*as a from"@radix-ui/react-checkbox";import*as e from"react";import{styled as o}from"../../styled.js";import{overrideStyledVariantValue as m}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Icon as f}from"../icon/Icon.js";const u=o("div",{base:["relative","z-1"]}),p=o("div",{base:["absolute","-inset-3","opacity-50"]}),y=o(a.Root,{base:["appearance-none","relative","bg-transparent","border","border-grey-800","rounded-[3px]","text-white","bg-white","cursor-pointer","size-4","p-0","flex","items-center","justify-center","transition-all","duration-50","ease-out","shrink-0","not-disabled:before:-inset-2","not-disabled:before:-z-1","not-disabled:before:absolute","not-disabled:before:bg-primary-300","not-disabled:before:content-['']","not-disabled:before:duration-125","not-disabled:before:duration-125","not-disabled:before:ease-in-out","not-disabled:before:ease-in-out","not-disabled:before:opacity-0","not-disabled:before:rounded-[50%]","not-disabled:before:scale-0","not-disabled:before:transition-[opacity,transform]","not-disabled:hover:before:opacity-100","not-disabled:hover:before:scale-100","data-[state=checked]:bg-primary-800","data-[state=checked]:border-primary-800","data-[state=indeterminate]:bg-primary-800","data-[state=indeterminate]:border-primary-800","focus:-outline-offset-1","focus:outline-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{state:{error:["border-danger"]},size:{md:["size-4"],lg:["mt-px","size-6"]}}}),h={md:"sm",lg:"sm"},i=e.forwardRef(({size:t="md",checked:r,...s},d)=>{const n=e.useMemo(()=>m(t,l=>h[l]),[t]);return e.createElement(u,null,e.createElement(y,{ref:d,checked:r,size:t,...s},e.createElement(p,null),e.createElement(a.Indicator,{asChild:!0},e.createElement(f,{is:r==="indeterminate"?b:c,size:n,className:"stroke-3"}))))});i.displayName="Checkbox";export{i as Checkbox};
1
+ import{Minus as b,Ok as c}from"@atom-learning/icons";import*as a from"@radix-ui/react-checkbox";import*as e from"react";import{styled as r}from"../../styled.js";import{overrideStyledVariantValue as m}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Icon as f}from"../icon/Icon.js";const p=r("div",{base:["relative","z-1"]}),u=r("div",{base:["absolute","-inset-3","opacity-50"]}),y=r(a.Root,{base:["appearance-none","relative","bg-transparent","border","border-grey-800","rounded-[3px]","text-white","bg-white","cursor-pointer","size-4","p-0","flex","items-center","justify-center","transition-all","duration-50","ease-out","shrink-0","not-disabled:before:-inset-2","not-disabled:before:-z-1","not-disabled:before:absolute","not-disabled:before:bg-primary-300","not-disabled:before:content-['']","not-disabled:before:duration-125","not-disabled:before:ease-in-out","not-disabled:before:opacity-0","not-disabled:before:rounded-[50%]","not-disabled:before:scale-0","not-disabled:before:transition-[opacity,scale]","not-disabled:hover:before:opacity-100","not-disabled:hover:before:scale-100","data-[state=checked]:bg-primary-800","data-[state=checked]:border-primary-800","data-[state=indeterminate]:bg-primary-800","data-[state=indeterminate]:border-primary-800","focus:-outline-offset-1","focus:outline-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{state:{error:["border-danger"]},size:{md:["size-4"],lg:["mt-px","size-6"]}}}),h={md:"sm",lg:"sm"},i=e.forwardRef(({size:t="md",checked:o,...s},d)=>{const n=e.useMemo(()=>m(t,l=>h[l]),[t]);return e.createElement(p,null,e.createElement(y,{ref:d,checked:o,size:t,...s},e.createElement(u,null),e.createElement(a.Indicator,{asChild:!0},e.createElement(f,{is:o==="indeterminate"?b:c,size:n,className:"stroke-3"}))))});i.displayName="Checkbox";export{i as Checkbox};
2
2
  //# sourceMappingURL=Checkbox.js.map
package/dist/components/checkbox/Checkbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon'\n\nconst CheckboxContainer = styled('div', {\n base: ['relative', 'z-1']\n})\n\nconst CheckboxHitArea = styled('div', {\n base: ['absolute', '-inset-3', 'opacity-50']\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n base: [\n 'appearance-none',\n 'relative',\n 'bg-transparent',\n 'border',\n 'border-grey-800',\n 'rounded-[3px]',\n 'text-white',\n 'bg-white',\n 'cursor-pointer',\n 'size-4',\n 'p-0',\n 'flex',\n 'items-center',\n 'justify-center',\n 'transition-all',\n 'duration-50',\n 'ease-out',\n 'shrink-0',\n 'not-disabled:before:-inset-2',\n 'not-disabled:before:-z-1',\n 'not-disabled:before:absolute',\n 'not-disabled:before:bg-primary-300',\n \"not-disabled:before:content-['']\",\n 'not-disabled:before:duration-125',\n 'not-disabled:before:duration-125',\n 'not-disabled:before:ease-in-out',\n 'not-disabled:before:ease-in-out',\n 'not-disabled:before:opacity-0',\n 'not-disabled:before:rounded-[50%]',\n 'not-disabled:before:scale-0',\n 'not-disabled:before:transition-[opacity,transform]',\n 'not-disabled:hover:before:opacity-100',\n 'not-disabled:hover:before:scale-100',\n 'data-[state=checked]:bg-primary-800',\n 'data-[state=checked]:border-primary-800',\n 'data-[state=indeterminate]:bg-primary-800',\n 'data-[state=indeterminate]:border-primary-800',\n 'focus:-outline-offset-1',\n 'focus:outline-2',\n 'focus:outline-primary-800',\n 'focus:outline-solid',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n state: {\n error: ['border-danger']\n },\n size: {\n md: ['size-4'],\n lg: ['mt-px', 'size-6']\n }\n }\n})\n\nconst toIconSize = {\n md: 'sm',\n lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n\n return (\n <CheckboxContainer>\n <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n <CheckboxHitArea />\n <RadixCheckbox.Indicator asChild>\n <Icon\n is={checked === 'indeterminate' ? Minus : Ok}\n size={iconSize}\n className=\"stroke-3\"\n />\n </RadixCheckbox.Indicator>\n </StyledCheckbox>\n </CheckboxContainer>\n )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["CheckboxContainer","styled","CheckboxHitArea","StyledCheckbox","RadixCheckbox","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStyledVariantValue","s","Icon","Minus","Ok"],"mappings":"iUASA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CAAC,WAAY,KAAK,CAC1B,CAAC,EAEKC,EAAkBD,EAAO,MAAO,CACpC,KAAM,CAAC,WAAY,WAAY,YAAY,CAC7C,CAAC,EAEKE,EAAiBF,EAAOG,EAAc,KAAM,CAChD,KAAM,CACJ,kBACA,WACA,iBACA,SACA,kBACA,gBACA,aACA,WACA,iBACA,SACA,MACA,OACA,eACA,iBACA,iBACA,cACA,WACA,WACA,+BACA,2BACA,+BACA,qCACA,mCACA,mCACA,mCACA,kCACA,kCACA,gCACA,oCACA,8BACA,qDACA,wCACA,sCACA,sCACA,0CACA,4CACA,gDACA,0BACA,kBACA,4BACA,sBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,eAAe,CACzB,EACA,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAEaC,EAAWC,EAAM,WAG5B,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,GAAGC,CAAK,EAAGC,IAAQ,CAC5C,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BL,EAAOM,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACP,EAAA,KACCO,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAAAA,EAC1DH,EAAA,cAACL,EAAA,IAAgB,EACjBK,EAAA,cAACH,EAAc,UAAd,CAAwB,QAAO,EAC9BG,EAAAA,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,KAAML,EACN,UAAU,UAAA,CACZ,CACF,CACF,CACF,CAEJ,CAAC,EAEDN,EAAS,YAAc"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Icon } from '../icon'\n\nconst CheckboxContainer = styled('div', {\n base: ['relative', 'z-1']\n})\n\nconst CheckboxHitArea = styled('div', {\n base: ['absolute', '-inset-3', 'opacity-50']\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n base: [\n 'appearance-none',\n 'relative',\n 'bg-transparent',\n 'border',\n 'border-grey-800',\n 'rounded-[3px]',\n 'text-white',\n 'bg-white',\n 'cursor-pointer',\n 'size-4',\n 'p-0',\n 'flex',\n 'items-center',\n 'justify-center',\n 'transition-all',\n 'duration-50',\n 'ease-out',\n 'shrink-0',\n 'not-disabled:before:-inset-2',\n 'not-disabled:before:-z-1',\n 'not-disabled:before:absolute',\n 'not-disabled:before:bg-primary-300',\n \"not-disabled:before:content-['']\",\n 'not-disabled:before:duration-125',\n 'not-disabled:before:ease-in-out',\n 'not-disabled:before:opacity-0',\n 'not-disabled:before:rounded-[50%]',\n 'not-disabled:before:scale-0',\n 'not-disabled:before:transition-[opacity,scale]',\n 'not-disabled:hover:before:opacity-100',\n 'not-disabled:hover:before:scale-100',\n 'data-[state=checked]:bg-primary-800',\n 'data-[state=checked]:border-primary-800',\n 'data-[state=indeterminate]:bg-primary-800',\n 'data-[state=indeterminate]:border-primary-800',\n 'focus:-outline-offset-1',\n 'focus:outline-2',\n 'focus:outline-primary-800',\n 'focus:outline-solid',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n state: {\n error: ['border-danger']\n },\n size: {\n md: ['size-4'],\n lg: ['mt-px', 'size-6']\n }\n }\n})\n\nconst toIconSize = {\n md: 'sm',\n lg: 'sm'\n}\n\nexport const Checkbox = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof StyledCheckbox>\n>(({ size = 'md', checked, ...rest }, ref) => {\n const iconSize = React.useMemo(\n () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n\n return (\n <CheckboxContainer>\n <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n <CheckboxHitArea />\n <RadixCheckbox.Indicator asChild>\n <Icon\n is={checked === 'indeterminate' ? Minus : Ok}\n size={iconSize}\n className=\"stroke-3\"\n />\n </RadixCheckbox.Indicator>\n </StyledCheckbox>\n </CheckboxContainer>\n )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["CheckboxContainer","styled","CheckboxHitArea","StyledCheckbox","RadixCheckbox","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStyledVariantValue","s","Icon","Minus","Ok"],"mappings":"iUASA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CAAC,WAAY,KAAK,CAC1B,CAAC,EAEKC,EAAkBD,EAAO,MAAO,CACpC,KAAM,CAAC,WAAY,WAAY,YAAY,CAC7C,CAAC,EAEKE,EAAiBF,EAAOG,EAAc,KAAM,CAChD,KAAM,CACJ,kBACA,WACA,iBACA,SACA,kBACA,gBACA,aACA,WACA,iBACA,SACA,MACA,OACA,eACA,iBACA,iBACA,cACA,WACA,WACA,+BACA,2BACA,+BACA,qCACA,mCACA,mCACA,kCACA,gCACA,oCACA,8BACA,iDACA,wCACA,sCACA,sCACA,0CACA,4CACA,gDACA,0BACA,kBACA,4BACA,sBACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,eAAe,CACzB,EACA,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAEaC,EAAWC,EAAM,WAG5B,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,GAAGC,CAAK,EAAGC,IAAQ,CAC5C,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA2BL,EAAOM,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACP,EAAA,KACCO,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAAAA,EAC1DH,EAAA,cAACL,EAAA,IAAgB,EACjBK,EAAA,cAACH,EAAc,UAAd,CAAwB,QAAO,EAC9BG,EAAAA,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,KAAML,EACN,UAAU,UAAA,CACZ,CACF,CACF,CACF,CAEJ,CAAC,EAEDN,EAAS,YAAc"}
package/dist/components/checkbox-group/CheckboxGroup.d.ts CHANGED
@@ -16,71 +16,71 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
16
16
  onCheckedChange?: (newChecked: boolean) => void;
17
17
  }) => JSX.Element;
18
18
  AllItem: ({ onCheckedChange, title, ...rest }: {
19
- children?: React.ReactNode;
20
- form?: string | undefined | undefined;
21
- slot?: string | undefined | undefined;
19
+ children?: React.ReactNode | undefined;
20
+ form?: string | undefined;
21
+ slot?: string | undefined;
22
22
  style?: React.CSSProperties | undefined;
23
- title?: string | undefined | undefined;
23
+ title?: string | undefined;
24
24
  ref?: React.Ref<HTMLButtonElement> | undefined;
25
- className?: string | undefined | undefined;
26
- color?: string | undefined | undefined;
27
- id?: string | undefined | undefined;
28
- lang?: string | undefined | undefined;
29
- name?: string | undefined | undefined;
30
- type?: "submit" | "reset" | "button" | undefined | undefined;
25
+ className?: string | undefined;
26
+ color?: string | undefined;
27
+ id?: string | undefined;
28
+ lang?: string | undefined;
29
+ name?: string | undefined;
30
+ type?: "submit" | "reset" | "button" | undefined;
31
31
  role?: React.AriaRole | undefined;
32
- tabIndex?: number | undefined | undefined;
33
- "aria-activedescendant"?: string | undefined | undefined;
32
+ tabIndex?: number | undefined;
33
+ "aria-activedescendant"?: string | undefined;
34
34
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
35
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
35
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
36
36
  "aria-busy"?: (boolean | "true" | "false") | undefined;
37
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
38
- "aria-colcount"?: number | undefined | undefined;
39
- "aria-colindex"?: number | undefined | undefined;
40
- "aria-colspan"?: number | undefined | undefined;
41
- "aria-controls"?: string | undefined | undefined;
42
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
43
- "aria-describedby"?: string | undefined | undefined;
44
- "aria-details"?: string | undefined | undefined;
37
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
38
+ "aria-colcount"?: number | undefined;
39
+ "aria-colindex"?: number | undefined;
40
+ "aria-colspan"?: number | undefined;
41
+ "aria-controls"?: string | undefined;
42
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
43
+ "aria-describedby"?: string | undefined;
44
+ "aria-details"?: string | undefined;
45
45
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
46
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
47
- "aria-errormessage"?: string | undefined | undefined;
46
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
47
+ "aria-errormessage"?: string | undefined;
48
48
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
49
- "aria-flowto"?: string | undefined | undefined;
49
+ "aria-flowto"?: string | undefined;
50
50
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
51
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
51
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
52
52
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
53
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
54
- "aria-keyshortcuts"?: string | undefined | undefined;
55
- "aria-label"?: string | undefined | undefined;
56
- "aria-labelledby"?: string | undefined | undefined;
57
- "aria-level"?: number | undefined | undefined;
58
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
53
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
54
+ "aria-keyshortcuts"?: string | undefined;
55
+ "aria-label"?: string | undefined;
56
+ "aria-labelledby"?: string | undefined;
57
+ "aria-level"?: number | undefined;
58
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
59
59
  "aria-modal"?: (boolean | "true" | "false") | undefined;
60
60
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
61
61
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
62
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
63
- "aria-owns"?: string | undefined | undefined;
64
- "aria-placeholder"?: string | undefined | undefined;
65
- "aria-posinset"?: number | undefined | undefined;
66
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
62
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
63
+ "aria-owns"?: string | undefined;
64
+ "aria-placeholder"?: string | undefined;
65
+ "aria-posinset"?: number | undefined;
66
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
67
67
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
68
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
68
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
69
69
  "aria-required"?: (boolean | "true" | "false") | undefined;
70
- "aria-roledescription"?: string | undefined | undefined;
71
- "aria-rowcount"?: number | undefined | undefined;
72
- "aria-rowindex"?: number | undefined | undefined;
73
- "aria-rowspan"?: number | undefined | undefined;
70
+ "aria-roledescription"?: string | undefined;
71
+ "aria-rowcount"?: number | undefined;
72
+ "aria-rowindex"?: number | undefined;
73
+ "aria-rowspan"?: number | undefined;
74
74
  "aria-selected"?: (boolean | "true" | "false") | undefined;
75
- "aria-setsize"?: number | undefined | undefined;
76
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
77
- "aria-valuemax"?: number | undefined | undefined;
78
- "aria-valuemin"?: number | undefined | undefined;
79
- "aria-valuenow"?: number | undefined | undefined;
80
- "aria-valuetext"?: string | undefined | undefined;
75
+ "aria-setsize"?: number | undefined;
76
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
77
+ "aria-valuemax"?: number | undefined;
78
+ "aria-valuemin"?: number | undefined;
79
+ "aria-valuenow"?: number | undefined;
80
+ "aria-valuetext"?: string | undefined;
81
81
  dangerouslySetInnerHTML?: {
82
82
  __html: string | TrustedHTML;
83
- } | undefined | undefined;
83
+ } | undefined;
84
84
  onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
85
85
  onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
86
86
  onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -243,52 +243,52 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
243
243
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
244
244
  key?: React.Key | null | undefined;
245
245
  defaultValue?: string | number | readonly string[] | undefined;
246
- suppressContentEditableWarning?: boolean | undefined | undefined;
247
- suppressHydrationWarning?: boolean | undefined | undefined;
248
- accessKey?: string | undefined | undefined;
249
- autoFocus?: boolean | undefined | undefined;
250
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
251
- contextMenu?: string | undefined | undefined;
252
- dir?: string | undefined | undefined;
246
+ suppressContentEditableWarning?: boolean | undefined;
247
+ suppressHydrationWarning?: boolean | undefined;
248
+ accessKey?: string | undefined;
249
+ autoFocus?: boolean | undefined;
250
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
251
+ contextMenu?: string | undefined;
252
+ dir?: string | undefined;
253
253
  draggable?: (boolean | "true" | "false") | undefined;
254
- hidden?: boolean | undefined | undefined;
255
- nonce?: string | undefined | undefined;
256
- placeholder?: string | undefined | undefined;
254
+ hidden?: boolean | undefined;
255
+ nonce?: string | undefined;
256
+ placeholder?: string | undefined;
257
257
  spellCheck?: (boolean | "true" | "false") | undefined;
258
- translate?: "yes" | "no" | undefined | undefined;
259
- radioGroup?: string | undefined | undefined;
260
- about?: string | undefined | undefined;
261
- content?: string | undefined | undefined;
262
- datatype?: string | undefined | undefined;
258
+ translate?: "yes" | "no" | undefined;
259
+ radioGroup?: string | undefined;
260
+ about?: string | undefined;
261
+ content?: string | undefined;
262
+ datatype?: string | undefined;
263
263
  inlist?: any;
264
- prefix?: string | undefined | undefined;
265
- property?: string | undefined | undefined;
266
- rel?: string | undefined | undefined;
267
- resource?: string | undefined | undefined;
268
- rev?: string | undefined | undefined;
269
- typeof?: string | undefined | undefined;
270
- vocab?: string | undefined | undefined;
271
- autoCapitalize?: string | undefined | undefined;
272
- autoCorrect?: string | undefined | undefined;
273
- autoSave?: string | undefined | undefined;
274
- itemProp?: string | undefined | undefined;
275
- itemScope?: boolean | undefined | undefined;
276
- itemType?: string | undefined | undefined;
277
- itemID?: string | undefined | undefined;
278
- itemRef?: string | undefined | undefined;
279
- results?: number | undefined | undefined;
280
- security?: string | undefined | undefined;
281
- unselectable?: "on" | "off" | undefined | undefined;
282
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
283
- is?: string | undefined | undefined;
264
+ prefix?: string | undefined;
265
+ property?: string | undefined;
266
+ rel?: string | undefined;
267
+ resource?: string | undefined;
268
+ rev?: string | undefined;
269
+ typeof?: string | undefined;
270
+ vocab?: string | undefined;
271
+ autoCapitalize?: string | undefined;
272
+ autoCorrect?: string | undefined;
273
+ autoSave?: string | undefined;
274
+ itemProp?: string | undefined;
275
+ itemScope?: boolean | undefined;
276
+ itemType?: string | undefined;
277
+ itemID?: string | undefined;
278
+ itemRef?: string | undefined;
279
+ results?: number | undefined;
280
+ security?: string | undefined;
281
+ unselectable?: "on" | "off" | undefined;
282
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
283
+ is?: string | undefined;
284
284
  as?: React.ElementType | undefined;
285
- disabled?: boolean | undefined | undefined;
286
- formAction?: string | undefined | undefined;
287
- formEncType?: string | undefined | undefined;
288
- formMethod?: string | undefined | undefined;
289
- formNoValidate?: boolean | undefined | undefined;
290
- formTarget?: string | undefined | undefined;
291
- value?: string | number | readonly string[] | undefined;
285
+ disabled?: boolean | undefined;
286
+ formAction?: string | undefined;
287
+ formEncType?: string | undefined;
288
+ formMethod?: string | undefined;
289
+ formNoValidate?: boolean | undefined;
290
+ formTarget?: string | undefined;
291
+ value?: string | readonly string[] | number | undefined;
292
292
  required?: boolean | undefined;
293
293
  size?: "md" | "lg" | undefined;
294
294
  asChild?: boolean | undefined;