@mastra/playground-ui 33.0.0-alpha.2 → 33.0.0-alpha.4

package/dist/date-time-range-picker-iMvwOfiZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-iMvwOfiZ.js","sources":["../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nfunction buildDateWithTime(date: Date, timeStr: string): Date | null {\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : null;\n}\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  disabled?: boolean;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  disabled,\n  presets,\n  size = 'md',\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const fallbackPreset: DateRangePreset = visiblePresets.find(p => p.value !== 'custom')?.value ?? 'all';\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [customRangeError, setCustomRangeError] = useState<string | undefined>();\n\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === preset)?.label ?? 'All';\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    if (value === 'custom') {\n      setDraftDateFrom(dateFrom);\n      setDraftDateTo(dateTo);\n      setDraftTimeFrom('12:00 AM');\n      setDraftTimeTo('11:59 PM');\n      setCustomRangeOpen(true);\n      return;\n    }\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const applyCustomRange = () => {\n    const fromDate = draftDateFrom ? (buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom) : undefined;\n    const toDate = draftDateTo ? (buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo) : undefined;\n    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {\n      setCustomRangeError('Start date/time must be before end date/time');\n      return;\n    }\n    setCustomRangeError(undefined);\n    onDateChange?.(fromDate, 'from');\n    onDateChange?.(toDate, 'to');\n    setCustomRangeOpen(false);\n  };\n\n  if (preset === 'custom') {\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        <PopoverTrigger asChild>\n          <Button size={size} disabled={disabled}>\n            <CalendarIcon />\n            {dateFrom ? dateFrom.toLocaleDateString() : 'Start'} {' \\u2013 '}\n            {dateTo ? dateTo.toLocaleDateString() : 'End'}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <div className={cn('flex')}>\n            <div className={cn('border-r border-border1')}>\n              <span className={cn('text-ui-sm text-neutral3 font-medium px-4 pt-3 block')}>Start</span>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateFrom}\n                month={draftDateFrom}\n                onSelect={setDraftDateFrom}\n                disabled={disabled}\n                toDate={draftDateTo}\n              />\n              <TimePicker\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeFrom}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeFrom(v);\n                }}\n              />\n            </div>\n            <div>\n              <span className={cn('text-ui-sm text-neutral3 font-medium px-4 pt-3 block')}>End</span>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateTo}\n                month={draftDateTo}\n                onSelect={setDraftDateTo}\n                disabled={disabled}\n                fromDate={draftDateFrom}\n              />\n              <TimePicker\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeTo}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeTo(v);\n                }}\n              />\n            </div>\n          </div>\n          {customRangeError && <p className={cn('text-ui-sm text-red-500 px-4 pb-1')}>{customRangeError}</p>}\n          <div className={cn('flex justify-between items-center px-4 pb-3')}>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              className={cn(\n                'text-ui-sm text-neutral3 hover:text-neutral4',\n                disabled && 'opacity-50 pointer-events-none',\n              )}\n              onClick={() => {\n                setCustomRangeError(undefined);\n                handlePresetSelect(fallbackPreset);\n              }}\n            >\n              &larr; Presets\n            </button>\n            <Button variant=\"primary\" size=\"sm\" onClick={applyCustomRange} disabled={disabled}>\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button size={size} disabled={disabled}>\n          <CalendarIcon />\n          {datePresetLabel}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"start\">\n        {visiblePresets.map(p => (\n          <DropdownMenu.Item key={p.value} onSelect={() => handlePresetSelect(p.value)}>\n            {p.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/dialog-46zkb32X.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+require('./dialog.css');const jsxRuntime = require('react/jsx-runtime');
+const dialog = require('@base-ui/react/dialog');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-DpIX8JMz.cjs');
+const asChild = require('./as-child-Dgr1RHLO.cjs');
+const utils = require('./utils-vA5sWo9W.cjs');
+;/* empty css                  */
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Dialog = dialog.Dialog.Root;
+const DialogTrigger = React__namespace.forwardRef(
+  ({ asChild: asChild$1, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ref, ...asChild.asChildRenderProps(asChild$1, children), ...props, children: asChild$1 ? void 0 : children });
+  }
+);
+DialogTrigger.displayName = "DialogTrigger";
+const DialogPortal = dialog.Dialog.Portal;
+const DialogClose = React__namespace.forwardRef(({ asChild: asChild$1, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { ref, ...asChild.asChildRenderProps(asChild$1, children), ...props, children: asChild$1 ? void 0 : children });
+});
+DialogClose.displayName = "DialogClose";
+const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  dialog.Dialog.Backdrop,
+  {
+    ref,
+    className: utils.cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    ...props
+  }
+));
+DialogOverlay.displayName = "DialogOverlay";
+const DialogContent = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.Dialog.Popup,
+    {
+      ref,
+      "data-slot": "dialog-content",
+      className: utils.cn(
+        "dialog-content-anim",
+        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
+        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
+        "focus-visible:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          dialog.Dialog.Close,
+          {
+            render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
+          }
+        )
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = "DialogContent";
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end", className), ...props });
+DialogFooter.displayName = "DialogFooter";
+const DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("overflow-y-auto px-4 py-3.5 max-h-[50vh]", className), ...props });
+DialogBody.displayName = "DialogBody";
+const DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { ref, className: utils.cn("text-ui-md font-medium", className), ...props }));
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Description, { ref, className: utils.cn("sr-only", className), ...props })
+);
+DialogDescription.displayName = "DialogDescription";
+
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+//# sourceMappingURL=dialog-46zkb32X.cjs.map

package/dist/dialog-46zkb32X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-46zkb32X.cjs","sources":["../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nconst Dialog = DialogPrimitive.Root;\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n        'focus-visible:outline-hidden',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        render={\n          <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n            <X />\n          </Button>\n        }\n      />\n    </DialogPrimitive.Popup>\n  </DialogPortal>\n));\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn('sr-only', className)} {...props} />\n  ),\n);\nDialogDescription.displayName = 'DialogDescription';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n};\n"],"names":["DialogPrimitive","React","asChild","jsx","asChildRenderProps","cn","jsxs","Button","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,SAASA,aAAA,CAAgB;AAO/B,MAAM,gBAAgBC,gBAAA,CAAM,UAAA;AAAA,EAC1B,CAAC,WAAEC,SAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACxC,IAAA,uBACEC,cAAA,CAACH,aAAA,CAAgB,OAAA,EAAhB,EAAwB,KAAW,GAAGI,0BAAA,CAAmBF,SAAA,EAAS,QAAQ,CAAA,EAAI,GAAG,KAAA,EAC/E,QAAA,EAAAA,SAAA,GAAU,SAAY,QAAA,EACzB,CAAA;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,eAAeF,aAAA,CAAgB;AAOrC,MAAM,WAAA,GAAcC,gBAAA,CAAM,UAAA,CAAgD,CAAC,WAAEC,WAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClH,EAAA,uBACEC,cAAA,CAACH,aAAA,CAAgB,KAAA,EAAhB,EAAsB,KAAW,GAAGI,0BAAA,CAAmBF,SAAA,EAAS,QAAQ,CAAA,EAAI,GAAG,KAAA,EAC7E,QAAA,EAAAA,SAAA,GAAU,SAAY,QAAA,EACzB,CAAA;AAEJ,CAAC;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAM1B,MAAM,aAAA,GAAgBD,iBAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnGE,cAAA;AAAA,EAACH,aAAA,CAAgB,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWK,QAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAM5B,MAAM,aAAA,GAAgBJ,gBAAA,CAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7GK,eAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAAH,cAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAAA,kBACfG,eAAA;AAAA,IAACN,aAAA,CAAgB,KAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAWK,QAAA;AAAA,QACT,qBAAA;AAAA,QACA,4EAAA;AAAA,QACA,4CAAA;AAAA,QACA,mFAAA;AAAA,QACA,8BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACDF,cAAA;AAAA,UAACH,aAAA,CAAgB,KAAA;AAAA,UAAhB;AAAA,YACC,MAAA,kBACEG,cAAA,CAACI,aAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,YAAA,EAAW,OAAA,EAC9E,QAAA,kBAAAJ,cAAA,CAACK,iBAAE,CAAA,EACL;AAAA;AAAA;AAEJ;AAAA;AAAA;AACF,CAAA,EACF,CACD;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,YAAA,GAAe,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC1CL,cAAA,CAAC,KAAA,EAAA,EAAI,WAAWE,QAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEzF,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,YAAA,GAAe,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC1CF,cAAA,CAAC,KAAA,EAAA,EAAI,WAAWE,QAAA,CAAG,sEAAA,EAAwE,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEpH,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,UAAA,GAAa,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACxCF,cAAA,CAAC,KAAA,EAAA,EAAI,WAAWE,QAAA,CAAG,0CAAA,EAA4C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAExF,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,WAAA,GAAcJ,iBAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnGE,cAAA,CAACH,cAAgB,KAAA,EAAhB,EAAsB,KAAU,SAAA,EAAWK,QAAA,CAAG,0BAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACjG;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAM1B,MAAM,oBAAoBJ,gBAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,wBACxBE,cAAA,CAACH,aAAA,CAAgB,WAAA,EAAhB,EAA4B,KAAU,SAAA,EAAWK,QAAA,CAAG,WAAW,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE3F;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;;;;;;;;;;;"}

package/dist/dialog-CSSfcjSX.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { B as Button } from './Button-DoOEJwa_.js';
+import { a as asChildRenderProps } from './as-child-N1qMDCr8.js';
+import { c as cn } from './utils-CzYGxqbG.js';
+import './dialog.css';/* empty css                */
+
+const Dialog = Dialog$1.Root;
+const DialogTrigger = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Dialog$1.Trigger, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+  }
+);
+DialogTrigger.displayName = "DialogTrigger";
+const DialogPortal = Dialog$1.Portal;
+const DialogClose = React.forwardRef(({ asChild, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Dialog$1.Close, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+});
+DialogClose.displayName = "DialogClose";
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Dialog$1.Backdrop,
+  {
+    ref,
+    className: cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    ...props
+  }
+));
+DialogOverlay.displayName = "DialogOverlay";
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    Dialog$1.Popup,
+    {
+      ref,
+      "data-slot": "dialog-content",
+      className: cn(
+        "dialog-content-anim",
+        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
+        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
+        "focus-visible:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          Dialog$1.Close,
+          {
+            render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
+          }
+        )
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = "DialogContent";
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end", className), ...props });
+DialogFooter.displayName = "DialogFooter";
+const DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 py-3.5 max-h-[50vh]", className), ...props });
+DialogBody.displayName = "DialogBody";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Title, { ref, className: cn("text-ui-md font-medium", className), ...props }));
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Description, { ref, className: cn("sr-only", className), ...props })
+);
+DialogDescription.displayName = "DialogDescription";
+
+export { Dialog as D, DialogBody as a, DialogClose as b, DialogContent as c, DialogDescription as d, DialogFooter as e, DialogHeader as f, DialogOverlay as g, DialogPortal as h, DialogTitle as i, DialogTrigger as j };
+//# sourceMappingURL=dialog-CSSfcjSX.js.map

package/dist/dialog-CSSfcjSX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CSSfcjSX.js","sources":["../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nconst Dialog = DialogPrimitive.Root;\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n        'focus-visible:outline-hidden',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        render={\n          <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n            <X />\n          </Button>\n        }\n      />\n    </DialogPrimitive.Popup>\n  </DialogPortal>\n));\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn('sr-only', className)} {...props} />\n  ),\n);\nDialogDescription.displayName = 'DialogDescription';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n};\n"],"names":["DialogPrimitive"],"mappings":"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"}

package/dist/dialog.css

@@ -0,0 +1,70 @@
+/* Dialog motion. Tailwind v4 sets `translate: -50% -50%` via the standalone
+ * `translate` property — keyframes only animate `transform: scale(...)` so
+ * the two don't compose and double-offset the centering. */
+
+@keyframes dialog-content-in {
+  from {
+    opacity: 0;
+    transform: scale(1.08);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes dialog-content-out {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(1.02);
+  }
+}
+
+@keyframes dialog-overlay-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes dialog-overlay-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+/* Open/close state attributes: Radix (`data-state`) for AlertDialog, Base UI
+ * (`data-open` / `data-closed`) for Dialog. Both share these animation classes. */
+
+.dialog-overlay-anim[data-state='open'],
+.dialog-overlay-anim[data-open] {
+  animation: dialog-overlay-in 320ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.dialog-overlay-anim[data-state='closed'],
+.dialog-overlay-anim[data-closed] {
+  animation: dialog-overlay-out 240ms cubic-bezier(0.32, 0, 0.67, 0);
+}
+
+.dialog-content-anim[data-state='open'],
+.dialog-content-anim[data-open] {
+  animation: dialog-content-in 680ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.dialog-content-anim[data-state='closed'],
+.dialog-content-anim[data-closed] {
+  animation: dialog-content-out 180ms cubic-bezier(0.5, 0, 0.75, 0);
+}

package/dist/drawer-BaUXhUlI.cjs

@@ -0,0 +1,177 @@
+'use strict';
+
+require('./drawer.css');const jsxRuntime = require('react/jsx-runtime');
+const drawer = require('@base-ui/react/drawer');
+const React = require('react');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const sideToSwipeDirection = {
+  top: "up",
+  bottom: "down",
+  left: "left",
+  right: "right"
+};
+const DrawerSideContext = React__namespace.createContext("bottom");
+const useDrawerSide = () => React__namespace.useContext(DrawerSideContext);
+function Drawer({ side = "bottom", children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerSideContext.Provider, { value: side, children: /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Root, { swipeDirection: sideToSwipeDirection[side], ...props, children }) });
+}
+Drawer.displayName = "Drawer";
+function DrawerTrigger({ asChild, children, ...props }) {
+  const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : {};
+  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Trigger, { ...renderProps, ...props, children: asChild ? void 0 : children });
+}
+DrawerTrigger.displayName = "DrawerTrigger";
+const DrawerClose = React__namespace.forwardRef(({ asChild, children, ...props }, ref) => {
+  const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : {};
+  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Close, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
+});
+DrawerClose.displayName = "DrawerClose";
+const DrawerPortal = drawer.Drawer.Portal;
+const DrawerProvider = drawer.Drawer.Provider;
+const DrawerIndent = drawer.Drawer.Indent;
+const DrawerIndentBackground = drawer.Drawer.IndentBackground;
+const DrawerSwipeArea = drawer.Drawer.SwipeArea;
+const createDrawerHandle = drawer.Drawer.createHandle;
+const DrawerInteractive = drawer.Drawer.Content;
+const DrawerBackdrop = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  drawer.Drawer.Backdrop,
+  {
+    ref,
+    "data-slot": "drawer-backdrop",
+    className: utils.cn("drawer-backdrop fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    ...props
+  }
+));
+DrawerBackdrop.displayName = "DrawerBackdrop";
+const viewportSideClasses = {
+  top: "items-start justify-center",
+  bottom: "items-end justify-center",
+  left: "items-stretch justify-start",
+  right: "items-stretch justify-end"
+};
+const DrawerViewport = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  const side = useDrawerSide();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    drawer.Drawer.Viewport,
+    {
+      ref,
+      "data-slot": "drawer-viewport",
+      className: utils.cn("fixed inset-0 z-50 flex", viewportSideClasses[side], className),
+      ...props
+    }
+  );
+});
+DrawerViewport.displayName = "DrawerViewport";
+const drawerPopupBaseClass = utils.cn(
+  "drawer-popup group/popup relative z-50 box-border flex flex-col overflow-y-auto overscroll-contain outline-none [touch-action:auto] will-change-transform",
+  "border-border1 bg-surface3 text-neutral5 shadow-dialog",
+  "data-[swiping]:select-none",
+  "after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']",
+  "data-[nested-drawer-open]:after:bg-black/25"
+);
+const popupSideClasses = {
+  bottom: "h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t",
+  top: "h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b",
+  left: "h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r",
+  right: "h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l"
+};
+const DrawerPopup = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  const side = useDrawerSide();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    drawer.Drawer.Popup,
+    {
+      ref,
+      "data-slot": "drawer-popup",
+      className: utils.cn(drawerPopupBaseClass, popupSideClasses[side], className),
+      ...props
+    }
+  );
+});
+DrawerPopup.displayName = "DrawerPopup";
+const nestedFadeClass = utils.cn(
+  "transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0",
+  "group-data-[nested-drawer-open]/popup:opacity-0"
+);
+const DrawerHandleBar = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    "aria-hidden": true,
+    "data-slot": "drawer-handle",
+    className: utils.cn("mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5", nestedFadeClass)
+  }
+);
+DrawerHandleBar.displayName = "DrawerHandleBar";
+const DrawerContent = React__namespace.forwardRef(({ className, children, ...props }, ref) => {
+  const side = useDrawerSide();
+  const showHandle = side === "top" || side === "bottom";
+  return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerBackdrop, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerViewport, { children: /* @__PURE__ */ jsxRuntime.jsxs(DrawerPopup, { ref, className, ...props, children: [
+      showHandle && side === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(DrawerHandleBar, {}),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "drawer-content", className: utils.cn("relative flex min-h-0 flex-1 flex-col", nestedFadeClass), children }),
+      showHandle && side === "top" && /* @__PURE__ */ jsxRuntime.jsx(DrawerHandleBar, {})
+    ] }) })
+  ] });
+});
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "drawer-header", className: utils.cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    "data-slot": "drawer-footer",
+    className: utils.cn("mt-auto flex flex-col-reverse gap-1.5 px-4 py-3 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+const DrawerBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "drawer-body", className: utils.cn("flex-1 px-4 py-3", className), ...props });
+DrawerBody.displayName = "DrawerBody";
+const DrawerTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Title, { ref, className: utils.cn("text-ui-md font-medium text-neutral6", className), ...props }));
+DrawerTitle.displayName = "DrawerTitle";
+const DrawerDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Description, { ref, className: utils.cn("text-ui-sm text-neutral3", className), ...props })
+);
+DrawerDescription.displayName = "DrawerDescription";
+
+exports.Drawer = Drawer;
+exports.DrawerBackdrop = DrawerBackdrop;
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerIndent = DrawerIndent;
+exports.DrawerIndentBackground = DrawerIndentBackground;
+exports.DrawerInteractive = DrawerInteractive;
+exports.DrawerPopup = DrawerPopup;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerProvider = DrawerProvider;
+exports.DrawerSwipeArea = DrawerSwipeArea;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+exports.DrawerViewport = DrawerViewport;
+exports.createDrawerHandle = createDrawerHandle;
+exports.useDrawerSide = useDrawerSide;
+//# sourceMappingURL=drawer-BaUXhUlI.cjs.map

package/dist/drawer-BaUXhUlI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-BaUXhUlI.cjs","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\nconst DrawerSideContext = React.createContext<DrawerSide>('bottom');\n\nexport const useDrawerSide = () => React.useContext(DrawerSideContext);\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n};\n\nfunction Drawer<Payload = unknown>({ side = 'bottom', children, ...props }: DrawerProps<Payload>) {\n  return (\n    <DrawerSideContext.Provider value={side}>\n      <DrawerPrimitive.Root swipeDirection={sideToSwipeDirection[side]} {...props}>\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerSideContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Backdrop\n    ref={ref}\n    data-slot=\"drawer-backdrop\"\n    className={cn('drawer-backdrop fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\nconst viewportSideClasses: Record<DrawerSide, string> = {\n  top: 'items-start justify-center',\n  bottom: 'items-end justify-center',\n  left: 'items-stretch justify-start',\n  right: 'items-stretch justify-end',\n};\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n};\n\n// Must NOT default to `pointer-events-none` — that would break the modal swipe gesture.\n// Non-modal callers opt out via className on viewport (none) and popup (auto).\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(({ className, ...props }, ref) => {\n  const side = useDrawerSide();\n  return (\n    <DrawerPrimitive.Viewport\n      ref={ref}\n      data-slot=\"drawer-viewport\"\n      className={cn('fixed inset-0 z-50 flex', viewportSideClasses[side], className)}\n      {...props}\n    />\n  );\n});\nDrawerViewport.displayName = 'DrawerViewport';\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupBaseClass = cn(\n  'drawer-popup group/popup relative z-50 box-border flex flex-col overflow-y-auto overscroll-contain outline-none [touch-action:auto] will-change-transform',\n  'border-border1 bg-surface3 text-neutral5 shadow-dialog',\n  'data-[swiping]:select-none',\n  \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n  'data-[nested-drawer-open]:after:bg-black/25',\n);\n\n// Top/bottom sheets bleed 3rem past the edge so a stacked parent's border stays flush behind.\nconst popupSideClasses: Record<DrawerSide, string> = {\n  bottom: 'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n  top: 'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n  left: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n  right: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n};\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(({ className, ...props }, ref) => {\n  const side = useDrawerSide();\n  return (\n    <DrawerPrimitive.Popup\n      ref={ref}\n      data-slot=\"drawer-popup\"\n      className={cn(drawerPopupBaseClass, popupSideClasses[side], className)}\n      {...props}\n    />\n  );\n});\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n};\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(({ className, children, ...props }, ref) => {\n  const side = useDrawerSide();\n  const showHandle = side === 'top' || side === 'bottom';\n\n  return (\n    <DrawerPortal>\n      <DrawerBackdrop />\n      <DrawerViewport>\n        <DrawerPopup ref={ref} className={className} {...props}>\n          {showHandle && side === 'bottom' && <DrawerHandleBar />}\n          <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n            {children}\n          </div>\n          {showHandle && side === 'top' && <DrawerHandleBar />}\n        </DrawerPopup>\n      </DrawerViewport>\n    </DrawerPortal>\n  );\n});\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-header\" className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-4 py-3 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-4 py-3', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-ui-md font-medium text-neutral6', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n  createDrawerHandle,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["React","jsx","DrawerPrimitive","cn","jsxs"],"mappings":"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"}