@spark-ui/components 13.1.4 → 13.2.0

package/dist/divider/index.mjs

@@ -1,40 +1,31 @@
-// src/divider/Divider.tsx
-import { cx } from "class-variance-authority";
-import { Separator } from "radix-ui";
-
-// src/divider/Divider.styles.ts
-import { tw as tw2 } from "@spark-ui/internal-utils";
-import { cva } from "class-variance-authority";
-
-// src/divider/variants/intents.tsx
-import { tw } from "@spark-ui/internal-utils";
-var intentVariants = [
+import { jsx as s } from "react/jsx-runtime";
+import { cva as w, cx as l } from "class-variance-authority";
+import { Separator as y } from "radix-ui";
+import { tw as e } from "@spark-ui/internal-utils";
+const v = [
   // current
   {
     intent: "current",
-    isEmpty: true,
-    class: tw(["border-current"])
+    isEmpty: !0,
+    class: e(["border-current"])
   },
   {
     intent: "current",
-    isEmpty: false,
-    class: tw(["before:border-current after:border-current"])
+    isEmpty: !1,
+    class: e(["before:border-current after:border-current"])
   },
   // outline
   {
     intent: "outline",
-    isEmpty: true,
-    class: tw(["border-outline"])
+    isEmpty: !0,
+    class: e(["border-outline"])
   },
   {
     intent: "outline",
-    isEmpty: false,
-    class: tw(["before:border-outline after:border-outline"])
+    isEmpty: !1,
+    class: e(["before:border-outline after:border-outline"])
   }
-];
-
-// src/divider/Divider.styles.ts
-var dividerStyles = cva(["overflow-hidden group"], {
+], z = w(["overflow-hidden group"], {
   variants: {
     isEmpty: {
       true: ["border-solid"],
@@ -66,132 +57,120 @@ var dividerStyles = cva(["overflow-hidden group"], {
   },
   compoundVariants: [
     {
-      isEmpty: true,
+      isEmpty: !0,
       orientation: "horizontal",
-      class: tw2(["my-lg border-t-sm"])
+      class: e(["my-lg border-t-sm"])
     },
     {
-      isEmpty: true,
+      isEmpty: !0,
       orientation: "vertical",
-      class: tw2(["mx-lg min-h-sz-24 border-l-sm"])
+      class: e(["mx-lg min-h-sz-24 border-l-sm"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "horizontal",
       writingMode: "horizontal-tb",
-      class: tw2(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "*:px-lg"])
+      class: e(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "*:px-lg"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "vertical",
       writingMode: "horizontal-tb",
-      class: tw2(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:py-lg"])
+      class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:py-lg"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "vertical",
       writingMode: "vertical-lr",
-      class: tw2(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:px-lg"])
+      class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:px-lg"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "horizontal",
       alignment: "end",
-      class: tw2(["after:w-sz-40 before:grow after:grow-0"])
+      class: e(["after:w-sz-40 before:grow after:grow-0"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "horizontal",
       alignment: "start",
-      class: tw2(["before:w-sz-40 before:grow-0 after:grow"])
+      class: e(["before:w-sz-40 before:grow-0 after:grow"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "horizontal",
       alignment: "center",
-      class: tw2(["justify-center before:grow after:grow"])
+      class: e(["justify-center before:grow after:grow"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "vertical",
       alignment: "end",
-      class: tw2(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])
+      class: e(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "vertical",
       alignment: "start",
-      class: tw2(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])
+      class: e(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])
     },
     {
-      isEmpty: false,
+      isEmpty: !1,
       orientation: "vertical",
       alignment: "center",
-      class: tw2(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])
+      class: e(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])
     },
-    ...intentVariants
+    ...v
   ]
-});
-
-// src/divider/Divider.tsx
-import { jsx } from "react/jsx-runtime";
-var Divider = ({
-  asChild,
-  className,
-  isDecorative = false,
-  children,
-  orientation = "horizontal",
-  writingMode = "horizontal-tb",
-  alignment = "center",
-  intent = "outline",
-  ref,
-  ...props
+}), m = ({
+  asChild: t,
+  className: o,
+  isDecorative: i = !1,
+  children: r,
+  orientation: n = "horizontal",
+  writingMode: a = "horizontal-tb",
+  alignment: d = "center",
+  intent: p = "outline",
+  ref: b,
+  ...g
 }) => {
-  const isEmpty = asChild ? !children?.props?.children : !children;
-  return /* @__PURE__ */ jsx(
-    Separator.Root,
+  const u = t ? !r?.props?.children : !r;
+  return /* @__PURE__ */ s(
+    y.Root,
     {
       "data-spark-component": "divider",
-      asChild,
-      className: cx(
-        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),
-        className
+      asChild: t,
+      className: l(
+        z({ isEmpty: u, orientation: n, alignment: d, intent: p, writingMode: a }),
+        o
       ),
-      orientation,
-      ref,
-      decorative: isDecorative,
-      ...props,
-      "data-writing-mode": writingMode,
-      children
+      orientation: n,
+      ref: b,
+      decorative: i,
+      ...g,
+      "data-writing-mode": a,
+      children: r
     }
   );
 };
-Divider.displayName = "Divider";
-
-// src/divider/DividerContent.tsx
-import { cx as cx2 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var DividerContent = ({ children, ref, className, ...props }) => {
-  return children ? /* @__PURE__ */ jsx2(
-    "span",
-    {
-      "data-spark-component": "divider-content",
-      ref,
-      ...props,
-      className: cx2("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", className),
-      children
-    }
-  ) : null;
-};
-DividerContent.displayName = "Divider.Content";
-
-// src/divider/index.ts
-var Divider2 = Object.assign(Divider, {
-  Content: DividerContent
+m.displayName = "Divider";
+const f = ({ children: t, ref: o, className: i, ...r }) => t ? /* @__PURE__ */ s(
+  "span",
+  {
+    "data-spark-component": "divider-content",
+    ref: o,
+    ...r,
+    className: l("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", i),
+    children: t
+  }
+) : null;
+f.displayName = "Divider.Content";
+const c = Object.assign(m, {
+  Content: f
 });
-Divider2.displayName = "Divider";
-Divider2.Content.displayName = "Divider.Content";
+c.displayName = "Divider";
+c.Content.displayName = "Divider.Content";
 export {
-  Divider2 as Divider
+  c as Divider
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/divider/Divider.tsx","../../src/divider/Divider.styles.ts","../../src/divider/variants/intents.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { Separator } from 'radix-ui'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  return (\n    <Separator.Root\n      data-spark-component=\"divider\"\n      asChild={asChild}\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      decorative={isDecorative}\n      {...props}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </Separator.Root>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"mappings":"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","names":["tw","tw","cx","jsx","Divider"]}
+{"version":3,"file":"index.mjs","sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { cx } from 'class-variance-authority'\nimport { Separator } from 'radix-ui'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  return (\n    <Separator.Root\n      data-spark-component=\"divider\"\n      asChild={asChild}\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      decorative={isDecorative}\n      {...props}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </Separator.Root>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"names":["intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","orientation","writingMode","alignment","intent","ref","props","isEmpty","jsx","Separator","cx","DividerContent","Root"],"mappings":"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"}

package/dist/divider/variants/intents.d.ts

@@ -0,0 +1,17 @@
+export declare const intentVariants: readonly [{
+    readonly intent: "current";
+    readonly isEmpty: true;
+    readonly class: string[];
+}, {
+    readonly intent: "current";
+    readonly isEmpty: false;
+    readonly class: string[];
+}, {
+    readonly intent: "outline";
+    readonly isEmpty: true;
+    readonly class: string[];
+}, {
+    readonly intent: "outline";
+    readonly isEmpty: false;
+    readonly class: string[];
+}];

package/dist/drawer/Drawer.d.ts

@@ -0,0 +1,39 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { ReactElement, ReactNode } from 'react';
+export interface DrawerProps {
+    /**
+     * Children of the component.
+     */
+    children?: RadixDrawer.DialogProps['children'];
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: RadixDrawer.DialogProps['open'];
+    /**
+     * Default open state.
+     */
+    defaultOpen?: RadixDrawer.DialogProps['defaultOpen'];
+    /**
+     * Handler executed on every dialog open state change.
+     */
+    onOpenChange?: RadixDrawer.DialogProps['onOpenChange'];
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: RadixDrawer.DialogProps['modal'];
+    /**
+     * Specifies if the drawer should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+}
+export interface DialogProps {
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}
+export declare const Drawer: {
+    ({ children, withFade, ...rest }: DrawerProps): ReactElement;
+    displayName: string;
+};

package/dist/drawer/DrawerBody.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref } from 'react';
+import { DrawerBodyStylesProps } from './DrawerBody.styles';
+export interface DrawerBodyProps extends DrawerBodyStylesProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const DrawerBody: {
+    ({ children, inset, className, ref: forwardedRef, ...rest }: DrawerBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/drawer/DrawerBody.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const drawerBodyStyles: (props?: ({
+    inset?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DrawerBodyStylesProps = VariantProps<typeof drawerBodyStyles>;

package/dist/drawer/DrawerClose.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { Ref } from 'react';
+export type DrawerCloseProps = RadixDrawer.DialogCloseProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const DrawerClose: {
+    (props: DrawerCloseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/drawer/DrawerCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonProps } from '../icon-button';
+import { DrawerCloseProps } from './DrawerClose';
+export type DrawerCloseButtonProps = DrawerCloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
+export declare const DrawerCloseButton: {
+    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: DrawerCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/drawer/DrawerContent.d.ts

@@ -0,0 +1,10 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { Ref } from 'react';
+import { DrawerContentStylesProps } from './DrawerContent.styles';
+export type DrawerContentProps = RadixDrawer.DialogContentProps & DrawerContentStylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const DrawerContent: {
+    ({ className, size, side, onInteractOutside, ref, ...rest }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/drawer/DrawerContent.styles.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const drawerContentStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "fullscreen" | "fluid" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DrawerContentStylesProps = VariantProps<typeof drawerContentStyles>;

package/dist/drawer/DrawerContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface DrawerContextState {
+    withFade: boolean;
+}
+export declare const DrawerProvider: ({ children: childrenProp, withFade, }: {
+    children: ReactNode;
+    withFade?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDrawer: () => DrawerContextState;

package/dist/drawer/DrawerDescription.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { Ref } from 'react';
+export type DrawerDescriptionProps = RadixDrawer.DialogDescriptionProps & {
+    ref?: Ref<HTMLParagraphElement>;
+};
+export declare const DrawerDescription: {
+    (props: DrawerDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/drawer/DrawerFooter.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+export type DrawerFooterProps = ComponentPropsWithoutRef<'footer'> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const DrawerFooter: {
+    ({ className, ref, ...rest }: DrawerFooterProps): ReactElement;
+    displayName: string;
+};

package/dist/drawer/DrawerHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface DrawerHeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const DrawerHeader: {
+    ({ children, className, ref, ...rest }: DrawerHeaderProps): ReactElement;
+    displayName: string;
+};

package/dist/drawer/DrawerOverlay.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { ReactElement, Ref } from 'react';
+export type DrawerOverlayProps = RadixDrawer.DialogOverlayProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const DrawerOverlay: {
+    ({ className, ref, ...rest }: DrawerOverlayProps): ReactElement;
+    displayName: string;
+};

package/dist/drawer/DrawerPortal.d.ts

@@ -0,0 +1,7 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { ReactElement } from 'react';
+export type DrawerPortalProps = RadixDrawer.DialogPortalProps;
+export declare const DrawerPortal: {
+    ({ children, ...rest }: DrawerPortalProps): ReactElement;
+    displayName: string;
+};

package/dist/drawer/DrawerTitle.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { Ref } from 'react';
+export type DrawerTitleProps = RadixDrawer.DialogTitleProps & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+export declare const DrawerTitle: {
+    ({ className, ref, ...others }: DrawerTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/drawer/DrawerTrigger.d.ts

@@ -0,0 +1,13 @@
+import { Dialog as RadixDrawer } from 'radix-ui';
+import { ReactElement, Ref } from 'react';
+export interface DrawerTriggerProps extends RadixDrawer.DialogTriggerProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const DrawerTrigger: {
+    (props: DrawerTriggerProps): ReactElement;
+    displayName: string;
+};