@accelint/design-toolkit 7.0.1 → 8.0.0

package/dist/components/dialog/content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog/content.tsx"],"names":["DialogStyles","n","i"],"mappings":"+FAiBA,aAAoBA,CAAAA,CAAa,CAAA,CAE1BC,wBAAyB,CAAA,CAAA,CAAA,oBAA8C,CAC5E,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAI,CAAA,CAAA,SAAqB,aAAW,CAAI,CAAA,CAAA,CAAA,CAAA,QAClD,CAAA,CAAA,CAAA,CAAA","file":"content.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DialogStyles } from './styles';\nimport type { ComponentProps } from 'react';\n\nconst { content } = DialogStyles();\n\nexport function DialogContent({ children, className }: ComponentProps<'div'>) {\n  return <div className={content({ className })}>{children}</div>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/dialog/content.tsx"],"names":["children","className","clsx","styles"],"mappings":"oJAkBO,UAAuB,CAAE,CAAA,QAAAA,CAAAA,CAAU,CAAA,SAAAC,CAAU,CAAA,CAA0B,CAC5E,CAAA,UAAQ,CAAA,KAAA,CAAI,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,OAASF,CAAS,CAAA,CAAI,CAAA,QAAAD,EAAS,CACpE,CAAA","file":"content.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { ComponentProps } from 'react';\n\nexport function DialogContent({ children, className }: ComponentProps<'div'>) {\n  return <div className={clsx(styles.content, className)}>{children}</div>;\n}\n"]}

package/dist/components/dialog/footer.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContext}from'react';import {OverlayTriggerStateContext}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {ButtonContext}from'../button/context.js';import {DialogContext}from'./context.js';import {DialogStyles}from'./styles.js';const{footer:u}=DialogStyles();function y({children:r,className:n}){const o=useContext(DialogContext),i=(isSlottedContextValue(o)?null:o?.size)??"small",s=useContext(OverlayTriggerStateContext);return jsx("footer",{className:u({className:n}),children:jsx(ButtonContext.Provider,{value:{size:i,onPress:s?.close??(()=>{})},children:r})})}export{y as DialogFooter};//# sourceMappingURL=footer.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext}from'react';import {OverlayTriggerStateContext}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {ButtonContext}from'../button/context.js';import {DialogContext}from'./context.js';import u from'./styles.module.css';function z({children:r,className:n}){const o=useContext(DialogContext),s=(isSlottedContextValue(o)?null:o?.size)??"small",i=useContext(OverlayTriggerStateContext);return jsx("footer",{className:clsx(u.footer,n),children:jsx(ButtonContext.Provider,{value:{size:s,onPress:i?.close??void 0},children:r})})}export{z as DialogFooter};//# sourceMappingURL=footer.js.map
 //# sourceMappingURL=footer.js.map

package/dist/components/dialog/footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog/footer.tsx"],"names":["DialogStyles","DialogFooter","a","size","isSlottedContextValue","t","context","state","jsx","m","ButtonContext"],"mappings":"8UAqBmBA,aAEHC,CAAAA,CAAa,CAC3BC,wBACA,CAAA,CAAA,CAAA,QAC2B,CAC3B,CAAA,CAAA,SAAwC,CAAA,CAClCC,GACHC,MAAiC,CAAA,CAAAC,UAAA,CAAOC,aAAAA,CAAAA,CAAS,2BAAS,CAAA,IAAA,CAAA,CAAA,EACvDC,IAA6C,UAGjDC,CAAC,CAAA,CAAAH,UAAA,CAAAI,0BAAA,CAAA,CAAA,8BAAsC,EACrC,CAAA,CAAA,SAACC,EAAc,CAAA,CAAA,CAAA,2BACN,QAEL,CAAA,CAAA,KAAA,CAASH,CAAAA,cAAoB,CAAA,CAAA,OAG9B,GAAA,IACH,EACF,CAEJ,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"footer.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { type ComponentProps, useContext } from 'react';\nimport { OverlayTriggerStateContext } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { DialogContext } from './context';\nimport { DialogStyles } from './styles';\n\nconst { footer } = DialogStyles();\n\nexport function DialogFooter({\n  children,\n  className,\n}: ComponentProps<'footer'>) {\n  const context = useContext(DialogContext);\n  const size =\n    (isSlottedContextValue(context) ? null : context?.size) ?? 'small';\n  const state = useContext(OverlayTriggerStateContext);\n\n  return (\n    <footer className={footer({ className })}>\n      <ButtonContext.Provider\n        value={{\n          size,\n          onPress: state?.close ?? (() => undefined),\n        }}\n      >\n        {children}\n      </ButtonContext.Provider>\n    </footer>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/dialog/footer.tsx"],"names":["className","useContext","DialogContext","size","t","context","p","jsx","l","clsx","styles","ButtonContext","e"],"mappings":"mYAuBE,UACA,CAAA,CAAA,QAAAA,CACF,EAA6B,SACXC,CAAAA,CAAWC,CAAa,CAAA,CAClCC,MAC0B,CAAA,CAAIC,0BAAOC,CAAAA,CAAAA,CAASC,qBAAA,CAAA,CAAA,CAAA,CAAA,IAAS,CAAA,CAAA,EAAA,IAC/CL,GAAqC,SAGjDM,CAAAA,UAAC,CAAAC,0BAAA,CAAA,CAAA,mBAAkBC,CAAKC,CAAAA,SAAwB,KAC9C,CAAA,CAAA,CAAA,MAAAH,CAAAA,CAACI,EAAc,QAAA,CAAdC,GACC,uBACE,CAAAT,CAAAA,KACA,CAAA,CAAA,KAAgB,CAAA,CAAA,OAAS,CAAA,CAAA,EAC3B,KAEC,EAAA,MACH,EACF,QAEJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"footer.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type ComponentProps, useContext } from 'react';\nimport { OverlayTriggerStateContext } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { DialogContext } from './context';\nimport styles from './styles.module.css';\n\nexport function DialogFooter({\n  children,\n  className,\n}: ComponentProps<'footer'>) {\n  const context = useContext(DialogContext);\n  const size =\n    (isSlottedContextValue(context) ? null : context?.size) ?? 'small';\n  const state = useContext(OverlayTriggerStateContext);\n\n  return (\n    <footer className={clsx(styles.footer, className)}>\n      <ButtonContext.Provider\n        value={{\n          size,\n          onPress: state?.close ?? undefined,\n        }}\n      >\n        {children}\n      </ButtonContext.Provider>\n    </footer>\n  );\n}\n"]}

package/dist/components/dialog/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import {PortalProvider}from'./../../providers/portal.js';import'client-only';import {useContextProps,ModalOverlay,composeRenderProps,Modal,Dialog}from'react-aria-components';import {DialogContext}from'./context.js';import {DialogStyles}from'./styles.js';const{overlay:f,modal:y,dialog:u}=DialogStyles();function z({ref:l,...a}){[a,l]=useContextProps(a,l??null,DialogContext);const{children:s,classNames:e,parentRef:m,size:d="small",...n}=a;return jsx(DialogContext.Provider,{value:a,children:jsx(PortalProvider,{parentRef:m,children:jsx(ModalOverlay,{...n,ref:l,className:composeRenderProps(e?.overlay,r=>f({className:r})),"data-size":d,children:jsx(Modal,{className:composeRenderProps(e?.modal,r=>y({className:r})),children:jsx(Dialog,{className:u({className:e?.dialog}),children:s})})})})})}export{z as Dialog};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,ModalOverlay,composeRenderProps,Modal,Dialog}from'react-aria-components';import {PortalProvider}from'./../../providers/portal.js';import {DialogContext}from'./context.js';import t from'./styles.module.css';function R({ref:l,...a}){[a,l]=useContextProps(a,l??null,DialogContext);const{children:d,classNames:r,parentRef:g,size:n="small",...p}=a;return jsx(DialogContext.Provider,{value:a,children:jsx(PortalProvider,{parentRef:g,children:jsx(ModalOverlay,{...p,ref:l,className:composeRenderProps(r?.overlay,e=>clsx("group/dialog",t.overlay,e)),"data-size":n,children:jsx(Modal,{className:composeRenderProps(r?.modal,e=>clsx(t.modal,e)),children:jsx(Dialog,{className:clsx(t.dialog,r?.dialog),children:d})})})})})}export{R as Dialog};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog/index.tsx"],"names":["modal","dialog","DialogStyles","D","ref","props","DialogContext","children","size","rest","o","jsx","P","composeRenderProps","classNames","overlay","i","p","AriaDialog"],"mappings":"kSA0BiB,KAAAA,CAAO,OAAAC,CAAO,CAAA,CAAIC,KA0B5B,CAAA,CAAA,CAAA,OAAgB,CAAE,CAAA,CAAAC,YAAA,EAAAC,CAAK,UACpBA,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAME,CAAa,CAAA,CAEhE,mBAAM,CAAE,CAAA,CAAA,EAAA,IAAA,CAAAC,aAAAA,CAAU,CAAA,KAAA,CAAA,QAAY,CAAA,CAAA,CAAA,UAAW,CAAA,CAAAC,CAAAA,SAAgB,CAAA,CAAA,CAAGC,IAASJ,CAErE,CAAA,CAAA,OACGC,CAAAA,GAAc,CAAA,CAAA,CAAA,CAAA,CAAA,OAASI,GAAA,CAAOL,aAAAA,CAC7B,QAAA,CAAAM,CAAAA,KAAgB,CAAA,CAAA,CAAA,QACd,8BACG,CAAA,CAAGF,CAAAA,QAEJ,CAAAC,GAAA,CAAAE,YAAA,CAAA,CAAA,GAAWC,EAAmBC,GAAY,CAAA,CAAA,CAAA,SACxCC,CAAQC,kBAAE,CAAA,CAAA,EAAA,OAAU,CAAC,CACvB,EACA,CAAA,CAAA,CAAA,SAAWR,CAAAA,CAEX,CAAA,CAAA,CAAA,CAAA,WACE,CAAA,CAAA,CAAA,QAA8BM,CAAAA,GAAAA,CAAYG,KAAA,CAAA,CAAA,SAChC,CAAAD,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EAEA,CAAA,CAAA,CAAA,SAACE,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,QAAkB,CAAER,qBAAuB,CAAA,CAAA,CAAA,CAAA,aACpDH,MAGP,CAAA,CACF,SAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { PortalProvider } from '@/providers/portal';\nimport 'client-only';\nimport {\n  Dialog as AriaDialog,\n  composeRenderProps,\n  Modal,\n  ModalOverlay,\n  useContextProps,\n} from 'react-aria-components';\nimport { DialogContext } from './context';\nimport { DialogStyles } from './styles';\nimport type { DialogProps } from './types';\n\nconst { overlay, modal, dialog } = DialogStyles();\n\n/**\n * Dialog - A modal dialog component for important content and interactions\n *\n * Provides accessible modal functionality with focus management, backdrop handling,\n * and keyboard navigation. Supports multiple sizes and customizable dismissal behavior.\n * Perfect for confirmations, forms, or any content requiring user focus.\n *\n * @example\n * // Basic dialog with trigger\n * <DialogTrigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     {({ close }) => (\n *       <>\n *         <DialogTitle>Confirm Action</DialogTitle>\n *         <p>Are you sure you want to continue?</p>\n *         <DialogFooter>\n *           <Button onPress={close}>Confirm</Button>\n *         </DialogFooter>\n *       </>\n *     )}\n *   </Dialog>\n * </DialogTrigger>\n */\nexport function Dialog({ ref, ...props }: DialogProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DialogContext);\n\n  const { children, classNames, parentRef, size = 'small', ...rest } = props;\n\n  return (\n    <DialogContext.Provider value={props}>\n      <PortalProvider parentRef={parentRef}>\n        <ModalOverlay\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.overlay, (className) =>\n            overlay({ className }),\n          )}\n          data-size={size}\n        >\n          <Modal\n            className={composeRenderProps(classNames?.modal, (className) =>\n              modal({ className }),\n            )}\n          >\n            <AriaDialog className={dialog({ className: classNames?.dialog })}>\n              {children}\n            </AriaDialog>\n          </Modal>\n        </ModalOverlay>\n      </PortalProvider>\n    </DialogContext.Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/dialog/index.tsx"],"names":["props","useContextProps","DialogContext","f","m","children","classNames","jsx","o","PortalProvider","parentRef","D","ref","v","className","clsx","i","styles","size","Modal","composeRenderProps","AriaDialog"],"mappings":"uVAmDyB,SAA8B,CACrD,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,KAAc,CAAA,CAAA,CAAA,CAAA,CAAME,CAAa,CAAA,CAEhEC,eAAA,CAAA,CAAA,CAAA,CAAM,EAAE,IAAA,CAAAC,aAAA,CAAA,CAAAC,KAAU,CAAA,QAAAC,CAAY,CAAA,CAAA,UAAW,CAAA,CAAA,CAAA,SAAO,CAAA,CAAA,CAAS,IAAQ,EAAIN,CAAAA,OAErE,CACEO,GAACL,CAAc,CAAA,CAAA,CAAA,CAAA,OAASM,GAAA,CAAAJ,aAAA,CAAA,QACtB,CAAA,CAAA,KAACK,CAAA,CAAe,CAAA,QAAA,CAAWC,GAAAA,CACzBC,cAAA,CAAA,CAAA,UAAC,CACE,CAAA,QACIC,CAAAA,GACL,CAAAC,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAA8BP,CAAAA,CAAAA,CAAY,SAAUQ,CAAAA,kBAClDC,CAAAA,CAAK,EAAA,OAAA,CAAA,CAAA,EAAAC,IAAA,CAAgBC,cAEvB,CAAA,CAAA,CAAA,OAAA,CAAA,CAAWC,CAAAA,CAEX,CAAA,WAACC,CAAA,CACC,CAAA,QAAA,CAAWC,GAAAA,CAAmBd,KAAAA,CAAAA,CAAY,SACxCS,CAAAA,kBAAKE,CAAAA,CAAO,EAAA,KAAgB,CAC9B,GAEAD,IAAA,CAAA,CAAA,CAAA,KAAAT,CAACc,CAAAA,CAAA,CAAW,CAAA,QAAA,CAAWN,GAAAA,CAAKE,MAAAA,CAAO,CAAA,SAAoB,CAAAD,IAAA,CAAA,CAAA,CAAA,MACpD,CAAA,CAAA,EAAA,MAEL,CAAA,CACF,QAIR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Dialog as AriaDialog,\n  composeRenderProps,\n  Modal,\n  ModalOverlay,\n  useContextProps,\n} from 'react-aria-components';\nimport { PortalProvider } from '@/providers/portal';\nimport { DialogContext } from './context';\nimport styles from './styles.module.css';\nimport type { DialogProps } from './types';\n\n/**\n * Dialog - A modal dialog component for important content and interactions\n *\n * Provides accessible modal functionality with focus management, backdrop handling,\n * and keyboard navigation. Supports multiple sizes and customizable dismissal behavior.\n * Perfect for confirmations, forms, or any content requiring user focus.\n *\n * @example\n * // Basic dialog with trigger\n * <DialogTrigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     {({ close }) => (\n *       <>\n *         <DialogTitle>Confirm Action</DialogTitle>\n *         <p>Are you sure you want to continue?</p>\n *         <DialogFooter>\n *           <Button onPress={close}>Confirm</Button>\n *         </DialogFooter>\n *       </>\n *     )}\n *   </Dialog>\n * </DialogTrigger>\n */\nexport function Dialog({ ref, ...props }: DialogProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DialogContext);\n\n  const { children, classNames, parentRef, size = 'small', ...rest } = props;\n\n  return (\n    <DialogContext.Provider value={props}>\n      <PortalProvider parentRef={parentRef}>\n        <ModalOverlay\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.overlay, (className) =>\n            clsx('group/dialog', styles.overlay, className),\n          )}\n          data-size={size}\n        >\n          <Modal\n            className={composeRenderProps(classNames?.modal, (className) =>\n              clsx(styles.modal, className),\n            )}\n          >\n            <AriaDialog className={clsx(styles.dialog, classNames?.dialog)}>\n              {children}\n            </AriaDialog>\n          </Modal>\n        </ModalOverlay>\n      </PortalProvider>\n    </DialogContext.Provider>\n  );\n}\n"]}

package/dist/components/dialog/styles.module.css

@@ -0,0 +1,86 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .overlay {
+    @apply absolute inset-0 flex items-center justify-center;
+  }
+
+  .modal {
+    @apply bg-surface-overlay shadow-elevation-overlay flex flex-col justify-center;
+
+    @variant group-size-small/dialog {
+      @apply rounded-medium;
+    }
+
+    @variant group-size-large/dialog {
+      @apply rounded-large;
+    }
+  }
+
+  .dialog {
+    @apply fg-primary-muted text-body-m flex flex-col font-light;
+
+    @variant focus-visible {
+      @apply outline-none;
+    }
+
+    @variant group-size-small/dialog {
+      @apply rounded-medium p-l;
+      width: 280px;
+    }
+
+    @variant group-size-large/dialog {
+      @apply rounded-medium p-xl;
+      min-width: 320px;
+      max-width: 720px;
+    }
+  }
+
+  .title {
+    @apply fg-primary-bold;
+
+    @variant group-size-small/dialog {
+      @apply mb-s text-header-m;
+    }
+
+    @variant group-size-large/dialog {
+      @apply mb-m text-header-l;
+    }
+  }
+
+  .content {
+    @apply fg-primary-muted flex flex-col;
+
+    @variant group-size-small/dialog {
+      @apply gap-xs;
+    }
+
+    @variant group-size-large/dialog {
+      @apply gap-l;
+    }
+  }
+
+  .footer {
+    @apply gap-xs flex justify-end;
+
+    @variant group-size-small/dialog {
+      @apply mt-l;
+    }
+
+    @variant group-size-large/dialog {
+      @apply mt-xl;
+    }
+  }
+}

package/dist/components/dialog/title.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Heading}from'react-aria-components';import {DialogStyles}from'./styles.js';const{title:l}=DialogStyles();function s({children:t,className:i}){return jsx(Heading,{slot:"title",className:l({className:i}),children:t})}export{s as DialogTitle};//# sourceMappingURL=title.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Heading}from'react-aria-components';import r from'./styles.module.css';function a({children:t,className:i}){return jsx(Heading,{slot:"title",className:clsx(r.title,i),children:t})}export{a as DialogTitle};//# sourceMappingURL=title.js.map
 //# sourceMappingURL=title.js.map

package/dist/components/dialog/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog/title.tsx"],"names":["DialogStyles","e","n","o"],"mappings":"gJAiBQ,CAAA,KAAUA,CAAAA,CAAa,EAExBC,YAAA,EAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,oBAAqC,CACjE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAQ,CAAAC,OAAA,CAAA,CAAA,YAAa,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAW,CACjD,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"title.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Heading, type HeadingProps } from 'react-aria-components';\nimport { DialogStyles } from './styles';\n\nconst { title } = DialogStyles();\n\nexport function DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={title({ className })}>\n      {children}\n    </Heading>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/dialog/title.tsx"],"names":["children","className","jsx","Heading","clsx","styles"],"mappings":"gMAkBO,UAAqB,CAAE,CAAA,QAAAA,CAAAA,CAAU,CAAA,SAAAC,CAAU,CAAA,CAAiB,CACjE,CAAA,OACEC,GAACC,QAAA,CAAQ,CAAA,IAAK,CAAA,OAAQ,CAAA,SAAWC,KAAKC,CAAAA,CAAO,CAAA,KAAOJ,CAAS,CAAA,CAC1D,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"title.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading, type HeadingProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={clsx(styles.title, className)}>\n      {children}\n    </Heading>\n  );\n}\n"]}

package/dist/components/dialog/trigger.d.ts

@@ -1 +1,5 @@
-export { DialogTrigger } from 'react-aria-components';
+import { DialogTrigger as DialogTrigger$1 } from 'react-aria-components';
+
+declare const DialogTrigger: typeof DialogTrigger$1;
+
+export { DialogTrigger };

package/dist/components/dialog/trigger.js

@@ -1,2 +1,2 @@
-export{DialogTrigger}from'react-aria-components';//# sourceMappingURL=trigger.js.map
+import {DialogTrigger}from'react-aria-components';const i=DialogTrigger;export{i as DialogTrigger};//# sourceMappingURL=trigger.js.map
 //# sourceMappingURL=trigger.js.map

package/dist/components/dialog/trigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"trigger.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/dialog/trigger.tsx"],"names":["DialogTrigger","AriaDialogTrigger"],"mappings":"kDAcO,MAAMA,CAAAA,CAAgBC","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { DialogTrigger as AriaDialogTrigger } from 'react-aria-components';\n\nexport const DialogTrigger = AriaDialogTrigger;\n"]}

package/dist/components/divider/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {DividerContext}from'./context.js';import {DividerStyles}from'./styles.js';function D({ref:t,...i}){[i,t]=useContextProps(i,t??null,DividerContext);const{className:o,orientation:r="horizontal",...e}=i;return jsx("hr",{...e,ref:t,className:DividerStyles({className:o}),"data-orientation":r})}export{D as Divider};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useState,useLayoutEffect}from'react';import {useContextProps}from'react-aria-components';import {DividerContext}from'./context.js';import o from'./styles.module.css';function C({ref:t,...e}){[e,t]=useContextProps(e,t??null,DividerContext);const{className:i,orientation:s="horizontal",...n}=e,[m,a]=useState(false);return useLayoutEffect(()=>{const r=t.current?.parentElement;r&&window.getComputedStyle(r).getPropertyValue("display").includes("flex")&&a(true);},[t.current]),jsx("hr",{...n,ref:t,className:clsx(o.divider,m&&o.stretch,i),"data-orientation":s})}export{C as Divider};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/divider/index.tsx"],"names":["ref","props","useContextProps","n","DividerContext","m","jsx","a","s"],"mappings":"8LAkCO,SAAmBA,CAAK,CAAA,CAAA,GAAS,CAAiB,CACvD,CAACC,GAAU,EAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAc,EAEjE,IAAA,CAAMC,cAAE,CAAA,CAAA,KAAA,CAAA,SAAW,CAAA,CAAA,CAAA,WAAc,CAAA,CAAA,CAAA,YAA0BJ,CAE3D,GAAA,CAAA,CAAA,CAAA,CACEK,CAAAA,OACGC,GAAA,CAAA,IACD,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAA2B,CAAAC,aAAA,CAAA,CAAA,SAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,kBAGN,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { DividerContext } from './context';\nimport { DividerStyles } from './styles';\nimport type { DividerProps } from './types';\n\n/**\n * Divider - A simple horizontal or vertical rule component\n *\n * Provides a visual separator between content sections with support for both\n * horizontal and vertical orientations.\n *\n * @example\n * // Basic horizontal divider\n * <Divider />\n *\n * @example\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n */\nexport function Divider({ ref, ...props }: DividerProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DividerContext);\n\n  const { className, orientation = 'horizontal', ...rest } = props;\n\n  return (\n    <hr\n      {...rest}\n      ref={ref}\n      className={DividerStyles({ className })}\n      data-orientation={orientation}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/divider/index.tsx"],"names":["ref","props","useContextProps","DividerContext","d","stretch","setStretch","useState","c","f","rest","l","styles"],"mappings":"+RAoCO,SAAmB,CAAA,CAAAA,CAAAA,GAAK,CAAGC,CAAM,CAAA,GACrCA,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,iBAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,cAAA,CAAA,CAAM,KAAE,CAAA,SAAW,CAAA,CAAA,CAAA,WAAc,CAAA,CAAA,CAAA,YAAsB,CAAA,GAEjD,CAACC,CAAAA,CAASC,CAAU,CAAA,CAAIC,CAAAA,CAAS,CAAA,CAAK,SAO5C,CAAA,KAAA,CAAA,CAAA,OAAgBC,eAAM,CACpB,IAAA,CAAA,MAAmB,CAAA,CAAA,CAAA,CAAA,OAAS,EAAA,aAI1B,CAAA,CAAA,EAAA,MACG,CAAA,gBACA,CAAA,CAAA,CAAA,CAAA,gBAAiB,CAAA,SACjB,CAAA,CAAA,QAAS,CAAA,MAED,CAAA,EAEf,CAAA,CAAG,IAACR,EAAI,CAAA,CAAA,CAAA,CAAA,CAAA,OAGL,CAAA,CAAA,CAAAS,GAAA,CAAA,IACKC,CAAAA,CACJ,GAAA,CAAKV,IACL,CAAA,CAAA,CAAA,SAAuB,CAAAW,IAAA,CAAA,CAAA,CAAA,OAAoBC,CAAO,YAClD,CAAA,CAAA,CAAA,CAAA,kBAGN,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useLayoutEffect, useState } from 'react';\nimport { useContextProps } from 'react-aria-components';\nimport { DividerContext } from './context';\nimport styles from './styles.module.css';\nimport type { DividerProps } from './types';\n\n/**\n * Divider - A simple horizontal or vertical rule component\n *\n * Provides a visual separator between content sections with support for both\n * horizontal and vertical orientations.\n *\n * @example\n * // Basic horizontal divider\n * <Divider />\n *\n * @example\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n */\nexport function Divider({ ref, ...props }: DividerProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DividerContext);\n\n  const { className, orientation = 'horizontal', ...rest } = props;\n\n  const [stretch, setStretch] = useState(false);\n\n  /**\n   * CSS flexbox doesn't play nice with height. Unfortunately, there's no\n   * way to detect if a parent element is using CSS flexbox, so we have\n   * to detect it using JS\n   */\n  useLayoutEffect(() => {\n    const parent = ref.current?.parentElement;\n\n    if (\n      parent &&\n      window\n        .getComputedStyle(parent)\n        .getPropertyValue('display')\n        .includes('flex')\n    ) {\n      setStretch(true);\n    }\n  }, [ref.current]);\n\n  return (\n    <hr\n      {...rest}\n      ref={ref}\n      className={clsx(styles.divider, stretch && styles.stretch, className)}\n      data-orientation={orientation}\n    />\n  );\n}\n"]}

package/dist/components/divider/styles.module.css

@@ -0,0 +1,44 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .divider {
+    @apply shrink-0 grow-0 border-0;
+    background-color: var(--outline-static);
+
+    @variant orientation-horizontal {
+      @apply h-px w-full;
+    }
+
+    @variant orientation-vertical {
+      @apply h-full w-px;
+    }
+
+    /*
+    CSS flexbox breaks height: 100%, so we utilize align-self: stretch & height: auto instead.
+    While width isn't broken, for consistency it's implemented the same way
+    */
+    &.stretch {
+      @apply self-stretch;
+
+      @variant orientation-horizontal {
+        @apply w-auto;
+      }
+
+      @variant orientation-vertical {
+        @apply h-auto;
+      }
+    }
+  }
+}

package/dist/components/drawer/back.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import {ChevronLeft}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {ViewStackContext}from'../view-stack/context.js';import {DrawerTrigger}from'./trigger.js';function w(){const{stack:o}=useContext(ViewStackContext);return o.length>1?jsx(DrawerTrigger,{for:"back",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(ChevronLeft,{})})})}):null}export{w as DrawerBack};//# sourceMappingURL=back.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {ChevronLeft}from'@accelint/icons';import {useContext}from'react';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {ViewStackContext}from'../view-stack/context.js';import {DrawerTrigger}from'./trigger.js';function w(){const{stack:o}=useContext(ViewStackContext);return o.length>1?jsx(DrawerTrigger,{for:"back",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(ChevronLeft,{})})})}):null}export{w as DrawerBack};//# sourceMappingURL=back.js.map
 //# sourceMappingURL=back.js.map

package/dist/components/drawer/back.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/back.tsx"],"names":["useContext","stack","jsx","DrawerTrigger","n","m","Button","c","r","Icon","i","t"],"mappings":"8SAuBoBA,SAClB,CAAA,EAAOC,CAAAA,KAAM,CAAA,KACXC,CAACC,CAAAA,CAAA,CAAcC,UAAA,CAAAC,gBAAA,CAAI,QACjB,CAAA,CAAA,MAAAH,CAAAA,CAACI,CAAAA,GAAA,CAAOC,aAAA,CAAA,CAAA,GAAA,CAAA,MAAQ,CAAA,QACd,CAAAC,GAAAN,CAAAA,MAACO,EAAA,OACC,CAAA,MAAC,CAAA,SAILD,GAAA,CAAAE,IAAA,CACN,CAAA,QAAA,CAAAF,GAAA,CAAAG,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA","file":"back.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { ChevronLeft } from '@accelint/icons';\nimport 'client-only';\nimport { useContext } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerTrigger } from './trigger';\n\nexport function DrawerBack() {\n  const { stack } = useContext(ViewStackContext);\n  return stack.length > 1 ? (\n    <DrawerTrigger for='back'>\n      <Button variant='icon'>\n        <Icon>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  ) : null;\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/back.tsx"],"names":["useContext","stack","jsx","DrawerTrigger","n","m","Button","c","r","Icon","i","t"],"mappings":"8SAuBoBA,SAElB,CAAA,EAAOC,CAAAA,KAAM,CAAA,KACXC,CAACC,CAAAA,CAAA,CAAcC,UAAA,CAAAC,gBAAA,CAAI,QACjB,CAAA,CAAA,MAAAH,CAAAA,CAACI,CAAAA,GAAA,CAAOC,aAAA,CAAA,CAAA,GAAA,CAAA,MAAQ,CAAA,QACd,CAAAC,GAAAN,CAAAA,MAACO,EAAA,OACC,CAAA,MAAC,CAAA,SAILD,GAAA,CAAAE,IAAA,CACN,CAAA,QAAA,CAAAF,GAAA,CAAAG,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA","file":"back.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { ChevronLeft } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerTrigger } from './trigger';\n\nexport function DrawerBack() {\n  const { stack } = useContext(ViewStackContext);\n\n  return stack.length > 1 ? (\n    <DrawerTrigger for='back'>\n      <Button variant='icon'>\n        <Icon>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  ) : null;\n}\n"]}

package/dist/components/drawer/close.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import {Cancel}from'@accelint/icons';import'client-only';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {DrawerTrigger}from'./trigger.js';function a(){return jsx(DrawerTrigger,{for:"close",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(Cancel,{})})})})}export{a as DrawerClose};//# sourceMappingURL=close.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {Cancel}from'@accelint/icons';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {DrawerTrigger}from'./trigger.js';function a(){return jsx(DrawerTrigger,{for:"close",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(Cancel,{})})})})}export{a as DrawerClose};//# sourceMappingURL=close.js.map
 //# sourceMappingURL=close.js.map

package/dist/components/drawer/close.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/close.tsx"],"names":["jsx","Button","r","e","o"],"mappings":"kNAsBK,SAAkB,CAAA,EAAA,CACjB,WAAAA,aAAAA,CAACC,CAAAA,GAAO,CAAA,OAAQ,CAAA,qBACdD,OACE,CAAA,MAAAA,CAAAA,QACF,CACFE,GAAA,CACFC,IAEJ,CAAA,CAAA,QAAA,CAAAD,GAAA,CAAAE,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"close.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { DrawerTrigger } from './trigger';\n\nexport function DrawerClose() {\n  return (\n    <DrawerTrigger for='close'>\n      <Button variant='icon'>\n        <Icon>\n          <Cancel />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/close.tsx"],"names":["jsx","Button","r","e","o"],"mappings":"kNAsBK,SAAkB,CAAA,EAAA,CACjB,WAAAA,aAAAA,CAACC,CAAAA,GAAO,CAAA,OAAQ,CAAA,qBACdD,OACE,CAAA,MAAAA,CAAAA,QACF,CACFE,GAAA,CACFC,IAEJ,CAAA,CAAA,QAAA,CAAAD,GAAA,CAAAE,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"close.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Cancel } from '@accelint/icons';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { DrawerTrigger } from './trigger';\n\nexport function DrawerClose() {\n  return (\n    <DrawerTrigger for='close'>\n      <Button variant='icon'>\n        <Icon>\n          <Cancel />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  );\n}\n"]}

package/dist/components/drawer/content.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{content:r}=DrawerStyles();function m({className:t,...o}){return jsx("div",{...o,className:r({className:t})})}export{m as DrawerContent};//# sourceMappingURL=content.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import e from'./styles.module.css';function i({className:o,...t}){return jsx("div",{...t,className:clsx(e.content,o)})}export{i as DrawerContent};//# sourceMappingURL=content.js.map
 //# sourceMappingURL=content.js.map

package/dist/components/drawer/content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/content.tsx"],"names":["DrawerStyles","e","rest","n"],"mappings":"+FAiBA,aAAoBA,CAAAA,CAAa,CAAA,CAE1BC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,UAAc,CAC3D,CAAA,CAAA,CAAA,CAAA","file":"content.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DrawerStyles } from './styles';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst { content } = DrawerStyles();\n\nexport function DrawerContent({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={content({ className })} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/content.tsx"],"names":["DrawerContent","className","jsx","rest","clsx","styles"],"mappings":"gIAeO,SAASA,CAAc,CAC5B,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAiC,CAC/B,CAAA,OAAOC,GAAC,CAAA,KAAA,CAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,OAASJ,CAAS,EAAG,CACpE,CAAA","file":"content.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport function DrawerContent({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={clsx(styles.content, className)} />;\n}\n"]}

package/dist/components/drawer/context.d.ts

@@ -4,15 +4,11 @@ import { UniqueId } from '@accelint/core';
 import { DrawerContextValue, DrawerEvent } from './types.js';
 import '@react-types/shared';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import '../button/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../view-stack/types.js';
 import '../view-stack/events.js';
 import './events.js';
-import './styles.js';
 
 declare const DrawerContext: react.Context<DrawerContextValue>;
 declare const bus: Broadcast<DrawerEvent>;

package/dist/components/drawer/footer.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{footer:e}=DrawerStyles();function m({className:o,...r}){return jsx("footer",{...r,className:e({className:o})})}export{m as DrawerFooter};//# sourceMappingURL=footer.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import e from'./styles.module.css';function n({className:o,...r}){return jsx("footer",{...r,className:clsx(e.footer,o)})}export{n as DrawerFooter};//# sourceMappingURL=footer.js.map
 //# sourceMappingURL=footer.js.map

package/dist/components/drawer/footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/footer.tsx"],"names":["DrawerStyles","t","rest","p"],"mappings":"+FAiBA,YAAmBA,CAAAA,CAAa,CAAA,CAEzBC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,QAAQ,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,CAAA,UAAc,CAC7D,CAAA,CAAA,CAAA,CAAA","file":"footer.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DrawerStyles } from './styles';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst { footer } = DrawerStyles();\n\nexport function DrawerFooter({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'footer'>) {\n  return <footer {...rest} className={footer({ className })} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/footer.tsx"],"names":["DrawerFooter","className","jsx","rest","clsx","styles"],"mappings":"gIAeO,SAASA,CAAa,CAC3B,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAoC,CAClC,CAAA,OAAOC,GAAC,CAAA,QAAA,CAAQ,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,MAAQJ,CAAS,EAAG,CACtE,CAAA","file":"footer.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport function DrawerFooter({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'footer'>) {\n  return <footer {...rest} className={clsx(styles.footer, className)} />;\n}\n"]}

package/dist/components/drawer/header-title.d.ts

@@ -5,15 +5,11 @@ import '@accelint/core';
 import '@react-types/shared';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import '../button/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../view-stack/types.js';
 import '../view-stack/events.js';
 import './events.js';
-import './styles.js';
 
 /**
  * To change size of title, use the `level` prop: `1`-`3` (large), `4`-`6` (medium).

package/dist/components/drawer/header-title.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {Heading}from'react-aria-components';import {DrawerTitleStyles}from'./styles.js';function s({className:e,level:r,...t}){return jsx(Heading,{...t,className:DrawerTitleStyles({className:e,level:r}),level:r})}export{s as DrawerHeaderTitle};//# sourceMappingURL=header-title.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Heading}from'react-aria-components';import r from'./styles.module.css';function f({className:t,level:e=2,...o}){return jsx(Heading,{...o,className:clsx(r.title,e<=3?r.large:r.medium,t),level:e})}export{f as DrawerHeaderTitle};//# sourceMappingURL=header-title.js.map
 //# sourceMappingURL=header-title.js.map

package/dist/components/drawer/header-title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/header-title.tsx"],"names":["rest","p","o","i"],"mappings":"gJAwBO,SACL,CAAA,CAAA,CAAA,iBAEA,CAAA,CAAGA,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAC,OAAA,CAAGF,IACJ,CAAA,CAAA,SAA+B,CAAAG,iBAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,KAAO,CACjD,CAAA,CAAA,CAAA,CAAA,KAGN,CAAA,CAAA,CAAA,CAAA","file":"header-title.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Heading } from 'react-aria-components';\nimport { DrawerTitleStyles } from './styles';\nimport type { DrawerTitleProps } from './types';\n\n/**\n * To change size of title, use the `level` prop: `1`-`3` (large), `4`-`6` (medium).\n *\n * `level` also changes the semantic heading tag number `h1`-`h6`\n */\nexport function DrawerHeaderTitle({\n  className,\n  level,\n  ...rest\n}: DrawerTitleProps) {\n  return (\n    <Heading\n      {...rest}\n      className={DrawerTitleStyles({ className, level })}\n      level={level}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/header-title.tsx"],"names":["DrawerHeaderTitle","className","level","jsx","Heading","rest","clsx","styles"],"mappings":"qLAsBgBA,CAAkB,CAChC,UAAAC,CAAAA,CACA,CAAA,KAAAC,EAAQ,CAAA,CACR,CAAA,GACF,CAAA,CAAqB,CACnB,QACEC,GAACC,CAAAA,OAAA,CACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,IACTC,CAAAA,CAAO,MACPL,CAAAA,CAAAA,EAAS,CAAIK,EAAO,CAAA,KAAQA,CAAAA,CAAO,OACnCN,CACF,CAAA,CACA,CAAA,KAAOC,CAAAA,CACT,CAEJ,CAAA","file":"header-title.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { DrawerTitleProps } from './types';\n\n/**\n * To change size of title, use the `level` prop: `1`-`3` (large), `4`-`6` (medium).\n *\n * `level` also changes the semantic heading tag number `h1`-`h6`\n */\nexport function DrawerHeaderTitle({\n  className,\n  level = 2,\n  ...rest\n}: DrawerTitleProps) {\n  return (\n    <Heading\n      {...rest}\n      className={clsx(\n        styles.title,\n        level <= 3 ? styles.large : styles.medium,\n        className,\n      )}\n      level={level}\n    />\n  );\n}\n"]}

package/dist/components/drawer/header.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContext}from'react';import {Header}from'react-aria-components';import {ViewStackContext}from'../view-stack/context.js';import {DrawerBack}from'./back.js';import {DrawerClose}from'./close.js';import {DrawerHeaderTitle}from'./header-title.js';import {DrawerStyles}from'./styles.js';const{header:d}=DrawerStyles();function P({className:o,title:r,children:t,...a}){const{stack:m}=useContext(ViewStackContext),i=m.length>1?4:1;return jsx(Header,{...a,className:d({className:o}),children:r?jsxs(Fragment,{children:[jsx(DrawerBack,{}),jsx(DrawerHeaderTitle,{level:i,className:"w-fit",children:r}),jsx(DrawerClose,{})]}):t})}export{P as DrawerHeader};//# sourceMappingURL=header.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext}from'react';import {Header}from'react-aria-components';import {ViewStackContext}from'../view-stack/context.js';import {DrawerBack}from'./back.js';import {DrawerClose}from'./close.js';import {DrawerHeaderTitle}from'./header-title.js';import w from'./styles.module.css';function T({className:o,title:t,children:r,...m}){const{stack:a}=useContext(ViewStackContext),p=a.length>1?4:2;return jsx(Header,{...m,className:clsx(w.header,o),children:r??jsxs(Fragment,{children:[jsx(DrawerBack,{}),jsx(DrawerHeaderTitle,{level:p,children:t}),jsx(DrawerClose,{})]})})}export{T as DrawerHeader};//# sourceMappingURL=header.js.map
 //# sourceMappingURL=header.js.map

package/dist/components/drawer/header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/header.tsx"],"names":["w","title","children","stack","ViewStackContext","level","p","s","jsx","rest","header","n","DrawerBack","h","D","DrawerHeaderTitle","f","e","c","l"],"mappings":"yWAwBO,KAAA,CAAA,MACL,CAAA,CAAA,CAAA,CAAAA,YAAA,EAAA,CAAA,SACA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,CAAA,KACkC,CAClC,CAAA,CAAA,QAAQ,CAAA,CAAAC,CAAM,IAAeC,CAAgB,CAAA,CACvCC,KAAc,CAAA,KAAS,CAAA,CAAI,EAAIC,UAAA,CAErCC,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEC,MAAS,CAAA,CAAGC,EAAM,CAAA,CAAA,CAAA,OAAWC,GAAAA,CAAOC,MAAE,CAAA,CAAA,GAAA,CAAA,CAAA,SACnC,CAAA,CAAA,CAAA,CAAA,SACC,CACE,CAAA,CAAA,CAAA,CAAA,QAACC,CAAAA,CAAA,CAAAC,IAAW,CAAAC,QACZN,CAAAA,CAACO,SAAyBV,CAAAA,GAAO,CAAAW,UAAA,CAAA,EAAA,CAAA,CAAAC,GAAA,CAAAC,iBAAU,CAAA,CAAA,KAAA,CACxC,CAAA,CAAA,SACH,CAAA,OACa,CAAA,QAOvB,CAAA,CAAA,CAAA,CAAA,CAAAD,GAAA,CAAAE,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { type ComponentPropsWithRef, useContext } from 'react';\nimport { Header } from 'react-aria-components';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerBack } from './back';\nimport { DrawerClose } from './close';\nimport { DrawerHeaderTitle } from './header-title';\nimport { DrawerStyles } from './styles';\n\nconst { header } = DrawerStyles();\n\nexport function DrawerHeader({\n  className,\n  title,\n  children,\n  ...rest\n}: ComponentPropsWithRef<'header'>) {\n  const { stack } = useContext(ViewStackContext);\n  const level = stack.length > 1 ? 4 : 1;\n\n  return (\n    <Header {...rest} className={header({ className })}>\n      {title ? (\n        <>\n          <DrawerBack />\n          <DrawerHeaderTitle level={level} className='w-fit'>\n            {title}\n          </DrawerHeaderTitle>\n          <DrawerClose />\n        </>\n      ) : (\n        children\n      )}\n    </Header>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/header.tsx"],"names":["children","rest","useContext","ViewStackContext","stack","s","Header","e","n","clsx","styles","i","jsxs","Fragment","jsx","DrawerBack","C","level","d","title","DrawerClose","c"],"mappings":"8ZAwBE,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAA,KACGC,CACL,EAAoC,QAC1B,CAAA,CAAA,CAAA,GAAM,EAAIC,CAAAA,CAAWC,KACfC,CAAAA,KAAM,CAAA,CAAA,CAAS,WAAI,CAAAC,gBAAI,CAAA,CAErC,UACGC,CAAA,CAAQ,CAAA,CAAA,CAAGL,CAAAA,CAAM,OAAAM,GAAA,CAAAC,MAAWC,CAAAA,CAAKC,GAAO,CAAA,CAAA,SACtC,CAAAC,IAAA,CAAA,CAAA,CAAA,MACCC,CAAAC,CAAAA,CAAA,CACE,QAAA,CAAA,CAAAC,EAACC,IAAAA,CAAAC,QAAA,CAAW,CAAA,QACO,CAAA,CAAAT,GAAA,CAAOU,UAAAA,CAAQ,EAAA,CAAA,CAAAV,GAAA,CAAAW,iBAAA,CAAA,CAAAC,MACjCC,CAAAA,CAAA,QAOX,CAAA,CAAA,CAAA,CAAA,CAAAb,GAAA,CAAAc,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type ComponentPropsWithRef, useContext } from 'react';\nimport { Header } from 'react-aria-components';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerBack } from './back';\nimport { DrawerClose } from './close';\nimport { DrawerHeaderTitle } from './header-title';\nimport styles from './styles.module.css';\n\nexport function DrawerHeader({\n  className,\n  title,\n  children,\n  ...rest\n}: ComponentPropsWithRef<'header'>) {\n  const { stack } = useContext(ViewStackContext);\n  const level = stack.length > 1 ? 4 : 2;\n\n  return (\n    <Header {...rest} className={clsx(styles.header, className)}>\n      {children == null ? (\n        <>\n          <DrawerBack />\n          <DrawerHeaderTitle level={level}>{title}</DrawerHeaderTitle>\n          <DrawerClose />\n        </>\n      ) : (\n        children\n      )}\n    </Header>\n  );\n}\n"]}

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

@@ -5,15 +5,11 @@ import '@accelint/core';
 import '@react-types/shared';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import '../button/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../view-stack/types.js';
 import '../view-stack/events.js';
 import './events.js';
-import './styles.js';
 
 /**
  * Drawer - Slide-in panel for navigation or contextual content

package/dist/components/drawer/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useRef,useState,useCallback}from'react';import {ViewStack}from'../view-stack/index.js';import {useViewStackEmit}from'../view-stack/context.js';import {DrawerContext}from'./context.js';import {DrawerEventTypes}from'./events.js';import {DrawerStyles}from'./styles.js';const{drawer:I}=DrawerStyles();function z({id:t,children:u,className:w,defaultView:i,placement:p="left",size:m="medium",onChange:d,...v}){const o=useRef(new Set),[a,f]=useState(i||null),r=useViewStackEmit(),g=useCallback(e=>{o.current.has(e?.payload?.view)&&(r.clear(t),r.push(e.payload.view));},[t,r.clear,r.push]),D=useCallback(e=>{o.current.has(e?.payload?.view)&&(r.clear(t),a!==e?.payload?.view&&r.push(e.payload.view));},[t,a,r.clear,r.push]);return useOn(DrawerEventTypes.open,g),useOn(DrawerEventTypes.toggle,D),jsx(DrawerContext.Provider,{value:{register:e=>o.current.add(e),unregister:e=>o.current.delete(e),placement:p},children:jsx(ViewStack,{id:t,defaultView:i,onChange:e=>{f(e),d?.(e);},children:jsx("div",{...v,className:I({className:w}),"data-open":!!a||null,"data-placement":p,"data-size":m,children:u})})})}export{z as Drawer};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useRef,useState,useCallback}from'react';import {ViewStack}from'../view-stack/index.js';import {useViewStackEmit}from'../view-stack/context.js';import {DrawerContext}from'./context.js';import {DrawerEventTypes}from'./events.js';import I from'./styles.module.css';function A({id:t,children:c,className:m,defaultView:n,placement:p="left",size:w="medium",onChange:d,...v}){const o=useRef(new Set),[a,f]=useState(n||null),r=useViewStackEmit(),g=useCallback(e=>{o.current.has(e?.payload?.view)&&(r.clear(t),r.push(e.payload.view));},[t,r.clear,r.push]),y=useCallback(e=>{o.current.has(e?.payload?.view)&&(r.clear(t),a!==e?.payload?.view&&r.push(e.payload.view));},[t,a,r.clear,r.push]);return useOn(DrawerEventTypes.open,g),useOn(DrawerEventTypes.toggle,y),jsx(DrawerContext.Provider,{value:{register:e=>o.current.add(e),unregister:e=>o.current.delete(e),placement:p},children:jsx(ViewStack,{id:t,defaultView:n,onChange:e=>{f(e),d?.(e);},children:jsx("div",{...v,className:clsx("group/drawer",I.drawer,m),"data-open":!!a||null,"data-placement":p,"data-size":w,children:c})})})}export{A as Drawer};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/index.tsx"],"names":["q","children","className","defaultView","placement","size","onChange","rest","views","useRef","setActiveView","useState","y","viewStackEmit","useCallback","data","s","id","activeView","useOn","DrawerEventTypes","handleOpen","jsx","DrawerContext","l","c","n","k","view","ViewStack","E","drawer"],"mappings":"kXAoDO,KAAgB,CACrB,MACA,CAAA,CAAA,CAAA,CAAAA,YAAA,EAAA,CAAAC,SACA,CAAA,CAAA,CAAAC,EACA,CAAA,CAAA,CAAA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,WACZ,CAAAC,CAAAA,CAAO,SACP,CAAA,CAAA,CAAA,MAAAC,CAAAA,IACGC,CACL,CAAA,CAAgB,QACRC,CAAQC,QAAW,CAAe,CAAA,CAClC,GAAaC,CAAa,CAAA,CAAIC,OACnB,CAAA,CACjBC,MAAA,CAEMC,IAAiC,IAEpBC,CAAAA,CAChBC,CAAAA,CAAAA,CAA0B,CACrBP,CAAAA,QAAM,CAAA,CAAA,EAAA,IAAQ,CAAA,CAAA,CAAA,CAAIO,kBAAM,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,EAAA,CAAS,CAAA,CAAA,OACnCH,CAAc,GAAA,CAAA,CAAA,EAAQ,OACR,EAAKE,IAAK,CAAA,GAAA,CAAA,CAAQ,KAAI,CAExC,CAAA,CACA,CAACE,CAAAA,CAAIJ,IAAc,CAAA,CAAA,CAAA,OAAyB,CAC9C,IACqBC,CAAAA,EAClBC,CAAAA,CAAAA,CAA4B,CACvBP,CAAAA,CAAM,CAAA,KAAA,CAAA,CAAQ,KAAIO,CAAAA,CAAM,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,EAAA,CAAS,CAAA,CAAA,OACnCH,CAAc,GAAA,CAAA,CAAA,EAAQ,OACHE,EAAM,IAAA,CAAA,GAAA,CAAS,CAAA,KAChCF,CAAAA,CAAc,MAAKE,CAAK,EAAA,OAAQ,EAAA,IAGtC,EACCE,EAAIC,IAA0B,CAAA,CAAA,CAAA,OAAqB,CAAA,IAGtD,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,CAAAA,CAAMC,CAAAA,CAAiB,KAAMC,CAAU,CAAA,CACvCF,IAAuB,CAAA,CAAA,CAAA,OAGrBG,KAAAA,CAACC,gBAAAA,CAAc,IAAA,CAAA,CAAA,CAAA,CAAAC,KAAd,CACCC,gBAAA,CAAA,MACE,CAAA,CAAA,CAAA,CAAAC,GAAA,CAAAC,aAAA,CAAWC,QAAyB,CAAA,CAAA,OAAYA,QAChD,CAAA,CAAA,EAAA,CAAA,CAAaA,OAAyB,CAAA,GAAA,CAAA,CAAQ,YAC9C,CAAA,CAAA,EAAA,CAAA,CAAA,OAGF,CAAA,MAAAN,EAACO,CAAAA,CAAA,SAEC,CAAA,CAAA,CAAA,CAAA,QACA,CAAAH,GAAA,CAAAI,SAAA,CAAA,CAAA,EAAWF,CAAAA,CAAAA,CAAS,WAEH,CACjB,CAAA,CAEA,QAAA,CAAAN,CAAAA,EAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,GAAGf,CACJ,YAAWwB,CAAOL,GAAE,CAAA,KAAA,CAAA,CAAA,GAAU,CAAC,CAAA,aACpB,SAAgB,CAC3B,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAgBtB,CAAAA,CAChB,EAAA,IAAA,CAAA,gBAECH,CAAAA,CACH,CAAA,WAIR,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { useOn } from '@accelint/bus/react';\nimport type { UniqueId } from '@accelint/core';\nimport 'client-only';\nimport { useCallback, useRef, useState } from 'react';\nimport { ViewStack } from '../view-stack';\nimport { useViewStackEmit } from '../view-stack/context';\nimport { DrawerContext } from './context';\nimport { DrawerEventTypes } from './events';\nimport { DrawerStyles } from './styles';\nimport type { DrawerOpenEvent, DrawerProps, DrawerToggleEvent } from './types';\n\nconst { drawer } = DrawerStyles();\n\n/**\n * Drawer - Slide-in panel for navigation or contextual content\n *\n * A flexible panel that slides in from the viewport edge and supports\n * stacked views, headers, footers, and programmatic triggers.\n *\n * @example\n * const ids = { drawer: uuid(), a: uuid() };\n *\n * <DrawerLayout push=\"left\">\n *   <DrawerLayoutMain>\n *     <DrawerTrigger for={`open:${ids.a}`}>\n *       <Button variant=\"icon\">Open</Button>\n *     </DrawerTrigger>\n *   </DrawerLayoutMain>\n *\n *   <Drawer id={ids.drawer} defaultView={ids.a}>\n *     <DrawerPanel>\n *       <DrawerView id={ids.a}>\n *         <DrawerHeader title=\"Title A\" />\n *         <DrawerContent>Content for View A</DrawerContent>\n *       </DrawerView>\n *     </DrawerPanel>\n *   </Drawer>\n * </DrawerLayout>\n */\nexport function Drawer({\n  id,\n  children,\n  className,\n  defaultView,\n  placement = 'left',\n  size = 'medium',\n  onChange,\n  ...rest\n}: DrawerProps) {\n  const views = useRef(new Set<UniqueId>());\n  const [activeView, setActiveView] = useState<UniqueId | null>(\n    defaultView || null,\n  );\n\n  const viewStackEmit = useViewStackEmit();\n\n  const handleOpen = useCallback(\n    (data: DrawerOpenEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        viewStackEmit.push(data.payload.view);\n      }\n    },\n    [id, viewStackEmit.clear, viewStackEmit.push],\n  );\n  const handleToggle = useCallback(\n    (data: DrawerToggleEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        if (activeView !== data?.payload?.view) {\n          viewStackEmit.push(data.payload.view);\n        }\n      }\n    },\n    [id, activeView, viewStackEmit.clear, viewStackEmit.push],\n  );\n\n  useOn(DrawerEventTypes.open, handleOpen);\n  useOn(DrawerEventTypes.toggle, handleToggle);\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        register: (view: UniqueId) => views.current.add(view),\n        unregister: (view: UniqueId) => views.current.delete(view),\n        placement,\n      }}\n    >\n      <ViewStack\n        id={id}\n        defaultView={defaultView}\n        onChange={(view) => {\n          setActiveView(view);\n          onChange?.(view);\n        }}\n      >\n        <div\n          {...rest}\n          className={drawer({ className })}\n          data-open={!!activeView || null}\n          data-placement={placement}\n          data-size={size}\n        >\n          {children}\n        </div>\n      </ViewStack>\n    </DrawerContext.Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/index.tsx"],"names":["className","rest","activeView","setActiveView","defaultView","h","viewStackEmit","handleOpen","useCallback","data","views","k","s","handleToggle","useOn","DrawerEventTypes","u","jsx","l","i","q","S","view","onChange","clsx","D","placement","children"],"mappings":"uaAqDE,SACA,CAAA,CAAA,CAAA,EAAA,CAAAA,EACA,QAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,SAAO,CAAA,CAAA,CACP,MAAA,CAAA,IACA,CAAA,CAAA,CAAGC,QAEH,CAAA,QAAqB,CAAI,CAAA,CAAA,GACnB,CAACC,CAAAA,CAAYC,CAAa,MAC9BC,CAAe,CAAAC,MAAA,CAAA,IAGXC,GAAiC,CAAA,CAEjCC,CAAAA,CAAaC,CAAAA,CAChBC,CAAAA,CAAAA,QAA0B,CACrBC,CAAAA,EAAM,IAAA,CAAA,CAAA,CAAQ,CAAAC,gBAAA,EAAIF,CAAAA,CAAAA,CAAMG,WAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,WACZ,CAAA,CAAA,EAAA,OACA,EAAA,KAAU,GAAA,CAAA,CAAA,KAAQ,CAAA,CAAI,CAAA,CAExC,CAAA,CACA,KAAmB,CAAA,CAAA,OAAqB,CAAA,IAC1C,CACMC,EAAAA,CAAeL,EAClBC,CAAAA,CAAAA,CAA4B,CACvBC,KAAM,CAAA,CAAA,CAAA,IAAQ,CAAA,CAAID,CAAAA,CAAAA,CAAMG,yBAAa,CAAA,GACzB,CAAA,CAAA,EAAA,SACKH,IAAM,CAAA,GAAA,CAAA,CAAA,KAAS,CAAA,CAAA,CAChCH,CAAAA,CAAc,GAAA,CAAA,EAAKG,SAAa,IAAI,EAG1C,CAAA,CACA,IAAKP,CAAYI,EAAc,OAAOA,CAAc,IAAI,CAC1D,EAAA,CAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAQ,MAAuB,CAAA,CAAA,CAAMP,IAC7BO,CAAMC,CAAAA,CAAiB,OAAQF,KAAY,CAAAG,gBAGzCC,CAAAA,IAAe,CAAA,CAAA,CAAA,CAAAC,KAAA,CAAAF,gBAAA,CAAd,OACQ,CACL,CAAA,CAAAG,GAAA,CAAAC,aAAA,CAAA,QAAoC,CAAA,CAAA,KAAA,CAAQ,CAAA,QAC5C,CAAA,CAAA,EAAA,CAAA,CAAA,OAAgCV,CAAM,GAAA,CAAA,CAAA,CAAA,CAAA,UAAmB,CACzD,CAAA,EAAA,CAAA,CAAA,OACF,CAEA,MAAA,CAAA,CAAA,CAAAO,CAAAA,SAEE,CAAA,CAAA,CAAA,CAAA,QAAab,CAAAA,GACb,CAAAiB,SAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAWC,WAETC,CAAAA,CAAWD,CAAI,QAGjB,CAAA,CAAA,EAAAL,CAAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,GACE,CAAA,EAAGhB,CAAAA,CACJ,YAAWuB,CAAAA,KAAK,CAAA,CAAA,GAAA,CAAA,CAAA,SAAuB,CAAAC,IAAA,CAAA,gBAC5B,CAAC,MAAe,CAAA,CAAA,CAC3B,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,EAAgBC,IAChB,CAAA,gBAEC,CAAA,CAAA,CAAAC,WAKX,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { useOn } from '@accelint/bus/react';\nimport type { UniqueId } from '@accelint/core';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useCallback, useRef, useState } from 'react';\nimport { ViewStack } from '../view-stack';\nimport { useViewStackEmit } from '../view-stack/context';\nimport { DrawerContext } from './context';\nimport { DrawerEventTypes } from './events';\nimport styles from './styles.module.css';\nimport type { DrawerOpenEvent, DrawerProps, DrawerToggleEvent } from './types';\n\n/**\n * Drawer - Slide-in panel for navigation or contextual content\n *\n * A flexible panel that slides in from the viewport edge and supports\n * stacked views, headers, footers, and programmatic triggers.\n *\n * @example\n * const ids = { drawer: uuid(), a: uuid() };\n *\n * <DrawerLayout push=\"left\">\n *   <DrawerLayoutMain>\n *     <DrawerTrigger for={`open:${ids.a}`}>\n *       <Button variant=\"icon\">Open</Button>\n *     </DrawerTrigger>\n *   </DrawerLayoutMain>\n *\n *   <Drawer id={ids.drawer} defaultView={ids.a}>\n *     <DrawerPanel>\n *       <DrawerView id={ids.a}>\n *         <DrawerHeader title=\"Title A\" />\n *         <DrawerContent>Content for View A</DrawerContent>\n *       </DrawerView>\n *     </DrawerPanel>\n *   </Drawer>\n * </DrawerLayout>\n */\nexport function Drawer({\n  id,\n  children,\n  className,\n  defaultView,\n  placement = 'left',\n  size = 'medium',\n  onChange,\n  ...rest\n}: DrawerProps) {\n  const views = useRef(new Set<UniqueId>());\n  const [activeView, setActiveView] = useState<UniqueId | null>(\n    defaultView || null,\n  );\n\n  const viewStackEmit = useViewStackEmit();\n\n  const handleOpen = useCallback(\n    (data: DrawerOpenEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        viewStackEmit.push(data.payload.view);\n      }\n    },\n    [id, viewStackEmit.clear, viewStackEmit.push],\n  );\n  const handleToggle = useCallback(\n    (data: DrawerToggleEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        if (activeView !== data?.payload?.view) {\n          viewStackEmit.push(data.payload.view);\n        }\n      }\n    },\n    [id, activeView, viewStackEmit.clear, viewStackEmit.push],\n  );\n\n  useOn(DrawerEventTypes.open, handleOpen);\n  useOn(DrawerEventTypes.toggle, handleToggle);\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        register: (view: UniqueId) => views.current.add(view),\n        unregister: (view: UniqueId) => views.current.delete(view),\n        placement,\n      }}\n    >\n      <ViewStack\n        id={id}\n        defaultView={defaultView}\n        onChange={(view) => {\n          setActiveView(view);\n          onChange?.(view);\n        }}\n      >\n        <div\n          {...rest}\n          className={clsx('group/drawer', styles.drawer, className)}\n          data-open={!!activeView || null}\n          data-placement={placement}\n          data-size={size}\n        >\n          {children}\n        </div>\n      </ViewStack>\n    </DrawerContext.Provider>\n  );\n}\n"]}

package/dist/components/drawer/layout-main.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{main:e}=DrawerStyles();function a({className:o,...t}){return jsx("main",{...t,className:e({className:o})})}export{a as DrawerLayoutMain};//# sourceMappingURL=layout-main.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import m from'./styles.module.css';function p({className:o,...r}){return jsx("main",{...r,className:clsx(m.main,o)})}export{p as DrawerLayoutMain};//# sourceMappingURL=layout-main.js.map
 //# sourceMappingURL=layout-main.js.map

package/dist/components/drawer/layout-main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/layout-main.tsx"],"names":["DrawerStyles","r","rest","n"],"mappings":"+FAkBA,UAAiBA,CAAAA,CAAa,CAAA,CAEvBC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,MAAM,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,CAAA,UAAc,CACzD,CAAA,CAAA,CAAA,CAAA","file":"layout-main.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { DrawerStyles } from './styles';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst { main } = DrawerStyles();\n\nexport function DrawerLayoutMain({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'main'>) {\n  return <main {...rest} className={main({ className })} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/layout-main.tsx"],"names":["DrawerLayoutMain","className","jsx","rest","clsx","styles"],"mappings":"gIAeO,SAASA,CAAiB,CAC/B,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAkC,CAChC,CAAA,OAAOC,GAAC,CAAA,MAAA,CAAM,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,IAAMJ,CAAS,EAAG,CAClE,CAAA","file":"layout-main.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport function DrawerLayoutMain({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'main'>) {\n  return <main {...rest} className={clsx(styles.main, className)} />;\n}\n"]}

package/dist/components/drawer/layout.d.ts

@@ -5,15 +5,11 @@ import '@accelint/core';
 import '@react-types/shared';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import '../button/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 import '../view-stack/types.js';
 import '../view-stack/events.js';
 import './events.js';
-import './styles.js';
 
 declare function DrawerLayout({ className, extend, push, ...rest }: DrawerLayoutProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/drawer/layout.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{layout:p}=DrawerStyles();function i({className:t,extend:r="left right",push:o,...a}){return jsx("div",{...a,className:p({className:t}),"data-extend":r,"data-push":o})}export{i as DrawerLayout};//# sourceMappingURL=layout.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import p from'./styles.module.css';function y({className:r,extend:t="left right",push:o,...a}){return jsx("div",{...a,className:clsx("group/layout",p.layout,r),"data-extend":t,"data-push":o||null})}export{y as DrawerLayout};//# sourceMappingURL=layout.js.map
 //# sourceMappingURL=layout.js.map

package/dist/components/drawer/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/layout.tsx"],"names":["DrawerStyles","e","rest"],"mappings":"+FAiBA,YAAmBA,EAAa,CAAA,CAEzBC,YAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,qBACA,CAAA,MACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,gBAEK,CAAGA,CAAAA,cACgB,cACpB,CAAA,CAAA,CAAA,CAAA,aACA,CAAA,CAAA,CAAA,WAGN,CAAA,CAAA,CAAA,CAAA","file":"layout.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DrawerStyles } from './styles';\nimport type { DrawerLayoutProps } from './types';\n\nconst { layout } = DrawerStyles();\n\nexport function DrawerLayout({\n  className,\n  extend = 'left right',\n  push,\n  ...rest\n}: DrawerLayoutProps) {\n  return (\n    <div\n      {...rest}\n      className={layout({ className })}\n      data-extend={extend}\n      data-push={push}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/drawer/layout.tsx"],"names":["DrawerLayout","className","extend","push","jsx","rest","clsx","styles"],"mappings":"gIAeO,SAASA,CAAa,CAC3B,CAAA,SAAAC,CAAAA,CACA,OAAAC,CAAAA,CAAS,CAAA,YACT,KAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAsB,CACpB,CAAA,OACEC,GAAC,OACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,IAAK,CAAA,cAAgBC,CAAAA,CAAO,CAAA,MAAQN,CAAS,CAAA,CACxD,CAAA,aAAaC,EACb,CAAA,WAAWC,CAAAA,CAAAA,MACb,CAEJ,CAAA","file":"layout.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { DrawerLayoutProps } from './types';\n\nexport function DrawerLayout({\n  className,\n  extend = 'left right',\n  push,\n  ...rest\n}: DrawerLayoutProps) {\n  return (\n    <div\n      {...rest}\n      className={clsx('group/layout', styles.layout, className)}\n      data-extend={extend}\n      data-push={push || null}\n    />\n  );\n}\n"]}