@medusajs/ui 4.0.5-snapshot-20250127145424 → 4.0.5-snapshot-20250203091247

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 (193) hide show
  1. package/dist/cjs/blocks/data-table/components/data-table-action-cell.d.ts.map +1 -1
  2. package/dist/cjs/blocks/data-table/components/data-table-action-cell.js +1 -1
  3. package/dist/cjs/blocks/data-table/components/data-table-action-cell.js.map +1 -1
  4. package/dist/cjs/blocks/data-table/components/data-table-select-cell.d.ts.map +1 -1
  5. package/dist/cjs/blocks/data-table/components/data-table-select-cell.js.map +1 -1
  6. package/dist/cjs/components/avatar/avatar.d.ts +2 -2
  7. package/dist/cjs/components/avatar/avatar.d.ts.map +1 -1
  8. package/dist/cjs/components/avatar/avatar.js +4 -4
  9. package/dist/cjs/components/avatar/avatar.js.map +1 -1
  10. package/dist/cjs/components/badge/badge.d.ts.map +1 -1
  11. package/dist/cjs/components/badge/badge.js +2 -2
  12. package/dist/cjs/components/badge/badge.js.map +1 -1
  13. package/dist/cjs/components/button/button.d.ts.map +1 -1
  14. package/dist/cjs/components/button/button.js +2 -2
  15. package/dist/cjs/components/button/button.js.map +1 -1
  16. package/dist/cjs/components/checkbox/checkbox.d.ts +2 -2
  17. package/dist/cjs/components/checkbox/checkbox.d.ts.map +1 -1
  18. package/dist/cjs/components/checkbox/checkbox.js +3 -3
  19. package/dist/cjs/components/checkbox/checkbox.js.map +1 -1
  20. package/dist/cjs/components/checkbox/types.d.ts +2 -2
  21. package/dist/cjs/components/checkbox/types.d.ts.map +1 -1
  22. package/dist/cjs/components/checkbox/types.js.map +1 -1
  23. package/dist/cjs/components/command-bar/command-bar.d.ts.map +1 -1
  24. package/dist/cjs/components/command-bar/command-bar.js +6 -7
  25. package/dist/cjs/components/command-bar/command-bar.js.map +1 -1
  26. package/dist/cjs/components/copy/copy.js +2 -2
  27. package/dist/cjs/components/copy/copy.js.map +1 -1
  28. package/dist/cjs/components/drawer/drawer.d.ts +9 -9
  29. package/dist/cjs/components/drawer/drawer.d.ts.map +1 -1
  30. package/dist/cjs/components/drawer/drawer.js +10 -10
  31. package/dist/cjs/components/drawer/drawer.js.map +1 -1
  32. package/dist/cjs/components/dropdown-menu/dropdown-menu.d.ts +14 -14
  33. package/dist/cjs/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
  34. package/dist/cjs/components/dropdown-menu/dropdown-menu.js +18 -18
  35. package/dist/cjs/components/dropdown-menu/dropdown-menu.js.map +1 -1
  36. package/dist/cjs/components/focus-modal/focus-modal.d.ts +9 -9
  37. package/dist/cjs/components/focus-modal/focus-modal.d.ts.map +1 -1
  38. package/dist/cjs/components/focus-modal/focus-modal.js +10 -10
  39. package/dist/cjs/components/focus-modal/focus-modal.js.map +1 -1
  40. package/dist/cjs/components/hint/hint.js.map +1 -1
  41. package/dist/cjs/components/icon-badge/icon-badge.d.ts.map +1 -1
  42. package/dist/cjs/components/icon-badge/icon-badge.js +2 -2
  43. package/dist/cjs/components/icon-badge/icon-badge.js.map +1 -1
  44. package/dist/cjs/components/icon-button/icon-button.d.ts.map +1 -1
  45. package/dist/cjs/components/icon-button/icon-button.js +2 -2
  46. package/dist/cjs/components/icon-button/icon-button.js.map +1 -1
  47. package/dist/cjs/components/label/label.d.ts.map +1 -1
  48. package/dist/cjs/components/label/label.js +2 -2
  49. package/dist/cjs/components/label/label.js.map +1 -1
  50. package/dist/cjs/components/popover/popover.d.ts +6 -6
  51. package/dist/cjs/components/popover/popover.d.ts.map +1 -1
  52. package/dist/cjs/components/popover/popover.js +7 -7
  53. package/dist/cjs/components/popover/popover.js.map +1 -1
  54. package/dist/cjs/components/progress-accordion/progress-accordion.d.ts +5 -5
  55. package/dist/cjs/components/progress-accordion/progress-accordion.d.ts.map +1 -1
  56. package/dist/cjs/components/progress-accordion/progress-accordion.js +6 -6
  57. package/dist/cjs/components/progress-accordion/progress-accordion.js.map +1 -1
  58. package/dist/cjs/components/progress-tabs/progress-tabs.d.ts +5 -5
  59. package/dist/cjs/components/progress-tabs/progress-tabs.d.ts.map +1 -1
  60. package/dist/cjs/components/progress-tabs/progress-tabs.js +5 -5
  61. package/dist/cjs/components/progress-tabs/progress-tabs.js.map +1 -1
  62. package/dist/cjs/components/prompt/prompt.d.ts +8 -8
  63. package/dist/cjs/components/prompt/prompt.d.ts.map +1 -1
  64. package/dist/cjs/components/prompt/prompt.js +10 -10
  65. package/dist/cjs/components/prompt/prompt.js.map +1 -1
  66. package/dist/cjs/components/radio-group/radio-group.d.ts +4 -4
  67. package/dist/cjs/components/radio-group/radio-group.d.ts.map +1 -1
  68. package/dist/cjs/components/radio-group/radio-group.js +6 -6
  69. package/dist/cjs/components/radio-group/radio-group.js.map +1 -1
  70. package/dist/cjs/components/select/select.d.ts +9 -9
  71. package/dist/cjs/components/select/select.d.ts.map +1 -1
  72. package/dist/cjs/components/select/select.js +14 -14
  73. package/dist/cjs/components/select/select.js.map +1 -1
  74. package/dist/cjs/components/skeleton/skeleton.d.ts.map +1 -1
  75. package/dist/cjs/components/skeleton/skeleton.js +1 -1
  76. package/dist/cjs/components/skeleton/skeleton.js.map +1 -1
  77. package/dist/cjs/components/switch/switch.d.ts +2 -2
  78. package/dist/cjs/components/switch/switch.d.ts.map +1 -1
  79. package/dist/cjs/components/switch/switch.js +3 -3
  80. package/dist/cjs/components/switch/switch.js.map +1 -1
  81. package/dist/cjs/components/tabs/tabs.d.ts +5 -5
  82. package/dist/cjs/components/tabs/tabs.d.ts.map +1 -1
  83. package/dist/cjs/components/tabs/tabs.js +5 -5
  84. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  85. package/dist/cjs/components/text/text.d.ts.map +1 -1
  86. package/dist/cjs/components/text/text.js +2 -2
  87. package/dist/cjs/components/text/text.js.map +1 -1
  88. package/dist/cjs/components/textarea/textarea.js +1 -1
  89. package/dist/cjs/components/textarea/textarea.js.map +1 -1
  90. package/dist/cjs/components/toast/toast.d.ts.map +1 -1
  91. package/dist/cjs/components/toast/toast.js +1 -1
  92. package/dist/cjs/components/toast/toast.js.map +1 -1
  93. package/dist/cjs/components/tooltip/tooltip.d.ts +3 -3
  94. package/dist/cjs/components/tooltip/tooltip.d.ts.map +1 -1
  95. package/dist/cjs/components/tooltip/tooltip.js +6 -6
  96. package/dist/cjs/components/tooltip/tooltip.js.map +1 -1
  97. package/dist/esm/blocks/data-table/components/data-table-action-cell.d.ts.map +1 -1
  98. package/dist/esm/blocks/data-table/components/data-table-action-cell.js +1 -1
  99. package/dist/esm/blocks/data-table/components/data-table-action-cell.js.map +1 -1
  100. package/dist/esm/blocks/data-table/components/data-table-select-cell.d.ts.map +1 -1
  101. package/dist/esm/blocks/data-table/components/data-table-select-cell.js.map +1 -1
  102. package/dist/esm/components/avatar/avatar.d.ts +2 -2
  103. package/dist/esm/components/avatar/avatar.d.ts.map +1 -1
  104. package/dist/esm/components/avatar/avatar.js +4 -4
  105. package/dist/esm/components/avatar/avatar.js.map +1 -1
  106. package/dist/esm/components/badge/badge.d.ts.map +1 -1
  107. package/dist/esm/components/badge/badge.js +2 -2
  108. package/dist/esm/components/badge/badge.js.map +1 -1
  109. package/dist/esm/components/button/button.d.ts.map +1 -1
  110. package/dist/esm/components/button/button.js +2 -2
  111. package/dist/esm/components/button/button.js.map +1 -1
  112. package/dist/esm/components/checkbox/checkbox.d.ts +2 -2
  113. package/dist/esm/components/checkbox/checkbox.d.ts.map +1 -1
  114. package/dist/esm/components/checkbox/checkbox.js +3 -3
  115. package/dist/esm/components/checkbox/checkbox.js.map +1 -1
  116. package/dist/esm/components/checkbox/types.d.ts +2 -2
  117. package/dist/esm/components/checkbox/types.d.ts.map +1 -1
  118. package/dist/esm/components/checkbox/types.js.map +1 -1
  119. package/dist/esm/components/command-bar/command-bar.d.ts.map +1 -1
  120. package/dist/esm/components/command-bar/command-bar.js +1 -2
  121. package/dist/esm/components/command-bar/command-bar.js.map +1 -1
  122. package/dist/esm/components/copy/copy.js +2 -2
  123. package/dist/esm/components/copy/copy.js.map +1 -1
  124. package/dist/esm/components/drawer/drawer.d.ts +9 -9
  125. package/dist/esm/components/drawer/drawer.d.ts.map +1 -1
  126. package/dist/esm/components/drawer/drawer.js +10 -10
  127. package/dist/esm/components/drawer/drawer.js.map +1 -1
  128. package/dist/esm/components/dropdown-menu/dropdown-menu.d.ts +14 -14
  129. package/dist/esm/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
  130. package/dist/esm/components/dropdown-menu/dropdown-menu.js +18 -18
  131. package/dist/esm/components/dropdown-menu/dropdown-menu.js.map +1 -1
  132. package/dist/esm/components/focus-modal/focus-modal.d.ts +9 -9
  133. package/dist/esm/components/focus-modal/focus-modal.d.ts.map +1 -1
  134. package/dist/esm/components/focus-modal/focus-modal.js +10 -10
  135. package/dist/esm/components/focus-modal/focus-modal.js.map +1 -1
  136. package/dist/esm/components/hint/hint.js.map +1 -1
  137. package/dist/esm/components/icon-badge/icon-badge.d.ts.map +1 -1
  138. package/dist/esm/components/icon-badge/icon-badge.js +2 -2
  139. package/dist/esm/components/icon-badge/icon-badge.js.map +1 -1
  140. package/dist/esm/components/icon-button/icon-button.d.ts.map +1 -1
  141. package/dist/esm/components/icon-button/icon-button.js +2 -2
  142. package/dist/esm/components/icon-button/icon-button.js.map +1 -1
  143. package/dist/esm/components/label/label.d.ts.map +1 -1
  144. package/dist/esm/components/label/label.js +2 -2
  145. package/dist/esm/components/label/label.js.map +1 -1
  146. package/dist/esm/components/popover/popover.d.ts +6 -6
  147. package/dist/esm/components/popover/popover.d.ts.map +1 -1
  148. package/dist/esm/components/popover/popover.js +7 -7
  149. package/dist/esm/components/popover/popover.js.map +1 -1
  150. package/dist/esm/components/progress-accordion/progress-accordion.d.ts +5 -5
  151. package/dist/esm/components/progress-accordion/progress-accordion.d.ts.map +1 -1
  152. package/dist/esm/components/progress-accordion/progress-accordion.js +6 -6
  153. package/dist/esm/components/progress-accordion/progress-accordion.js.map +1 -1
  154. package/dist/esm/components/progress-tabs/progress-tabs.d.ts +5 -5
  155. package/dist/esm/components/progress-tabs/progress-tabs.d.ts.map +1 -1
  156. package/dist/esm/components/progress-tabs/progress-tabs.js +5 -5
  157. package/dist/esm/components/progress-tabs/progress-tabs.js.map +1 -1
  158. package/dist/esm/components/prompt/prompt.d.ts +8 -8
  159. package/dist/esm/components/prompt/prompt.d.ts.map +1 -1
  160. package/dist/esm/components/prompt/prompt.js +10 -10
  161. package/dist/esm/components/prompt/prompt.js.map +1 -1
  162. package/dist/esm/components/radio-group/radio-group.d.ts +4 -4
  163. package/dist/esm/components/radio-group/radio-group.d.ts.map +1 -1
  164. package/dist/esm/components/radio-group/radio-group.js +6 -6
  165. package/dist/esm/components/radio-group/radio-group.js.map +1 -1
  166. package/dist/esm/components/select/select.d.ts +9 -9
  167. package/dist/esm/components/select/select.d.ts.map +1 -1
  168. package/dist/esm/components/select/select.js +14 -14
  169. package/dist/esm/components/select/select.js.map +1 -1
  170. package/dist/esm/components/skeleton/skeleton.d.ts.map +1 -1
  171. package/dist/esm/components/skeleton/skeleton.js +1 -1
  172. package/dist/esm/components/skeleton/skeleton.js.map +1 -1
  173. package/dist/esm/components/switch/switch.d.ts +2 -2
  174. package/dist/esm/components/switch/switch.d.ts.map +1 -1
  175. package/dist/esm/components/switch/switch.js +3 -3
  176. package/dist/esm/components/switch/switch.js.map +1 -1
  177. package/dist/esm/components/tabs/tabs.d.ts +5 -5
  178. package/dist/esm/components/tabs/tabs.d.ts.map +1 -1
  179. package/dist/esm/components/tabs/tabs.js +5 -5
  180. package/dist/esm/components/tabs/tabs.js.map +1 -1
  181. package/dist/esm/components/text/text.d.ts.map +1 -1
  182. package/dist/esm/components/text/text.js +2 -2
  183. package/dist/esm/components/text/text.js.map +1 -1
  184. package/dist/esm/components/textarea/textarea.js +1 -1
  185. package/dist/esm/components/textarea/textarea.js.map +1 -1
  186. package/dist/esm/components/toast/toast.d.ts.map +1 -1
  187. package/dist/esm/components/toast/toast.js +1 -1
  188. package/dist/esm/components/toast/toast.js.map +1 -1
  189. package/dist/esm/components/tooltip/tooltip.d.ts +3 -3
  190. package/dist/esm/components/tooltip/tooltip.d.ts.map +1 -1
  191. package/dist/esm/components/tooltip/tooltip.js +6 -6
  192. package/dist/esm/components/tooltip/tooltip.js.map +1 -1
  193. package/package.json +4 -18
@@ -1,12 +1,12 @@
1
- import * as TabsPrimitives from "@radix-ui/react-tabs";
1
+ import { Tabs as RadixTabs } from "radix-ui";
2
2
  import * as React from "react";
3
3
  declare const Tabs: {
4
- (props: React.ComponentPropsWithoutRef<typeof TabsPrimitives.Root>): React.JSX.Element;
4
+ (props: React.ComponentPropsWithoutRef<typeof RadixTabs.Root>): React.JSX.Element;
5
5
  displayName: string;
6
6
  } & {
7
- Trigger: React.ForwardRefExoticComponent<Omit<TabsPrimitives.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
8
- List: React.ForwardRefExoticComponent<Omit<TabsPrimitives.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
- Content: React.ForwardRefExoticComponent<Omit<TabsPrimitives.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ Trigger: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
8
+ List: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ Content: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
10
  };
11
11
  export { Tabs };
12
12
  //# sourceMappingURL=tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0D9B,QAAA,MAAM,IAAI;YAlDD,MAAM,wBAAwB,CAAC,OAAO,eAAe,IAAI,CAAC;;;;;;CAsDjE,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0D9B,QAAA,MAAM,IAAI;YAlDD,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC;;;;;;CAsD5D,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
@@ -1,19 +1,19 @@
1
1
  "use client";
2
- import * as TabsPrimitives from "@radix-ui/react-tabs";
2
+ import { Tabs as RadixTabs } from "radix-ui";
3
3
  import * as React from "react";
4
4
  import { clx } from "../../utils/clx";
5
5
  /**
6
6
  * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves
7
7
  */
8
8
  const TabsRoot = (props) => {
9
- return React.createElement(TabsPrimitives.Root, { ...props });
9
+ return React.createElement(RadixTabs.Root, { ...props });
10
10
  };
11
11
  TabsRoot.displayName = "Tabs";
12
- const TabsTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(TabsPrimitives.Trigger, { ref: ref, className: clx("txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-2.5 py-1 outline-none", "hover:text-ui-fg-base", "focus-visible:border-ui-border-interactive focus-visible:!shadow-borders-focus focus-visible:bg-ui-bg-base", "data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest", className), ...props }, children)));
12
+ const TabsTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(RadixTabs.Trigger, { ref: ref, className: clx("txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-2.5 py-1 outline-none", "hover:text-ui-fg-base", "focus-visible:border-ui-border-interactive focus-visible:!shadow-borders-focus focus-visible:bg-ui-bg-base", "data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest", className), ...props }, children)));
13
13
  TabsTrigger.displayName = "Tabs.Trigger";
14
- const TabsList = React.forwardRef(({ className, ...props }, ref) => (React.createElement(TabsPrimitives.List, { ref: ref, className: clx("flex items-center gap-2", className), ...props })));
14
+ const TabsList = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixTabs.List, { ref: ref, className: clx("flex items-center gap-2", className), ...props })));
15
15
  TabsList.displayName = "Tabs.List";
16
- const TabsContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(TabsPrimitives.Content, { ref: ref, className: clx("outline-none", className), ...props })));
16
+ const TabsContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixTabs.Content, { ref: ref, className: clx("outline-none", className), ...props })));
17
17
  TabsContent.displayName = "Tabs.Content";
18
18
  const Tabs = Object.assign(TabsRoot, {
19
19
  Trigger: TabsTrigger,
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,QAAQ,GAAG,CACf,KAAiE,EACjE,EAAE;IACF,OAAO,oBAAC,cAAc,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC3C,CAAC,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,oBAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,+KAA+K,EAC/K,uBAAuB,EACvB,4GAA4G,EAC5G,sHAAsH,EACtH,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACc,CAC1B,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAElC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;CACrB,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as TabsPrimitives from \"@radix-ui/react-tabs\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves\n */\nconst TabsRoot = (\n props: React.ComponentPropsWithoutRef<typeof TabsPrimitives.Root>\n) => {\n return <TabsPrimitives.Root {...props} />\n}\nTabsRoot.displayName = \"Tabs\"\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitives.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitives.Trigger>\n>(({ className, children, ...props }, ref) => (\n <TabsPrimitives.Trigger\n ref={ref}\n className={clx(\n \"txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-2.5 py-1 outline-none\",\n \"hover:text-ui-fg-base\",\n \"focus-visible:border-ui-border-interactive focus-visible:!shadow-borders-focus focus-visible:bg-ui-bg-base\",\n \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest\",\n className\n )}\n {...props}\n >\n {children}\n </TabsPrimitives.Trigger>\n))\nTabsTrigger.displayName = \"Tabs.Trigger\"\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitives.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitives.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitives.List\n ref={ref}\n className={clx(\"flex items-center gap-2\", className)}\n {...props}\n />\n))\nTabsList.displayName = \"Tabs.List\"\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitives.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitives.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitives.Content\n ref={ref}\n className={clx(\"outline-none\", className)}\n {...props}\n />\n))\nTabsContent.displayName = \"Tabs.Content\"\n\nconst Tabs = Object.assign(TabsRoot, {\n Trigger: TabsTrigger,\n List: TabsList,\n Content: TabsContent,\n})\n\nexport { Tabs }\n"]}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,QAAQ,GAAG,CACf,KAA4D,EAC5D,EAAE;IACF,OAAO,oBAAC,SAAS,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,oBAAC,SAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,+KAA+K,EAC/K,uBAAuB,EACvB,4GAA4G,EAC5G,sHAAsH,EACtH,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACS,CACrB,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,SAAS,CAAC,IAAI,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAA;AAElC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,SAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAA;AAExC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;CACrB,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { Tabs as RadixTabs } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves\n */\nconst TabsRoot = (\n props: React.ComponentPropsWithoutRef<typeof RadixTabs.Root>\n) => {\n return <RadixTabs.Root {...props} />\n}\nTabsRoot.displayName = \"Tabs\"\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof RadixTabs.Trigger>,\n React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>\n>(({ className, children, ...props }, ref) => (\n <RadixTabs.Trigger\n ref={ref}\n className={clx(\n \"txt-compact-small-plus transition-fg text-ui-fg-subtle inline-flex items-center justify-center rounded-full border border-transparent bg-transparent px-2.5 py-1 outline-none\",\n \"hover:text-ui-fg-base\",\n \"focus-visible:border-ui-border-interactive focus-visible:!shadow-borders-focus focus-visible:bg-ui-bg-base\",\n \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base data-[state=active]:shadow-elevation-card-rest\",\n className\n )}\n {...props}\n >\n {children}\n </RadixTabs.Trigger>\n))\nTabsTrigger.displayName = \"Tabs.Trigger\"\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof RadixTabs.List>,\n React.ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n <RadixTabs.List\n ref={ref}\n className={clx(\"flex items-center gap-2\", className)}\n {...props}\n />\n))\nTabsList.displayName = \"Tabs.List\"\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof RadixTabs.Content>,\n React.ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => (\n <RadixTabs.Content\n ref={ref}\n className={clx(\"outline-none\", className)}\n {...props}\n />\n))\nTabsContent.displayName = \"Tabs.Content\"\n\nconst Tabs = Object.assign(TabsRoot, {\n Trigger: TabsTrigger,\n List: TabsList,\n Content: TabsContent,\n})\n\nexport { Tabs }\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgFhB,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,CAAA;CAC1B;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,wFAiDT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgFhB,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,CAAA;CAC1B;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,wFAiDT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
@@ -1,5 +1,5 @@
1
- import { Slot } from "@radix-ui/react-slot";
2
1
  import { cva } from "cva";
2
+ import { Slot } from "radix-ui";
3
3
  import * as React from "react";
4
4
  import { clx } from "../../utils/clx";
5
5
  const textVariants = cva({
@@ -112,7 +112,7 @@ family = "sans",
112
112
  * The text's line height.
113
113
  */
114
114
  leading = "normal", children, ...props }, ref) => {
115
- const Component = asChild ? Slot : as;
115
+ const Component = asChild ? Slot.Root : as;
116
116
  return (React.createElement(Component, { ref: ref, className: clx(textVariants({ size, weight, family, leading }), className), ...props }, children));
117
117
  });
118
118
  Text.displayName = "Text";
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst textVariants = cva({\n variants: {\n size: {\n xsmall: \"\",\n small: \"\",\n base: \"\",\n large: \"\",\n xlarge: \"\",\n },\n weight: {\n regular: \"font-normal\",\n plus: \"font-medium\",\n },\n family: {\n sans: \"font-sans\",\n mono: \"font-mono\",\n },\n leading: {\n normal: \"\",\n compact: \"\",\n },\n },\n defaultVariants: {\n family: \"sans\",\n size: \"base\",\n weight: \"regular\",\n leading: \"normal\",\n },\n compoundVariants: [\n {\n size: \"xsmall\",\n leading: \"normal\",\n className: \"txt-xsmall\",\n },\n {\n size: \"xsmall\",\n leading: \"compact\",\n className: \"txt-compact-xsmall\",\n },\n {\n size: \"small\",\n leading: \"normal\",\n className: \"txt-small\",\n },\n {\n size: \"small\",\n leading: \"compact\",\n className: \"txt-compact-small\",\n },\n {\n size: \"base\",\n leading: \"normal\",\n className: \"txt-medium\",\n },\n {\n size: \"base\",\n leading: \"compact\",\n className: \"txt-compact-medium\",\n },\n {\n size: \"large\",\n leading: \"normal\",\n className: \"txt-large\",\n },\n {\n size: \"large\",\n leading: \"compact\",\n className: \"txt-compact-large\",\n },\n {\n size: \"xlarge\",\n leading: \"normal\",\n className: \"txt-xlarge\",\n },\n {\n size: \"xlarge\",\n leading: \"compact\",\n className: \"txt-compact-xlarge\",\n },\n ],\n})\n\nexport interface TextProps\n extends React.ComponentPropsWithoutRef<\"p\">,\n VariantProps<typeof textVariants> {\n asChild?: boolean\n as?: \"p\" | \"span\" | \"div\"\n}\n\n/**\n * This component is based on the `p` element and supports all of its props\n */\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n (\n {\n className,\n /**\n * Whether to remove the wrapper `button` element and use the\n * passed child element instead.\n */\n asChild = false,\n /**\n * The wrapper element to use when `asChild` is disabled.\n */\n as = \"p\",\n /**\n * The text's size.\n */\n size = \"base\",\n /**\n * The text's font weight.\n */\n weight = \"regular\",\n /**\n * The text's font family.\n */\n family = \"sans\",\n /**\n * The text's line height.\n */\n leading = \"normal\",\n children,\n ...props\n }: TextProps,\n ref\n ) => {\n const Component = asChild ? Slot : as\n\n return (\n <Component\n ref={ref}\n className={clx(\n textVariants({ size, weight, family, leading }),\n className\n )}\n {...props}\n >\n {children}\n </Component>\n )\n }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { VariantProps, cva } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst textVariants = cva({\n variants: {\n size: {\n xsmall: \"\",\n small: \"\",\n base: \"\",\n large: \"\",\n xlarge: \"\",\n },\n weight: {\n regular: \"font-normal\",\n plus: \"font-medium\",\n },\n family: {\n sans: \"font-sans\",\n mono: \"font-mono\",\n },\n leading: {\n normal: \"\",\n compact: \"\",\n },\n },\n defaultVariants: {\n family: \"sans\",\n size: \"base\",\n weight: \"regular\",\n leading: \"normal\",\n },\n compoundVariants: [\n {\n size: \"xsmall\",\n leading: \"normal\",\n className: \"txt-xsmall\",\n },\n {\n size: \"xsmall\",\n leading: \"compact\",\n className: \"txt-compact-xsmall\",\n },\n {\n size: \"small\",\n leading: \"normal\",\n className: \"txt-small\",\n },\n {\n size: \"small\",\n leading: \"compact\",\n className: \"txt-compact-small\",\n },\n {\n size: \"base\",\n leading: \"normal\",\n className: \"txt-medium\",\n },\n {\n size: \"base\",\n leading: \"compact\",\n className: \"txt-compact-medium\",\n },\n {\n size: \"large\",\n leading: \"normal\",\n className: \"txt-large\",\n },\n {\n size: \"large\",\n leading: \"compact\",\n className: \"txt-compact-large\",\n },\n {\n size: \"xlarge\",\n leading: \"normal\",\n className: \"txt-xlarge\",\n },\n {\n size: \"xlarge\",\n leading: \"compact\",\n className: \"txt-compact-xlarge\",\n },\n ],\n})\n\nexport interface TextProps\n extends React.ComponentPropsWithoutRef<\"p\">,\n VariantProps<typeof textVariants> {\n asChild?: boolean\n as?: \"p\" | \"span\" | \"div\"\n}\n\n/**\n * This component is based on the `p` element and supports all of its props\n */\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n (\n {\n className,\n /**\n * Whether to remove the wrapper `button` element and use the\n * passed child element instead.\n */\n asChild = false,\n /**\n * The wrapper element to use when `asChild` is disabled.\n */\n as = \"p\",\n /**\n * The text's size.\n */\n size = \"base\",\n /**\n * The text's font weight.\n */\n weight = \"regular\",\n /**\n * The text's font family.\n */\n family = \"sans\",\n /**\n * The text's line height.\n */\n leading = \"normal\",\n children,\n ...props\n }: TextProps,\n ref\n ) => {\n const Component = asChild ? Slot.Root : as\n\n return (\n <Component\n ref={ref}\n className={clx(\n textVariants({ size, weight, family, leading }),\n className\n )}\n {...props}\n >\n {children}\n </Component>\n )\n }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
- import { clx } from "../../utils/clx";
3
2
  import { inputBaseStyles } from "../input";
3
+ import { clx } from "../../utils/clx";
4
4
  /**
5
5
  * This component is based on the `textarea` element and supports all of its props
6
6
  */
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C;;GAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,2CAA2C,EAC3C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { inputBaseStyles } from \"../input\"\n\n/**\n * This component is based on the `textarea` element and supports all of its props\n */\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.ComponentPropsWithoutRef<\"textarea\">\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n ref={ref}\n className={clx(\n inputBaseStyles,\n \"txt-small min-h-[60px] w-full px-2 py-1.5\",\n className\n )}\n {...props}\n />\n )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,2CAA2C,EAC3C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the `textarea` element and supports all of its props\n */\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.ComponentPropsWithoutRef<\"textarea\">\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n ref={ref}\n className={clx(\n inputBaseStyles,\n \"txt-small min-h-[60px] w-full px-2 py-1.5\",\n className\n )}\n {...props}\n />\n )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKxD,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,2EA2Cf,mBAAmB,sBAiFrB,CAAA"}
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGxD,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,2EA2Cf,mBAAmB,sBAiFrB,CAAA"}
@@ -1,8 +1,8 @@
1
1
  import { CheckCircleSolid, ExclamationCircleSolid, InformationCircleSolid, Spinner, XCircleSolid, XMark, } from "@medusajs/icons";
2
2
  import * as React from "react";
3
- import { clx } from "../../utils/clx";
4
3
  import { toast } from "sonner";
5
4
  import { IconButton } from "../icon-button";
5
+ import { clx } from "../../utils/clx";
6
6
  /**
7
7
  * This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.
8
8
  */
@@ -1 +1 @@
1
- {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,OAAO,EACP,YAAY,EACZ,KAAK,GACN,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAY3C;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC;AACpB;;GAEG;AACH,EAAE;AACF;;;;;;;GAOG;AACH,OAAO,GAAG,MAAM;AAChB;;;;;GAKG;AACH,KAAK;AACL;;;;;GAKG;AACH,IAAI,EAAE,KAAK;AACX;;GAEG;AACH,WAAW;AACX;;GAEG;AACH,MAAM;AACN;;;;;GAKG;AACH,WAAW,GAAG,IAAI,GACE,EAAE,EAAE;IACxB,IAAI,IAAI,GAAG,KAAK,CAAA;IAEhB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,gBAAgB,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAAA;gBAC9D,MAAK;YACP,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,yBAAyB,GAAG,CAAA;gBACrE,MAAK;YACP,KAAK,OAAO;gBACV,IAAI,GAAG,oBAAC,YAAY,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAA;gBACxD,MAAK;YACP,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,OAAO,IAAC,SAAS,EAAC,oCAAoC,GAAG,CAAA;gBACjE,MAAK;YACP,KAAK,MAAM;gBACT,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAAA;gBAC7D,MAAK;YACP;gBACE,MAAK;QACT,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0HAA0H;QACvI,6BACE,SAAS,EAAE,GAAG,CAAC,kCAAkC,EAAE;gBACjD,sBAAsB,EAAE,CAAC,CAAC,IAAI;gBAC9B,aAAa,EAAE,CAAC,IAAI;gBACpB,aAAa,EAAE,CAAC,CAAC,WAAW;aAC7B,CAAC;YAED,CAAC,CAAC,IAAI,IAAI,CACT,8BAAM,SAAS,EAAC,yCAAyC,yBACtD,IAAI,CACA,CACR;YACD,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAC,eAAe;oBAC5B,8BAAM,SAAS,EAAC,wCAAwC,IACrD,KAAK,CACD;oBACN,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,yCAAyC,IACtD,WAAW,CACP,CACR,CACG;gBACL,CAAC,CAAC,MAAM,IAAI,CACX,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CACZ,8GAA8G,EAC9G,oCAAoC,EACpC,yBAAyB,EACzB,8BAA8B,EAC9B;wBACE,kBAAkB,EAAE,MAAM,CAAC,OAAO,KAAK,aAAa;qBACrD,CACF,EACD,OAAO,EAAE,MAAM,CAAC,OAAO,IAEtB,MAAM,CAAC,KAAK,CACN,CACV,CACG,CACF;QACL,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAEhC,oBAAC,KAAK,OAAG,CACE,CACd,CACG,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import {\n CheckCircleSolid,\n ExclamationCircleSolid,\n InformationCircleSolid,\n Spinner,\n XCircleSolid,\n XMark,\n} from \"@medusajs/icons\"\nimport * as React from \"react\"\n\nimport type { ToastAction, ToastVariant } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\nimport { toast } from \"sonner\"\nimport { IconButton } from \"../icon-button\"\n\ninterface ToastComponentProps {\n id: string | number\n variant?: ToastVariant\n title: React.ReactNode\n description?: React.ReactNode\n action?: ToastAction\n icon?: React.ReactNode\n dismissable?: boolean\n}\n\n/**\n * This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.\n */\nexport const Toast = ({\n /**\n * Optional ID of the toast.\n */\n id,\n /**\n * @ignore\n *\n * @privateRemarks\n * As the Toast component is created using\n * the `toast` utility functions, the variant is inferred\n * from the utility function.\n */\n variant = \"info\",\n /**\n * @ignore\n *\n * @privateRemarks\n * The `toast` utility functions accept this as a parameter.\n */\n title,\n /**\n * @ignore\n *\n * @privateRemarks\n * The `toast` utility functions accept this as a parameter.\n */\n icon: _icon,\n /**\n * The toast's text.\n */\n description,\n /**\n * The toast's action buttons.\n */\n action,\n /**\n * @ignore\n *\n * @privateRemarks\n * The `toast` utility functions accept this as a parameter.\n */\n dismissable = true,\n}: ToastComponentProps) => {\n let icon = _icon\n\n if (!_icon) {\n switch (variant) {\n case \"success\":\n icon = <CheckCircleSolid className=\"text-ui-tag-green-icon\" />\n break\n case \"warning\":\n icon = <ExclamationCircleSolid className=\"text-ui-tag-orange-icon\" />\n break\n case \"error\":\n icon = <XCircleSolid className=\"text-ui-tag-red-icon\" />\n break\n case \"loading\":\n icon = <Spinner className=\"text-ui-tag-blue-icon animate-spin\" />\n break\n case \"info\":\n icon = <InformationCircleSolid className=\"text-ui-fg-base\" />\n break\n default:\n break\n }\n }\n\n return (\n <div className=\"shadow-elevation-flyout bg-ui-bg-component flex w-fit min-w-[360px] max-w-[440px] gap-x-3 overflow-hidden rounded-lg p-3\">\n <div\n className={clx(\"grid flex-1 items-center gap-x-2\", {\n \"grid-cols-[20px_1fr]\": !!icon,\n \"grid-cols-1\": !icon,\n \"items-start\": !!description,\n })}\n >\n {!!icon && (\n <span className=\"flex size-5 items-center justify-center\" aria-hidden>\n {icon}\n </span>\n )}\n <div className=\"flex flex-col gap-y-3\">\n <div className=\"flex flex-col\">\n <span className=\"txt-compact-small-plus text-ui-fg-base\">\n {title}\n </span>\n {description && (\n <span className=\"txt-small text-ui-fg-subtle text-pretty\">\n {description}\n </span>\n )}\n </div>\n {!!action && (\n <button\n type=\"button\"\n className={clx(\n \"txt-compact-small-plus text-ui-fg-base bg-ui-bg-base flex w-fit items-center rounded-[4px] transition-colors\",\n \"focus-visible:shadow-borders-focus\",\n \"hover:text-ui-fg-subtle\",\n \"disabled:text-ui-fg-disabled\",\n {\n \"text-ui-fg-error\": action.variant === \"destructive\",\n }\n )}\n onClick={action.onClick}\n >\n {action.label}\n </button>\n )}\n </div>\n </div>\n {!!dismissable && (\n <IconButton\n size=\"2xsmall\"\n variant=\"transparent\"\n type=\"button\"\n onClick={() => toast.dismiss(id)}\n >\n <XMark />\n </IconButton>\n )}\n </div>\n )\n}\n"]}
1
+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,OAAO,EACP,YAAY,EACZ,KAAK,GACN,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAYjC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC;AACpB;;GAEG;AACH,EAAE;AACF;;;;;;;GAOG;AACH,OAAO,GAAG,MAAM;AAChB;;;;;GAKG;AACH,KAAK;AACL;;;;;GAKG;AACH,IAAI,EAAE,KAAK;AACX;;GAEG;AACH,WAAW;AACX;;GAEG;AACH,MAAM;AACN;;;;;GAKG;AACH,WAAW,GAAG,IAAI,GACE,EAAE,EAAE;IACxB,IAAI,IAAI,GAAG,KAAK,CAAA;IAEhB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,gBAAgB,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAAA;gBAC9D,MAAK;YACP,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,yBAAyB,GAAG,CAAA;gBACrE,MAAK;YACP,KAAK,OAAO;gBACV,IAAI,GAAG,oBAAC,YAAY,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAA;gBACxD,MAAK;YACP,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,OAAO,IAAC,SAAS,EAAC,oCAAoC,GAAG,CAAA;gBACjE,MAAK;YACP,KAAK,MAAM;gBACT,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAAA;gBAC7D,MAAK;YACP;gBACE,MAAK;QACT,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0HAA0H;QACvI,6BACE,SAAS,EAAE,GAAG,CAAC,kCAAkC,EAAE;gBACjD,sBAAsB,EAAE,CAAC,CAAC,IAAI;gBAC9B,aAAa,EAAE,CAAC,IAAI;gBACpB,aAAa,EAAE,CAAC,CAAC,WAAW;aAC7B,CAAC;YAED,CAAC,CAAC,IAAI,IAAI,CACT,8BAAM,SAAS,EAAC,yCAAyC,yBACtD,IAAI,CACA,CACR;YACD,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAC,eAAe;oBAC5B,8BAAM,SAAS,EAAC,wCAAwC,IACrD,KAAK,CACD;oBACN,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,yCAAyC,IACtD,WAAW,CACP,CACR,CACG;gBACL,CAAC,CAAC,MAAM,IAAI,CACX,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CACZ,8GAA8G,EAC9G,oCAAoC,EACpC,yBAAyB,EACzB,8BAA8B,EAC9B;wBACE,kBAAkB,EAAE,MAAM,CAAC,OAAO,KAAK,aAAa;qBACrD,CACF,EACD,OAAO,EAAE,MAAM,CAAC,OAAO,IAEtB,MAAM,CAAC,KAAK,CACN,CACV,CACG,CACF;QACL,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAEhC,oBAAC,KAAK,OAAG,CACE,CACd,CACG,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import {\n CheckCircleSolid,\n ExclamationCircleSolid,\n InformationCircleSolid,\n Spinner,\n XCircleSolid,\n XMark,\n} from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport { toast } from \"sonner\"\n\nimport { IconButton } from \"@/components/icon-button\"\nimport type { ToastAction, ToastVariant } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\n\ninterface ToastComponentProps {\n id: string | number\n variant?: ToastVariant\n title: React.ReactNode\n description?: React.ReactNode\n action?: ToastAction\n icon?: React.ReactNode\n dismissable?: boolean\n}\n\n/**\n * This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.\n */\nexport const Toast = ({\n /**\n * Optional ID of the toast.\n */\n id,\n /**\n * @ignore\n *\n * @privateRemarks\n * As the Toast component is created using\n * the `toast` utility functions, the variant is inferred\n * from the utility function.\n */\n variant = \"info\",\n /**\n * @ignore\n *\n * @privateRemarks\n * The `toast` utility functions accept this as a parameter.\n */\n title,\n /**\n * @ignore\n *\n * @privateRemarks\n * The `toast` utility functions accept this as a parameter.\n */\n icon: _icon,\n /**\n * The toast's text.\n */\n description,\n /**\n * The toast's action buttons.\n */\n action,\n /**\n * @ignore\n *\n * @privateRemarks\n * The `toast` utility functions accept this as a parameter.\n */\n dismissable = true,\n}: ToastComponentProps) => {\n let icon = _icon\n\n if (!_icon) {\n switch (variant) {\n case \"success\":\n icon = <CheckCircleSolid className=\"text-ui-tag-green-icon\" />\n break\n case \"warning\":\n icon = <ExclamationCircleSolid className=\"text-ui-tag-orange-icon\" />\n break\n case \"error\":\n icon = <XCircleSolid className=\"text-ui-tag-red-icon\" />\n break\n case \"loading\":\n icon = <Spinner className=\"text-ui-tag-blue-icon animate-spin\" />\n break\n case \"info\":\n icon = <InformationCircleSolid className=\"text-ui-fg-base\" />\n break\n default:\n break\n }\n }\n\n return (\n <div className=\"shadow-elevation-flyout bg-ui-bg-component flex w-fit min-w-[360px] max-w-[440px] gap-x-3 overflow-hidden rounded-lg p-3\">\n <div\n className={clx(\"grid flex-1 items-center gap-x-2\", {\n \"grid-cols-[20px_1fr]\": !!icon,\n \"grid-cols-1\": !icon,\n \"items-start\": !!description,\n })}\n >\n {!!icon && (\n <span className=\"flex size-5 items-center justify-center\" aria-hidden>\n {icon}\n </span>\n )}\n <div className=\"flex flex-col gap-y-3\">\n <div className=\"flex flex-col\">\n <span className=\"txt-compact-small-plus text-ui-fg-base\">\n {title}\n </span>\n {description && (\n <span className=\"txt-small text-ui-fg-subtle text-pretty\">\n {description}\n </span>\n )}\n </div>\n {!!action && (\n <button\n type=\"button\"\n className={clx(\n \"txt-compact-small-plus text-ui-fg-base bg-ui-bg-base flex w-fit items-center rounded-[4px] transition-colors\",\n \"focus-visible:shadow-borders-focus\",\n \"hover:text-ui-fg-subtle\",\n \"disabled:text-ui-fg-disabled\",\n {\n \"text-ui-fg-error\": action.variant === \"destructive\",\n }\n )}\n onClick={action.onClick}\n >\n {action.label}\n </button>\n )}\n </div>\n </div>\n {!!dismissable && (\n <IconButton\n size=\"2xsmall\"\n variant=\"transparent\"\n type=\"button\"\n onClick={() => toast.dismiss(id)}\n >\n <XMark />\n </IconButton>\n )}\n </div>\n )\n}\n"]}
@@ -1,6 +1,6 @@
1
- import * as Primitives from "@radix-ui/react-tooltip";
1
+ import { Tooltip as RadixTooltip } from "radix-ui";
2
2
  import * as React from "react";
3
- interface TooltipProps extends Omit<Primitives.TooltipContentProps, "content" | "onClick">, Pick<Primitives.TooltipProps, "open" | "defaultOpen" | "onOpenChange" | "delayDuration"> {
3
+ interface TooltipProps extends Omit<RadixTooltip.TooltipContentProps, "content" | "onClick">, Pick<RadixTooltip.TooltipProps, "open" | "defaultOpen" | "onOpenChange" | "delayDuration"> {
4
4
  content: React.ReactNode;
5
5
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
6
6
  side?: "bottom" | "left" | "top" | "right";
@@ -12,7 +12,7 @@ interface TooltipProps extends Omit<Primitives.TooltipContentProps, "content" |
12
12
  * @excludeExternal
13
13
  */
14
14
  declare const Tooltip: ({ children, content, open, defaultOpen, onOpenChange, delayDuration, maxWidth, className, side, sideOffset, onClick, ...props }: TooltipProps) => React.JSX.Element;
15
- interface TooltipProviderProps extends Primitives.TooltipProviderProps {
15
+ interface TooltipProviderProps extends RadixTooltip.TooltipProviderProps {
16
16
  }
17
17
  declare const TooltipProvider: ({ children, delayDuration, skipDelayDuration, ...props }: TooltipProviderProps) => React.JSX.Element;
18
18
  export { Tooltip, TooltipProvider };
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YACR,SAAQ,IAAI,CAAC,UAAU,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,EACjE,IAAI,CACF,UAAU,CAAC,YAAY,EACvB,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC1D;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;GAIG;AACH,QAAA,MAAM,OAAO,oIAgBV,YAAY,sBA6Bd,CAAA;AAED,UAAU,oBAAqB,SAAQ,UAAU,CAAC,oBAAoB;CAAG;AAEzE,QAAA,MAAM,eAAe,6DAA0E,oBAAoB,sBAMlH,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YACR,SAAQ,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,EACnE,IAAI,CACF,YAAY,CAAC,YAAY,EACzB,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC1D;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;GAIG;AACH,QAAA,MAAM,OAAO,oIAgBV,YAAY,sBA6Bd,CAAA;AAED,UAAU,oBAAqB,SAAQ,YAAY,CAAC,oBAAoB;CAAG;AAE3E,QAAA,MAAM,eAAe,6DAA0E,oBAAoB,sBAMlH,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA"}
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import * as Primitives from "@radix-ui/react-tooltip";
2
+ import { Tooltip as RadixTooltip } from "radix-ui";
3
3
  import * as React from "react";
4
4
  import { clx } from "../../utils/clx";
5
5
  /**
@@ -12,13 +12,13 @@ const Tooltip = ({ children, content, open, defaultOpen, onOpenChange, delayDura
12
12
  * The maximum width of the tooltip.
13
13
  */
14
14
  maxWidth = 220, className, side, sideOffset = 8, onClick, ...props }) => {
15
- return (React.createElement(Primitives.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: delayDuration },
16
- React.createElement(Primitives.Trigger, { onClick: onClick, asChild: true }, children),
17
- React.createElement(Primitives.Portal, null,
18
- React.createElement(Primitives.Content, { side: side, sideOffset: sideOffset, align: "center", className: clx("txt-compact-xsmall text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-2.5 py-1", "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props, style: { ...props.style, maxWidth } }, content))));
15
+ return (React.createElement(RadixTooltip.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: delayDuration },
16
+ React.createElement(RadixTooltip.Trigger, { onClick: onClick, asChild: true }, children),
17
+ React.createElement(RadixTooltip.Portal, null,
18
+ React.createElement(RadixTooltip.Content, { side: side, sideOffset: sideOffset, align: "center", className: clx("txt-compact-xsmall text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-2.5 py-1", "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props, style: { ...props.style, maxWidth } }, content))));
19
19
  };
20
20
  const TooltipProvider = ({ children, delayDuration = 100, skipDelayDuration = 300, ...props }) => {
21
- return (React.createElement(Primitives.TooltipProvider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }, children));
21
+ return (React.createElement(RadixTooltip.TooltipProvider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }, children));
22
22
  };
23
23
  export { Tooltip, TooltipProvider };
24
24
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAcjC;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,aAAa;AACb;;GAEG;AACH,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,OAAO,EACP,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACH,oBAAC,UAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa;QAE5B,oBAAC,UAAU,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAC1C,QAAQ,CACU;QACrB,oBAAC,UAAU,CAAC,MAAM;YAChB,oBAAC,UAAU,CAAC,OAAO,IACjB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,CACZ,oGAAoG,EACpG,4RAA4R,EAC5R,SAAS,CACV,KACG,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAElC,OAAO,CACW,CACH,CACJ,CACrB,CAAA;AACH,CAAC,CAAA;AAID,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,iBAAiB,GAAG,GAAG,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACrH,OAAO,CACL,oBAAC,UAAU,CAAC,eAAe,IAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,KAAM,KAAK,IACtG,QAAQ,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as Primitives from \"@radix-ui/react-tooltip\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface TooltipProps\n extends Omit<Primitives.TooltipContentProps, \"content\" | \"onClick\">,\n Pick<\n Primitives.TooltipProps,\n \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"delayDuration\"\n > {\n content: React.ReactNode\n onClick?: React.MouseEventHandler<HTMLButtonElement>\n side?: \"bottom\" | \"left\" | \"top\" | \"right\"\n maxWidth?: number\n}\n\n/**\n * This component is based on the [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip) primitive.\n *\n * @excludeExternal\n */\nconst Tooltip = ({\n children,\n content,\n open,\n defaultOpen,\n onOpenChange,\n delayDuration,\n /**\n * The maximum width of the tooltip.\n */\n maxWidth = 220,\n className,\n side,\n sideOffset = 8,\n onClick,\n ...props\n}: TooltipProps) => {\n return (\n <Primitives.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n >\n <Primitives.Trigger onClick={onClick} asChild>\n {children}\n </Primitives.Trigger>\n <Primitives.Portal>\n <Primitives.Content\n side={side}\n sideOffset={sideOffset}\n align=\"center\"\n className={clx(\n \"txt-compact-xsmall text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-2.5 py-1\",\n \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n style={{ ...props.style, maxWidth }}\n >\n {content}\n </Primitives.Content>\n </Primitives.Portal>\n </Primitives.Root>\n )\n}\n\ninterface TooltipProviderProps extends Primitives.TooltipProviderProps {}\n\nconst TooltipProvider = ({ children, delayDuration = 100, skipDelayDuration = 300, ...props }: TooltipProviderProps) => {\n return (\n <Primitives.TooltipProvider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration} {...props}>\n {children}\n </Primitives.TooltipProvider>\n )\n}\n\n\nexport { Tooltip, TooltipProvider }\n"]}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAcjC;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,aAAa;AACb;;GAEG;AACH,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,OAAO,EACP,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACH,oBAAC,YAAY,CAAC,IAAI,IAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa;QAE5B,oBAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAC5C,QAAQ,CACY;QACvB,oBAAC,YAAY,CAAC,MAAM;YAClB,oBAAC,YAAY,CAAC,OAAO,IACnB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,CACZ,oGAAoG,EACpG,4RAA4R,EAC5R,SAAS,CACV,KACG,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAElC,OAAO,CACa,CACH,CACJ,CACvB,CAAA;AACH,CAAC,CAAA;AAID,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,iBAAiB,GAAG,GAAG,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACrH,OAAO,CACL,oBAAC,YAAY,CAAC,eAAe,IAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,KAAM,KAAK,IACxG,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { Tooltip as RadixTooltip } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface TooltipProps\n extends Omit<RadixTooltip.TooltipContentProps, \"content\" | \"onClick\">,\n Pick<\n RadixTooltip.TooltipProps,\n \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"delayDuration\"\n > {\n content: React.ReactNode\n onClick?: React.MouseEventHandler<HTMLButtonElement>\n side?: \"bottom\" | \"left\" | \"top\" | \"right\"\n maxWidth?: number\n}\n\n/**\n * This component is based on the [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip) primitive.\n *\n * @excludeExternal\n */\nconst Tooltip = ({\n children,\n content,\n open,\n defaultOpen,\n onOpenChange,\n delayDuration,\n /**\n * The maximum width of the tooltip.\n */\n maxWidth = 220,\n className,\n side,\n sideOffset = 8,\n onClick,\n ...props\n}: TooltipProps) => {\n return (\n <RadixTooltip.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n >\n <RadixTooltip.Trigger onClick={onClick} asChild>\n {children}\n </RadixTooltip.Trigger>\n <RadixTooltip.Portal>\n <RadixTooltip.Content\n side={side}\n sideOffset={sideOffset}\n align=\"center\"\n className={clx(\n \"txt-compact-xsmall text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-2.5 py-1\",\n \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n style={{ ...props.style, maxWidth }}\n >\n {content}\n </RadixTooltip.Content>\n </RadixTooltip.Portal>\n </RadixTooltip.Root>\n )\n}\n\ninterface TooltipProviderProps extends RadixTooltip.TooltipProviderProps {}\n\nconst TooltipProvider = ({ children, delayDuration = 100, skipDelayDuration = 300, ...props }: TooltipProviderProps) => {\n return (\n <RadixTooltip.TooltipProvider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration} {...props}>\n {children}\n </RadixTooltip.TooltipProvider>\n )\n}\n\n\nexport { Tooltip, TooltipProvider }\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medusajs/ui",
3
- "version": "4.0.5-snapshot-20250127145424",
3
+ "version": "4.0.5-snapshot-20250203091247",
4
4
  "author": "Kasper Kristensen <kasper@medusajs.com>",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "devDependencies": {
45
45
  "@faker-js/faker": "^9.2.0",
46
- "@medusajs/ui-preset": "2.4.1-snapshot-20250127145424",
46
+ "@medusajs/ui-preset": "2.4.1-snapshot-20250203091247",
47
47
  "@storybook/addon-essentials": "^8.3.5",
48
48
  "@storybook/addon-interactions": "^8.3.5",
49
49
  "@storybook/addon-links": "^8.3.5",
@@ -81,28 +81,14 @@
81
81
  "vitest": "^0.32.2"
82
82
  },
83
83
  "dependencies": {
84
- "@medusajs/icons": "2.4.1-snapshot-20250127145424",
85
- "@radix-ui/react-accordion": "1.2.0",
86
- "@radix-ui/react-alert-dialog": "1.1.1",
87
- "@radix-ui/react-avatar": "1.1.0",
88
- "@radix-ui/react-checkbox": "1.1.1",
89
- "@radix-ui/react-dialog": "1.1.1",
90
- "@radix-ui/react-dropdown-menu": "2.1.1",
91
- "@radix-ui/react-label": "2.1.0",
92
- "@radix-ui/react-popover": "1.1.1",
93
- "@radix-ui/react-portal": "1.1.1",
94
- "@radix-ui/react-radio-group": "1.2.0",
95
- "@radix-ui/react-select": "2.1.1",
96
- "@radix-ui/react-slot": "1.1.0",
97
- "@radix-ui/react-switch": "1.1.0",
98
- "@radix-ui/react-tabs": "1.1.0",
99
- "@radix-ui/react-tooltip": "1.1.2",
84
+ "@medusajs/icons": "2.4.1-snapshot-20250203091247",
100
85
  "@tanstack/react-table": "8.20.5",
101
86
  "clsx": "^1.2.1",
102
87
  "copy-to-clipboard": "^3.3.3",
103
88
  "cva": "1.0.0-beta.1",
104
89
  "prism-react-renderer": "^2.0.6",
105
90
  "prismjs": "^1.29.0",
91
+ "radix-ui": "1.1.2",
106
92
  "react-aria": "^3.33.1",
107
93
  "react-currency-input-field": "^3.6.11",
108
94
  "react-stately": "^3.31.1",