commerce-toolkit 0.1.0 → 0.1.1
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/components/side-panel/index.d.ts +3 -0
- package/dist/components/side-panel/index.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-body.d.ts +4 -0
- package/dist/components/side-panel/primitives/side-panel-body.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-close.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-close.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-content.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-content.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-header.d.ts +4 -0
- package/dist/components/side-panel/primitives/side-panel-header.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-overlay.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-overlay.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-portal.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-portal.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-root.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-root.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-title.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-title.d.ts.map +1 -0
- package/dist/components/side-panel/primitives/side-panel-trigger.d.ts +5 -0
- package/dist/components/side-panel/primitives/side-panel-trigger.d.ts.map +1 -0
- package/dist/components/side-panel/primitives.d.ts +10 -0
- package/dist/components/side-panel/primitives.d.ts.map +1 -0
- package/dist/components/side-panel/side-panel.d.ts +28 -0
- package/dist/components/side-panel/side-panel.d.ts.map +1 -0
- package/dist/{dropdown-menu-node-C7Z-zRyr.js → dropdown-menu-node-4Pe3uXjC.js} +2 -2
- package/dist/{dropdown-menu-node-C7Z-zRyr.js.map → dropdown-menu-node-4Pe3uXjC.js.map} +1 -1
- package/dist/{dropdown-menu-node-BB7FJzMX.cjs → dropdown-menu-node-zOplWIzZ.cjs} +2 -2
- package/dist/{dropdown-menu-node-BB7FJzMX.cjs.map → dropdown-menu-node-zOplWIzZ.cjs.map} +1 -1
- package/dist/dropdown-menu.cjs +1 -1
- package/dist/dropdown-menu.js +1 -1
- package/dist/index-BppAzNV8.cjs +6 -0
- package/dist/index-BppAzNV8.cjs.map +1 -0
- package/dist/index-ChSlzMYI.js +242 -0
- package/dist/index-ChSlzMYI.js.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.js +4 -4
- package/dist/modal-title-CuB6IpxH.cjs +2 -0
- package/dist/modal-title-CuB6IpxH.cjs.map +1 -0
- package/dist/modal-title-MIH3Xsp2.js +58 -0
- package/dist/modal-title-MIH3Xsp2.js.map +1 -0
- package/dist/modal.cjs +1 -1
- package/dist/modal.js +1 -1
- package/dist/{scroll-area-corner-DLTYMMl-.js → scroll-area-corner-Bq7PB1XK.js} +2 -2
- package/dist/{scroll-area-corner-DLTYMMl-.js.map → scroll-area-corner-Bq7PB1XK.js.map} +1 -1
- package/dist/{scroll-area-corner-CEc2oMZt.cjs → scroll-area-corner-DsyetkPH.cjs} +2 -2
- package/dist/{scroll-area-corner-CEc2oMZt.cjs.map → scroll-area-corner-DsyetkPH.cjs.map} +1 -1
- package/dist/scroll-area.cjs +1 -1
- package/dist/scroll-area.js +1 -1
- package/dist/side-panel.cjs +2 -0
- package/dist/side-panel.cjs.map +1 -0
- package/dist/side-panel.js +86 -0
- package/dist/side-panel.js.map +1 -0
- package/package.json +11 -1
- package/dist/modal-title-B2Yr1KDi.js +0 -288
- package/dist/modal-title-B2Yr1KDi.js.map +0 -1
- package/dist/modal-title-CpD_Fors.cjs +0 -6
- package/dist/modal-title-CpD_Fors.cjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/side-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpF,cAAc,oCAAoC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
export type SidePanelBodyProps = ComponentProps<'div'>;
|
|
3
|
+
export declare function SidePanelBody({ children, className, ...props }: SidePanelBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=side-panel-body.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-body.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAMlF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;
|
|
4
|
+
export declare function SidePanelClose({ children, className, ...props }: SidePanelCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-close.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-close.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-close.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMpF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;
|
|
4
|
+
export declare function SidePanelContent({ children, className, ...props }: SidePanelContentProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-content.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAaxF"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
export type SidePanelHeaderProps = ComponentProps<'div'>;
|
|
3
|
+
export declare function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=side-panel-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAatF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;
|
|
4
|
+
export declare function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-overlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAaxF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;
|
|
4
|
+
export declare function SidePanelPortal({ children, ...props }: SidePanelPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-portal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-portal.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-portal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAExE,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAM3E"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;
|
|
4
|
+
export declare function SidePanelRoot({ ...props }: SidePanelRootProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-root.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-root.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAEpE,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;
|
|
4
|
+
export declare function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-title.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-title.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAapF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
export type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;
|
|
4
|
+
export declare function SidePanelTrigger({ ...props }: SidePanelTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=side-panel-trigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/side-panel/primitives/side-panel-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAEnE"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { SidePanelRoot as Root, type SidePanelRootProps as RootProps, } from './primitives/side-panel-root';
|
|
2
|
+
export { SidePanelTrigger as Trigger, type SidePanelTriggerProps as TriggerProps, } from './primitives/side-panel-trigger';
|
|
3
|
+
export { SidePanelPortal as Portal, type SidePanelPortalProps as PortalProps, } from './primitives/side-panel-portal';
|
|
4
|
+
export { SidePanelOverlay as Overlay, type SidePanelOverlayProps as OverlayProps, } from './primitives/side-panel-overlay';
|
|
5
|
+
export { SidePanelContent as Content, type SidePanelContentProps as ContentProps, } from './primitives/side-panel-content';
|
|
6
|
+
export { SidePanelBody as Body, type SidePanelBodyProps as BodyProps, } from './primitives/side-panel-body';
|
|
7
|
+
export { SidePanelHeader as Header, type SidePanelHeaderProps as HeaderProps, } from './primitives/side-panel-header';
|
|
8
|
+
export { SidePanelTitle as Title, type SidePanelTitleProps as TitleProps, } from './primitives/side-panel-title';
|
|
9
|
+
export { SidePanelClose as Close, type SidePanelCloseProps as CloseProps, } from './primitives/side-panel-close';
|
|
10
|
+
//# sourceMappingURL=primitives.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/components/side-panel/primitives.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,KAAK,kBAAkB,IAAI,SAAS,GACrC,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EACL,gBAAgB,IAAI,OAAO,EAC3B,KAAK,qBAAqB,IAAI,YAAY,GAC3C,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,KAAK,oBAAoB,IAAI,WAAW,GACzC,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EACL,gBAAgB,IAAI,OAAO,EAC3B,KAAK,qBAAqB,IAAI,YAAY,GAC3C,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACL,gBAAgB,IAAI,OAAO,EAC3B,KAAK,qBAAqB,IAAI,YAAY,GAC3C,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,KAAK,kBAAkB,IAAI,SAAS,GACrC,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,KAAK,oBAAoB,IAAI,WAAW,GACzC,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,KAAK,mBAAmB,IAAI,UAAU,GACvC,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,KAAK,mBAAmB,IAAI,UAAU,GACvC,MAAM,qDAAqD,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface SidePanelProps {
|
|
3
|
+
title: string;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
trigger?: ReactNode;
|
|
6
|
+
container?: HTMLElement | null;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* This component supports various CSS variables for theming. Here's a comprehensive list, along
|
|
10
|
+
* with their default values:
|
|
11
|
+
*
|
|
12
|
+
* ```css
|
|
13
|
+
* :root {
|
|
14
|
+
* --side-panel-overlay-background: color-mix(in oklab, var(--foreground) 50%, transparent);
|
|
15
|
+
* --side-panel-background: var(--background);
|
|
16
|
+
* --side-panel-title-text: var(--foreground);
|
|
17
|
+
* --side-panel-title-font-family: var(--font-family-heading);
|
|
18
|
+
* --side-panel-content-font-family: var(--font-family-body);
|
|
19
|
+
* --side-panel-overlay-background: color-mix(in oklab, var(--foreground) 50%, transparent);
|
|
20
|
+
* --side-panel-background: var(--background);
|
|
21
|
+
* --side-panel-title-text: var(--foreground);
|
|
22
|
+
* --side-panel-title-font-family: var(--font-family-heading);
|
|
23
|
+
* --side-panel-content-font-family: var(--font-family-body);
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare function SidePanel({ title, children, trigger, container }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
//# sourceMappingURL=side-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/side-panel/side-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,2CAuBhF"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as f, jsxs as Fe } from "react/jsx-runtime";
|
|
2
2
|
import { c as z } from "./utils-BOGlfttm.js";
|
|
3
|
-
import { a as Yn, S as qn, b as Zn, c as Jn, d as Qn, e as eo } from "./scroll-area-corner-
|
|
3
|
+
import { a as Yn, S as qn, b as Zn, c as Jn, d as Qn, e as eo } from "./scroll-area-corner-Bq7PB1XK.js";
|
|
4
4
|
import * as p from "react";
|
|
5
5
|
import { useLayoutEffect as to, createContext as no, useMemo as oo, useContext as ro } from "react";
|
|
6
6
|
import { c as D } from "./index-B695uy69.js";
|
|
@@ -2618,4 +2618,4 @@ export {
|
|
|
2618
2618
|
$a as n,
|
|
2619
2619
|
Vn as u
|
|
2620
2620
|
};
|
|
2621
|
-
//# sourceMappingURL=dropdown-menu-node-
|
|
2621
|
+
//# sourceMappingURL=dropdown-menu-node-4Pe3uXjC.js.map
|