asterui 0.12.32 → 0.12.35

package/dist/components/SidebarDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarDrawer.js","sources":["../../src/components/SidebarDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SidebarDrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Main content area */\n  children: React.ReactNode\n  /** Sidebar content */\n  sidebar: React.ReactNode\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Position sidebar on the right side */\n  end?: boolean\n  /** Additional classes for sidebar container */\n  sidebarClassName?: string\n}\n\n/**\n * SidebarDrawer - A responsive sidebar layout component using DaisyUI's drawer.\n * Use for navigation sidebars that toggle on mobile.\n * For overlay panel drawers (forms, details), use the Drawer component instead.\n */\nexport const SidebarDrawer: React.FC<SidebarDrawerProps> = ({\n  children,\n  sidebar,\n  open = false,\n  onOpenChange,\n  end = false,\n  className = '',\n  sidebarClassName = '',\n  ...rest\n}) => {\n  const drawerId = React.useId()\n\n  const handleToggle = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onOpenChange?.(e.target.checked)\n  }\n\n  const drawerClasses = ['drawer', end && 'drawer-end', className]\n    .filter(Boolean)\n    .join(' ')\n\n  const sidebarClasses = ['menu bg-base-200 min-h-full w-80 p-4', sidebarClassName]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={drawerClasses} data-state={open ? 'open' : 'closed'} {...rest}>\n      <input\n        id={drawerId}\n        type=\"checkbox\"\n        className=\"drawer-toggle\"\n        checked={open}\n        onChange={handleToggle}\n      />\n      <div className=\"drawer-content\">{children}</div>\n      <div className=\"drawer-side\">\n        <label\n          htmlFor={drawerId}\n          aria-label=\"close sidebar\"\n          className=\"drawer-overlay\"\n        />\n        <div className={sidebarClasses}>{sidebar}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["SidebarDrawer","children","sidebar","open","onOpenChange","end","className","sidebarClassName","rest","drawerId","React","handleToggle","e","drawerClasses","sidebarClasses","jsxs","jsx"],"mappings":";;AAsBO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAM,MAAA,GAEjBC,IAAe,CAACC,MAA2C;AAC/D,IAAAR,IAAeQ,EAAE,OAAO,OAAO;AAAA,EACjC,GAEMC,IAAgB,CAAC,UAAUR,KAAO,cAAcC,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,GAELQ,IAAiB,CAAC,wCAAwCP,CAAgB,EAC7E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,WAAWF,GAAe,cAAYV,IAAO,SAAS,UAAW,GAAGK,GACvE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIP;AAAA,QACJ,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASN;AAAA,QACT,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAf,EAAA,CAAS;AAAA,IAC1C,gBAAAc,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASP;AAAA,UACT,cAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAO,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAZ,EAAA,CAAQ;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA,GACF;AAEJ;"}