@accelint/design-toolkit 3.0.0 → 5.0.0

package/dist/components/date-field/styles.d.ts

@@ -1,69 +1,59 @@
 import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
-declare const DateFieldStylesDefault: {
-    readonly size: "medium";
+declare const DateFieldStylesDefaults: {
+    readonly shortMonth: true;
 };
 declare const DateFieldStyles: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            dateInputContainer?: tailwind_merge.ClassNameValue;
-            dateSegment?: tailwind_merge.ClassNameValue;
-            dateInput?: tailwind_merge.ClassNameValue;
-            descriptionText?: tailwind_merge.ClassNameValue;
+    shortMonth: {
+        true: {
+            segment: string[];
         };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            dateInputContainer?: tailwind_merge.ClassNameValue;
-            dateSegment?: tailwind_merge.ClassNameValue;
-            dateInput?: tailwind_merge.ClassNameValue;
-            descriptionText?: tailwind_merge.ClassNameValue;
+        false: {
+            segment: string[];
         };
     };
-} | {}, {
+}, {
     field: string;
-    dateInput: string[];
-    dateInputContainer: string;
-    icon: string[];
-    descriptionText: string[];
+    label: string;
+    control: string[];
+    input: string;
+    segment: string[];
+    description: string[];
     error: string;
-    dateSegment: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
-            field?: tailwind_merge.ClassNameValue;
-            error?: tailwind_merge.ClassNameValue;
-            dateInputContainer?: tailwind_merge.ClassNameValue;
-            dateSegment?: tailwind_merge.ClassNameValue;
-            dateInput?: tailwind_merge.ClassNameValue;
-            descriptionText?: tailwind_merge.ClassNameValue;
+    shortMonth: {
+        true: {
+            segment: string[];
+        };
+        false: {
+            segment: string[];
         };
     };
-} | {}, {
+}, {
     field: string;
-    dateInput: string[];
-    dateInputContainer: string;
-    icon: string[];
-    descriptionText: string[];
+    label: string;
+    control: string[];
+    input: string;
+    segment: string[];
+    description: string[];
     error: string;
-    dateSegment: string;
-}, tailwind_variants.TVReturnType<unknown, {
+}, tailwind_variants.TVReturnType<{
+    shortMonth: {
+        true: {
+            segment: string[];
+        };
+        false: {
+            segment: string[];
+        };
+    };
+}, {
     field: string;
-    dateInput: string[];
-    dateInputContainer: string;
-    icon: string[];
-    descriptionText: string[];
+    label: string;
+    control: string[];
+    input: string;
+    segment: string[];
+    description: string[];
     error: string;
-    dateSegment: string;
 }, undefined, unknown, unknown, undefined>>;
 
-export { DateFieldStyles, DateFieldStylesDefault };
+export { DateFieldStyles, DateFieldStylesDefaults };

package/dist/components/date-field/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const t={size:"medium"},l=tv({slots:{field:"group/date-field flex flex-col gap-xs",dateInput:["group/date-field flex w-full gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled","text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus-visible-within:outline-highlight","invalid:outline-serious","size-medium:pl-[32px] size-medium:text-body-s","size-small:text-body-xs"],dateInputContainer:"relative flex",icon:["-translate-y-1/2 absolute top-1/2 left-s text-default-light","group-disabled/date-field:text-disabled"],descriptionText:["fg-default-dark text-body-xs empty:hidden","group-disabled/date-field:fg-disabled"],error:"fg-serious text-body-xs empty:hidden",dateSegment:"focus-visible:bg-highlight focus-visible:text-inverse-light focus-visible:outline-none"},defaultVariants:t});export{l as DateFieldStyles,t as DateFieldStylesDefault};//# sourceMappingURL=styles.js.map
+import {tv}from'tailwind-variants';const t={shortMonth:true},o=tv({slots:{field:"group/date-field flex flex-col gap-xs",label:"",control:["flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive","group-size-medium/date-field:text-body-s","group-size-small/date-field:text-body-xs","fg-primary-bold","hover:outline-interactive-hover","focus-visible-within:outline-accent-primary-bold","group-invalid/date-field:outline-serious-bold","group-disabled/date-field:placeholder:fg-disabled group-disabled/date-field:fg-disabled group-disabled/date-field:outline-interactive-disabled"],input:"flex gap-xs",segment:["text-right","placeholder-shown:fg-primary-muted","focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none"],description:["fg-primary-muted text-body-xs","group-disabled/date-field:fg-disabled"],error:"fg-serious-bold text-body-xs"},variants:{shortMonth:{true:{segment:["group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]"]},false:{segment:["group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]","group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]"]}}},defaultVariants:t});export{o as DateFieldStyles,t as DateFieldStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/date-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/styles.ts"],"names":["DateFieldStylesDefault","DateFieldStyles","tv"],"mappings":"mCAcO,MAAMA,EAAyB,CACpC,IAAA,CAAM,QACR,CAAA,CAEaC,CAAAA,CAAkBC,GAAG,CAChC,KAAA,CAAO,CACL,KAAA,CAAO,uCAAA,CACP,UAAW,CACT,wGAAA,CACA,kGACA,yHAAA,CACA,yBAAA,CACA,gDACA,yBACF,CAAA,CACA,mBAAoB,eAAA,CACpB,IAAA,CAAM,CACJ,6DAAA,CACA,yCACF,EACA,eAAA,CAAiB,CACf,4CACA,uCACF,CAAA,CACA,MAAO,sCAAA,CACP,WAAA,CACE,wFACJ,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.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 { tv } from 'tailwind-variants';\n\nexport const DateFieldStylesDefault = {\n  size: 'medium',\n} as const;\n\nexport const DateFieldStyles = tv({\n  slots: {\n    field: 'group/date-field flex flex-col gap-xs',\n    dateInput: [\n      'group/date-field flex w-full gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled',\n      'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus-visible-within:outline-highlight',\n      'invalid:outline-serious',\n      'size-medium:pl-[32px] size-medium:text-body-s',\n      'size-small:text-body-xs',\n    ],\n    dateInputContainer: 'relative flex',\n    icon: [\n      '-translate-y-1/2 absolute top-1/2 left-s text-default-light',\n      'group-disabled/date-field:text-disabled',\n    ],\n    descriptionText: [\n      'fg-default-dark text-body-xs empty:hidden',\n      'group-disabled/date-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs empty:hidden',\n    dateSegment:\n      'focus-visible:bg-highlight focus-visible:text-inverse-light focus-visible:outline-none',\n  },\n  defaultVariants: DateFieldStylesDefault,\n});\n"]}
+{"version":3,"sources":["../../../src/components/date-field/styles.ts"],"names":["DateFieldStylesDefaults","DateFieldStyles","tv"],"mappings":"mCAcO,MAAMA,EAA0B,CACrC,UAAA,CAAY,IACd,CAAA,CAEaC,CAAAA,CAAkBC,EAAAA,CAAG,CAChC,KAAA,CAAO,CACL,KAAA,CAAO,uCAAA,CACP,KAAA,CAAO,EAAA,CACP,OAAA,CAAS,CACP,oGAAA,CACA,0CAAA,CACA,2CACA,iBAAA,CACA,iCAAA,CACA,kDAAA,CACA,+CAAA,CACA,gJACF,CAAA,CACA,KAAA,CAAO,aAAA,CACP,QAAS,CACP,YAAA,CACA,oCAAA,CACA,iGACF,CAAA,CACA,WAAA,CAAa,CACX,+BAAA,CACA,uCACF,CAAA,CACA,KAAA,CAAO,8BACT,CAAA,CACA,QAAA,CAAU,CACR,UAAA,CAAY,CACV,KAAM,CACJ,OAAA,CAAS,CACP,4FAAA,CACA,4FACF,CACF,CAAA,CACA,KAAA,CAAO,CACL,OAAA,CAAS,CACP,4FAAA,CACA,4FACF,CACF,CACF,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","file":"styles.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 { tv } from 'tailwind-variants';\n\nexport const DateFieldStylesDefaults = {\n  shortMonth: true,\n} as const;\n\nexport const DateFieldStyles = tv({\n  slots: {\n    field: 'group/date-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex w-full items-center gap-xs rounded-medium px-s py-xs font-display outline outline-interactive',\n      'group-size-medium/date-field:text-body-s',\n      'group-size-small/date-field:text-body-xs',\n      'fg-primary-bold',\n      'hover:outline-interactive-hover',\n      'focus-visible-within:outline-accent-primary-bold',\n      'group-invalid/date-field:outline-serious-bold',\n      'group-disabled/date-field:placeholder:fg-disabled group-disabled/date-field:fg-disabled group-disabled/date-field:outline-interactive-disabled',\n    ],\n    input: 'flex gap-xs',\n    segment: [\n      'text-right',\n      'placeholder-shown:fg-primary-muted',\n      'focus-visible:fg-a11y-on-accent focus-visible:bg-accent-primary-bold focus-visible:outline-none',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/date-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n  },\n  variants: {\n    shortMonth: {\n      true: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(3ch+(3*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n      false: {\n        segment: [\n          'group-size-medium/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-s-spacing)))]',\n          'group-size-small/date-field:type-month:w-[calc(2ch+(2*var(--typography-body-xs-spacing)))]',\n        ],\n      },\n    },\n  },\n  defaultVariants: DateFieldStylesDefaults,\n});\n"]}

package/dist/components/date-field/types.d.ts

@@ -1,29 +1,26 @@
-import { ForwardedRef } from 'react';
-import { DateValue, DateFieldProps as DateFieldProps$1, DateInputProps as DateInputProps$1, LabelProps, FieldErrorProps } from 'react-aria-components';
+import { DateValue, DateFieldProps as DateFieldProps$1, LabelProps, DateInputProps, DateSegmentProps, FieldErrorProps } from 'react-aria-components';
 import { VariantProps } from 'tailwind-variants';
 import { DateFieldStyles } from './styles.js';
-import 'tailwind-merge';
 
-interface DateInputProps extends VariantProps<typeof DateFieldStyles>, Omit<DateInputProps$1, 'size'> {
-    ref?: ForwardedRef<HTMLDivElement>;
-    size?: 'small' | 'medium';
-    isInvalid?: boolean;
-}
-interface DateFieldProps<T extends DateValue> extends VariantProps<typeof DateFieldStyles>, Omit<DateFieldProps$1<T>, 'style' | 'className'>, Omit<DateInputProps$1, 'children' | 'style'> {
+type DateFieldProps<T extends DateValue> = Omit<DateFieldProps$1<T>, 'children' | 'className' | 'placeholder'> & VariantProps<typeof DateFieldStyles> & {
     classNames?: {
         field?: DateFieldProps$1<T>['className'];
         label?: LabelProps['className'];
+        control?: string;
         input?: DateInputProps['className'];
+        segment?: DateSegmentProps['className'];
         description?: string;
         error?: FieldErrorProps['className'];
     };
-    size?: 'small' | 'medium';
+    label?: string;
     description?: string;
     errorMessage?: string;
-    label?: string;
-    placeholder?: string;
+    inputProps?: Omit<DateInputProps, 'children' | 'className'>;
+    /**
+     * When true, will convert month value to 3 letter abbreviation when not editing
+     */
     shortMonth?: boolean;
-    isRequired?: boolean;
-}
+    size?: 'small' | 'medium';
+};
 
-export type { DateFieldProps, DateInputProps };
+export type { DateFieldProps };

package/dist/components/details-list/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { DetailsListProps, DetailsListLabelProps, DetailsListValueProps } from './types.js';
 import 'tailwind-variants';
 import './styles.js';

package/dist/components/details-list/index.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {containsExactChildren}from'./../../lib/react.js';import {createContext}from'react';import {useContextProps,TextContext,DEFAULT_SLOT,Text}from'react-aria-components';import {DetailsListStyles,DetailsListStylesDefaults}from'./styles.js';const {list:N,label:b,value:f}=DetailsListStyles(),n=createContext(null);function m({children:e,...s}){return jsx(n.Provider,{value:s,children:e})}m.displayName="DetailsListProvider.Provider";function L(e){return jsx(Text,{...e,elementType:"dt",slot:"label"})}L.displayName="DetailsList.Label";function p(e){return jsx(Text,{...e,elementType:"dd",slot:"value"})}p.displayName="DetailsList.Value";function t({ref:e,...s}){[s,e]=useContextProps(s,e??null,n);const{children:o,classNames:i,align:a=DetailsListStylesDefaults.align,...u}=s;return containsExactChildren({children:o,componentName:t.displayName,restrictions:[[t.Label,{min:1}],[t.Value,{min:1}]]}),jsx(TextContext,{value:{slots:{[DEFAULT_SLOT]:{},label:{className:b({className:i?.label,align:a})},value:{className:f({className:i?.value,align:a})}}},children:jsx("dl",{...u,className:N({className:i?.list,align:a}),children:o})})}t.displayName="DetailsList",t.Provider=m,t.Label=L,t.Value=p;export{t as DetailsList,n as DetailsListContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,TextContext,DEFAULT_SLOT,Text}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {DetailsListStyles,DetailsListStylesDefaults}from'./styles.js';const {list:N,label:b,value:f}=DetailsListStyles(),n=createContext(null);function m({children:e,...s}){return jsx(n.Provider,{value:s,children:e})}m.displayName="DetailsListProvider.Provider";function L(e){return jsx(Text,{...e,elementType:"dt",slot:"label"})}L.displayName="DetailsList.Label";function p(e){return jsx(Text,{...e,elementType:"dd",slot:"value"})}p.displayName="DetailsList.Value";function t({ref:e,...s}){[s,e]=useContextProps(s,e??null,n);const{children:o,classNames:i,align:a=DetailsListStylesDefaults.align,...u}=s;return containsExactChildren({children:o,componentName:t.displayName,restrictions:[[t.Label,{min:1}],[t.Value,{min:1}]]}),jsx(TextContext,{value:{slots:{[DEFAULT_SLOT]:{},label:{className:b({className:i?.label,align:a})},value:{className:f({className:i?.value,align:a})}}},children:jsx("dl",{...u,className:N({className:i?.list,align:a}),children:o})})}t.displayName="DetailsList",t.Provider=m,t.Label=L,t.Value=p;export{t as DetailsList,n as DetailsListContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/details-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/details-list/index.tsx"],"names":["label","value","DetailsListContext","y","props","jsx","l","DetailsListProvider","Text","r","useContextProps","ref","v","classNames","rest","D","DetailsList","TextContext","P","d","align","children","DetailsListValue"],"mappings":"2SA+Bc,MAAAA,CAAAA,IAAO,CAAA,CAAA,CAAAC,KAA4B,CAAA,CAEpCC,CAAAA,KACqD,CAAA,CAAI,CAAA,CAEtEC,wCACE,EAAA,SACA,CAAA,CAAA,CAAGC,QAEH,CAAA,CAAA,CACEC,GAACH,CAAmB,CAAA,CAAA,CAAA,OAASI,GAAA,CAAA,CAAA,CAAA,QAC1B,CAAA,CAAA,KACH,CAEJ,CACAC,CAAAA,QAAoB,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,8BAEsB,CACtD,SAAQC,CAAAA,CAAA,CAAM,CAAA,CAAA,OAAUF,GAAA,CAAAG,IAAA,CAAA,CAAA,GAAY,CAAA,CAAA,WAAU,CAAA,IAAQ,CACxD,IACiB,CAAA,OAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,mBAEyB,CACtD,SAAQD,CAAAA,CAAA,CAAM,CAAA,CAAA,OAAUF,GAAA,CAAAG,IAAA,CAAA,CAAA,GAAY,CAAA,CAAA,WAAU,CAAA,IAAQ,CACxD,IACiB,CAAA,OAAA,CAAA,CAAA,CAAc,iCA+BD,CAAA,SAAc,CAAqB,CAC/D,CAACL,GAAU,CAAA,CAAIM,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMT,CAAkB,CAAAU,eAErE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAAkC,CAAA,CAAA,CAAA,KAC/BC,CACL,CAAA,CAAIV,yBAAAA,CAEJ,KAAA,CAAA,GAAsB,CACpB,CAAA,CAAA,CAAA,CAAA,OACAW,qBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAeC,aAAY,CAC3B,CAAA,CAAA,WAAc,CACZ,YAAsB,CAAA,CAAK,CAAE,CAAC,CAAA,KACjB,CAAA,CAAA,GAAO,CAAE,CAAA,CAAA,CAAA,CAAK,CAAE,CAAC,CAChC,KAIAX,CAACY,CAAAA,GACC,CAAA,CAAA,CAAA,CAAA,CAAO,CACL,CAAA,CAAAX,GAAA,CAAAY,WAAA,CAAO,CACL,KAAiB,CAAA,CACjB,MAAO,CAAE,CAAAC,YAAA,EAAA,EAAA,CAAA,KAAiB,CAAE,CAAA,SAAWN,CAAAA,CAAAA,CAAY,CAAA,SAAO,CAAA,CAAAO,EAAO,KACjE,CAAA,gBAA0B,CAAE,CAAA,SAAWP,CAAAA,CAAAA,CAAY,CAAA,SAAO,CAAA,CAAAO,EAAO,KAIrE,CAAA,KAAA,CAAA,CAAA,CAAAf,CAAAA,CAAC,WAAa,CAAAC,GAAA,CAAA,IAAA,CAAA,CAAA,GAAgB,CAAE,CAAA,SAAWO,CAAAA,CAAAA,CAAY,CAAA,SAAM,CAAAO,CAAM,EAAC,IACjE,CAAA,KAAAC,CAAAA,CACH,EACF,CAEJ,QACY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAC1BL,aACAA,CAAAA,CAAY,CAAA,QACZA,CAAY,CAAA,CAAA,CAAA,CAAA,KAAQM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA","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 { containsExactChildren } from '@/lib/react';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  DEFAULT_SLOT,\n  Text,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { DetailsListStyles, DetailsListStylesDefaults } from './styles';\nimport type {\n  DetailsListLabelProps,\n  DetailsListProps,\n  DetailsListValueProps,\n} from './types';\n\nconst { list, label, value } = DetailsListStyles();\n\nexport const DetailsListContext =\n  createContext<ContextValue<DetailsListProps, HTMLDListElement>>(null);\n\nfunction DetailsListProvider({\n  children,\n  ...props\n}: ProviderProps<DetailsListProps>) {\n  return (\n    <DetailsListContext.Provider value={props}>\n      {children}\n    </DetailsListContext.Provider>\n  );\n}\nDetailsListProvider.displayName = 'DetailsListProvider.Provider';\n\nfunction DetailsListLabel(props: DetailsListLabelProps) {\n  return <Text {...props} elementType='dt' slot='label' />;\n}\nDetailsListLabel.displayName = 'DetailsList.Label';\n\nfunction DetailsListValue(props: DetailsListValueProps) {\n  return <Text {...props} elementType='dd' slot='value' />;\n}\nDetailsListValue.displayName = 'DetailsList.Value';\n\n/**\n * A semantic details list component for displaying metadata in key-value pairs.\n * Uses CSS Grid layout with labels in the first column and values in the second column.\n * Perfect for map object details, user profiles, or any structured information.\n *\n * @example\n * ```tsx\n * <DetailsList align=\"left\">\n *   <DetailsList.Label>Key</DetailsList.Label>\n *   <DetailsList.Value>Value</DetailsList.Value>\n *\n *   <DetailsList.Label>Ships</DetailsList.Label>\n *   <DetailsList.Value>Millennium Falcon</DetailsList.Value>\n *   <DetailsList.Value>USS Enterprise NCC-1701</DetailsList.Value>\n *   <DetailsList.Value>Serenity</DetailsList.Value>\n *\n *   <DetailsList.Label>Coordinates</DetailsList.Label>\n *   <DetailsList.Value>\n *     <div>Great Pyramid of Giza: 29°58'44\" N 31°08'02\" E</div>\n *     <div>Machu Picchu: 13°09'47\" S 72°32'41\" W</div>\n *     <div>Colosseum: 41°53'24\" N 12°29'32\" E</div>\n *     <div>Taj Mahal: 27°10'30\" N 78°02'31\" E</div>\n *   </DetailsList.Value>\n * </DetailsList>\n * ```\n * ## Child Component Behavior\n * - **DetailsList.Label**: Minimum of 1\n * - **DetailsList.Value**: Minimum of 1\n */\nexport function DetailsList({ ref, ...props }: DetailsListProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DetailsListContext);\n\n  const {\n    children,\n    classNames,\n    align = DetailsListStylesDefaults.align,\n    ...rest\n  } = props;\n\n  containsExactChildren({\n    children,\n    componentName: DetailsList.displayName,\n    restrictions: [\n      [DetailsList.Label, { min: 1 }],\n      [DetailsList.Value, { min: 1 }],\n    ],\n  });\n\n  return (\n    <TextContext\n      value={{\n        slots: {\n          [DEFAULT_SLOT]: {},\n          label: { className: label({ className: classNames?.label, align }) },\n          value: { className: value({ className: classNames?.value, align }) },\n        },\n      }}\n    >\n      <dl {...rest} className={list({ className: classNames?.list, align })}>\n        {children}\n      </dl>\n    </TextContext>\n  );\n}\nDetailsList.displayName = 'DetailsList';\nDetailsList.Provider = DetailsListProvider;\nDetailsList.Label = DetailsListLabel;\nDetailsList.Value = DetailsListValue;\n"]}
+{"version":3,"sources":["../../../src/components/details-list/index.tsx"],"names":["label","value","DetailsListContext","y","props","jsx","l","DetailsListProvider","Text","r","useContextProps","ref","P","classNames","rest","v","DetailsList","TextContext","d","c","align","children","DetailsListValue"],"mappings":"2SA+Bc,MAAAA,CAAAA,IAAO,CAAA,CAAA,CAAAC,KAA4B,CAAA,CAEpCC,CAAAA,KACqD,CAAA,CAAI,CAAA,CAEtEC,wCACE,EAAA,SACA,CAAA,CAAA,CAAGC,QAEH,CAAA,CAAA,CACEC,GAACH,CAAmB,CAAA,CAAA,CAAA,OAASI,GAAA,CAAA,CAAA,CAAA,QAC1B,CAAA,CAAA,KACH,CAEJ,CACAC,CAAAA,QAAoB,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,8BAEsB,CACtD,SAAQC,CAAAA,CAAA,CAAM,CAAA,CAAA,OAAUF,GAAA,CAAAG,IAAA,CAAA,CAAA,GAAY,CAAA,CAAA,WAAU,CAAA,IAAQ,CACxD,IACiB,CAAA,OAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,mBAEyB,CACtD,SAAQD,CAAAA,CAAA,CAAM,CAAA,CAAA,OAAUF,GAAA,CAAAG,IAAA,CAAA,CAAA,GAAY,CAAA,CAAA,WAAU,CAAA,IAAQ,CACxD,IACiB,CAAA,OAAA,CAAA,CAAA,CAAc,iCA+BD,CAAA,SAAc,CAAqB,CAC/D,CAACL,GAAU,CAAA,CAAIM,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMT,CAAkB,CAAAU,eAErE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAAkC,CAAA,CAAA,CAAA,KAC/BC,CACL,CAAA,CAAIV,yBAAAA,CAEJ,KAAA,CAAA,GAAsB,CACpB,CAAA,CAAA,CAAA,CAAA,OACAW,qBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAeC,aAAY,CAC3B,CAAA,CAAA,WAAc,CACZ,YAAsB,CAAA,CAAK,CAAE,CAAC,CAAA,KACjB,CAAA,CAAA,GAAO,CAAE,CAAA,CAAA,CAAA,CAAK,CAAE,CAAC,CAChC,KAIAX,CAACY,CAAAA,GACC,CAAA,CAAA,CAAA,CAAA,CAAO,CACL,CAAA,CAAAX,GAAA,CAAAY,WAAA,CAAO,CACL,KAAiB,CAAA,CACjB,MAAO,CAAE,CAAAC,YAAA,EAAA,EAAA,CAAA,KAAiB,CAAE,CAAA,SAAWN,CAAAA,CAAAA,CAAY,CAAA,SAAO,CAAA,CAAAO,EAAO,KACjE,CAAA,gBAA0B,CAAE,CAAA,SAAWP,CAAAA,CAAAA,CAAY,CAAA,SAAO,CAAA,CAAAO,EAAO,KAIrE,CAAA,KAAA,CAAA,CAAA,CAAAf,CAAAA,CAAC,WAAa,CAAAC,GAAA,CAAA,IAAA,CAAA,CAAA,GAAgB,CAAE,CAAA,SAAWO,CAAAA,CAAAA,CAAY,CAAA,SAAM,CAAAO,CAAM,EAAC,IACjE,CAAA,KAAAC,CAAAA,CACH,EACF,CAEJ,QACY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAC1BL,aACAA,CAAAA,CAAY,CAAA,QACZA,CAAY,CAAA,CAAA,CAAA,CAAA,KAAQM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA","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 { createContext } from 'react';\nimport {\n  type ContextValue,\n  DEFAULT_SLOT,\n  Text,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { DetailsListStyles, DetailsListStylesDefaults } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type {\n  DetailsListLabelProps,\n  DetailsListProps,\n  DetailsListValueProps,\n} from './types';\n\nconst { list, label, value } = DetailsListStyles();\n\nexport const DetailsListContext =\n  createContext<ContextValue<DetailsListProps, HTMLDListElement>>(null);\n\nfunction DetailsListProvider({\n  children,\n  ...props\n}: ProviderProps<DetailsListProps>) {\n  return (\n    <DetailsListContext.Provider value={props}>\n      {children}\n    </DetailsListContext.Provider>\n  );\n}\nDetailsListProvider.displayName = 'DetailsListProvider.Provider';\n\nfunction DetailsListLabel(props: DetailsListLabelProps) {\n  return <Text {...props} elementType='dt' slot='label' />;\n}\nDetailsListLabel.displayName = 'DetailsList.Label';\n\nfunction DetailsListValue(props: DetailsListValueProps) {\n  return <Text {...props} elementType='dd' slot='value' />;\n}\nDetailsListValue.displayName = 'DetailsList.Value';\n\n/**\n * A semantic details list component for displaying metadata in key-value pairs.\n * Uses CSS Grid layout with labels in the first column and values in the second column.\n * Perfect for map object details, user profiles, or any structured information.\n *\n * @example\n * ```tsx\n * <DetailsList align=\"left\">\n *   <DetailsList.Label>Key</DetailsList.Label>\n *   <DetailsList.Value>Value</DetailsList.Value>\n *\n *   <DetailsList.Label>Ships</DetailsList.Label>\n *   <DetailsList.Value>Millennium Falcon</DetailsList.Value>\n *   <DetailsList.Value>USS Enterprise NCC-1701</DetailsList.Value>\n *   <DetailsList.Value>Serenity</DetailsList.Value>\n *\n *   <DetailsList.Label>Coordinates</DetailsList.Label>\n *   <DetailsList.Value>\n *     <div>Great Pyramid of Giza: 29°58'44\" N 31°08'02\" E</div>\n *     <div>Machu Picchu: 13°09'47\" S 72°32'41\" W</div>\n *     <div>Colosseum: 41°53'24\" N 12°29'32\" E</div>\n *     <div>Taj Mahal: 27°10'30\" N 78°02'31\" E</div>\n *   </DetailsList.Value>\n * </DetailsList>\n * ```\n * ## Child Component Behavior\n * - **DetailsList.Label**: Minimum of 1\n * - **DetailsList.Value**: Minimum of 1\n */\nexport function DetailsList({ ref, ...props }: DetailsListProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DetailsListContext);\n\n  const {\n    children,\n    classNames,\n    align = DetailsListStylesDefaults.align,\n    ...rest\n  } = props;\n\n  containsExactChildren({\n    children,\n    componentName: DetailsList.displayName,\n    restrictions: [\n      [DetailsList.Label, { min: 1 }],\n      [DetailsList.Value, { min: 1 }],\n    ],\n  });\n\n  return (\n    <TextContext\n      value={{\n        slots: {\n          [DEFAULT_SLOT]: {},\n          label: { className: label({ className: classNames?.label, align }) },\n          value: { className: value({ className: classNames?.value, align }) },\n        },\n      }}\n    >\n      <dl {...rest} className={list({ className: classNames?.list, align })}>\n        {children}\n      </dl>\n    </TextContext>\n  );\n}\nDetailsList.displayName = 'DetailsList';\nDetailsList.Provider = DetailsListProvider;\nDetailsList.Label = DetailsListLabel;\nDetailsList.Value = DetailsListValue;\n"]}

package/dist/components/details-list/styles.d.ts

@@ -60,6 +60,6 @@ declare const DetailsListStyles: tailwind_variants.TVReturnType<{
     list: string;
     label: string;
     value: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { DetailsListStyles, DetailsListStylesDefaults };

package/dist/components/details-list/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const l={align:"justify"},a=tv({slots:{list:"grid grid-cols-[auto_1fr] gap-x-m font-display text-body-m",label:"fg-default-dark col-start-1",value:"fg-default-light col-start-2"},variants:{align:{left:{label:"text-left",value:"text-left"},center:{label:"text-right",value:"text-left"},justify:{label:"text-left",value:"text-right"}}},defaultVariants:l});export{a as DetailsListStyles,l as DetailsListStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const l={align:"justify"},a=tv({slots:{list:"grid grid-cols-[auto_1fr] gap-x-m font-display text-body-m",label:"fg-primary-muted col-start-1",value:"fg-primary-bold col-start-2"},variants:{align:{left:{label:"text-left",value:"text-left"},center:{label:"text-right",value:"text-left"},justify:{label:"text-left",value:"text-right"}}},defaultVariants:l});export{a as DetailsListStyles,l as DetailsListStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/details-list/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/details-list/styles.ts"],"names":["t"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KACT,CAAA,SAGE,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,4DACC,CAAA,KAAA,CAAA,6BACA,CAAA,KAAA,CAAA,8BAET,CAAU,CACR,eACU,CAAA,CAAA,uBAA2B,CAAA,KAAA,CAAA,WACzB,CAAA,CAAA,MAAO,CAAA,CAAA,KAAA,CAAA,YAAqB,CAAA,KAAA,CAAA,WAC7B,CAAE,CAAA,OAAO,CAAA,CAAA,KAAA,CAAA,WAAoB,CAAA,KAAA,CAAA,YAG1C,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const DetailsListStylesDefaults = {\n  align: 'justify',\n} as const;\n\nexport const DetailsListStyles = tv({\n  slots: {\n    list: 'grid grid-cols-[auto_1fr] gap-x-m font-display text-body-m',\n    label: 'fg-default-dark col-start-1',\n    value: 'fg-default-light col-start-2',\n  },\n  variants: {\n    align: {\n      left: { label: 'text-left', value: 'text-left' },\n      center: { label: 'text-right', value: 'text-left' },\n      justify: { label: 'text-left', value: 'text-right' },\n    },\n  },\n  defaultVariants: DetailsListStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/details-list/styles.ts"],"names":["t"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KACT,CAAA,SAGE,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,4DACC,CAAA,KAAA,CAAA,8BACA,CAAA,KAAA,CAAA,6BAET,CAAU,CACR,eACU,CAAA,CAAA,uBAA2B,CAAA,KAAA,CAAA,WACzB,CAAA,CAAA,MAAO,CAAA,CAAA,KAAA,CAAA,YAAqB,CAAA,KAAA,CAAA,WAC7B,CAAE,CAAA,OAAO,CAAA,CAAA,KAAA,CAAA,WAAoB,CAAA,KAAA,CAAA,YAG1C,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const DetailsListStylesDefaults = {\n  align: 'justify',\n} as const;\n\nexport const DetailsListStyles = tv({\n  slots: {\n    list: 'grid grid-cols-[auto_1fr] gap-x-m font-display text-body-m',\n    label: 'fg-primary-muted col-start-1',\n    value: 'fg-primary-bold col-start-2',\n  },\n  variants: {\n    align: {\n      left: { label: 'text-left', value: 'text-left' },\n      center: { label: 'text-right', value: 'text-left' },\n      justify: { label: 'text-left', value: 'text-right' },\n    },\n  },\n  defaultVariants: DetailsListStylesDefaults,\n});\n"]}

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

@@ -1,21 +1,21 @@
-import * as react from 'react';
-import { RefObject, PropsWithChildren, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DialogTriggerProps, DialogRenderProps } from 'react-aria-components';
-import { ButtonProps } from '../button/types.js';
-import '../../lib/types.js';
-import 'tailwind-variants';
-import '../button/styles.js';
-import 'tailwind-merge';
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import { DialogTrigger, HeadingProps, ContextValue } from 'react-aria-components';
+import { DialogProps } from './types.js';
 
-type DialogSize = 'sm' | 'lg';
-interface DialogProps extends DialogTriggerProps {
-    size?: DialogSize;
-    isDismissable?: boolean;
-    isKeyboardDismissDisabled?: boolean;
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    parentRef?: RefObject<HTMLElement | null>;
+declare const DialogContext: react.Context<ContextValue<DialogProps, HTMLDivElement>>;
+declare function DialogTitle({ children, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare namespace DialogTitle {
+    var displayName: string;
+}
+declare function DialogContent({ children, className }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare namespace DialogContent {
+    var displayName: string;
+}
+declare function DialogFooter({ children, className }: ComponentProps<'footer'>): react_jsx_runtime.JSX.Element;
+declare namespace DialogFooter {
+    var displayName: string;
 }
 /**
  * Dialog - A modal dialog component for important content and interactions
@@ -26,9 +26,9 @@ interface DialogProps extends DialogTriggerProps {
  *
  * @example
  * // Basic dialog with trigger
- * <Dialog>
+ * <Dialog.Trigger>
  *   <Button>Open Dialog</Button>
- *   <Dialog.Body>
+ *   <Dialog>
  *     {({ close }) => (
  *       <>
  *         <Dialog.Title>Confirm Action</Dialog.Title>
@@ -38,26 +38,16 @@ interface DialogProps extends DialogTriggerProps {
  *         </Dialog.Footer>
  *       </>
  *     )}
- *   </Dialog.Body>
- * </Dialog>
+ *   </Dialog>
+ * </Dialog.Trigger>
  */
-declare const Dialog: {
-    ({ children, size, isOpen, onOpenChange, isDismissable, isKeyboardDismissDisabled, parentRef, }: DialogProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-    Button: ({ children, className, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
-    Content: ({ children, className, }: PropsWithChildren<{
-        className?: string;
-    }>) => react_jsx_runtime.JSX.Element;
-    Footer: ({ children, className, }: PropsWithChildren<{
-        className?: string;
-    }>) => react_jsx_runtime.JSX.Element;
-    Title: ({ children, className, }: PropsWithChildren<{
-        className?: string;
-    }>) => react_jsx_runtime.JSX.Element;
-    Body: react.ForwardRefExoticComponent<DialogBodyProps & react.RefAttributes<HTMLDivElement>>;
-};
-interface DialogBodyProps {
-    children: ReactNode | ReactNode[] | ((opts: DialogRenderProps) => ReactNode);
+declare function Dialog({ ref, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+    var Trigger: typeof DialogTrigger;
+    var Title: typeof DialogTitle;
+    var Content: typeof DialogContent;
+    var Footer: typeof DialogFooter;
 }
 
-export { Dialog, type DialogProps };
+export { Dialog, DialogContext };

package/dist/components/dialog/index.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {cn}from'./../../lib/utils.js';import {useIsSSR}from'@react-aria/ssr';import'client-only';import {cva}from'class-variance-authority';import {createContext,forwardRef,useState,useEffect,useContext}from'react';import {ModalOverlay,Modal,Dialog,DialogTrigger,Heading}from'react-aria-components';import {Button}from'../button/index.js';const M=cva("flex flex-col align-end font-light text-body-m text-default-dark",{variants:{size:{sm:"min-w-[280px] max-w-[280px] rounded-medium p-l",lg:"min-w-[320px] max-w-[720px] rounded-large p-xl"},defaultVariants:{size:"sm"}}}),E={sm:"small",lg:"medium"},b=createContext({size:"sm"}),r=()=>{const e=useContext(b);if(!e)throw new Error("Dialog components must be used within <Dialog>");return e},l=({children:e,size:t,isOpen:o,onOpenChange:i,isDismissable:a=true,isKeyboardDismissDisabled:m=true,parentRef:p})=>jsx(DialogTrigger,{children:jsx(b.Provider,{value:{size:t??"sm",isDismissable:a,isOpen:o,onOpenChange:i,parentRef:p,isKeyboardDismissDisabled:m},children:e})});l.displayName="Dialog";const x=forwardRef(({children:e,...t},o)=>{const{size:i,isDismissable:a,isOpen:m,onOpenChange:p,parentRef:c,isKeyboardDismissDisabled:y}=r(),d=useIsSSR(),[u,D]=useState(d?null:document.body);return useEffect(()=>{const f=c?.current,g=d?null:document.createElement("div");return f&&g&&(f.appendChild(g),D(g)),()=>{g?.remove(),D(d?null:document.body);}},[d,c]),u?jsx(ModalOverlay,{UNSTABLE_portalContainer:u,isKeyboardDismissDisabled:!a&&y,isOpen:m,onOpenChange:p,isDismissable:a,className:"absolute inset-0 flex items-center justify-center",...t,children:jsx(Modal,{ref:o,className:cn("flex flex-col justify-center bg-surface-overlay align-start",i==="sm"&&"rounded-medium",i==="lg"&&"rounded-large"),children:jsx(Dialog,{className:M({size:i}),children:e})})}):null});x.displayName="DialogBody";const H=({children:e,className:t})=>{const{size:o}=r();return jsx("div",{className:cn("flex flex-col",o==="sm"&&"gap-xs",o==="lg"&&"gap-l",t),children:e})},j=({children:e,className:t})=>{const{size:o}=r();return jsx(Heading,{slot:"title",className:cn("text-default-light",o==="sm"&&"mb-s text-header-m",o==="lg"&&"mb-m text-header-l",t),children:e})},K=({children:e,className:t,...o})=>{const{size:i}=r(),a=E[i];return jsx(Button,{size:a,...o,className:cn("pressed:bg-initial",t),children:e})},L=({children:e,className:t})=>{const{size:o}=r();return jsx("div",{className:cn("flex justify-end gap-xs",o==="sm"&&"mt-l",o==="lg"&&"mt-xl",t),children:e})};l.Button=K,l.Content=H,l.Footer=L,l.Title=j,l.Body=x;export{l as Dialog};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {UNSAFE_PortalProvider}from'@react-aria/overlays';import {useIsSSR}from'@react-aria/ssr';import {createContext,useState,useEffect,useContext}from'react';import {useContextProps,ModalOverlay,composeRenderProps,Modal,Dialog,DialogTrigger,Heading,OverlayTriggerStateContext}from'react-aria-components';import {isSlottedContextValue}from'./../../lib/utils.js';import {ButtonContext}from'../button/index.js';import {DialogStyles}from'./styles.js';const {overlay:h,modal:B,dialog:U,title:_,content:I,footer:L}=DialogStyles(),d=createContext(null);function g({children:e,className:o}){return jsx(Heading,{slot:"title",className:_({className:o}),children:e})}g.displayName="Dialog.Title";function f({children:e,className:o}){return jsx("div",{className:I({className:o}),children:e})}f.displayName="Dialog.Content";function P({children:e,className:o}){const a=useContext(d),s=(isSlottedContextValue(a)?null:a?.size)??"small",n=useContext(OverlayTriggerStateContext);return jsx("footer",{className:L({className:o}),children:jsx(ButtonContext.Provider,{value:{size:s,onPress:n?.close??(()=>{})},children:e})})}P.displayName="Dialog.Footer";function r({ref:e,...o}){[o,e]=useContextProps(o,e??null,d);const a=useIsSSR(),[s,n]=useState(a?null:document.body),{children:v,classNames:m,parentRef:c,size:C="small",...D}=o;return useEffect(()=>{const l=c?.current,i=a?null:document.createElement("div");return l&&i&&(l.appendChild(i),n(i)),()=>{i?.remove(),n(a?null:document.body);}},[a,c]),jsx(d.Provider,{value:o,children:jsx(UNSAFE_PortalProvider,{getContainer:()=>s,children:jsx(ModalOverlay,{...D,ref:e,className:composeRenderProps(m?.overlay,l=>h({className:l})),"data-size":C,children:jsx(Modal,{className:composeRenderProps(m?.modal,l=>B({className:l})),children:jsx(Dialog,{className:U({className:m?.dialog}),children:v})})})})})}r.displayName="Dialog",r.Trigger=DialogTrigger,r.Title=g,r.Content=f,r.Footer=P;export{r as Dialog,d as DialogContext};//# 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":["useDialogContext","h","ctx","DialogContext","z","size","jsx","RACDialogTrigger","s","isDismissable","Dialog","rest","v","ref","useState","isSSR","N","node","P","port","setPortal","parentRef","RACModalOverlay","cn","n","O","children","DialogContent","S","dialogSize","buttonSize","buttonSizes","Button","w","DialogFooter","DialogTitle","DialogBody"],"mappings":"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","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';\nimport { cn } from '@/lib/utils';\nimport { useIsSSR } from '@react-aria/ssr';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport {\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  type DialogRenderProps,\n  type DialogTriggerProps,\n  Dialog as RACDialog,\n  DialogTrigger as RACDialogTrigger,\n  Heading as RACHeading,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport type { ButtonProps } from '../button/types';\n\nconst dialogClasses = cva(\n  'flex flex-col align-end font-light text-body-m text-default-dark',\n  {\n    variants: {\n      size: {\n        sm: 'min-w-[280px] max-w-[280px] rounded-medium p-l',\n        lg: 'min-w-[320px] max-w-[720px] rounded-large p-xl',\n      },\n      defaultVariants: {\n        size: 'sm',\n      },\n    },\n  },\n);\n\nconst buttonSizes: Record<string, ButtonProps['size']> = {\n  sm: 'small',\n  lg: 'medium',\n};\n\ntype DialogSize = 'sm' | 'lg';\n\ninterface DialogContextValue {\n  size: DialogSize;\n  isDismissable?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  parentRef?: RefObject<HTMLElement | null>;\n}\n\nconst DialogContext = createContext<DialogContextValue>({ size: 'sm' });\n\nconst useDialogContext = () => {\n  const ctx = useContext(DialogContext);\n  if (!ctx) {\n    throw new Error('Dialog components must be used within <Dialog>');\n  }\n  return ctx;\n};\n\nexport interface DialogProps extends DialogTriggerProps {\n  size?: DialogSize;\n  isDismissable?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  parentRef?: RefObject<HTMLElement | null>;\n}\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 * <Dialog>\n *   <Button>Open Dialog</Button>\n *   <Dialog.Body>\n *     {({ close }) => (\n *       <>\n *         <Dialog.Title>Confirm Action</Dialog.Title>\n *         <p>Are you sure you want to continue?</p>\n *         <Dialog.Footer>\n *           <Dialog.Button onPress={close}>Confirm</Dialog.Button>\n *         </Dialog.Footer>\n *       </>\n *     )}\n *   </Dialog.Body>\n * </Dialog>\n */\nexport const Dialog = ({\n  children,\n  size,\n  isOpen,\n  onOpenChange,\n  isDismissable = true,\n  isKeyboardDismissDisabled = true,\n  parentRef,\n}: DialogProps) => {\n  return (\n    <RACDialogTrigger>\n      <DialogContext.Provider\n        value={{\n          size: size ?? 'sm',\n          isDismissable,\n          isOpen,\n          onOpenChange,\n          parentRef,\n          isKeyboardDismissDisabled,\n        }}\n      >\n        {children}\n      </DialogContext.Provider>\n    </RACDialogTrigger>\n  );\n};\nDialog.displayName = 'Dialog';\n\ninterface DialogBodyProps {\n  children: ReactNode | ReactNode[] | ((opts: DialogRenderProps) => ReactNode);\n}\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(\n  ({ children, ...rest }, ref) => {\n    const {\n      size,\n      isDismissable,\n      isOpen,\n      onOpenChange,\n      parentRef,\n      isKeyboardDismissDisabled,\n    } = useDialogContext();\n    const isSSR = useIsSSR();\n    const [portal, setPortal] = useState(isSSR ? null : document.body);\n\n    useEffect(() => {\n      const node = parentRef?.current;\n      /* Ensure proper ssr hydration TODO */\n      const port = isSSR ? null : document.createElement('div');\n\n      if (node && port) {\n        node.appendChild(port);\n        setPortal(port);\n      }\n\n      return () => {\n        port?.remove();\n\n        setPortal(isSSR ? null : document.body);\n      };\n    }, [isSSR, parentRef]);\n\n    return portal ? (\n      <RACModalOverlay\n        UNSTABLE_portalContainer={portal}\n        isKeyboardDismissDisabled={!isDismissable && isKeyboardDismissDisabled}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        isDismissable={isDismissable}\n        className='absolute inset-0 flex items-center justify-center'\n        {...rest}\n      >\n        <RACModal\n          ref={ref}\n          className={cn(\n            'flex flex-col justify-center bg-surface-overlay align-start',\n            size === 'sm' && 'rounded-medium',\n            size === 'lg' && 'rounded-large',\n          )}\n        >\n          <RACDialog className={dialogClasses({ size })}>{children}</RACDialog>\n        </RACModal>\n      </RACModalOverlay>\n    ) : null;\n  },\n);\nDialogBody.displayName = 'DialogBody';\n\nconst DialogContent = ({\n  children,\n  className,\n}: PropsWithChildren<{ className?: string }>) => {\n  const { size } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        'flex flex-col',\n        size === 'sm' && 'gap-xs',\n        size === 'lg' && 'gap-l',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst DialogTitle = ({\n  children,\n  className,\n}: PropsWithChildren<{ className?: string }>) => {\n  const { size } = useDialogContext();\n  return (\n    <RACHeading\n      slot='title'\n      className={cn(\n        'text-default-light',\n        size === 'sm' && 'mb-s text-header-m',\n        size === 'lg' && 'mb-m text-header-l',\n        className,\n      )}\n    >\n      {children}\n    </RACHeading>\n  );\n};\n\nconst DialogButton = ({ children, className, ...props }: ButtonProps) => {\n  const { size: dialogSize } = useDialogContext();\n  const buttonSize = buttonSizes[dialogSize];\n  return (\n    <Button\n      size={buttonSize}\n      {...props}\n      //overriding the style to deal with rac's pressed state inherited\n      //from the trigger state\n      className={cn('pressed:bg-initial', className)}\n    >\n      {children}\n    </Button>\n  );\n};\n\nconst DialogFooter = ({\n  children,\n  className,\n}: PropsWithChildren<{ className?: string }>) => {\n  const { size } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        'flex justify-end gap-xs',\n        size === 'sm' && 'mt-l',\n        size === 'lg' && 'mt-xl',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nDialog.Button = DialogButton;\nDialog.Content = DialogContent;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\nDialog.Body = DialogBody;\n"]}
+{"version":3,"sources":["../../../src/components/dialog/index.tsx"],"names":["title","DialogStyles","DialogContext","DialogTitle","x","className","jsx","Heading","t","H","children","DialogContent","context","useContext","O","state","p","A","size","DialogFooter","props","ref","isSSR","useIsSSR","portal","N","T","classNames","parentRef","useEffect","node","S","port","setPortal","y","rest","composeRenderProps","modal","u","dialog","E","Dialog"],"mappings":"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","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 { UNSAFE_PortalProvider } from '@react-aria/overlays';\nimport { useIsSSR } from '@react-aria/ssr';\nimport {\n  type ComponentProps,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Dialog as AriaDialog,\n  type ContextValue,\n  composeRenderProps,\n  DialogTrigger,\n  Heading,\n  type HeadingProps,\n  Modal,\n  ModalOverlay,\n  OverlayTriggerStateContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { ButtonContext } from '../button';\nimport { DialogStyles } from './styles';\nimport type { DialogProps } from './types';\n\nconst { overlay, modal, dialog, title, content, footer } = DialogStyles();\n\nexport const DialogContext =\n  createContext<ContextValue<DialogProps, HTMLDivElement>>(null);\n\nfunction DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={title({ className })}>\n      {children}\n    </Heading>\n  );\n}\nDialogTitle.displayName = 'Dialog.Title';\n\nfunction DialogContent({ children, className }: ComponentProps<'div'>) {\n  return <div className={content({ className })}>{children}</div>;\n}\nDialogContent.displayName = 'Dialog.Content';\n\nfunction DialogFooter({ children, className }: 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\nDialogFooter.displayName = 'Dialog.Footer';\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 * <Dialog.Trigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     {({ close }) => (\n *       <>\n *         <Dialog.Title>Confirm Action</Dialog.Title>\n *         <p>Are you sure you want to continue?</p>\n *         <Dialog.Footer>\n *           <Dialog.Button onPress={close}>Confirm</Dialog.Button>\n *         </Dialog.Footer>\n *       </>\n *     )}\n *   </Dialog>\n * </Dialog.Trigger>\n */\nexport function Dialog({ ref, ...props }: DialogProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DialogContext);\n\n  const isSSR = useIsSSR();\n  const [portal, setPortal] = useState(isSSR ? null : document.body);\n  const { children, classNames, parentRef, size = 'small', ...rest } = props;\n\n  useEffect(() => {\n    const node = parentRef?.current;\n    // TODO: Ensure proper ssr hydration\n    const port = isSSR ? null : document.createElement('div');\n\n    if (node && port) {\n      node.appendChild(port);\n\n      setPortal(port);\n    }\n\n    return () => {\n      port?.remove();\n\n      setPortal(isSSR ? null : document.body);\n    };\n  }, [isSSR, parentRef]);\n\n  return (\n    <DialogContext.Provider value={props}>\n      <UNSAFE_PortalProvider getContainer={() => portal}>\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      </UNSAFE_PortalProvider>\n    </DialogContext.Provider>\n  );\n}\nDialog.displayName = 'Dialog';\nDialog.Trigger = DialogTrigger;\nDialog.Title = DialogTitle;\nDialog.Content = DialogContent;\nDialog.Footer = DialogFooter;\n"]}

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

@@ -0,0 +1,60 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const DialogStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            dialog?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            modal?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            dialog?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            modal?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    overlay: string;
+    modal: string[];
+    dialog: string[];
+    title: string[];
+    content: string[];
+    footer: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            dialog?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
+            title?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+            modal?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    overlay: string;
+    modal: string[];
+    dialog: string[];
+    title: string[];
+    content: string[];
+    footer: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    overlay: string;
+    modal: string[];
+    dialog: string[];
+    title: string[];
+    content: string[];
+    footer: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { DialogStyles };

package/dist/components/dialog/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const o=tv({slots:{overlay:"group/dialog absolute inset-0 flex items-center justify-center",modal:["flex flex-col justify-center bg-surface-overlay align-start","group-size-small/dialog:rounded-medium","group-size-large/dialog:rounded-large","shadow-elevation-overlay"],dialog:["focus-visible:outline-none","fg-primary-muted flex flex-col align-end font-light text-body-m","group-size-small/dialog:w-[280px] group-size-small/dialog:rounded-medium group-size-small/dialog:p-l","group-size-large/dialog:min-w-[320px] group-size-small/dialog:max-w-[720px] group-size-large/dialog:rounded-medium group-size-large/dialog:p-xl"],title:["fg-primary-bold","group-size-small/dialog:mb-s group-size-small/dialog:text-header-m","group-size-large/dialog:mb-m group-size-large/dialog:text-header-l"],content:["flex flex-col","fg-primary-muted","group-size-small/dialog:gap-xs","group-size-large/dialog:gap-l"],footer:["flex justify-end gap-xs","group-size-small/dialog:mt-l","group-size-large/dialog:mt-xl"]}});export{o as DialogStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dialog/styles.ts"],"names":["DialogStyles","tv"],"mappings":"mCAcO,MAAMA,EAAeC,EAAAA,CAAG,CAC7B,MAAO,CACL,OAAA,CAAS,iEACT,KAAA,CAAO,CACL,8DACA,wCAAA,CACA,uCAAA,CACA,0BACF,CAAA,CACA,MAAA,CAAQ,CACN,4BAAA,CACA,iEAAA,CACA,uGACA,iJACF,CAAA,CACA,MAAO,CACL,iBAAA,CACA,qEACA,oEACF,CAAA,CACA,QAAS,CACP,eAAA,CACA,mBACA,gCAAA,CACA,+BACF,EACA,MAAA,CAAQ,CACN,0BACA,8BAAA,CACA,+BACF,CACF,CACF,CAAC","file":"styles.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 { tv } from 'tailwind-variants';\n\nexport const DialogStyles = tv({\n  slots: {\n    overlay: 'group/dialog absolute inset-0 flex items-center justify-center',\n    modal: [\n      'flex flex-col justify-center bg-surface-overlay align-start',\n      'group-size-small/dialog:rounded-medium',\n      'group-size-large/dialog:rounded-large',\n      'shadow-elevation-overlay',\n    ],\n    dialog: [\n      'focus-visible:outline-none',\n      'fg-primary-muted flex flex-col align-end font-light text-body-m',\n      'group-size-small/dialog:w-[280px] group-size-small/dialog:rounded-medium group-size-small/dialog:p-l',\n      'group-size-large/dialog:min-w-[320px] group-size-small/dialog:max-w-[720px] group-size-large/dialog:rounded-medium group-size-large/dialog:p-xl',\n    ],\n    title: [\n      'fg-primary-bold',\n      'group-size-small/dialog:mb-s group-size-small/dialog:text-header-m',\n      'group-size-large/dialog:mb-m group-size-large/dialog:text-header-l',\n    ],\n    content: [\n      'flex flex-col',\n      'fg-primary-muted',\n      'group-size-small/dialog:gap-xs',\n      'group-size-large/dialog:gap-l',\n    ],\n    footer: [\n      'flex justify-end gap-xs',\n      'group-size-small/dialog:mt-l',\n      'group-size-large/dialog:mt-xl',\n    ],\n  },\n});\n"]}

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

@@ -0,0 +1,14 @@
+import { RefAttributes, RefObject } from 'react';
+import { ModalOverlayProps, DialogProps as DialogProps$1 } from 'react-aria-components';
+
+type DialogProps = Omit<ModalOverlayProps, 'children' | 'className'> & Pick<DialogProps$1, 'children'> & RefAttributes<HTMLDivElement> & {
+    classNames?: {
+        overlay?: ModalOverlayProps['className'];
+        modal?: ModalOverlayProps['className'];
+        dialog?: DialogProps$1['className'];
+    };
+    parentRef?: RefObject<HTMLElement | null>;
+    size?: 'small' | 'large';
+};
+
+export type { DialogProps };

package/dist/components/dialog/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

@@ -7,9 +7,9 @@ import { DrawerProps, DrawerLayoutProps, DrawerMenuProps, DrawerMenuItemProps, D
 import '@accelint/bus';
 import 'react-aria-components';
 import '../view-stack/events.js';
-import '../../lib/types.js';
 import '@react-types/shared';
 import 'tailwind-variants';
+import '../../lib/types.js';
 import '../button/types.js';
 import '../button/styles.js';
 import 'tailwind-merge';

package/dist/components/drawer/index.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {containsExactChildren}from'./../../lib/react.js';import {Broadcast}from'@accelint/bus';import {isUUID}from'@accelint/core';import {Pressable}from'@react-aria/interactions';import {createContext,useRef,useState,useCallback,useEffect,useContext}from'react';import {composeRenderProps,Heading,Header}from'react-aria-components';import {ToggleButton}from'../button/index.js';import {Icon}from'../icon/index.js';import {ViewStackEventHandlers,ViewStack,ViewStackContext}from'../view-stack/index.js';import {ViewStackEventTypes}from'../view-stack/events.js';import {DrawerEventTypes}from'./events.js';import {DrawerStyles,DrawerMenuStyles,DrawerTitleStyles}from'./styles.js';const {layout:j,main:ee,drawer:re,panel:te,view:ae,header:ne,content:oe,footer:ie}=DrawerStyles(),{menu:se,item:pe}=DrawerMenuStyles(),l=Broadcast.getInstance(),R=createContext({register:()=>{},unregister:()=>{}}),le={...ViewStackEventHandlers,close:ViewStackEventHandlers.clear,open:e=>l.emit(DrawerEventTypes.open,{view:e}),toggle:e=>l.emit(DrawerEventTypes.toggle,{view:e})};function g({children:e,for:r}){const{parent:n}=useContext(ViewStackContext);function o(){for(const i of Array.isArray(r)?r:[r]){let[p,m]=isUUID(i)?["push",i]:i.split(":");m??=n,m&&le[p](m);}}return jsx(Pressable,{onPress:o,children:e})}g.displayName="Drawer.Trigger";function q({className:e,...r}){return jsx("main",{...r,className:ee({className:e})})}q.displayName="Drawer.Layout.Main";function P({className:e,extend:r="left right",push:n,...o}){return jsx("div",{...o,className:j({className:e}),"data-extend":r,"data-push":n})}P.displayName="Drawer.Layout",P.Main=q;function N({for:e,children:r,className:n,toggle:o,views:i,...p}){const{parent:m,stack:y}=useContext(ViewStackContext),c=y.at(-1),w=o?"toggle":"open";return m?jsx(g,{for:`${w}:${e}`,children:jsx(ToggleButton,{...p,className:composeRenderProps(n,u=>pe({className:u})),role:"tab",variant:"icon",isSelected:e===c||!!i?.some(u=>e===u),children:composeRenderProps(r,u=>jsx(Icon,{children:u}))})}):null}N.displayName="Drawer.Menu.Item";function d({className:e,position:r="center",children:n,...o}){return containsExactChildren({children:n,componentName:d.displayName,restrictions:[[N,{min:1}],[g,{min:0,max:0}]]}),jsx("nav",{...o,className:se({position:r,className:e}),children:n})}d.displayName="Drawer.Menu",d.Item=N;function h({className:e,...r}){return jsx("div",{...r,className:te({className:e})})}h.displayName="Drawer.Panel";function H({id:e,children:r,className:n,...o}){const{register:i,unregister:p}=useContext(R);return useEffect(()=>{i(e);},[i,p,e]),jsx(ViewStack.View,{id:e,children:jsx("div",{...o,className:ae({className:n}),role:"tabpanel",children:r})})}H.displayName="Drawer.View";function b({className:e,level:r,...n}){return jsx(Heading,{...n,className:DrawerTitleStyles({className:e,level:r}),level:r})}b.displayName="Drawer.Title";function C({className:e,...r}){return jsx(Header,{...r,className:ne({className:e})})}C.displayName="Drawer.Header",C.Title=b;function L({className:e,...r}){return jsx("div",{...r,className:oe({className:e})})}L.displayName="Drawer.Content";function W({className:e,...r}){return jsx("footer",{...r,className:ie({className:e})})}W.displayName="Drawer.Footer";function s({id:e,children:r,className:n,defaultView:o,placement:i="left",size:p="medium",onChange:m,...y}){containsExactChildren({children:r,componentName:s.displayName,restrictions:[[d,{min:0,max:1}],[h,{min:1,max:1}]]});const c=useRef(new Set),[w,u]=useState(o||null),T=useCallback(a=>{c.current.has(a?.payload?.view)&&(l.emit(ViewStackEventTypes.clear,{stack:e}),l.emit(ViewStackEventTypes.push,a.payload));},[e]),V=useCallback(a=>{c.current.has(a?.payload?.view)&&(l.emit(ViewStackEventTypes.clear,{stack:e}),w!==a?.payload?.view&&l.emit(ViewStackEventTypes.push,a.payload));},[e,w]);return useEffect(()=>{const a=[l.on(DrawerEventTypes.open,T),l.on(DrawerEventTypes.toggle,V)];return ()=>{for(const A of a)A();}},[T,V]),jsx(R.Provider,{value:{register:a=>c.current.add(a),unregister:a=>c.current.delete(a)},children:jsx(ViewStack,{id:e,defaultView:o,onChange:a=>{u(a),m?.(a);},children:jsx("div",{...y,className:re({className:n}),"data-open":!!w||null,"data-placement":i,"data-size":p,children:r})})})}s.displayName="Drawer",s.Layout=P,s.Menu=d,s.Panel=h,s.View=H,s.Header=C,s.Content=L,s.Footer=W,s.Trigger=g;export{s as Drawer,R as DrawerContext,le as DrawerEventHandlers};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {Broadcast}from'@accelint/bus';import {isUUID}from'@accelint/core';import {Pressable}from'@react-aria/interactions';import {createContext,useRef,useState,useCallback,useEffect,useContext}from'react';import {composeRenderProps,Heading,Header}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {ToggleButton}from'../button/index.js';import {Icon}from'../icon/index.js';import {ViewStackEventHandlers,ViewStack,ViewStackContext}from'../view-stack/index.js';import {ViewStackEventTypes}from'../view-stack/events.js';import {DrawerEventTypes}from'./events.js';import {DrawerStyles,DrawerMenuStyles,DrawerTitleStyles}from'./styles.js';const {layout:j,main:ee,drawer:re,panel:te,view:ae,header:ne,content:oe,footer:ie}=DrawerStyles(),{menu:se,item:pe}=DrawerMenuStyles(),l=Broadcast.getInstance(),R=createContext({register:()=>{},unregister:()=>{}}),le={...ViewStackEventHandlers,close:ViewStackEventHandlers.clear,open:e=>l.emit(DrawerEventTypes.open,{view:e}),toggle:e=>l.emit(DrawerEventTypes.toggle,{view:e})};function g({children:e,for:r}){const{parent:n}=useContext(ViewStackContext);function o(){for(const i of Array.isArray(r)?r:[r]){let[p,m]=isUUID(i)?["push",i]:i.split(":");m??=n,m&&le[p](m);}}return jsx(Pressable,{onPress:o,children:e})}g.displayName="Drawer.Trigger";function q({className:e,...r}){return jsx("main",{...r,className:ee({className:e})})}q.displayName="Drawer.Layout.Main";function P({className:e,extend:r="left right",push:n,...o}){return jsx("div",{...o,className:j({className:e}),"data-extend":r,"data-push":n})}P.displayName="Drawer.Layout",P.Main=q;function N({for:e,children:r,className:n,toggle:o,views:i,...p}){const{parent:m,stack:y}=useContext(ViewStackContext),c=y.at(-1),w=o?"toggle":"open";return m?jsx(g,{for:`${w}:${e}`,children:jsx(ToggleButton,{...p,className:composeRenderProps(n,u=>pe({className:u})),role:"tab",variant:"icon",isSelected:e===c||!!i?.some(u=>e===u),children:composeRenderProps(r,u=>jsx(Icon,{children:u}))})}):null}N.displayName="Drawer.Menu.Item";function d({className:e,position:r="center",children:n,...o}){return containsExactChildren({children:n,componentName:d.displayName,restrictions:[[N,{min:1}],[g,{min:0,max:0}]]}),jsx("nav",{...o,className:se({position:r,className:e}),children:n})}d.displayName="Drawer.Menu",d.Item=N;function h({className:e,...r}){return jsx("div",{...r,className:te({className:e})})}h.displayName="Drawer.Panel";function H({id:e,children:r,className:n,...o}){const{register:i,unregister:p}=useContext(R);return useEffect(()=>{i(e);},[i,p,e]),jsx(ViewStack.View,{id:e,children:jsx("div",{...o,className:ae({className:n}),role:"tabpanel",children:r})})}H.displayName="Drawer.View";function b({className:e,level:r,...n}){return jsx(Heading,{...n,className:DrawerTitleStyles({className:e,level:r}),level:r})}b.displayName="Drawer.Title";function C({className:e,...r}){return jsx(Header,{...r,className:ne({className:e})})}C.displayName="Drawer.Header",C.Title=b;function L({className:e,...r}){return jsx("div",{...r,className:oe({className:e})})}L.displayName="Drawer.Content";function W({className:e,...r}){return jsx("footer",{...r,className:ie({className:e})})}W.displayName="Drawer.Footer";function s({id:e,children:r,className:n,defaultView:o,placement:i="left",size:p="medium",onChange:m,...y}){containsExactChildren({children:r,componentName:s.displayName,restrictions:[[d,{min:0,max:1}],[h,{min:1,max:1}]]});const c=useRef(new Set),[w,u]=useState(o||null),T=useCallback(a=>{c.current.has(a?.payload?.view)&&(l.emit(ViewStackEventTypes.clear,{stack:e}),l.emit(ViewStackEventTypes.push,a.payload));},[e]),V=useCallback(a=>{c.current.has(a?.payload?.view)&&(l.emit(ViewStackEventTypes.clear,{stack:e}),w!==a?.payload?.view&&l.emit(ViewStackEventTypes.push,a.payload));},[e,w]);return useEffect(()=>{const a=[l.on(DrawerEventTypes.open,T),l.on(DrawerEventTypes.toggle,V)];return ()=>{for(const A of a)A();}},[T,V]),jsx(R.Provider,{value:{register:a=>c.current.add(a),unregister:a=>c.current.delete(a)},children:jsx(ViewStack,{id:e,defaultView:o,onChange:a=>{u(a),m?.(a);},children:jsx("div",{...y,className:re({className:n}),"data-open":!!w||null,"data-placement":i,"data-size":p,children:r})})})}s.displayName="Drawer",s.Layout=P,s.Menu=d,s.Panel=h,s.View=H,s.Header=C,s.Content=L,s.Footer=W,s.Trigger=g;export{s as Drawer,R as DrawerContext,le as DrawerEventHandlers};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map