@a-type/ui 1.0.11 → 1.0.13

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 (147) hide show
  1. package/dist/cjs/components/button/classes.js +5 -5
  2. package/dist/cjs/components/button/classes.js.map +1 -1
  3. package/dist/cjs/components/card/Card.d.ts +34 -0
  4. package/dist/cjs/components/card/Card.js +11 -1
  5. package/dist/cjs/components/card/Card.js.map +1 -1
  6. package/dist/cjs/components/checkbox/Checkbox.d.ts +6 -1
  7. package/dist/cjs/components/checkbox/Checkbox.js +4 -1
  8. package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
  9. package/dist/cjs/components/collapsible/Collapsible.d.ts +11 -0
  10. package/dist/cjs/components/collapsible/Collapsible.js +6 -1
  11. package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
  12. package/dist/cjs/components/contextMenu/contextMenu.d.ts +18 -6
  13. package/dist/cjs/components/contextMenu/contextMenu.js +13 -7
  14. package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
  15. package/dist/cjs/components/dialog/Dialog.d.ts +27 -1
  16. package/dist/cjs/components/dialog/Dialog.js +19 -5
  17. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  18. package/dist/cjs/components/dialog/Dialog.stories.d.ts +28 -1
  19. package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +32 -1
  20. package/dist/cjs/components/dropdownMenu/DropdownMenu.js +15 -2
  21. package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
  22. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +31 -1
  23. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +1 -2
  24. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  25. package/dist/cjs/components/input/Input.js +1 -1
  26. package/dist/cjs/components/input/Input.js.map +1 -1
  27. package/dist/cjs/components/navBar/NavBar.d.ts +15 -0
  28. package/dist/cjs/components/navBar/NavBar.js +8 -1
  29. package/dist/cjs/components/navBar/NavBar.js.map +1 -1
  30. package/dist/cjs/components/popover/Popover.d.ts +18 -1
  31. package/dist/cjs/components/popover/Popover.js +9 -2
  32. package/dist/cjs/components/popover/Popover.js.map +1 -1
  33. package/dist/cjs/components/scrollArea/ScrollArea.d.ts +7 -1
  34. package/dist/cjs/components/scrollArea/ScrollArea.js +5 -1
  35. package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
  36. package/dist/cjs/components/select/Select.d.ts +23 -4
  37. package/dist/cjs/components/select/Select.js +12 -2
  38. package/dist/cjs/components/select/Select.js.map +1 -1
  39. package/dist/cjs/components/select/Select.stories.d.ts +24 -1
  40. package/dist/cjs/components/slider/Slider.d.ts +15 -3
  41. package/dist/cjs/components/slider/Slider.js +9 -4
  42. package/dist/cjs/components/slider/Slider.js.map +1 -1
  43. package/dist/cjs/components/slider/Slider.stories.d.ts +15 -1
  44. package/dist/cjs/components/switch/Switch.d.ts +8 -1
  45. package/dist/cjs/components/switch/Switch.js +4 -1
  46. package/dist/cjs/components/switch/Switch.js.map +1 -1
  47. package/dist/cjs/components/tabs/tabs.d.ts +18 -5
  48. package/dist/cjs/components/tabs/tabs.js +11 -6
  49. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  50. package/dist/cjs/components/textArea/TextArea.js +1 -1
  51. package/dist/cjs/components/textArea/TextArea.js.map +1 -1
  52. package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +13 -4
  53. package/dist/cjs/components/toggleGroup/toggleGroup.js +7 -4
  54. package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
  55. package/dist/cjs/components/tooltip/Tooltip.d.ts +10 -3
  56. package/dist/cjs/components/tooltip/Tooltip.js +7 -4
  57. package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
  58. package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +5 -1
  59. package/dist/cjs/themes.stories.d.ts +13 -0
  60. package/dist/cjs/themes.stories.js +31 -0
  61. package/dist/cjs/themes.stories.js.map +1 -0
  62. package/dist/cjs/uno.preset.js +11 -11
  63. package/dist/css/main.css +13 -13
  64. package/dist/esm/components/button/classes.js +5 -5
  65. package/dist/esm/components/button/classes.js.map +1 -1
  66. package/dist/esm/components/card/Card.d.ts +34 -0
  67. package/dist/esm/components/card/Card.js +10 -0
  68. package/dist/esm/components/card/Card.js.map +1 -1
  69. package/dist/esm/components/checkbox/Checkbox.d.ts +6 -1
  70. package/dist/esm/components/checkbox/Checkbox.js +4 -1
  71. package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
  72. package/dist/esm/components/collapsible/Collapsible.d.ts +11 -0
  73. package/dist/esm/components/collapsible/Collapsible.js +5 -0
  74. package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
  75. package/dist/esm/components/contextMenu/contextMenu.d.ts +18 -6
  76. package/dist/esm/components/contextMenu/contextMenu.js +12 -6
  77. package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
  78. package/dist/esm/components/dialog/Dialog.d.ts +27 -1
  79. package/dist/esm/components/dialog/Dialog.js +18 -3
  80. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  81. package/dist/esm/components/dialog/Dialog.stories.d.ts +28 -1
  82. package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +32 -1
  83. package/dist/esm/components/dropdownMenu/DropdownMenu.js +14 -1
  84. package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
  85. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +31 -1
  86. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +2 -3
  87. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  88. package/dist/esm/components/input/Input.js +1 -1
  89. package/dist/esm/components/input/Input.js.map +1 -1
  90. package/dist/esm/components/navBar/NavBar.d.ts +15 -0
  91. package/dist/esm/components/navBar/NavBar.js +7 -0
  92. package/dist/esm/components/navBar/NavBar.js.map +1 -1
  93. package/dist/esm/components/popover/Popover.d.ts +18 -1
  94. package/dist/esm/components/popover/Popover.js +8 -1
  95. package/dist/esm/components/popover/Popover.js.map +1 -1
  96. package/dist/esm/components/scrollArea/ScrollArea.d.ts +7 -1
  97. package/dist/esm/components/scrollArea/ScrollArea.js +5 -1
  98. package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
  99. package/dist/esm/components/select/Select.d.ts +23 -4
  100. package/dist/esm/components/select/Select.js +12 -1
  101. package/dist/esm/components/select/Select.js.map +1 -1
  102. package/dist/esm/components/select/Select.stories.d.ts +24 -1
  103. package/dist/esm/components/slider/Slider.d.ts +15 -3
  104. package/dist/esm/components/slider/Slider.js +9 -3
  105. package/dist/esm/components/slider/Slider.js.map +1 -1
  106. package/dist/esm/components/slider/Slider.stories.d.ts +15 -1
  107. package/dist/esm/components/switch/Switch.d.ts +8 -1
  108. package/dist/esm/components/switch/Switch.js +4 -1
  109. package/dist/esm/components/switch/Switch.js.map +1 -1
  110. package/dist/esm/components/tabs/tabs.d.ts +18 -5
  111. package/dist/esm/components/tabs/tabs.js +10 -5
  112. package/dist/esm/components/tabs/tabs.js.map +1 -1
  113. package/dist/esm/components/textArea/TextArea.js +1 -1
  114. package/dist/esm/components/textArea/TextArea.js.map +1 -1
  115. package/dist/esm/components/toggleGroup/toggleGroup.d.ts +13 -4
  116. package/dist/esm/components/toggleGroup/toggleGroup.js +6 -3
  117. package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
  118. package/dist/esm/components/tooltip/Tooltip.d.ts +10 -3
  119. package/dist/esm/components/tooltip/Tooltip.js +7 -3
  120. package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
  121. package/dist/esm/components/tooltip/Tooltip.stories.d.ts +5 -1
  122. package/dist/esm/themes.stories.d.ts +13 -0
  123. package/dist/esm/themes.stories.js +25 -0
  124. package/dist/esm/themes.stories.js.map +1 -0
  125. package/dist/esm/uno.preset.js +11 -11
  126. package/package.json +1 -1
  127. package/src/components/button/classes.tsx +5 -5
  128. package/src/components/card/Card.tsx +11 -0
  129. package/src/components/checkbox/Checkbox.tsx +15 -10
  130. package/src/components/collapsible/Collapsible.tsx +6 -0
  131. package/src/components/contextMenu/contextMenu.tsx +22 -9
  132. package/src/components/dialog/Dialog.tsx +26 -3
  133. package/src/components/dropdownMenu/DropdownMenu.stories.tsx +14 -21
  134. package/src/components/dropdownMenu/DropdownMenu.tsx +15 -1
  135. package/src/components/input/Input.tsx +1 -1
  136. package/src/components/navBar/NavBar.tsx +8 -0
  137. package/src/components/popover/Popover.tsx +9 -1
  138. package/src/components/scrollArea/ScrollArea.tsx +21 -14
  139. package/src/components/select/Select.tsx +13 -1
  140. package/src/components/slider/Slider.tsx +23 -11
  141. package/src/components/switch/Switch.tsx +6 -2
  142. package/src/components/tabs/tabs.tsx +11 -5
  143. package/src/components/textArea/TextArea.tsx +1 -1
  144. package/src/components/toggleGroup/toggleGroup.tsx +7 -3
  145. package/src/components/tooltip/Tooltip.tsx +30 -22
  146. package/src/themes.stories.tsx +70 -0
  147. package/src/uno.preset.ts +11 -11
@@ -56,7 +56,7 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
56
56
  onFocus(e);
57
57
  }
58
58
  }, [autoSelect, onFocus]);
59
- return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(input_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', 'layer-variants:rounded-20px', {
59
+ return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(input_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px', {
60
60
  'layer-components:[resize:vertical]': !autoSize,
61
61
  'layer-components:[resize:none]': autoSize,
62
62
  }, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus }, rest)));
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,kFAAuD;AACvD,iCASe;AACf,0CAA6C;AAWhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EACjC,SAAS,QAAQ,CAChB,EASC,EACD,GAAG;;QAVH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,OAER,EADG,IAAI,cARR,yFASC,CADO;IAIR,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,mDACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,yBAAc,EACd,uEAAuE,EACvE,+BAA+B,EAC/B;YACC,oCAAoC,EAAE,CAAC,QAAQ;YAC/C,gCAAgC,EAAE,QAAQ;SAC1C,EACD,SAAS,CACT,EACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,IAChB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,kFAAuD;AACvD,iCASe;AACf,0CAA6C;AAWhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EACjC,SAAS,QAAQ,CAChB,EASC,EACD,GAAG;;QAVH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,OAER,EADG,IAAI,cARR,yFASC,CADO;IAIR,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,mDACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,yBAAc,EACd,mFAAmF,EACnF,+BAA+B,EAC/B;YACC,oCAAoC,EAAE,CAAC,QAAQ;YAC/C,gCAAgC,EAAE,QAAQ;SAC1C,EACD,SAAS,CACT,EACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,IAChB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
@@ -1,10 +1,19 @@
1
1
  /// <reference types="react" resolution-mode="require"/>
2
- import * as ToggleGroup from '@radix-ui/react-toggle-group';
3
- export declare const ToggleGroupRoot: import("react").FunctionComponent<(Omit<ToggleGroup.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
2
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
+ export declare const ToggleGroupRoot: import("react").FunctionComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
4
4
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
5
- }) | (Omit<ToggleGroup.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
5
+ }) | (Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
6
6
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
7
7
  })>;
8
- export declare const ToggleGroupItem: import("react").FunctionComponent<Omit<ToggleGroup.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
8
+ export declare const ToggleGroupItem: import("react").FunctionComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
9
9
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
10
10
  }>;
11
+ export declare const ToggleGroup: import("react").FunctionComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
12
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
13
+ }) | (Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
14
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
15
+ })> & {
16
+ Item: import("react").FunctionComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
17
+ ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
18
+ }>;
19
+ };
@@ -24,9 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  return result;
25
25
  };
26
26
  Object.defineProperty(exports, "__esModule", { value: true });
27
- exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
28
- const ToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
27
+ exports.ToggleGroup = exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
28
+ const ToggleGroupPrimitive = __importStar(require("@radix-ui/react-toggle-group"));
29
29
  const withClassName_js_1 = require("../../hooks/withClassName.js");
30
- exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroup.Root, 'inline-flex bg-gray1 rounded-lg gap-1');
31
- exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroup.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:shadow-focus focus-visible:outline-off [&[data-state=on]]:bg-primary-light [&[data-state=on]]:border-black');
30
+ exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Root, 'inline-flex bg-gray1 rounded-lg gap-1');
31
+ exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:shadow-focus focus-visible:outline-off [&[data-state=on]]:bg-primary-light [&[data-state=on]]:border-black');
32
+ exports.ToggleGroup = Object.assign(exports.ToggleGroupRoot, {
33
+ Item: exports.ToggleGroupItem,
34
+ });
32
35
  //# sourceMappingURL=toggleGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAA4D;AAC5D,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,WAAW,CAAC,IAAI,EAChB,uCAAuC,CACvC,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,WAAW,CAAC,IAAI,EAChB,0MAA0M,CAC1M,CAAC"}
1
+ {"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,uCAAuC,CACvC,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,0MAA0M,CAC1M,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}
@@ -1,7 +1,14 @@
1
- import { ComponentPropsWithoutRef } from 'react';
1
+ /// <reference types="react" resolution-mode="require"/>
2
2
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
3
+ declare function Content({ children, className, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;
3
4
  export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
4
- export declare function Tooltip({ content, children, open, disabled, ...rest }: {
5
+ export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
5
6
  content: React.ReactNode;
6
7
  open?: boolean;
7
- } & ComponentPropsWithoutRef<typeof TooltipPrimitive.TooltipTrigger>): import("react/jsx-runtime").JSX.Element;
8
+ disabled?: boolean;
9
+ }
10
+ export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLButtonElement>> & {
11
+ Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
12
+ Content: typeof Content;
13
+ };
14
+ export {};
@@ -41,6 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
41
41
  Object.defineProperty(exports, "__esModule", { value: true });
42
42
  exports.Tooltip = exports.TooltipProvider = void 0;
43
43
  const jsx_runtime_1 = require("react/jsx-runtime");
44
+ const react_1 = require("react");
44
45
  const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
45
46
  const clsx_1 = __importDefault(require("clsx"));
46
47
  function Content(_a) {
@@ -48,9 +49,11 @@ function Content(_a) {
48
49
  return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-md layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }));
49
50
  }
50
51
  exports.TooltipProvider = TooltipPrimitive.Provider;
51
- function Tooltip(_a) {
52
+ exports.Tooltip = Object.assign((0, react_1.forwardRef)(function Tooltip(_a, ref) {
52
53
  var { content, children, open, disabled } = _a, rest = __rest(_a, ["content", "children", "open", "disabled"]);
53
- return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, Object.assign({ sideOffset: 12 }, { children: content }))] })));
54
- }
55
- exports.Tooltip = Tooltip;
54
+ return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, Object.assign({ sideOffset: 12 }, { children: content }))] })));
55
+ }), {
56
+ Trigger: TooltipPrimitive.TooltipTrigger,
57
+ Content,
58
+ });
56
59
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGb,0EAA4D;AAC5D,gDAA8B;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACF,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAEzD,SAAgB,OAAO,CAAC,EAQvB;QARuB,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cALgB,2CAMvB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,UAAK,IAAI,cAC/C,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC;AArBD,0BAqBC"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,iCAA6D;AAC7D,0EAA4D;AAC5D,gDAA8B;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACF,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,IAAA,kBAAU,EAAkC,SAAS,OAAO,CAC3D,EAA8C,EAC9C,GAAG;QADH,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA5C,2CAA8C,CAAF;IAG5C,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC,CAAC,EACF;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
@@ -1,8 +1,12 @@
1
+ /// <reference types="react" resolution-mode="require"/>
1
2
  import type { StoryObj } from '@storybook/react';
2
3
  import { Tooltip } from './Tooltip.js';
3
4
  declare const meta: {
4
5
  title: string;
5
- component: typeof Tooltip;
6
+ component: import("react").ForwardRefExoticComponent<import("./Tooltip.js").TooltipProps & import("react").RefAttributes<HTMLButtonElement>> & {
7
+ Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
8
+ Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
9
+ };
6
10
  argTypes: {};
7
11
  parameters: {
8
12
  controls: {
@@ -0,0 +1,13 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {};
5
+ parameters: {
6
+ controls: {
7
+ expanded: boolean;
8
+ };
9
+ };
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj;
13
+ export declare const Default: Story;
@@ -0,0 +1,31 @@
1
+ // @unocss-include
2
+ "use strict";
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
5
+ };
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.Default = void 0;
8
+ const jsx_runtime_1 = require("react/jsx-runtime");
9
+ const clsx_1 = __importDefault(require("clsx"));
10
+ const button_js_1 = require("./components/button.js");
11
+ const input_js_1 = require("./components/input.js");
12
+ const textArea_js_1 = require("./components/textArea.js");
13
+ const card_js_1 = require("./components/card.js");
14
+ const tabs_js_1 = require("./components/tabs.js");
15
+ const meta = {
16
+ title: 'themes',
17
+ argTypes: {},
18
+ parameters: {
19
+ controls: { expanded: true },
20
+ },
21
+ };
22
+ exports.default = meta;
23
+ function DemoUI({ className }) {
24
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('grid gap-2 grid-cols-3', className) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "primary" }, { children: "Primary" })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "accent" }, { children: "Accent" })), (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "small", color: "destructive" }, { children: "Destructive" })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "small", color: "ghostDestructive" }, { children: "Ghost Destructive" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(input_js_1.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(textArea_js_1.TextArea, { placeholder: "Placeholder" })] })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(card_js_1.Card, { children: [(0, jsx_runtime_1.jsxs)(card_js_1.Card.Main, { children: [(0, jsx_runtime_1.jsx)(card_js_1.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(card_js_1.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(card_js_1.Card.Footer, { children: (0, jsx_runtime_1.jsx)(card_js_1.Card.Actions, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "small" }, { children: "Action 1" })) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, Object.assign({ defaultValue: "tab1" }, { children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, Object.assign({ value: "tab1" }, { children: "Tab 1" })), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, Object.assign({ value: "tab2" }, { children: "Tab 2" }))] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, Object.assign({ value: "tab1" }, { children: "Tab 1 Content" })), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, Object.assign({ value: "tab2" }, { children: "Tab 2 Content" }))] })) })] })));
25
+ }
26
+ exports.Default = {
27
+ render() {
28
+ return (0, jsx_runtime_1.jsx)(DemoUI, {});
29
+ },
30
+ };
31
+ //# sourceMappingURL=themes.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,sDAAgD;AAChD,oDAA8C;AAC9C,0DAAoD;AACpD,kDAA4C;AAC5C,kDAA4C;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIpB,SAAS,MAAM,CAAC,EAAE,SAAS,EAA0B;IACpD,OAAO,CACN,+CAAK,SAAS,EAAE,IAAA,cAAI,EAAC,wBAAwB,EAAE,SAAS,CAAC,iBACxD,+CAAK,SAAS,EAAC,KAAK,iBACnB,uBAAC,kBAAM,kBAAC,KAAK,EAAC,SAAS,6BAAiB,EACxC,uBAAC,kBAAM,kBAAC,KAAK,EAAC,QAAQ,4BAAgB,EACtC,uBAAC,kBAAM,0BAAiB,EACxB,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,iCAE/B,EACT,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,kBAAkB,uCAEpC,KACJ,EACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,uBAAC,gBAAK,IAAC,WAAW,EAAC,aAAa,GAAG,EACnC,uBAAC,sBAAQ,IAAC,WAAW,EAAC,aAAa,GAAG,KACjC,EACN,0CACC,wBAAC,cAAI,eACJ,wBAAC,cAAI,CAAC,IAAI,eACT,uBAAC,cAAI,CAAC,KAAK,6BAAwB,EACnC,uBAAC,cAAI,CAAC,OAAO,+BAA4B,IAC9B,EACZ,uBAAC,cAAI,CAAC,MAAM,cACX,uBAAC,cAAI,CAAC,OAAO,cACZ,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,8BAAkB,GACxB,GACF,IACR,GACF,EACN,0CACC,wBAAC,cAAI,kBAAC,YAAY,EAAC,MAAM,iBACxB,wBAAC,cAAI,CAAC,IAAI,eACT,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,EAC/C,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,IACpC,EACZ,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,EACvD,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,KACjD,GACF,KACD,CACN,CAAC;AACH,CAAC;AAEY,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,uBAAC,MAAM,KAAG,CAAC;IACnB,CAAC;CACD,CAAC"}
@@ -402,13 +402,13 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
402
402
  --palette-red-00: #321f19;
403
403
  --palette-green-90: #e9fff1;
404
404
  --palette-green-80: #c2ffe1;
405
- --palette-green-70: #8ff8c4;
406
- --palette-green-60: #71f0a8;
407
- --palette-green-50: #56d187;
408
- --palette-green-40: #499d6f;
409
- --palette-green-30: #1f8355;
410
- --palette-green-20: #24694b;
411
- --palette-green-10: #274e3c;
405
+ --palette-green-70: #8ff8e0;
406
+ --palette-green-60: #79efe7;
407
+ --palette-green-50: #63cec4;
408
+ --palette-green-40: #499d92;
409
+ --palette-green-30: #1f837c;
410
+ --palette-green-20: #246869;
411
+ --palette-green-10: #274e48;
412
412
  --palette-green-00: #183527;
413
413
  --palette-yellow-90: #fff9ef;
414
414
  --palette-yellow-80: #fff1c7;
@@ -687,10 +687,10 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
687
687
  }
688
688
 
689
689
  .theme-tomato {
690
- --color-attention-light: var(--color-blue-light);
691
- --color-attention: var(--color-blue);
692
- --color-attention-dark: var(--color-blue-dark);
693
- --color-attention-wash: var(--color-blue-wash);
690
+ --color-attention-light: var(--color-yellow-light);
691
+ --color-attention: var(--color-yellow);
692
+ --color-attention-dark: var(--color-yellow-dark);
693
+ --color-attention-wash: var(--color-yellow-wash);
694
694
  --color-accent: var(--color-green);
695
695
  --color-accent-wash: var(--color-green-wash);
696
696
  --color-accent-light: var(--color-green-light);