@accelint/design-toolkit 6.0.0 → 7.0.0

package/dist/components/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/color-picker/index.tsx"],"names":["ColorPickerStyles","k","rest","c","m","classNames","picker","color","jsx","ColorSwatchPickerItem","item","ColorSwatch","l","swatch","ColorPicker"],"mappings":"oNAuBQ,CAAA,MAAQ,CAAA,CAAA,CAAA,IAAM,CAAA,CAAA,CAAA,MAAWA,CAAAA,CAAkB,EA0C5CC,iBAAA,EAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,KAAO,CAAA,CAAGC,CAAK,GACvD,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAC,iBAAA,CAAGF,IACJ,CAAA,CAAA,SAA8BG,CAAAA,kBAAY,CAAA,CAAA,EAAA,MACxCC,CAAAA,CAAO,EAAE,CAAA,CAAA,CAAA,SACX,CAAA,CAEC,YAAM,CAAA,CAAA,CAAKC,GACVC,CAAAA,CAACC,EAAAN,GAEC,iCAA8BE,CAAAA,kBAAY,CAAA,CAAA,EAAA,IACxCK,CAAAA,CAAK,cACP,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,gBAECC,CAAAR,GACC,CAAAS,WAAA,CAAA,CAAA,SAA8BP,CAAAA,kBAAY,UACxCQ,CAAAA,CAAO,EAAE,CAAA,CAAA,CAAA,SACX,CAAA,CACF,CAAA,CAAA,CAVKN,CAAAA,CAAM,CAAA,CAAA,CAAA,CAAA,QAAS,CAAA,MAa1B,CAEJ,CACAO,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,aAAA","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 {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { ColorPickerStyles } from './styles';\nimport type { ColorPickerProps } from './types';\n\nconst { picker, item, swatch } = ColorPickerStyles();\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param items - Array of color values to display as selectable swatches\n * @param classNames - Object containing CSS class names for fine-grained styling control\n * @param classNames.picker - CSS class name for the main picker container\n * @param classNames.item - CSS class name for individual swatch items\n * @param classNames.swatch - CSS class name for the color swatch elements\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   options={colors}\n *   value={'#ff0000'}\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8'\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nexport function ColorPicker({ classNames, items, ...rest }: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      {...rest}\n      className={composeRenderProps(classNames?.picker, (className) =>\n        picker({ className }),\n      )}\n    >\n      {items.map((color) => (\n        <ColorSwatchPickerItem\n          key={color.toString('hexa')}\n          className={composeRenderProps(classNames?.item, (className) =>\n            item({ className }),\n          )}\n          color={color}\n        >\n          <ColorSwatch\n            className={composeRenderProps(classNames?.swatch, (className) =>\n              swatch({ className }),\n            )}\n          />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\nColorPicker.displayName = 'ColorPicker';\n"]}
+{"version":3,"sources":["../../../src/components/color-picker/index.tsx"],"names":["ColorPickerStyles","P","rest","c","classNames","picker","color","jsx","ColorSwatchPickerItem","k","item","ColorSwatch","swatch"],"mappings":"+MAuBA,KAAQ,CAAA,MAAQ,CAAA,CAAA,CAAA,aAAiBA,EAAkB,CAAA,CA0C5CC,iBAAA,EAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,KAAO,CAAA,CAAGC,CAAK,GACvD,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,mBAAGD,CAAAA,GACJ,CAAA,CAAA,SAA8BE,CAAAA,kBAAY,CAAA,CAAA,EAAA,MACxCC,EAAO,EAAE,CAAA,CAAA,CAAA,SACX,EAEC,CAAA,CAAA,CAAA,CAAA,QAAM,CAAA,CAAA,CAAKC,GACVC,CAAAA,CAACC,EAAAL,GAEC,CAAAM,qBAAA,CAAA,CAAA,4BAA0C,CAAA,CAAA,EAAA,IACxCC,EAAK,EAAE,CAAA,CAAA,CAAA,SACT,CAAA,CACA,SAEA,CAAA,CAAA,CAAA,QAACC,CAAAR,GACC,uBAA8BC,CAAAA,kBAAY,CAAA,CAAA,EAAA,MACxCQ,CAAAA,CAAO,cACT,CAAA,CACF,CAAA,CAAA,CAVKN,CAAAA,CAAM,YAAS,CAAA,MAa1B,CAEJ,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 {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { ColorPickerStyles } from './styles';\nimport type { ColorPickerProps } from './types';\n\nconst { picker, item, swatch } = ColorPickerStyles();\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param items - Array of color values to display as selectable swatches\n * @param classNames - Object containing CSS class names for fine-grained styling control\n * @param classNames.picker - CSS class name for the main picker container\n * @param classNames.item - CSS class name for individual swatch items\n * @param classNames.swatch - CSS class name for the color swatch elements\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   options={colors}\n *   value={'#ff0000'}\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8'\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nexport function ColorPicker({ classNames, items, ...rest }: ColorPickerProps) {\n  return (\n    <ColorSwatchPicker\n      {...rest}\n      className={composeRenderProps(classNames?.picker, (className) =>\n        picker({ className }),\n      )}\n    >\n      {items.map((color) => (\n        <ColorSwatchPickerItem\n          key={color.toString('hexa')}\n          className={composeRenderProps(classNames?.item, (className) =>\n            item({ className }),\n          )}\n          color={color}\n        >\n          <ColorSwatch\n            className={composeRenderProps(classNames?.swatch, (className) =>\n              swatch({ className }),\n            )}\n          />\n        </ColorSwatchPickerItem>\n      ))}\n    </ColorSwatchPicker>\n  );\n}\n"]}

package/dist/components/color-picker/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const r=tv({slots:{picker:"flex flex-wrap gap-s",item:["w-fit cursor-pointer outline outline-transparent","focus-visible:outline-interactive-hover","hover:outline-interactive-hover","selected:cursor-default selected:outline-accent-primary-bold"],swatch:"size-l"}});export{r as ColorPickerStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const r=tv({slots:{picker:"flex flex-wrap gap-s",item:["w-fit cursor-pointer outline outline-transparent outline-offset-1","focus-visible:outline-interactive-hover","hover:outline-interactive-hover","pressed:outline-interactive-pressed","selected:cursor-default selected:outline-accent-primary-bold"],swatch:"size-l"}});export{r as ColorPickerStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/color-picker/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/color-picker/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,6FAGE,CAAA,yCACA,CAAA,gGAGM,CAAA,CAAA,MAEZ,CAAC,QAAA,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 ColorPickerStyles = tv({\n  slots: {\n    picker: 'flex flex-wrap gap-s',\n    item: [\n      'w-fit cursor-pointer outline outline-transparent',\n      'focus-visible:outline-interactive-hover',\n      'hover:outline-interactive-hover',\n      'selected:cursor-default selected:outline-accent-primary-bold',\n    ],\n    swatch: 'size-l',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/color-picker/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAQ,CAAA,CAAA,MAAA,CAAA,sBAEN,CAAA,IAAA,CAAA,CAAA,6GAEA,CAAA,iCACA,CAAA,oGAGM,CAAA,CAAA,MAEZ,CAAC,QAAA,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 ColorPickerStyles = tv({\n  slots: {\n    picker: 'flex flex-wrap gap-s',\n    item: [\n      'w-fit cursor-pointer outline outline-transparent outline-offset-1',\n      'focus-visible:outline-interactive-hover',\n      'hover:outline-interactive-hover',\n      'pressed:outline-interactive-pressed',\n      'selected:cursor-default selected:outline-accent-primary-bold',\n    ],\n    swatch: 'size-l',\n  },\n});\n"]}

package/dist/components/combobox-field/context.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
+import { OptionsDataItem } from '../options/types.js';
+import { ComboBoxFieldProps } from './types.js';
+import '../icon/types.js';
+import '../button/types.js';
+import 'tailwind-variants';
+import '../button/styles.js';
+import 'tailwind-merge';
+
+declare const ComboBoxFieldContext: react.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
+declare function ComboBoxFieldProvider<T extends OptionsDataItem>({ children, ...props }: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime.JSX.Element;
+
+export { ComboBoxFieldContext, ComboBoxFieldProvider };

package/dist/components/combobox-field/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const r=createContext(null);function n({children:o,...e}){return jsx(r.Provider,{value:e,children:o})}export{r as ComboBoxFieldContext,n as ComboBoxFieldProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/components/combobox-field/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/combobox-field/context.tsx"],"names":["ComboBoxFieldContext","createContext","ComboBoxFieldProvider","children","props","jsx"],"mappings":"0FAoBO,MAAMA,CAAAA,CAEXC,aAAAA,CAAqE,IAAI,EAEpE,SAASC,CAAAA,CAAiD,CAC/D,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAyC,CACvC,OACEC,GAAAA,CAACL,CAAAA,CAAqB,QAAA,CAArB,CAA8B,KAAA,CAAOI,CAAAA,CACnC,QAAA,CAAAD,EACH,CAEJ","file":"context.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 type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\nexport const ComboBoxFieldContext =\n  // biome-ignore lint/suspicious/noExplicitAny: Setting a type would restrict it beyond what the component allows to extend to\n  createContext<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>(null);\n\nexport function ComboBoxFieldProvider<T extends OptionsDataItem>({\n  children,\n  ...props\n}: ProviderProps<ComboBoxFieldProps<T>>) {\n  return (\n    <ComboBoxFieldContext.Provider value={props}>\n      {children}\n    </ComboBoxFieldContext.Provider>\n  );\n}\n"]}

package/dist/components/combobox-field/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
 import { OptionsDataItem } from '../options/types.js';
 import { ComboBoxFieldProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 import '../icon/types.js';
 import '../button/types.js';
 import 'tailwind-variants';
@@ -10,7 +10,6 @@ import '../../lib/types.js';
 import '../button/styles.js';
 import 'tailwind-merge';
 
-declare const ComboBoxFieldContext: react.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
 /**
  * ComboBoxField - Accessible searchable combobox with dropdown options
  *
@@ -19,12 +18,9 @@ declare const ComboBoxFieldContext: react.Context<ContextValue<ComboBoxFieldProp
  *
  * @example
  * <ComboBoxField defaultItems={items}>
- *   {(item) => <Options.Item key={item.id} textValue={item.name}>{item.name}</Options.Item>}
+ *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}
  * </ComboBoxField>
  */
 declare function ComboBoxField<T extends OptionsDataItem>({ ref, ...props }: ComboBoxFieldProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace ComboBoxField {
-    var displayName: string;
-}
 
-export { ComboBoxField, ComboBoxFieldContext };
+export { ComboBoxField };

package/dist/components/combobox-field/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {ChevronDown}from'@accelint/icons';import {createContext}from'react';import {useContextProps,ComboBox,composeRenderProps,Input,Button,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {ComboBoxStyles}from'./styles.js';const {field:q,label:w,control:H,input:A,trigger:G,description:J,error:K,popover:Q}=ComboBoxStyles(),c=createContext(null);function W({ref:t,...i}){[i,t]=useContextProps(i,t??null,c);const{children:x,classNames:e,description:a,errorMessage:b,inputProps:P,label:n,layoutOptions:v,menuTrigger:C="focus",size:m="medium",isInvalid:f,...y}=i,p=b||null,d=m==="small";return jsx(ComboBox,{...y,ref:t,className:composeRenderProps(e?.field,l=>q({className:l})),menuTrigger:C,isInvalid:f||(p?true:void 0),"data-size":m,children:({isDisabled:l,isInvalid:B,isRequired:N})=>jsxs(Fragment,{children:[!!n&&!d&&jsx(Label,{className:w({className:e?.label}),isDisabled:l,isRequired:N,children:n}),jsxs("div",{className:H({className:e?.control}),children:[jsx(Input,{...P,className:composeRenderProps(e?.input,r=>A({className:r}))}),jsx(Button,{className:composeRenderProps(e?.trigger,r=>G({className:r})),children:jsx(Icon,{size:"small",children:jsx(ChevronDown,{})})})]}),!!a&&!(d||B)&&jsx(Text,{className:J({className:e?.description}),slot:"description",children:a}),jsx(FieldError,{className:composeRenderProps(e?.error,r=>K({className:r})),children:p}),jsx(Popover,{className:composeRenderProps(e?.popover,r=>Q({className:r})),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(Options,{children:x})})})]})})}W.displayName="ComboBox";export{W as ComboBoxField,c as ComboBoxFieldContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContextProps,ComboBox,composeRenderProps,Input,Button,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {ComboBoxFieldContext}from'./context.js';import {ComboBoxStyles}from'./styles.js';const{field:k,label:q,control:w,input:A,trigger:G,description:H,error:J,popover:K}=ComboBoxStyles();function oo({ref:t,...i}){[i,t]=useContextProps(i,t??null,ComboBoxFieldContext);const{children:u,classNames:e,description:a,errorMessage:b,inputProps:f,label:n,layoutOptions:v,menuTrigger:x="focus",size:m="medium",isInvalid:N,...g}=i,p=b||null,c=m==="small";return jsx(ComboBox,{...g,ref:t,className:composeRenderProps(e?.field,l=>k({className:l})),menuTrigger:x,isInvalid:N||(p?true:void 0),"data-size":m,children:({isDisabled:l,isInvalid:P,isRequired:C})=>jsxs(Fragment,{children:[!!n&&!c&&jsx(Label,{className:q({className:e?.label}),isDisabled:l,isRequired:C,children:n}),jsxs("div",{className:w({className:e?.control}),children:[jsx(Input,{...f,className:composeRenderProps(e?.input,r=>A({className:r}))}),jsx(Button,{className:composeRenderProps(e?.trigger,r=>G({className:r})),children:jsx(Icon,{size:"small",children:jsx(ChevronDown,{})})})]}),!!a&&!(c||P)&&jsx(Text,{className:H({className:e?.description}),slot:"description",children:a}),jsx(FieldError,{className:composeRenderProps(e?.error,r=>J({className:r})),children:p}),jsx(Popover,{className:composeRenderProps(e?.popover,r=>K({className:r})),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(Options,{children:u})})})]})})}export{oo as ComboBoxField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/combobox-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox-field/index.tsx"],"names":["input","trigger","description","error","ComboBoxStyles","ComboBoxFieldProvider","k","children","props","ComboBoxFieldContext","labelProp","isInvalidProp","errorMessageProp","size","jsx","ComboBox","rest","ref","composeRenderProps","o","I","className","s","menuTrigger","errorMessage","isInvalid","Fragment","u","X","label","classNames","R","isDisabled","isRequired","control","D","Button","T","Icon","h","descriptionProp","g","M","FieldError","O","popover","z","L","S"],"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 { ChevronDown } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n  Button,\n  ComboBox,\n  type ContextValue,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { ComboBoxStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\nconst { field, label, control, input, trigger, description, error, popover } =\n  ComboBoxStyles();\n\nexport const ComboBoxFieldContext =\n  // biome-ignore lint/suspicious/noExplicitAny: Setting a type would restrict it beyond what the component allows to extend to\n  createContext<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>(null);\n\nfunction ComboBoxFieldProvider<T extends OptionsDataItem>({\n  children,\n  ...props\n}: ProviderProps<ComboBoxFieldProps<T>>) {\n  return (\n    <ComboBoxFieldContext.Provider value={props}>\n      {children}\n    </ComboBoxFieldContext.Provider>\n  );\n}\nComboBoxFieldProvider.displayName = 'ComboBoxField.Provider';\n\n/**\n * ComboBoxField - Accessible searchable combobox with dropdown options\n *\n * A combobox field that provides a searchable input with virtualized dropdown\n * options and support for sections, icons, and rich content.\n *\n * @example\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <Options.Item key={item.id} textValue={item.name}>{item.name}</Options.Item>}\n * </ComboBoxField>\n */\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={control({ className: classNames?.control })}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({ className }),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={description({\n                className: classNames?.description,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              popover({ className }),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\nComboBoxField.displayName = 'ComboBox';\n"]}
+{"version":3,"sources":["../../../src/components/combobox-field/index.tsx"],"names":["input","error","props","useContextProps","ref","children","D","classNames","S","labelProp","layoutOptions","menuTrigger","errorMessageProp","ComboBox","rest","className","field","s","isDisabled","isInvalid","isRequired","isSmall","d","label","o","E","jsx","Input","F","Button","composeRenderProps","trigger","B","ChevronDown","h","y","description","L","FieldError","T","errorMessage","z","ListLayout","Options","O","R"],"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 { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport {\n  Button,\n  ComboBox,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { ComboBoxFieldContext } from './context';\nimport { ComboBoxStyles } from './styles';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\nconst { field, label, control, input, trigger, description, error, popover } =\n  ComboBoxStyles();\n\n/**\n * ComboBoxField - Accessible searchable combobox with dropdown options\n *\n * A combobox field that provides a searchable input with virtualized dropdown\n * options and support for sections, icons, and rich content.\n *\n * @example\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n */\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={control({ className: classNames?.control })}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({ className }),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={description({\n                className: classNames?.description,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              popover({ className }),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n"]}

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

@@ -5,10 +5,10 @@ declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             description?: tailwind_merge.ClassNameValue;
+            trigger?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             popover?: tailwind_merge.ClassNameValue;
-            trigger?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
@@ -18,10 +18,10 @@ declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             description?: tailwind_merge.ClassNameValue;
+            trigger?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             popover?: tailwind_merge.ClassNameValue;
-            trigger?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
@@ -40,10 +40,10 @@ declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             description?: tailwind_merge.ClassNameValue;
+            trigger?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             popover?: tailwind_merge.ClassNameValue;
-            trigger?: tailwind_merge.ClassNameValue;
             control?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;

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

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import x from'@accelint/icons/calendar';import {DateField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {DateFieldStyles,DateFieldStylesDefaults}from'./styles.js';const{field:q,label:D,control:B,input:G,segment:Y,description:Z,error:w}=DateFieldStyles(),z=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];function $({classNames:i,description:d,errorMessage:A,inputProps:b,label:s,size:n="medium",shortMonth:t=DateFieldStylesDefaults.shortMonth,shouldForceLeadingZeros:y=true,isDisabled:N,isInvalid:m,isRequired:u,...T}){const p=A||null,c=n==="small";return jsx(DateField,{...T,className:composeRenderProps(i?.field,r=>q({className:r,shortMonth:t})),shouldForceLeadingZeros:y,isDisabled:N,isInvalid:m||(p?true:void 0),isRequired:u,"aria-label":s,"data-size":n,children:({isDisabled:r})=>jsxs(Fragment,{children:[!c&&D&&jsx(Label,{className:D({className:i?.label,shortMonth:t}),isDisabled:r,isRequired:u,children:s}),jsxs("div",{className:B({className:i?.control,shortMonth:t}),children:[n==="medium"&&jsx(Icon,{children:jsx(x,{})}),jsx(DateInput,{...b,className:composeRenderProps(i?.input,a=>G({className:a,shortMonth:t})),children:a=>a.type==="literal"?jsx(Fragment,{children:a.text===":"?":":null}):jsx(DateSegment,{className:composeRenderProps(i?.segment,o=>Y({className:o,shortMonth:t})),segment:a,children:({placeholder:o,text:I,value:S,isFocused:g,isPlaceholder:v})=>v?o:a.type==="month"&&t&&!g?z[(S??0)-1]:I})})]}),d&&(!(c||m)||r)&&jsx(Text,{className:Z({className:i?.description,shortMonth:t}),slot:"description",children:d}),jsx(FieldError,{className:composeRenderProps(i?.error,a=>w({className:a,shortMonth:t})),children:p})]})})}export{$ as DateField};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import v from'@accelint/icons/calendar';import'client-only';import {DateField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {DateFieldStyles,DateFieldStylesDefaults}from'./styles.js';const{field:k,label:q,control:B,input:G,segment:Y,description:Z,error:w}=DateFieldStyles(),z=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];function $({classNames:i,description:s,errorMessage:F,inputProps:A,label:n,size:o="medium",shortMonth:t=DateFieldStylesDefaults.shortMonth,shouldForceLeadingZeros:b=true,isDisabled:y,isInvalid:m,isRequired:u,...N}){const c=F||null,p=o==="small";return jsx(DateField,{...N,className:composeRenderProps(i?.field,r=>k({className:r,shortMonth:t})),shouldForceLeadingZeros:b,isDisabled:y,isInvalid:m||(c?true:void 0),isRequired:u,"aria-label":n,"data-size":o,children:({isDisabled:r})=>jsxs(Fragment,{children:[!p&&n&&jsx(Label,{className:q({className:i?.label,shortMonth:t}),isDisabled:r,isRequired:u,children:n}),jsxs("div",{className:B({className:i?.control,shortMonth:t}),children:[o==="medium"&&jsx(Icon,{children:jsx(v,{})}),jsx(DateInput,{...A,className:composeRenderProps(i?.input,a=>G({className:a,shortMonth:t})),children:a=>a.type==="literal"?jsx(Fragment,{children:a.text===":"?":":null}):jsx(DateSegment,{className:composeRenderProps(i?.segment,d=>Y({className:d,shortMonth:t})),segment:a,children:({placeholder:d,text:T,value:I,isFocused:S,isPlaceholder:g})=>g?d:a.type==="month"&&t&&!S?z[(I??0)-1]:T})})]}),s&&(!(p||m)||r)&&jsx(Text,{className:Z({className:i?.description,shortMonth:t}),slot:"description",children:s}),jsx(FieldError,{className:composeRenderProps(i?.error,a=>w({className:a,shortMonth:t})),children:c})]})})}export{$ as DateField};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["control","input","description","DateFieldStyles","O","classNames","shortMonth","DateFieldStylesDefaults","k","shouldForceLeadingZeros","isInvalidProp","isRequired","isSmall","size","AriaDateField","rest","E","className","field","l","isDisabled","label","Label","f","e","V","labelProp","F","jsx","AriaDateInput","composeRenderProps","L","Fragment","segmentProp","DateSegment","C","placeholder","isFocused","months","descriptionProp","AriaText","error"],"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';\n\nimport 'client-only';\nimport Calendar from '@accelint/icons/calendar';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { DateFieldStyles, DateFieldStylesDefaults } from './styles';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateFieldProps } from './types';\n\nconst { field, label, control, input, segment, description, error } =\n  DateFieldStyles();\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = DateFieldStylesDefaults.shortMonth,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className, shortMonth }),\n      )}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && label && (\n            <Label\n              className={label({ className: classNames?.label, shortMonth })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={control({ className: classNames?.control, shortMonth })}\n          >\n            {size === 'medium' && (\n              <Icon>\n                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({\n                  className,\n                  shortMonth,\n                }),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) => segment({ className, shortMonth }),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={description({\n                className: classNames?.description,\n                shortMonth,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className, shortMonth }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaDateField>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["control","input","description","DateFieldStyles","V","classNames","shortMonth","DateFieldStylesDefaults","O","shouldForceLeadingZeros","isInvalidProp","isRequired","isSmall","size","AriaDateField","rest","x","className","field","l","isDisabled","labelProp","Label","D","label","e","U","f","jsx","AriaDateInput","composeRenderProps","E","Fragment","segmentProp","DateSegment","R","placeholder","isFocused","months","descriptionProp","AriaText","error"],"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';\n\nimport Calendar from '@accelint/icons/calendar';\nimport type { DateValue } from '@internationalized/date';\nimport 'client-only';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { DateFieldStyles, DateFieldStylesDefaults } from './styles';\nimport type { DateFieldProps } from './types';\n\nconst { field, label, control, input, segment, description, error } =\n  DateFieldStyles();\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = DateFieldStylesDefaults.shortMonth,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className, shortMonth }),\n      )}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && labelProp && (\n            <Label\n              className={label({ className: classNames?.label, shortMonth })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={control({ className: classNames?.control, shortMonth })}\n          >\n            {size === 'medium' && (\n              <Icon>\n                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({\n                  className,\n                  shortMonth,\n                }),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) => segment({ className, shortMonth }),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={description({\n                className: classNames?.description,\n                shortMonth,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className, shortMonth }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaDateField>\n  );\n}\n"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
+import { DetailsListProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
+
+declare const DetailsListContext: react.Context<ContextValue<DetailsListProps, HTMLDListElement>>;
+declare function DetailsListProvider({ children, ...props }: ProviderProps<DetailsListProps>): react_jsx_runtime.JSX.Element;
+
+export { DetailsListContext, DetailsListProvider };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const r=createContext(null);function l({children:t,...e}){return jsx(r.Provider,{value:e,children:t})}export{r as DetailsListContext,l as DetailsListProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/details-list/context.tsx"],"names":["DetailsListContext","createContext","DetailsListProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAgE,IAAI,EAE/D,SAASC,CAAAA,CAAoB,CAClC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAoC,CAClC,OACEC,GAAAA,CAACL,CAAAA,CAAmB,QAAA,CAAnB,CAA4B,KAAA,CAAOI,CAAAA,CACjC,QAAA,CAAAD,EACH,CAEJ","file":"context.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 type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { DetailsListProps } from './types';\n\nexport const DetailsListContext =\n  createContext<ContextValue<DetailsListProps, HTMLDListElement>>(null);\n\nexport function DetailsListProvider({\n  children,\n  ...props\n}: ProviderProps<DetailsListProps>) {\n  return (\n    <DetailsListContext.Provider value={props}>\n      {children}\n    </DetailsListContext.Provider>\n  );\n}\n"]}

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

@@ -1,24 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { DetailsListProps, DetailsListLabelProps, DetailsListValueProps } from './types.js';
+import { DetailsListProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 import 'tailwind-variants';
 import './styles.js';
 
-declare const DetailsListContext: react.Context<ContextValue<DetailsListProps, HTMLDListElement>>;
-declare function DetailsListProvider({ children, ...props }: ProviderProps<DetailsListProps>): react_jsx_runtime.JSX.Element;
-declare namespace DetailsListProvider {
-    var displayName: string;
-}
-declare function DetailsListLabel(props: DetailsListLabelProps): react_jsx_runtime.JSX.Element;
-declare namespace DetailsListLabel {
-    var displayName: string;
-}
-declare function DetailsListValue(props: DetailsListValueProps): react_jsx_runtime.JSX.Element;
-declare namespace DetailsListValue {
-    var displayName: string;
-}
 /**
  * A semantic details list component for displaying metadata in key-value pairs.
  * Uses CSS Grid layout with labels in the first column and values in the second column.
@@ -27,33 +13,27 @@ declare namespace DetailsListValue {
  * @example
  * ```tsx
  * <DetailsList align="left">
- *   <DetailsList.Label>Key</DetailsList.Label>
- *   <DetailsList.Value>Value</DetailsList.Value>
+ *   <DetailsListLabel>Key</DetailsListLabel>
+ *   <DetailsListValue>Value</DetailsListValue>
  *
- *   <DetailsList.Label>Ships</DetailsList.Label>
- *   <DetailsList.Value>Millennium Falcon</DetailsList.Value>
- *   <DetailsList.Value>USS Enterprise NCC-1701</DetailsList.Value>
- *   <DetailsList.Value>Serenity</DetailsList.Value>
+ *   <DetailsListLabel>Ships</DetailsListLabel>
+ *   <DetailsListValue>Millennium Falcon</DetailsListValue>
+ *   <DetailsListValue>USS Enterprise NCC-1701</DetailsListValue>
+ *   <DetailsListValue>Serenity</DetailsListValue>
  *
- *   <DetailsList.Label>Coordinates</DetailsList.Label>
- *   <DetailsList.Value>
+ *   <DetailsListLabel>Coordinates</DetailsListLabel>
+ *   <DetailsListValue>
  *     <div>Great Pyramid of Giza: 29°58'44" N 31°08'02" E</div>
  *     <div>Machu Picchu: 13°09'47" S 72°32'41" W</div>
  *     <div>Colosseum: 41°53'24" N 12°29'32" E</div>
  *     <div>Taj Mahal: 27°10'30" N 78°02'31" E</div>
- *   </DetailsList.Value>
+ *   </DetailsListValue>
  * </DetailsList>
  * ```
  * ## Child Component Behavior
- * - **DetailsList.Label**: Minimum of 1
- * - **DetailsList.Value**: Minimum of 1
+ * - **DetailsListLabel**: Minimum of 1
+ * - **DetailsListValue**: Minimum of 1
  */
 declare function DetailsList({ ref, ...props }: DetailsListProps): react_jsx_runtime.JSX.Element;
-declare namespace DetailsList {
-    var displayName: string;
-    var Provider: typeof DetailsListProvider;
-    var Label: typeof DetailsListLabel;
-    var Value: typeof DetailsListValue;
-}
 
-export { DetailsList, DetailsListContext };
+export { DetailsList };

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

@@ -1,4 +1,2 @@
-'use client';
-
-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
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,TextContext,DEFAULT_SLOT}from'react-aria-components';import {DetailsListContext}from'./context.js';import {DetailsListStyles,DetailsListStylesDefaults}from'./styles.js';const{list:L,label:p,value:N}=DetailsListStyles();function C({ref:e,...s}){[s,e]=useContextProps(s,e??null,DetailsListContext);const{children:i,classNames:t,align:l=DetailsListStylesDefaults.align,...o}=s;return jsx(TextContext,{value:{slots:{[DEFAULT_SLOT]:{},label:{className:p({className:t?.label,align:l})},value:{className:N({className:t?.value,align:l})}}},children:jsx("dl",{...o,className:L({className:t?.list,align:l}),children:i})})}export{C as DetailsList};//# 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","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"]}
+{"version":3,"sources":["../../../src/components/details-list/index.tsx"],"names":["label","value","u","ref","props","useContextProps","r","DetailsListContext","c","align","DetailsListStylesDefaults","D","jsx","a","n","DEFAULT_SLOT","m"],"mappings":"yPAuBQ,KAAM,CAAA,IAAA,CAAAA,CAAAA,CAAO,KAAA,CAAAC,CAAM,CAAA,KA+BpB,CAAA,CAAA,CAAA,CAAAC,iBAAA,EAAA,CAAA,SAAuBC,CAAK,CAAA,CAAA,GAAS,CAAqB,CAC/D,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAkB,EAErE,IAAA,CAAMC,kBACJ,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAAC,CAAAA,CAAQC,KAA0B,CAAA,CAAA,CAClCC,yBAAA,CAAA,KACEP,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEQ,CAAAA,OACEC,GAAA,CAAAC,WAAO,CACL,CAAA,KAAO,CACL,CAACC,KAAgB,CACjB,CAAA,CAAAC,YAAA,EAAA,EAAS,CAAA,KAAA,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAO,EAAA,KAAM,CAAC,KACjE,CAAA,CAAA,CAAA,CAAO,CAAE,CAAA,KAAA,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAO,EAAA,KAAM,CAAC,KAIrE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAC,CAAIH,GAAA,CAAA,IAAS,CAAA,CAAA,GAAA,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAM,CAAA,EAAA,IAAM,CAAC,KACjE,CAAA,CAAA,CAAA,CAAA,CAAA,QAIT,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 {\n  DEFAULT_SLOT,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { DetailsListContext } from './context';\nimport { DetailsListStyles, DetailsListStylesDefaults } from './styles';\nimport type { DetailsListProps } from './types';\n\nconst { list, label, value } = DetailsListStyles();\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 *   <DetailsListLabel>Key</DetailsListLabel>\n *   <DetailsListValue>Value</DetailsListValue>\n *\n *   <DetailsListLabel>Ships</DetailsListLabel>\n *   <DetailsListValue>Millennium Falcon</DetailsListValue>\n *   <DetailsListValue>USS Enterprise NCC-1701</DetailsListValue>\n *   <DetailsListValue>Serenity</DetailsListValue>\n *\n *   <DetailsListLabel>Coordinates</DetailsListLabel>\n *   <DetailsListValue>\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 *   </DetailsListValue>\n * </DetailsList>\n * ```\n * ## Child Component Behavior\n * - **DetailsListLabel**: Minimum of 1\n * - **DetailsListValue**: 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  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}\n"]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailsListLabelProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+import 'tailwind-variants';
+import './styles.js';
+
+declare function DetailsListLabel(props: DetailsListLabelProps): react_jsx_runtime.JSX.Element;
+
+export { DetailsListLabel };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';function s(t){return jsx(Text,{...t,elementType:"dt",slot:"label"})}export{s as DetailsListLabel};//# sourceMappingURL=label.js.map
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/details-list/label.tsx"],"names":["DetailsListLabel","props","jsx","Text"],"mappings":"iGAiBO,SAASA,CAAAA,CAAiBC,CAAAA,CAA8B,CAC7D,OAAOC,GAAAA,CAACC,KAAA,CAAM,GAAGF,EAAO,WAAA,CAAY,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,CACxD","file":"label.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 { Text } from 'react-aria-components';\nimport type { DetailsListLabelProps } from './types';\n\nexport function DetailsListLabel(props: DetailsListLabelProps) {\n  return <Text {...props} elementType='dt' slot='label' />;\n}\n"]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailsListValueProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+import 'tailwind-variants';
+import './styles.js';
+
+declare function DetailsListValue(props: DetailsListValueProps): react_jsx_runtime.JSX.Element;
+
+export { DetailsListValue };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';function s(e){return jsx(Text,{...e,elementType:"dd",slot:"value"})}export{s as DetailsListValue};//# sourceMappingURL=value.js.map
+//# sourceMappingURL=value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/details-list/value.tsx"],"names":["DetailsListValue","props","jsx","Text"],"mappings":"iGAiBO,SAASA,CAAAA,CAAiBC,CAAAA,CAA8B,CAC7D,OAAOC,GAAAA,CAACC,KAAA,CAAM,GAAGF,EAAO,WAAA,CAAY,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,CACxD","file":"value.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 { Text } from 'react-aria-components';\nimport type { DetailsListValueProps } from './types';\n\nexport function DetailsListValue(props: DetailsListValueProps) {\n  return <Text {...props} elementType='dd' slot='value' />;\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function DialogContent({ children, className }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { DialogContent };

package/dist/components/dialog/content.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {DialogStyles}from'./styles.js';const{content:e}=DialogStyles();function m({children:o,className:t}){return jsx("div",{className:e({className:t}),children:o})}export{m as DialogContent};//# sourceMappingURL=content.js.map
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { DialogProps } from './types.js';
+
+declare const DialogContext: react.Context<ContextValue<DialogProps, HTMLDivElement>>;
+
+export { DialogContext };

package/dist/components/dialog/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import'client-only';import {createContext}from'react';const r=createContext(null);export{r as DialogContext};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dialog/context.tsx"],"names":["DialogContext","createContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,cAAyD,IAAI","file":"context.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 type { ContextValue } from 'react-aria-components';\nimport type { DialogProps } from './types';\n\nexport const DialogContext =\n  createContext<ContextValue<DialogProps, HTMLDivElement>>(null);\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function DialogFooter({ children, className, }: ComponentProps<'footer'>): react_jsx_runtime.JSX.Element;
+
+export { DialogFooter };

package/dist/components/dialog/footer.js

@@ -0,0 +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
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +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"]}