rivet-ui 0.1.0

package/dist/components/ConfirmDialog/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/ConfirmDialog/ConfirmDialog.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport {\n    AlertDialogRoot,\n    AlertDialogPortal,\n    AlertDialogBackdrop,\n    AlertDialogViewport,\n    AlertDialogPopup,\n    AlertDialogTitle,\n    AlertDialogDescription,\n    AlertDialogClose,\n    AlertDialogTrigger\n} from '../AlertDialog';\nimport { Button } from '../Button';\n\nexport interface ConfirmDialogProps {\n    open?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    title: string;\n    description?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    /** Called when the confirm button is clicked (dialog closes automatically). */\n    onConfirm?: () => void;\n    /** Called when the cancel button or backdrop is clicked. */\n    onCancel?: () => void;\n    /**\n     * Visual tone of the confirm button.\n     * @default 'default'\n     */\n    variant?: 'default' | 'destructive';\n    /** Element that opens the dialog when clicked. Omit for controlled usage. */\n    trigger?: React.ReactNode;\n}\n\nexport function ConfirmDialog({\n    open,\n    defaultOpen,\n    onOpenChange,\n    title,\n    description,\n    confirmLabel = 'Confirm',\n    cancelLabel = 'Cancel',\n    onConfirm,\n    onCancel,\n    variant = 'default',\n    trigger\n}: ConfirmDialogProps) {\n    return (\n        <AlertDialogRoot\n            open={open}\n            defaultOpen={defaultOpen}\n            onOpenChange={onOpenChange}\n        >\n            {trigger && (\n                <AlertDialogTrigger render={trigger as React.ReactElement} />\n            )}\n            <AlertDialogPortal>\n                <AlertDialogBackdrop />\n                <AlertDialogViewport>\n                    <AlertDialogPopup>\n                        <AlertDialogTitle>{title}</AlertDialogTitle>\n                        {description && (\n                            <AlertDialogDescription>\n                                {description}\n                            </AlertDialogDescription>\n                        )}\n                        <div className=\"flex justify-end gap-3\">\n                            <AlertDialogClose\n                                onClick={onCancel}\n                                render={<Button variant=\"outline\" />}\n                            >\n                                {cancelLabel}\n                            </AlertDialogClose>\n                            <AlertDialogClose\n                                onClick={onConfirm}\n                                render={\n                                    <Button\n                                        variant={\n                                            variant === 'destructive'\n                                                ? 'destructive'\n                                                : 'primary'\n                                        }\n                                    />\n                                }\n                            >\n                                {confirmLabel}\n                            </AlertDialogClose>\n                        </div>\n                    </AlertDialogPopup>\n                </AlertDialogViewport>\n            </AlertDialogPortal>\n        </AlertDialogRoot>\n    );\n}\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAmCO,SAAS,aAAa;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,GACmB;AAAA,EACnB,uBACI,KA2CE,iBA3CF;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IAHJ,UA2CE;AAAA,MAtCG,2BACG,IAAC,oBAAD;AAAA,QAAoB,QAAQ;AAAA,OAA+B;AAAA,sBAE/D,KAkCE,mBAlCF;AAAA,kBAkCE;AAAA,0BAjCE,IAAC,qBAAD,EAAqB;AAAA,0BACrB,IA+BE,qBA/BF;AAAA,sCACI,KA6BE,kBA7BF;AAAA,wBA6BE;AAAA,gCA5BE,IAA2B,kBAA3B;AAAA,4BAAmB;AAAA,iBAAQ;AAAA,gBAC1B,+BACG,IAEE,wBAFF;AAAA,4BACK;AAAA,iBACH;AAAA,gCAEN,KAqBE,OArBF;AAAA,kBAAK,WAAU;AAAA,kBAAf,UAqBE;AAAA,oCApBE,IAKE,kBALF;AAAA,sBACI,SAAS;AAAA,sBACT,wBAAQ,IAAC,QAAD;AAAA,wBAAQ,SAAQ;AAAA,uBAAU;AAAA,sBAFtC,UAIK;AAAA,qBACH;AAAA,oCACF,IAaE,kBAbF;AAAA,sBACI,SAAS;AAAA,sBACT,wBACI,IAAC,QAAD;AAAA,wBACI,SACI,YAAY,gBACN,gBACA;AAAA,uBAEd;AAAA,sBATR,UAYK;AAAA,qBACH;AAAA;AAAA,iBACJ;AAAA;AAAA,aACJ;AAAA,WACJ;AAAA;AAAA,OACJ;AAAA;AAAA,GACJ;AAAA;",
+  "debugId": "A676AEF740480EFF64756E2164756E21",
+  "names": []
+}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ContextMenu } from '@base-ui/react/context-menu';
+export declare const ContextMenuRoot: typeof ContextMenu.Root;
+export declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuBackdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuSubmenuRoot: typeof ContextMenu.SubmenuRoot;
+export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuPositioner: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuPopup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuArrow: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuLinkItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuCheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ContextMenuSubmenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ContextMenu/ContextMenu.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const WithCheckboxItems: Story;
+export declare const WithSubmenu: Story;

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1 @@
+export { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger } from './ContextMenu';

package/dist/components/ContextMenu/index.js

@@ -0,0 +1,117 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/ContextMenu/ContextMenu.tsx
+import * as React from "react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+import { jsx } from "react/jsx-runtime";
+var ContextMenuRoot = ContextMenu.Root;
+var ContextMenuPortal = ContextMenu.Portal;
+var ContextMenuBackdrop = ContextMenu.Backdrop;
+var ContextMenuGroup = ContextMenu.Group;
+var ContextMenuRadioGroup = ContextMenu.RadioGroup;
+var ContextMenuSubmenuRoot = ContextMenu.SubmenuRoot;
+var ContextMenuTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+  ref,
+  className: cn("select-none", className),
+  ...props
+}));
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+var ContextMenuPositioner = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+  ref,
+  className: cn("outline-none", className),
+  ...props
+}));
+ContextMenuPositioner.displayName = "ContextMenuPositioner";
+var ContextMenuPopup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.Popup, {
+  ref,
+  className: cn("min-w-[8rem] rounded-lg border border-kraft/15 bg-surface p-1 shadow-md", "transition-opacity duration-150", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+  ...props
+}));
+ContextMenuPopup.displayName = "ContextMenuPopup";
+var ContextMenuArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.Arrow, {
+  ref,
+  className: cn("flex text-kraft/15", "data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", "data-[side=bottom]:top-[-8px]", "data-[side=left]:right-[-13px] data-[side=left]:rotate-90", "data-[side=right]:left-[-13px] data-[side=right]:-rotate-90", className),
+  ...props
+}));
+ContextMenuArrow.displayName = "ContextMenuArrow";
+var itemClasses = "relative flex cursor-default items-center gap-2 rounded-sm px-3 py-1.5 text-sm text-kraft select-none outline-none " + "data-highlighted:bg-canvas/60 data-popup-open:bg-canvas/40 " + "data-disabled:pointer-events-none data-disabled:opacity-50";
+var ContextMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.Item, {
+  ref,
+  className: cn(itemClasses, className),
+  ...props
+}));
+ContextMenuItem.displayName = "ContextMenuItem";
+var ContextMenuLinkItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.LinkItem, {
+  ref,
+  className: cn(itemClasses, "no-underline", className),
+  ...props
+}));
+ContextMenuLinkItem.displayName = "ContextMenuLinkItem";
+var ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.Separator, {
+  ref,
+  className: cn("my-1 h-px bg-kraft/10", className),
+  ...props
+}));
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+var ContextMenuGroupLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+  ref,
+  className: cn("px-3 py-1 text-xs font-semibold tracking-wide text-kraft/50", className),
+  ...props
+}));
+ContextMenuGroupLabel.displayName = "ContextMenuGroupLabel";
+var ContextMenuRadioItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.RadioItem, {
+  ref,
+  className: cn(itemClasses, "pl-8", className),
+  ...props
+}));
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+var ContextMenuRadioItemIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, {
+  ref,
+  className: cn("absolute left-2 flex size-4 items-center justify-center", className),
+  ...props
+}));
+ContextMenuRadioItemIndicator.displayName = "ContextMenuRadioItemIndicator";
+var ContextMenuCheckboxItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.CheckboxItem, {
+  ref,
+  className: cn(itemClasses, "pl-8", className),
+  ...props
+}));
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+var ContextMenuCheckboxItemIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, {
+  ref,
+  className: cn("absolute left-2 flex size-4 items-center justify-center", className),
+  ...props
+}));
+ContextMenuCheckboxItemIndicator.displayName = "ContextMenuCheckboxItemIndicator";
+var ContextMenuSubmenuTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
+  ref,
+  className: cn(itemClasses, "justify-between", className),
+  ...props
+}));
+ContextMenuSubmenuTrigger.displayName = "ContextMenuSubmenuTrigger";
+export {
+  ContextMenuTrigger,
+  ContextMenuSubmenuTrigger,
+  ContextMenuSubmenuRoot,
+  ContextMenuSeparator,
+  ContextMenuRoot,
+  ContextMenuRadioItemIndicator,
+  ContextMenuRadioItem,
+  ContextMenuRadioGroup,
+  ContextMenuPositioner,
+  ContextMenuPortal,
+  ContextMenuPopup,
+  ContextMenuLinkItem,
+  ContextMenuItem,
+  ContextMenuGroupLabel,
+  ContextMenuGroup,
+  ContextMenuCheckboxItemIndicator,
+  ContextMenuCheckboxItem,
+  ContextMenuBackdrop,
+  ContextMenuArrow
+};
+export { ContextMenuRoot, ContextMenuPortal, ContextMenuBackdrop, ContextMenuGroup, ContextMenuRadioGroup, ContextMenuSubmenuRoot, ContextMenuTrigger, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroupLabel, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuSubmenuTrigger };
+
+//# debugId=538137E8ADC8ED9364756E2164756E21

package/dist/components/ContextMenu/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/ContextMenu/ContextMenu.tsx"],
+  "sourcesContent": [
+    "import * as React from 'react';\nimport { ContextMenu } from '@base-ui/react/context-menu';\nimport { cn } from '../../utils/cn';\n\n// Pass-throughs\nexport const ContextMenuRoot = ContextMenu.Root;\nexport const ContextMenuPortal = ContextMenu.Portal;\nexport const ContextMenuBackdrop = ContextMenu.Backdrop;\nexport const ContextMenuGroup = ContextMenu.Group;\nexport const ContextMenuRadioGroup = ContextMenu.RadioGroup;\nexport const ContextMenuSubmenuRoot = ContextMenu.SubmenuRoot;\n\n// Styled parts\n\nexport const ContextMenuTrigger = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.Trigger>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.Trigger\n        ref={ref}\n        className={cn('select-none', className)}\n        {...props}\n    />\n));\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\nexport const ContextMenuPositioner = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.Positioner>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.Positioner\n        ref={ref}\n        className={cn('outline-none', className)}\n        {...props}\n    />\n));\nContextMenuPositioner.displayName = 'ContextMenuPositioner';\n\nexport const ContextMenuPopup = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.Popup>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.Popup\n        ref={ref}\n        className={cn(\n            'min-w-[8rem] rounded-lg border border-kraft/15 bg-surface p-1 shadow-md',\n            'transition-opacity duration-150',\n            'data-starting-style:opacity-0 data-ending-style:opacity-0',\n            className\n        )}\n        {...props}\n    />\n));\nContextMenuPopup.displayName = 'ContextMenuPopup';\n\nexport const ContextMenuArrow = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.Arrow>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.Arrow\n        ref={ref}\n        className={cn(\n            'flex text-kraft/15',\n            'data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n            'data-[side=bottom]:top-[-8px]',\n            'data-[side=left]:right-[-13px] data-[side=left]:rotate-90',\n            'data-[side=right]:left-[-13px] data-[side=right]:-rotate-90',\n            className\n        )}\n        {...props}\n    />\n));\nContextMenuArrow.displayName = 'ContextMenuArrow';\n\nconst itemClasses =\n    'relative flex cursor-default items-center gap-2 rounded-sm px-3 py-1.5 text-sm text-kraft select-none outline-none ' +\n    'data-highlighted:bg-canvas/60 data-popup-open:bg-canvas/40 ' +\n    'data-disabled:pointer-events-none data-disabled:opacity-50';\n\nexport const ContextMenuItem = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.Item>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.Item\n        ref={ref}\n        className={cn(itemClasses, className)}\n        {...props}\n    />\n));\nContextMenuItem.displayName = 'ContextMenuItem';\n\nexport const ContextMenuLinkItem = React.forwardRef<\n    HTMLAnchorElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.LinkItem>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.LinkItem\n        ref={ref}\n        className={cn(itemClasses, 'no-underline', className)}\n        {...props}\n    />\n));\nContextMenuLinkItem.displayName = 'ContextMenuLinkItem';\n\nexport const ContextMenuSeparator = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.Separator>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.Separator\n        ref={ref}\n        className={cn('my-1 h-px bg-kraft/10', className)}\n        {...props}\n    />\n));\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nexport const ContextMenuGroupLabel = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.GroupLabel>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.GroupLabel\n        ref={ref}\n        className={cn(\n            'px-3 py-1 text-xs font-semibold tracking-wide text-kraft/50',\n            className\n        )}\n        {...props}\n    />\n));\nContextMenuGroupLabel.displayName = 'ContextMenuGroupLabel';\n\nexport const ContextMenuRadioItem = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.RadioItem>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.RadioItem\n        ref={ref}\n        className={cn(itemClasses, 'pl-8', className)}\n        {...props}\n    />\n));\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\nexport const ContextMenuRadioItemIndicator = React.forwardRef<\n    HTMLSpanElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.RadioItemIndicator>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.RadioItemIndicator\n        ref={ref}\n        className={cn(\n            'absolute left-2 flex size-4 items-center justify-center',\n            className\n        )}\n        {...props}\n    />\n));\nContextMenuRadioItemIndicator.displayName = 'ContextMenuRadioItemIndicator';\n\nexport const ContextMenuCheckboxItem = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.CheckboxItem>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.CheckboxItem\n        ref={ref}\n        className={cn(itemClasses, 'pl-8', className)}\n        {...props}\n    />\n));\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nexport const ContextMenuCheckboxItemIndicator = React.forwardRef<\n    HTMLSpanElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.CheckboxItemIndicator>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.CheckboxItemIndicator\n        ref={ref}\n        className={cn(\n            'absolute left-2 flex size-4 items-center justify-center',\n            className\n        )}\n        {...props}\n    />\n));\nContextMenuCheckboxItemIndicator.displayName =\n    'ContextMenuCheckboxItemIndicator';\n\nexport const ContextMenuSubmenuTrigger = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof ContextMenu.SubmenuTrigger>\n>(({ className, ...props }, ref) => (\n    <ContextMenu.SubmenuTrigger\n        ref={ref}\n        className={cn(itemClasses, 'justify-between', className)}\n        {...props}\n    />\n));\nContextMenuSubmenuTrigger.displayName = 'ContextMenuSubmenuTrigger';\n"
+  ],
+  "mappings": ";;;;;AAAA;AACA;;AAIO,IAAM,kBAAkB,YAAY;AACpC,IAAM,oBAAoB,YAAY;AACtC,IAAM,sBAAsB,YAAY;AACxC,IAAM,mBAAmB,YAAY;AACrC,IAAM,wBAAwB,YAAY;AAC1C,IAAM,yBAAyB,YAAY;AAI3C,IAAM,qBAA2B,iBAGtC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,SAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,eAAe,SAAS;AAAA,KAClC;AAAA,CACR,CACH;AACD,mBAAmB,cAAc;AAE1B,IAAM,wBAA8B,iBAGzC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,YAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,KACnC;AAAA,CACR,CACH;AACD,sBAAsB,cAAc;AAE7B,IAAM,mBAAyB,iBAGpC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,OAAb;AAAA,EACI;AAAA,EACA,WAAW,GACP,2EACA,mCACA,6DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,iBAAiB,cAAc;AAExB,IAAM,mBAAyB,iBAGpC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,OAAb;AAAA,EACI;AAAA,EACA,WAAW,GACP,sBACA,4DACA,iCACA,6DACA,+DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,iBAAiB,cAAc;AAE/B,IAAM,cACF,wHACA,gEACA;AAEG,IAAM,kBAAwB,iBAGnC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,MAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,aAAa,SAAS;AAAA,KAChC;AAAA,CACR,CACH;AACD,gBAAgB,cAAc;AAEvB,IAAM,sBAA4B,iBAGvC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,UAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,aAAa,gBAAgB,SAAS;AAAA,KAChD;AAAA,CACR,CACH;AACD,oBAAoB,cAAc;AAE3B,IAAM,uBAA6B,iBAGxC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,WAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,KAC5C;AAAA,CACR,CACH;AACD,qBAAqB,cAAc;AAE5B,IAAM,wBAA8B,iBAGzC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,YAAb;AAAA,EACI;AAAA,EACA,WAAW,GACP,+DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,sBAAsB,cAAc;AAE7B,IAAM,uBAA6B,iBAGxC,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,WAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,aAAa,QAAQ,SAAS;AAAA,KACxC;AAAA,CACR,CACH;AACD,qBAAqB,cAAc;AAE5B,IAAM,gCAAsC,iBAGjD,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,oBAAb;AAAA,EACI;AAAA,EACA,WAAW,GACP,2DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,8BAA8B,cAAc;AAErC,IAAM,0BAAgC,iBAG3C,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,cAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,aAAa,QAAQ,SAAS;AAAA,KACxC;AAAA,CACR,CACH;AACD,wBAAwB,cAAc;AAE/B,IAAM,mCAAyC,iBAGpD,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,uBAAb;AAAA,EACI;AAAA,EACA,WAAW,GACP,2DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,iCAAiC,cAC7B;AAEG,IAAM,4BAAkC,iBAG7C,GAAG,cAAc,SAAS,wBACxB,IAAC,YAAY,gBAAb;AAAA,EACI;AAAA,EACA,WAAW,GAAG,aAAa,mBAAmB,SAAS;AAAA,KACnD;AAAA,CACR,CACH;AACD,0BAA0B,cAAc;",
+  "debugId": "538137E8ADC8ED9364756E2164756E21",
+  "names": []
+}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,11 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import React from 'react';
+export declare const DialogRoot: typeof BaseDialog.Root;
+export declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogViewport: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogPopup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DialogClose: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    tags: string[];
+};
+export default meta;
+export declare const Default: StoryObj;
+export declare const WithCustomContent: StoryObj;
+export declare const DestructiveAction: StoryObj;
+export declare const Nested: StoryObj;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { DialogRoot, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogTrigger } from './Dialog';

package/dist/components/Dialog/index.js

@@ -0,0 +1,66 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Dialog/Dialog.tsx
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var DialogRoot = BaseDialog.Root;
+var DialogPortal = BaseDialog.Portal;
+var DialogBackdrop = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Backdrop, {
+  ref,
+  className: cn("fixed inset-0 z-50 min-h-dvh bg-black/40 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute", className),
+  ...props
+}));
+DialogBackdrop.displayName = "DialogBackdrop";
+var DialogViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Viewport, {
+  ref,
+  className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
+  ...props
+}));
+DialogViewport.displayName = "DialogViewport";
+var DialogPopup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Popup, {
+  ref,
+  className: cn("w-full max-w-md rounded-xl border border-kraft/12 bg-surface p-6 text-kraft shadow-xl transition-all duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0", className),
+  ...props
+}));
+DialogPopup.displayName = "DialogPopup";
+var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Title, {
+  ref,
+  className: cn("mb-1 text-lg font-semibold text-kraft", className),
+  ...props
+}));
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Description, {
+  ref,
+  className: cn("mb-6 text-sm text-kraft/60", className),
+  ...props
+}));
+DialogDescription.displayName = "DialogDescription";
+var DialogClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Close, {
+  ref,
+  className: cn("inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2", className),
+  ...props
+}));
+DialogClose.displayName = "DialogClose";
+var DialogTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDialog.Trigger, {
+  ref,
+  className: cn("inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2", className),
+  ...props
+}));
+DialogTrigger.displayName = "DialogTrigger";
+export {
+  DialogViewport,
+  DialogTrigger,
+  DialogTitle,
+  DialogRoot,
+  DialogPortal,
+  DialogPopup,
+  DialogDescription,
+  DialogClose,
+  DialogBackdrop
+};
+export { DialogRoot, DialogPortal, DialogBackdrop, DialogViewport, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogTrigger };
+
+//# debugId=853E2C0328B9ABA864756E2164756E21

package/dist/components/Dialog/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Dialog/Dialog.tsx"],
+  "sourcesContent": [
+    "import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const DialogRoot = BaseDialog.Root;\nexport const DialogPortal = BaseDialog.Portal;\n\nexport const DialogBackdrop = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Backdrop\n        ref={ref}\n        className={cn(\n            'fixed inset-0 z-50 min-h-dvh bg-black/40 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute',\n            className\n        )}\n        {...props}\n    />\n));\nDialogBackdrop.displayName = 'DialogBackdrop';\n\nexport const DialogViewport = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Viewport>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Viewport\n        ref={ref}\n        className={cn(\n            'fixed inset-0 z-50 flex items-center justify-center p-4',\n            className\n        )}\n        {...props}\n    />\n));\nDialogViewport.displayName = 'DialogViewport';\n\nexport const DialogPopup = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Popup>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Popup\n        ref={ref}\n        className={cn(\n            'w-full max-w-md rounded-xl border border-kraft/12 bg-surface p-6 text-kraft shadow-xl transition-all duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0',\n            className\n        )}\n        {...props}\n    />\n));\nDialogPopup.displayName = 'DialogPopup';\n\nexport const DialogTitle = React.forwardRef<\n    HTMLHeadingElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Title>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Title\n        ref={ref}\n        className={cn('mb-1 text-lg font-semibold text-kraft', className)}\n        {...props}\n    />\n));\nDialogTitle.displayName = 'DialogTitle';\n\nexport const DialogDescription = React.forwardRef<\n    HTMLParagraphElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Description>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Description\n        ref={ref}\n        className={cn('mb-6 text-sm text-kraft/60', className)}\n        {...props}\n    />\n));\nDialogDescription.displayName = 'DialogDescription';\n\nexport const DialogClose = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Close>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Close\n        ref={ref}\n        className={cn(\n            'inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2',\n            className\n        )}\n        {...props}\n    />\n));\nDialogClose.displayName = 'DialogClose';\n\nexport const DialogTrigger = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseDialog.Trigger>\n>(({ className, ...props }, ref) => (\n    <BaseDialog.Trigger\n        ref={ref}\n        className={cn(\n            'inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2',\n            className\n        )}\n        {...props}\n    />\n));\nDialogTrigger.displayName = 'DialogTrigger';\n"
+  ],
+  "mappings": ";;;;;AAAA,mBAAS;AACT;;AAGO,IAAM,aAAa,WAAW;AAC9B,IAAM,eAAe,WAAW;AAEhC,IAAM,iBAAiB,MAAM,WAGlC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,UAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,iLACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,eAAe,cAAc;AAEtB,IAAM,iBAAiB,MAAM,WAGlC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,UAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,2DACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,eAAe,cAAc;AAEtB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,uOACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,KAC5D;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,oBAAoB,MAAM,WAGrC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,aAAZ;AAAA,EACI;AAAA,EACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,KACjD;AAAA,CACR,CACH;AACD,kBAAkB,cAAc;AAEzB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,oRACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,gBAAgB,MAAM,WAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,SAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,oRACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,cAAc,cAAc;",
+  "debugId": "853E2C0328B9ABA864756E2164756E21",
+  "names": []
+}

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,13 @@
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
+import React from 'react';
+export declare const DrawerRoot: typeof BaseDrawer.Root;
+export declare const DrawerPortal: BaseDrawer.Portal;
+export declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerBackdrop: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerViewport: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerPopup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerHandle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DrawerClose: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    tags: string[];
+};
+export default meta;
+export declare const Default: StoryObj;
+export declare const RightSide: StoryObj;
+export declare const WithActions: StoryObj;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export { DrawerRoot, DrawerPortal, DrawerTrigger, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose } from './Drawer';

package/dist/components/Drawer/index.js

@@ -0,0 +1,81 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Drawer/Drawer.tsx
+import { Drawer as BaseDrawer } from "@base-ui/react/drawer";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var DrawerRoot = BaseDrawer.Root;
+var DrawerPortal = BaseDrawer.Portal;
+var DrawerTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Trigger, {
+  ref,
+  className: cn("inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2", className),
+  ...props
+}));
+DrawerTrigger.displayName = "DrawerTrigger";
+var DrawerBackdrop = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Backdrop, {
+  ref,
+  className: cn("fixed inset-0 min-h-dvh bg-black opacity-[calc(0.4*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms]", className),
+  ...props
+}));
+DrawerBackdrop.displayName = "DrawerBackdrop";
+var DrawerViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Viewport, {
+  ref,
+  className: cn("fixed inset-0 flex items-end justify-center", className),
+  ...props
+}));
+DrawerViewport.displayName = "DrawerViewport";
+var DrawerPopup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Popup, {
+  ref,
+  className: cn("box-border w-full max-h-[85vh] -mb-12 overflow-y-auto overscroll-contain rounded-t-2xl border border-b-0 border-kraft/10 bg-surface px-6 pb-[calc(3rem+env(safe-area-inset-bottom,0px))] pt-4 text-kraft shadow-2xl transition-transform duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [transform:translateY(var(--drawer-swipe-movement-y))] data-swiping:select-none data-ending-style:[transform:translateY(calc(100%-3rem))] data-starting-style:[transform:translateY(calc(100%-3rem))] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)]", className),
+  ...props
+}));
+DrawerPopup.displayName = "DrawerPopup";
+var DrawerContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Content, {
+  ref,
+  className: cn("mx-auto w-full max-w-lg", className),
+  ...props
+}));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHandle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+  ref,
+  "aria-hidden": true,
+  className: cn("mx-auto mb-4 h-1 w-12 rounded-full bg-kraft/15", className),
+  ...props
+}));
+DrawerHandle.displayName = "DrawerHandle";
+var DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Title, {
+  ref,
+  className: cn("mb-1 text-lg font-semibold text-kraft", className),
+  ...props
+}));
+DrawerTitle.displayName = "DrawerTitle";
+var DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Description, {
+  ref,
+  className: cn("mb-6 text-sm text-kraft/60", className),
+  ...props
+}));
+DrawerDescription.displayName = "DrawerDescription";
+var DrawerClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseDrawer.Close, {
+  ref,
+  className: cn("inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2", className),
+  ...props
+}));
+DrawerClose.displayName = "DrawerClose";
+export {
+  DrawerViewport,
+  DrawerTrigger,
+  DrawerTitle,
+  DrawerRoot,
+  DrawerPortal,
+  DrawerPopup,
+  DrawerHandle,
+  DrawerDescription,
+  DrawerContent,
+  DrawerClose,
+  DrawerBackdrop
+};
+export { DrawerRoot, DrawerPortal, DrawerTrigger, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose };
+
+//# debugId=8DBAF08403CEF58364756E2164756E21

package/dist/components/Drawer/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Drawer/Drawer.tsx"],
+  "sourcesContent": [
+    "import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const DrawerRoot = BaseDrawer.Root;\nexport const DrawerPortal = BaseDrawer.Portal;\n\nexport const DrawerTrigger = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Trigger>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Trigger\n        ref={ref}\n        className={cn(\n            'inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2',\n            className\n        )}\n        {...props}\n    />\n));\nDrawerTrigger.displayName = 'DrawerTrigger';\n\nexport const DrawerBackdrop = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Backdrop>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Backdrop\n        ref={ref}\n        className={cn(\n            'fixed inset-0 min-h-dvh bg-black opacity-[calc(0.4*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms]',\n            className\n        )}\n        {...props}\n    />\n));\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\n// Bottom-sheet layout by default; override className for side drawers\nexport const DrawerViewport = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Viewport>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Viewport\n        ref={ref}\n        className={cn('fixed inset-0 flex items-end justify-center', className)}\n        {...props}\n    />\n));\nDrawerViewport.displayName = 'DrawerViewport';\n\nexport const DrawerPopup = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Popup>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Popup\n        ref={ref}\n        className={cn(\n            'box-border w-full max-h-[85vh] -mb-12 overflow-y-auto overscroll-contain rounded-t-2xl border border-b-0 border-kraft/10 bg-surface px-6 pb-[calc(3rem+env(safe-area-inset-bottom,0px))] pt-4 text-kraft shadow-2xl transition-transform duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [transform:translateY(var(--drawer-swipe-movement-y))] data-swiping:select-none data-ending-style:[transform:translateY(calc(100%-3rem))] data-starting-style:[transform:translateY(calc(100%-3rem))] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)]',\n            className\n        )}\n        {...props}\n    />\n));\nDrawerPopup.displayName = 'DrawerPopup';\n\nexport const DrawerContent = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Content>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Content\n        ref={ref}\n        className={cn('mx-auto w-full max-w-lg', className)}\n        {...props}\n    />\n));\nDrawerContent.displayName = 'DrawerContent';\n\nexport const DrawerHandle = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n    <div\n        ref={ref}\n        aria-hidden\n        className={cn(\n            'mx-auto mb-4 h-1 w-12 rounded-full bg-kraft/15',\n            className\n        )}\n        {...props}\n    />\n));\nDrawerHandle.displayName = 'DrawerHandle';\n\nexport const DrawerTitle = React.forwardRef<\n    HTMLHeadingElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Title>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Title\n        ref={ref}\n        className={cn('mb-1 text-lg font-semibold text-kraft', className)}\n        {...props}\n    />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\nexport const DrawerDescription = React.forwardRef<\n    HTMLParagraphElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Description>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Description\n        ref={ref}\n        className={cn('mb-6 text-sm text-kraft/60', className)}\n        {...props}\n    />\n));\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport const DrawerClose = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentPropsWithoutRef<typeof BaseDrawer.Close>\n>(({ className, ...props }, ref) => (\n    <BaseDrawer.Close\n        ref={ref}\n        className={cn(\n            'inline-flex h-9 items-center justify-center rounded-lg border border-kraft/25 bg-surface px-4 text-sm font-medium text-kraft transition-colors select-none hover:bg-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ribbon focus-visible:ring-offset-2',\n            className\n        )}\n        {...props}\n    />\n));\nDrawerClose.displayName = 'DrawerClose';\n"
+  ],
+  "mappings": ";;;;;AAAA,mBAAS;AACT;;AAGO,IAAM,aAAa,WAAW;AAC9B,IAAM,eAAe,WAAW;AAEhC,IAAM,gBAAgB,MAAM,WAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,SAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,oRACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,cAAc,cAAc;AAErB,IAAM,iBAAiB,MAAM,WAGlC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,UAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,6HACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,eAAe,cAAc;AAGtB,IAAM,iBAAiB,MAAM,WAGlC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,UAAZ;AAAA,EACI;AAAA,EACA,WAAW,GAAG,+CAA+C,SAAS;AAAA,KAClE;AAAA,CACR,CACH;AACD,eAAe,cAAc;AAEtB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,4iBACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,gBAAgB,MAAM,WAGjC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,SAAZ;AAAA,EACI;AAAA,EACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,KAC9C;AAAA,CACR,CACH;AACD,cAAc,cAAc;AAErB,IAAM,eAAe,MAAM,WAGhC,GAAG,cAAc,SAAS,wBACxB,IAAC,OAAD;AAAA,EACI;AAAA,EACA,eAAW;AAAA,EACX,WAAW,GACP,kDACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,aAAa,cAAc;AAEpB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,KAC5D;AAAA,CACR,CACH;AACD,YAAY,cAAc;AAEnB,IAAM,oBAAoB,MAAM,WAGrC,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,aAAZ;AAAA,EACI;AAAA,EACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,KACjD;AAAA,CACR,CACH;AACD,kBAAkB,cAAc;AAEzB,IAAM,cAAc,MAAM,WAG/B,GAAG,cAAc,SAAS,wBACxB,IAAC,WAAW,OAAZ;AAAA,EACI;AAAA,EACA,WAAW,GACP,oRACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,YAAY,cAAc;",
+  "debugId": "8DBAF08403CEF58364756E2164756E21",
+  "names": []
+}

package/dist/components/Field/Field.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const FieldRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const FieldControl: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const FieldDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const FieldError: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FieldValidity: React.FC<import("@base-ui/react").FieldValidityProps>;

package/dist/components/Field/Field.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const WithValidation: Story;
+export declare const Disabled: Story;

package/dist/components/Field/index.d.ts

@@ -0,0 +1 @@
+export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldItem, FieldValidity } from './Field';

package/dist/components/Field/index.js

@@ -0,0 +1,52 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Field/Field.tsx
+import { Field as BaseField } from "@base-ui/react/field";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var FieldRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseField.Root, {
+  ref,
+  className: cn("flex flex-col gap-1", className),
+  ...props
+}));
+FieldRoot.displayName = "FieldRoot";
+var FieldLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseField.Label, {
+  ref,
+  className: cn("text-sm font-medium leading-none text-kraft data-disabled:text-kraft/50", className),
+  ...props
+}));
+FieldLabel.displayName = "FieldLabel";
+var FieldControl = BaseField.Control;
+var FieldDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseField.Description, {
+  ref,
+  className: cn("text-xs text-kraft/60", className),
+  ...props
+}));
+FieldDescription.displayName = "FieldDescription";
+var FieldError = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseField.Error, {
+  ref,
+  className: cn("text-xs text-spool", className),
+  ...props
+}));
+FieldError.displayName = "FieldError";
+var FieldItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseField.Item, {
+  ref,
+  className: cn("flex items-center gap-2", className),
+  ...props
+}));
+FieldItem.displayName = "FieldItem";
+var FieldValidity = BaseField.Validity;
+export {
+  FieldValidity,
+  FieldRoot,
+  FieldLabel,
+  FieldItem,
+  FieldError,
+  FieldDescription,
+  FieldControl
+};
+export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldItem, FieldValidity };
+
+//# debugId=42714C1B1C5C647764756E2164756E21

package/dist/components/Field/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Field/Field.tsx"],
+  "sourcesContent": [
+    "import { Field as BaseField } from '@base-ui/react/field';\nimport React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const FieldRoot = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseField.Root>\n>(({ className, ...props }, ref) => (\n    <BaseField.Root\n        ref={ref}\n        className={cn('flex flex-col gap-1', className)}\n        {...props}\n    />\n));\nFieldRoot.displayName = 'FieldRoot';\n\nexport const FieldLabel = React.forwardRef<\n    HTMLLabelElement,\n    React.ComponentPropsWithoutRef<typeof BaseField.Label>\n>(({ className, ...props }, ref) => (\n    <BaseField.Label\n        ref={ref}\n        className={cn(\n            'text-sm font-medium leading-none text-kraft data-disabled:text-kraft/50',\n            className\n        )}\n        {...props}\n    />\n));\nFieldLabel.displayName = 'FieldLabel';\n\n// Pass-through — Field.Control is typically replaced by a Base UI input component\nexport const FieldControl = BaseField.Control;\n\nexport const FieldDescription = React.forwardRef<\n    HTMLParagraphElement,\n    React.ComponentPropsWithoutRef<typeof BaseField.Description>\n>(({ className, ...props }, ref) => (\n    <BaseField.Description\n        ref={ref}\n        className={cn('text-xs text-kraft/60', className)}\n        {...props}\n    />\n));\nFieldDescription.displayName = 'FieldDescription';\n\nexport const FieldError = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseField.Error>\n>(({ className, ...props }, ref) => (\n    <BaseField.Error\n        ref={ref}\n        className={cn('text-xs text-spool', className)}\n        {...props}\n    />\n));\nFieldError.displayName = 'FieldError';\n\n// Used to group individual checkbox/radio items with their label\nexport const FieldItem = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentPropsWithoutRef<typeof BaseField.Item>\n>(({ className, ...props }, ref) => (\n    <BaseField.Item\n        ref={ref}\n        className={cn('flex items-center gap-2', className)}\n        {...props}\n    />\n));\nFieldItem.displayName = 'FieldItem';\n\n// Pass-through — children must be a render function\nexport const FieldValidity = BaseField.Validity;\n"
+  ],
+  "mappings": ";;;;;AAAA,kBAAS;AACT;;AAGO,IAAM,YAAY,MAAM,WAG7B,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,MAAX;AAAA,EACI;AAAA,EACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,KAC1C;AAAA,CACR,CACH;AACD,UAAU,cAAc;AAEjB,IAAM,aAAa,MAAM,WAG9B,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,OAAX;AAAA,EACI;AAAA,EACA,WAAW,GACP,2EACA,SACJ;AAAA,KACI;AAAA,CACR,CACH;AACD,WAAW,cAAc;AAGlB,IAAM,eAAe,UAAU;AAE/B,IAAM,mBAAmB,MAAM,WAGpC,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,aAAX;AAAA,EACI;AAAA,EACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,KAC5C;AAAA,CACR,CACH;AACD,iBAAiB,cAAc;AAExB,IAAM,aAAa,MAAM,WAG9B,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,OAAX;AAAA,EACI;AAAA,EACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,KACzC;AAAA,CACR,CACH;AACD,WAAW,cAAc;AAGlB,IAAM,YAAY,MAAM,WAG7B,GAAG,cAAc,SAAS,wBACxB,IAAC,UAAU,MAAX;AAAA,EACI;AAAA,EACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,KAC9C;AAAA,CACR,CACH;AACD,UAAU,cAAc;AAGjB,IAAM,gBAAgB,UAAU;",
+  "debugId": "42714C1B1C5C647764756E2164756E21",
+  "names": []
+}

package/dist/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FieldsetRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const FieldsetLegend: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Fieldset/Fieldset.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ContactInfo: Story;

package/dist/components/Fieldset/index.d.ts

@@ -0,0 +1 @@
+export { FieldsetRoot, FieldsetLegend } from './Fieldset';

package/dist/components/Fieldset/index.js

@@ -0,0 +1,27 @@
+import {
+  cn
+} from "../../utils/cn.js";
+
+// src/components/Fieldset/Fieldset.tsx
+import { Fieldset as BaseFieldset } from "@base-ui/react/fieldset";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var FieldsetRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseFieldset.Root, {
+  ref,
+  className: cn("flex flex-col gap-4 border-0 m-0 p-0", className),
+  ...props
+}));
+FieldsetRoot.displayName = "FieldsetRoot";
+var FieldsetLegend = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(BaseFieldset.Legend, {
+  ref,
+  className: cn("text-base font-semibold text-kraft border-b border-kraft/15 pb-3 w-full", className),
+  ...props
+}));
+FieldsetLegend.displayName = "FieldsetLegend";
+export {
+  FieldsetRoot,
+  FieldsetLegend
+};
+export { FieldsetRoot, FieldsetLegend };
+
+//# debugId=CF6A277F31D7E10A64756E2164756E21