@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.
- package/dist/cjs/blocks/data-table/components/data-table-action-cell.d.ts.map +1 -1
- package/dist/cjs/blocks/data-table/components/data-table-action-cell.js +1 -1
- package/dist/cjs/blocks/data-table/components/data-table-action-cell.js.map +1 -1
- package/dist/cjs/blocks/data-table/components/data-table-select-cell.d.ts.map +1 -1
- package/dist/cjs/blocks/data-table/components/data-table-select-cell.js.map +1 -1
- package/dist/cjs/components/avatar/avatar.d.ts +2 -2
- package/dist/cjs/components/avatar/avatar.d.ts.map +1 -1
- package/dist/cjs/components/avatar/avatar.js +4 -4
- package/dist/cjs/components/avatar/avatar.js.map +1 -1
- package/dist/cjs/components/badge/badge.d.ts.map +1 -1
- package/dist/cjs/components/badge/badge.js +2 -2
- package/dist/cjs/components/badge/badge.js.map +1 -1
- package/dist/cjs/components/button/button.d.ts.map +1 -1
- package/dist/cjs/components/button/button.js +2 -2
- package/dist/cjs/components/button/button.js.map +1 -1
- package/dist/cjs/components/checkbox/checkbox.d.ts +2 -2
- package/dist/cjs/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/cjs/components/checkbox/checkbox.js +3 -3
- package/dist/cjs/components/checkbox/checkbox.js.map +1 -1
- package/dist/cjs/components/checkbox/types.d.ts +2 -2
- package/dist/cjs/components/checkbox/types.d.ts.map +1 -1
- package/dist/cjs/components/checkbox/types.js.map +1 -1
- package/dist/cjs/components/command-bar/command-bar.d.ts.map +1 -1
- package/dist/cjs/components/command-bar/command-bar.js +6 -7
- package/dist/cjs/components/command-bar/command-bar.js.map +1 -1
- package/dist/cjs/components/copy/copy.js +2 -2
- package/dist/cjs/components/copy/copy.js.map +1 -1
- package/dist/cjs/components/drawer/drawer.d.ts +9 -9
- package/dist/cjs/components/drawer/drawer.d.ts.map +1 -1
- package/dist/cjs/components/drawer/drawer.js +10 -10
- package/dist/cjs/components/drawer/drawer.js.map +1 -1
- package/dist/cjs/components/dropdown-menu/dropdown-menu.d.ts +14 -14
- package/dist/cjs/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/cjs/components/dropdown-menu/dropdown-menu.js +18 -18
- package/dist/cjs/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/cjs/components/focus-modal/focus-modal.d.ts +9 -9
- package/dist/cjs/components/focus-modal/focus-modal.d.ts.map +1 -1
- package/dist/cjs/components/focus-modal/focus-modal.js +10 -10
- package/dist/cjs/components/focus-modal/focus-modal.js.map +1 -1
- package/dist/cjs/components/hint/hint.js.map +1 -1
- package/dist/cjs/components/icon-badge/icon-badge.d.ts.map +1 -1
- package/dist/cjs/components/icon-badge/icon-badge.js +2 -2
- package/dist/cjs/components/icon-badge/icon-badge.js.map +1 -1
- package/dist/cjs/components/icon-button/icon-button.d.ts.map +1 -1
- package/dist/cjs/components/icon-button/icon-button.js +2 -2
- package/dist/cjs/components/icon-button/icon-button.js.map +1 -1
- package/dist/cjs/components/label/label.d.ts.map +1 -1
- package/dist/cjs/components/label/label.js +2 -2
- package/dist/cjs/components/label/label.js.map +1 -1
- package/dist/cjs/components/popover/popover.d.ts +6 -6
- package/dist/cjs/components/popover/popover.d.ts.map +1 -1
- package/dist/cjs/components/popover/popover.js +7 -7
- package/dist/cjs/components/popover/popover.js.map +1 -1
- package/dist/cjs/components/progress-accordion/progress-accordion.d.ts +5 -5
- package/dist/cjs/components/progress-accordion/progress-accordion.d.ts.map +1 -1
- package/dist/cjs/components/progress-accordion/progress-accordion.js +6 -6
- package/dist/cjs/components/progress-accordion/progress-accordion.js.map +1 -1
- package/dist/cjs/components/progress-tabs/progress-tabs.d.ts +5 -5
- package/dist/cjs/components/progress-tabs/progress-tabs.d.ts.map +1 -1
- package/dist/cjs/components/progress-tabs/progress-tabs.js +5 -5
- package/dist/cjs/components/progress-tabs/progress-tabs.js.map +1 -1
- package/dist/cjs/components/prompt/prompt.d.ts +8 -8
- package/dist/cjs/components/prompt/prompt.d.ts.map +1 -1
- package/dist/cjs/components/prompt/prompt.js +10 -10
- package/dist/cjs/components/prompt/prompt.js.map +1 -1
- package/dist/cjs/components/radio-group/radio-group.d.ts +4 -4
- package/dist/cjs/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/cjs/components/radio-group/radio-group.js +6 -6
- package/dist/cjs/components/radio-group/radio-group.js.map +1 -1
- package/dist/cjs/components/select/select.d.ts +9 -9
- package/dist/cjs/components/select/select.d.ts.map +1 -1
- package/dist/cjs/components/select/select.js +14 -14
- package/dist/cjs/components/select/select.js.map +1 -1
- package/dist/cjs/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/cjs/components/skeleton/skeleton.js +1 -1
- package/dist/cjs/components/skeleton/skeleton.js.map +1 -1
- package/dist/cjs/components/switch/switch.d.ts +2 -2
- package/dist/cjs/components/switch/switch.d.ts.map +1 -1
- package/dist/cjs/components/switch/switch.js +3 -3
- package/dist/cjs/components/switch/switch.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.d.ts +5 -5
- package/dist/cjs/components/tabs/tabs.d.ts.map +1 -1
- package/dist/cjs/components/tabs/tabs.js +5 -5
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/text/text.d.ts.map +1 -1
- package/dist/cjs/components/text/text.js +2 -2
- package/dist/cjs/components/text/text.js.map +1 -1
- package/dist/cjs/components/textarea/textarea.js +1 -1
- package/dist/cjs/components/textarea/textarea.js.map +1 -1
- package/dist/cjs/components/toast/toast.d.ts.map +1 -1
- package/dist/cjs/components/toast/toast.js +1 -1
- package/dist/cjs/components/toast/toast.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltip.d.ts +3 -3
- package/dist/cjs/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/cjs/components/tooltip/tooltip.js +6 -6
- package/dist/cjs/components/tooltip/tooltip.js.map +1 -1
- package/dist/esm/blocks/data-table/components/data-table-action-cell.d.ts.map +1 -1
- package/dist/esm/blocks/data-table/components/data-table-action-cell.js +1 -1
- package/dist/esm/blocks/data-table/components/data-table-action-cell.js.map +1 -1
- package/dist/esm/blocks/data-table/components/data-table-select-cell.d.ts.map +1 -1
- package/dist/esm/blocks/data-table/components/data-table-select-cell.js.map +1 -1
- package/dist/esm/components/avatar/avatar.d.ts +2 -2
- package/dist/esm/components/avatar/avatar.d.ts.map +1 -1
- package/dist/esm/components/avatar/avatar.js +4 -4
- package/dist/esm/components/avatar/avatar.js.map +1 -1
- package/dist/esm/components/badge/badge.d.ts.map +1 -1
- package/dist/esm/components/badge/badge.js +2 -2
- package/dist/esm/components/badge/badge.js.map +1 -1
- package/dist/esm/components/button/button.d.ts.map +1 -1
- package/dist/esm/components/button/button.js +2 -2
- package/dist/esm/components/button/button.js.map +1 -1
- package/dist/esm/components/checkbox/checkbox.d.ts +2 -2
- package/dist/esm/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/esm/components/checkbox/checkbox.js +3 -3
- package/dist/esm/components/checkbox/checkbox.js.map +1 -1
- package/dist/esm/components/checkbox/types.d.ts +2 -2
- package/dist/esm/components/checkbox/types.d.ts.map +1 -1
- package/dist/esm/components/checkbox/types.js.map +1 -1
- package/dist/esm/components/command-bar/command-bar.d.ts.map +1 -1
- package/dist/esm/components/command-bar/command-bar.js +1 -2
- package/dist/esm/components/command-bar/command-bar.js.map +1 -1
- package/dist/esm/components/copy/copy.js +2 -2
- package/dist/esm/components/copy/copy.js.map +1 -1
- package/dist/esm/components/drawer/drawer.d.ts +9 -9
- package/dist/esm/components/drawer/drawer.d.ts.map +1 -1
- package/dist/esm/components/drawer/drawer.js +10 -10
- package/dist/esm/components/drawer/drawer.js.map +1 -1
- package/dist/esm/components/dropdown-menu/dropdown-menu.d.ts +14 -14
- package/dist/esm/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/esm/components/dropdown-menu/dropdown-menu.js +18 -18
- package/dist/esm/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/esm/components/focus-modal/focus-modal.d.ts +9 -9
- package/dist/esm/components/focus-modal/focus-modal.d.ts.map +1 -1
- package/dist/esm/components/focus-modal/focus-modal.js +10 -10
- package/dist/esm/components/focus-modal/focus-modal.js.map +1 -1
- package/dist/esm/components/hint/hint.js.map +1 -1
- package/dist/esm/components/icon-badge/icon-badge.d.ts.map +1 -1
- package/dist/esm/components/icon-badge/icon-badge.js +2 -2
- package/dist/esm/components/icon-badge/icon-badge.js.map +1 -1
- package/dist/esm/components/icon-button/icon-button.d.ts.map +1 -1
- package/dist/esm/components/icon-button/icon-button.js +2 -2
- package/dist/esm/components/icon-button/icon-button.js.map +1 -1
- package/dist/esm/components/label/label.d.ts.map +1 -1
- package/dist/esm/components/label/label.js +2 -2
- package/dist/esm/components/label/label.js.map +1 -1
- package/dist/esm/components/popover/popover.d.ts +6 -6
- package/dist/esm/components/popover/popover.d.ts.map +1 -1
- package/dist/esm/components/popover/popover.js +7 -7
- package/dist/esm/components/popover/popover.js.map +1 -1
- package/dist/esm/components/progress-accordion/progress-accordion.d.ts +5 -5
- package/dist/esm/components/progress-accordion/progress-accordion.d.ts.map +1 -1
- package/dist/esm/components/progress-accordion/progress-accordion.js +6 -6
- package/dist/esm/components/progress-accordion/progress-accordion.js.map +1 -1
- package/dist/esm/components/progress-tabs/progress-tabs.d.ts +5 -5
- package/dist/esm/components/progress-tabs/progress-tabs.d.ts.map +1 -1
- package/dist/esm/components/progress-tabs/progress-tabs.js +5 -5
- package/dist/esm/components/progress-tabs/progress-tabs.js.map +1 -1
- package/dist/esm/components/prompt/prompt.d.ts +8 -8
- package/dist/esm/components/prompt/prompt.d.ts.map +1 -1
- package/dist/esm/components/prompt/prompt.js +10 -10
- package/dist/esm/components/prompt/prompt.js.map +1 -1
- package/dist/esm/components/radio-group/radio-group.d.ts +4 -4
- package/dist/esm/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/esm/components/radio-group/radio-group.js +6 -6
- package/dist/esm/components/radio-group/radio-group.js.map +1 -1
- package/dist/esm/components/select/select.d.ts +9 -9
- package/dist/esm/components/select/select.d.ts.map +1 -1
- package/dist/esm/components/select/select.js +14 -14
- package/dist/esm/components/select/select.js.map +1 -1
- package/dist/esm/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/esm/components/skeleton/skeleton.js +1 -1
- package/dist/esm/components/skeleton/skeleton.js.map +1 -1
- package/dist/esm/components/switch/switch.d.ts +2 -2
- package/dist/esm/components/switch/switch.d.ts.map +1 -1
- package/dist/esm/components/switch/switch.js +3 -3
- package/dist/esm/components/switch/switch.js.map +1 -1
- package/dist/esm/components/tabs/tabs.d.ts +5 -5
- package/dist/esm/components/tabs/tabs.d.ts.map +1 -1
- package/dist/esm/components/tabs/tabs.js +5 -5
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/text/text.d.ts.map +1 -1
- package/dist/esm/components/text/text.js +2 -2
- package/dist/esm/components/text/text.js.map +1 -1
- package/dist/esm/components/textarea/textarea.js +1 -1
- package/dist/esm/components/textarea/textarea.js.map +1 -1
- package/dist/esm/components/toast/toast.d.ts.map +1 -1
- package/dist/esm/components/toast/toast.js +1 -1
- package/dist/esm/components/toast/toast.js.map +1 -1
- package/dist/esm/components/tooltip/tooltip.d.ts +3 -3
- package/dist/esm/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/esm/components/tooltip/tooltip.js +6 -6
- package/dist/esm/components/tooltip/tooltip.js.map +1 -1
- package/package.json +4 -18
@@ -1,12 +1,12 @@
|
|
1
|
-
import
|
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
|
4
|
+
(props: React.ComponentPropsWithoutRef<typeof RadixTabs.Root>): React.JSX.Element;
|
5
5
|
displayName: string;
|
6
6
|
} & {
|
7
|
-
Trigger: React.ForwardRefExoticComponent<Omit<
|
8
|
-
List: React.ForwardRefExoticComponent<Omit<
|
9
|
-
Content: React.ForwardRefExoticComponent<Omit<
|
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,
|
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
|
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(
|
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(
|
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(
|
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(
|
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,
|
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":"
|
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":"AAAA,OAAO,
|
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 +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,
|
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;
|
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;
|
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
|
1
|
+
import { Tooltip as RadixTooltip } from "radix-ui";
|
2
2
|
import * as React from "react";
|
3
|
-
interface TooltipProps extends Omit<
|
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
|
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,
|
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
|
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(
|
16
|
-
React.createElement(
|
17
|
-
React.createElement(
|
18
|
-
React.createElement(
|
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(
|
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,
|
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-
|
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-
|
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-
|
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",
|