@accelint/design-toolkit 2.4.2 → 2.5.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/styles.ts"],"names":["e"],"mappings":"sCAeE,IAAA,CAAM,CAAA,CAAA,IACR,CAAA,MAGE,CAAA,CAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAA,CAAA,CAAA,SACE,CAAA,+HACK,CACL,KAAA,CAAA,CAAA,iCACA,CAAA,uFAEK,CACL,KAAA,CAAA,CAAA,0LAEA,CAAA,qDACA,CAAA,2KAGF,CAAO,CACL,KAAA,CAAA,CAAA,+FAEA,CAAA,+CACA,CAAA,8IAKF,CAAA,CAAA,QACE,CAAO,MACP,CAAA,EAAM,CACR,IACA,CAAA,EAAM,CACJ,OAAQ,MACR,CAAA,EAAA,CAAA,QACA,CAAA,EAAO,MACP,CAAA,EAAM,CAAA,wBAEN,CAAA,EAAO,MACP,CAAA,EAAM,CAAA,IACN,CAAA,EAAA,CAAQ,SACD,CAAA,KACP,CAAA,EAAO,MACP,CAAA,EAAA,CAAQ,OAEJ,CAAA,KAAA,CAAA,oJAEJ,CAAA,CAAA,WACO,CAAA,KACP,CAAA,EAAO,MACP,CAAA,EAAO,CAAA,SACC,MACR,CAAA,EAAA,CAAQ,MACR,CAAK,GACL,GAAA,CAAA,EAAM,CAAA,IACN,CAAA,EAAM,CAAA,KACD,EAAA,CACL,GAAA,CAAA,EAAM,CACR,oBAEE,CAAO,CACL,KAAA,CAAA,CAAA,SAAW,CAAA,cAEP,CACJ,CAAA,IAAA,CAAA,CAAA,SAAW,CAAA,eAGf,CAAA,CAAA,CAAA,OACE,CAAO,CACL,MAAO,CAAA,KAAA,CAAA,qCAEH,CACJ,MAAO,CAAA,KAAA,CAAA,QAIb,CAAA,CAAA,CAAA,CAAA,gBAEI,CAAM,CACJ,CAAA,IAAA,CAAA,CAAA,QAEA,MAAA,CAAA,gBACA,CAAA,gBAEA,CAAA,UACA,CAAA,QAEA,CAAA,KAAA,CACA,MAAA,CACA,MACF,CACA,gBACE,CAAO,CACL,KAAA,CAAA,CAAA,6EACA,CAAA,2EAKJ,CAAA,CAAA,CAAA,CAAA,CAAA,QACA,CAAA,IAAO,eAAgB,CAAA,iBAErB,CAAO,CACL,KAAA,CAAA,CAAA,2ZAMR,CAAA,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 InputStylesDefaults = {\n  type: 'text',\n} as const;\n\nexport const InputStyles = tv({\n  slots: {\n    container:\n      'group/input grid items-center [--length:attr(data-length_type(<number>),0)] [grid-template-columns:minmax(0,1fr)_min-content]',\n    sizer: [\n      '[grid-column:1/-1] [grid-row:1]',\n      'font-display group-size-medium/input:text-body-s group-size-small/input:text-body-xs',\n    ],\n    input: [\n      'block w-full rounded-medium py-xs pr-[calc(var(--room)+var(--spacing-s))] pl-s font-display text-default-light outline outline-interactive',\n      'enabled:group-focus/input:outline-highlight',\n      'enabled:group-hover/input:outline-interactive-hover',\n      'enabled:group-invalid/input:outline-serious',\n      'disabled:cursor-not-allowed disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled',\n    ],\n    clear: [\n      '[grid-column:2/-1] [grid-row:1]',\n      'group-size-medium/input:mr-xs group-size-small/input:mr-xxs',\n      'enabled:fg-interactive enabled:bg-transparent',\n      'enabled:focus:fg-interactive-hover enabled:focus:bg-transparent',\n      'enabled:hover:fg-interactive-hover enabled:hover:bg-transparent',\n    ],\n  },\n  variants: {\n    autoSize: {\n      false: '',\n      true: '',\n    },\n    type: {\n      button: '',\n      checkbox: '',\n      color: '',\n      date: '',\n      'datetime-local': '',\n      email: '',\n      file: '',\n      hidden: '',\n      image: '',\n      month: '',\n      number: {\n        input:\n          '[appearance:textfield] placeholder:text-default-dark [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n      },\n      password: '',\n      radio: '',\n      range: '',\n      reset: '',\n      search: '',\n      submit: '',\n      tel: '',\n      text: '',\n      time: '',\n      url: '',\n      week: '',\n    },\n    isClearable: {\n      false: {\n        container: '[--room:0px]',\n      },\n      true: {\n        container: '[--room:20px]',\n      },\n    },\n    isEmpty: {\n      false: {\n        clear: 'group-not-focus-within/input:hidden',\n      },\n      true: {\n        clear: 'hidden',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      type: [\n        'color',\n        'date',\n        'datetime-local',\n        'email',\n        'number',\n        'password',\n        'search',\n        'tel',\n        'text',\n        'time',\n        'url',\n      ],\n      className: {\n        sizer: [\n          'group-size-medium/input:min-w-[160px] group-size-medium/input:max-w-[400px]',\n          'group-size-medium/input:min-w-[80px] group-size-small/input:max-w-[200px]',\n        ],\n      },\n    },\n    {\n      autoSize: true,\n      type: ['number', 'text'],\n      className: {\n        sizer: [\n          'group-size-medium/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-s-spacing))+(var(--spacing-s)*2)+var(--room))]',\n          'group-size-small/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-xs-spacing))+(var(--spacing-s)*2)+var(--room))] group-size-small/input:min-w-[calc(2ch+((var(--length)-1)*var(--typography-body-xs-spacing))+(var(--spacing-s)*2)+var(--room))]',\n        ],\n      },\n    },\n  ],\n  defaultVariants: InputStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/input/styles.ts"],"names":["InputStyles","tv","e"],"mappings":"sCAeQ,MAAA,CAAA,CAAA,CAAA,IAGKA,CAAcC,MACzB,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAA,CAAA,CACE,SAAA,CAAA,+HAEA,CAAA,KAAA,CAAA,CAAA,iCACA,CAAA,sFAGA,CAAA,CAAA,KAAA,CAAA,CAAA,0LAEA,CAAA,qDACA,CAAA,2KAIA,CAAA,CAAA,KAAA,CAAA,CAAA,+FAEA,CAAA,+CACA,CAAA,qIAIM,CACR,QAAA,CAAU,CACR,SACA,CAAA,KAAM,CACR,EACA,CAAA,IAAM,CACJ,QAAQ,CAAA,CACR,MAAA,CAAA,EAAU,CAAA,QACH,GACP,CAAA,KAAM,CAAA,2BAEC,GACP,CAAA,KAAM,CAAA,EACN,CAAA,IAAA,CAAQ,EAAA,CACR,MAAO,CAAA,EACP,CAAA,KAAO,GACP,CAAA,KAAA,CAAQ,SAEJ,CAAA,CAAA,KAAA,CAAA,oJAEJ,CAAU,CAAA,QACH,CAAA,EACP,CAAA,KAAO,GACP,CAAA,KAAO,CAAA,EACP,OAAQ,EAAA,CACR,MAAA,CAAQ,EAAA,CACR,OACA,EAAA,CAAA,GAAM,CAAA,EACN,CAAA,IAAM,CAAA,OACD,CACL,EAAA,CAAA,GAAM,CACR,EACA,qBAEI,CAAA,CAAA,KAAA,CAAA,CAAW,SAAA,CAAA,cAGX,CAAA,CAAA,IAAA,CAAA,CAAW,SAAA,CAAA,eAGf,CAAS,CACP,CAAA,cACS,CAAA,CAAA,KAAA,CAAA,2CAGA,CAAA,CAAA,KAEX,CACF,QACA,CAAA,CAAA,CAAA,CAAA,gBAGM,CAAA,CAAA,CAAA,IACA,SACA,CAAA,MAAA,CAAA,wBAGA,CAAA,QAAA,CAAA,UAEA,SACA,CAAA,KACA,CAAA,MACA,CAAA,cAES,SAEP,CAAA,CAAA,KAAA,CAAA,CAAA,6EACA,CAAA,2EAKJ,CAAA,CAAA,CAAA,CAAU,SACH,WAAU,CAAA,iBACN,SAEP,CAAA,CAAA,KAAA,CAAA,CAAA,2ZAMR,CAAA,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 InputStylesDefaults = {\n  type: 'text',\n} as const;\n\nexport const InputStyles = tv({\n  slots: {\n    container:\n      'group/input grid items-center [--length:attr(data-length_type(<number>),0)] [grid-template-columns:minmax(0,1fr)_min-content]',\n    sizer: [\n      '[grid-column:1/-1] [grid-row:1]',\n      'font-display group-size-medium/input:text-body-s group-size-small/input:text-body-xs',\n    ],\n    input: [\n      'block w-full rounded-medium py-xs pr-[calc(var(--room)+var(--spacing-s))] pl-s font-display text-default-light outline outline-interactive',\n      'enabled:group-focus/input:outline-highlight',\n      'enabled:group-hover/input:outline-interactive-hover',\n      'enabled:group-invalid/input:outline-serious',\n      'disabled:cursor-not-allowed disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled',\n    ],\n    clear: [\n      '[grid-column:2/-1] [grid-row:1]',\n      'group-size-medium/input:mr-xs group-size-small/input:mr-xxs',\n      'enabled:fg-interactive enabled:bg-transparent',\n      'enabled:focus:fg-interactive-hover enabled:focus:bg-transparent',\n      'enabled:hover:fg-interactive-hover enabled:hover:bg-transparent',\n    ],\n  },\n  variants: {\n    autoSize: {\n      false: '',\n      true: '',\n    },\n    type: {\n      button: '',\n      checkbox: '',\n      color: '',\n      date: '',\n      'datetime-local': '',\n      email: '',\n      file: '',\n      hidden: '',\n      image: '',\n      month: '',\n      number: {\n        input:\n          '[appearance:textfield] placeholder:text-default-dark [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n      },\n      password: '',\n      radio: '',\n      range: '',\n      reset: '',\n      search: '',\n      submit: '',\n      tel: '',\n      text: '',\n      time: '',\n      url: '',\n      week: '',\n    },\n    isClearable: {\n      false: {\n        container: '[--room:0px]',\n      },\n      true: {\n        container: '[--room:20px]',\n      },\n    },\n    isEmpty: {\n      false: {\n        clear: 'group-not-focus-within/input:hidden',\n      },\n      true: {\n        clear: 'hidden',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      type: [\n        'color',\n        'date',\n        'datetime-local',\n        'email',\n        'number',\n        'password',\n        'search',\n        'tel',\n        'text',\n        'time',\n        'url',\n      ],\n      className: {\n        sizer: [\n          'group-size-medium/input:min-w-[160px] group-size-medium/input:max-w-[400px]',\n          'group-size-medium/input:min-w-[80px] group-size-small/input:max-w-[200px]',\n        ],\n      },\n    },\n    {\n      autoSize: true,\n      type: ['number', 'text'],\n      className: {\n        sizer: [\n          'group-size-medium/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-s-spacing))+(var(--spacing-s)*2)+var(--room))]',\n          'group-size-small/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-xs-spacing))+(var(--spacing-s)*2)+var(--room))] group-size-small/input:min-w-[calc(2ch+((var(--length)-1)*var(--typography-body-xs-spacing))+(var(--spacing-s)*2)+var(--room))]',\n        ],\n      },\n    },\n  ],\n  defaultVariants: InputStylesDefaults,\n});\n"]}

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

@@ -4,6 +4,7 @@ import { VariantProps } from 'tailwind-variants';
 import { ButtonProps } from '../button/types.js';
 import { InputStyles } from './styles.js';
 import '../button/styles.js';
+import 'tailwind-merge';
 
 type InputProps = Omit<InputProps$1, 'className' | 'size' | 'type'> & RefAttributes<HTMLInputElement> & Omit<VariantProps<typeof InputStyles>, 'isEmpty'> & {
     classNames?: {

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

@@ -1,10 +1,11 @@
 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 { LabelProps, LabelProviderProps } from './types.js';
+import { LabelProps } from './types.js';
 
 declare const LabelContext: react.Context<ContextValue<LabelProps, HTMLLabelElement>>;
-declare function LabelProvider({ children, ...props }: LabelProviderProps): react_jsx_runtime.JSX.Element;
+declare function LabelProvider({ children, ...props }: ProviderProps<LabelProps>): react_jsx_runtime.JSX.Element;
 declare namespace LabelProvider {
     var displayName: string;
 }

package/dist/components/label/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {createContext}from'react';import {useContextProps,Label}from'react-aria-components';import {LabelStyles}from'./styles.js';import {jsxs,jsx}from'react/jsx-runtime';var a=createContext(null);function o({children:l,...e}){return jsx(a.Provider,{value:e,children:l})}o.displayName="Label.Provider";function t({ref:l,...e}){[e,l]=useContextProps(e,l??null,a);let{children:i,className:n,isDisabled:s,isRequired:r,...b}=e;return jsxs(Label,{...b,className:LabelStyles({className:n}),"data-disabled":s||null,"data-required":r||null,children:[i,!r&&" (optional)"]})}t.displayName="Label";t.Provider=o;export{t as Label,a as LabelContext};//# sourceMappingURL=index.js.map
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Label}from'react-aria-components';import {LabelStyles}from'./styles.js';const o=createContext(null);function t({children:r,...e}){return jsx(o.Provider,{value:e,children:r})}t.displayName="Label.Provider";function a({ref:r,...e}){[e,r]=useContextProps(e,r??null,o);const{children:i,className:s,isDisabled:n,isRequired:l,...p}=e;return jsxs(Label,{...p,className:LabelStyles({className:s}),"data-disabled":n||null,"data-required":l||null,children:[i,!l&&" (optional)"]})}a.displayName="Label",a.Provider=t;export{a as Label,o as LabelContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/index.tsx"],"names":["LabelContext","createContext","children","jsx","props","LabelProvider","Label","ref","useContextProps","className","isDisabled","isRequired","jsxs","AriaLabel","rest","LabelStyles"],"mappings":"+LAuBaA,IAAAA,CACXC,CAAAA,aAA0D,CAAA,IAAI,EAEhE,UAAuB,CAAE,CAAA,QAAAC,CAAAA,CAAU,CAAA,GAAS,CAAA,CAAuB,CACjE,CAAA,OACEC,GAACH,CAAAA,CAAa,CAAA,QAAb,CAAsB,CAAA,KAAOI,EAAQ,CAAA,QAAAF,CAAAA,CAAS,CAEnD,CACAG,CAAAA,CAAc,CAAA,WAAc,CAAA,gBAErB,CAAA,SAASC,CAAM,CAAE,CAAA,GAAAC,CAAAA,CAAK,CAAA,GAAS,EAAe,CACnD,CAACH,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,eAAgBJ,EAAOG,CAAAA,CAAAA,EAAO,IAAMP,CAAY,CAAA,CAE/D,CAAA,GAAQ,SAAAE,CAAAA,CAAU,CAAA,SAAAO,CAAAA,CAAW,CAAA,UAAAC,CAAAA,CAAY,CAAA,UAAAC,CAAAA,CAAY,CAAA,GAAQ,CAAA,CAAIP,CAAAA,CAEjE,CAAA,OACEQ,IAACC,CAAAA,KAAA,CACE,CAAA,GAAGC,CACJ,CAAA,SAAWC,CAAAA,WAAY,CAAE,CAAA,SAAAN,CAAU,CAAC,CAAA,CACpC,CAAA,eAAeC,CAAAA,CAAAA,EAAc,IAC7B,CAAA,eAAeC,IAAc,IAE5B,CAAA,QAAA,CAAAT,CAAAA,CACA,CAACS,CAAAA,CAAAA,EAAc,aAAA,CAClB,CAEJ,CACAL,CAAAA,CAAM,CAAA,WAAc,CAAA,OACpBA,CAAAA,CAAM,CAAA,QAAWD,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  Label as AriaLabel,\n  type ContextValue,\n  useContextProps,\n} from 'react-aria-components';\nimport { LabelStyles } from './styles';\nimport type { LabelProps, LabelProviderProps } from './types';\n\nexport const LabelContext =\n  createContext<ContextValue<LabelProps, HTMLLabelElement>>(null);\n\nfunction LabelProvider({ children, ...props }: LabelProviderProps) {\n  return (\n    <LabelContext.Provider value={props}>{children}</LabelContext.Provider>\n  );\n}\nLabelProvider.displayName = 'Label.Provider';\n\nexport function Label({ ref, ...props }: LabelProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LabelContext);\n\n  const { children, className, isDisabled, isRequired, ...rest } = props;\n\n  return (\n    <AriaLabel\n      {...rest}\n      className={LabelStyles({ className })}\n      data-disabled={isDisabled || null}\n      data-required={isRequired || null}\n    >\n      {children}\n      {!isRequired && ' (optional)'}\n    </AriaLabel>\n  );\n}\nLabel.displayName = 'Label';\nLabel.Provider = LabelProvider;\n"]}
+{"version":3,"sources":["../../../src/components/label/index.tsx"],"names":["createContext","b","props","u","LabelProvider","ref","useContextProps","rest","P","d","m","isRequired","Label"],"mappings":"+LAyBEA,MAA0D,CAAA,CAAAC,aAAA,CAAI,IAEhE,EAAA,SAAyB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAGC,CAAM,GAC1C,CAAA,CAAA,CAAA,CAAA,OACgBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE1C,CACAC,CAAAA,CAAc,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,gBAErB,CAAA,SAAiB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACpC,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CAAgBJ,EAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,cAAkB,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,UAAY,CAAA,CAAGE,CAAK,GAAIL,CAEjE,CAAA,CAAA,CAAA,CAAA,OACGM,IACE,CAAAC,KAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAAyB,CAAAG,WAAA,CAAA,CAAA,SAAW,CACpC,CAAA,CAAA,CAAA,CAAA,eAA6B,CAAA,CAAA,EAAA,IAC7B,CAAA,eAA6B,CAAA,CAAA,EAAA,IAE5B,CAAA,QACA,CAACC,CAAAA,CAAAA,CAAc,CAAA,CAAA,EAAA,aAItBC,CAAAA,CAAM,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,OACd,CAAA,CAAA,CAAA,QAAWR,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 type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  Label as AriaLabel,\n  type ContextValue,\n  useContextProps,\n} from 'react-aria-components';\nimport { LabelStyles } from './styles';\nimport type { LabelProps } from './types';\n\nexport const LabelContext =\n  createContext<ContextValue<LabelProps, HTMLLabelElement>>(null);\n\nfunction LabelProvider({ children, ...props }: ProviderProps<LabelProps>) {\n  return (\n    <LabelContext.Provider value={props}>{children}</LabelContext.Provider>\n  );\n}\nLabelProvider.displayName = 'Label.Provider';\n\nexport function Label({ ref, ...props }: LabelProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LabelContext);\n\n  const { children, className, isDisabled, isRequired, ...rest } = props;\n\n  return (\n    <AriaLabel\n      {...rest}\n      className={LabelStyles({ className })}\n      data-disabled={isDisabled || null}\n      data-required={isRequired || null}\n    >\n      {children}\n      {!isRequired && ' (optional)'}\n    </AriaLabel>\n  );\n}\nLabel.displayName = 'Label';\nLabel.Provider = LabelProvider;\n"]}

package/dist/components/label/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var t=tv({base:["group/label text-header-s","enabled:fg-default-light","disabled:fg-disabled"]});export{t as LabelStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t=tv({base:["group/label text-header-s","enabled:fg-default-light","disabled:fg-disabled"]});export{t as LabelStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/styles.ts"],"names":["e"],"mappings":"sCAeE,IAAA,CAAA,CAAAA,EAAM,CACJ,CAAA,IAAA,CAAA,CAAA,2BACA,CAAA,0BACA,CAAA,sBAEH,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 LabelStyles = tv({\n  base: [\n    'group/label text-header-s',\n    'enabled:fg-default-light',\n    'disabled:fg-disabled',\n  ],\n});\n"]}
+{"version":3,"sources":["../../../src/components/label/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAM,CACJ,CAAAA,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,2BACA,CAAA,0BACA,CAAA,sBAEH,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 LabelStyles = tv({\n  base: [\n    'group/label text-header-s',\n    'enabled:fg-default-light',\n    'disabled:fg-disabled',\n  ],\n});\n"]}

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

@@ -1,10 +1,9 @@
-import { RefAttributes, PropsWithChildren } from 'react';
+import { RefAttributes } from 'react';
 import { LabelProps as LabelProps$1 } from 'react-aria-components';
 
 type LabelProps = LabelProps$1 & RefAttributes<HTMLLabelElement> & {
     isDisabled?: boolean;
     isRequired?: boolean;
 };
-type LabelProviderProps = PropsWithChildren<LabelProps>;
 
-export type { LabelProps, LabelProviderProps };
+export type { LabelProps };

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

@@ -8,26 +8,6 @@ import './styles.js';
 import 'tailwind-variants';
 
 declare const MenuContext: react.Context<ContextValue<MenuProps<unknown>, HTMLDivElement>>;
-declare function Menu<T extends object>({ ref, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace Menu {
-    var displayName: string;
-    var Trigger: typeof MenuTrigger;
-    var Submenu: (props: react_aria_components.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
-    var Item: {
-        (props: MenuItemProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        Label: typeof MenuLabel;
-        Description: typeof MenuDescription;
-    };
-    var Separator: typeof MenuSeparator;
-    var Section: typeof MenuSection;
-}
-declare const MenuItem: {
-    (props: MenuItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-    Label: typeof MenuLabel;
-    Description: typeof MenuDescription;
-};
 declare function MenuSection<T extends object>(props: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace MenuSection {
     var displayName: string;
@@ -44,5 +24,20 @@ declare function MenuDescription(props: MenuTextProps): react_jsx_runtime.JSX.El
 declare namespace MenuDescription {
     var displayName: string;
 }
+declare function MenuItem(props: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare namespace MenuItem {
+    var displayName: string;
+    var Label: typeof MenuLabel;
+    var Description: typeof MenuDescription;
+}
+declare function Menu<T extends object>({ ref, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Menu {
+    var displayName: string;
+    var Trigger: typeof MenuTrigger;
+    var Submenu: (props: react_aria_components.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+    var Item: typeof MenuItem;
+    var Separator: typeof MenuSeparator;
+    var Section: typeof MenuSection;
+}
 
-export { Menu, MenuContext, MenuDescription, MenuItem, MenuLabel, MenuSection, MenuSeparator };
+export { Menu, MenuContext };

package/dist/components/menu/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import y from'@accelint/icons/chevron-right';import {createContext,useContext}from'react';import {Text,MenuItem,composeRenderProps,Provider,KeyboardContext,DEFAULT_SLOT,useContextProps,Popover,Menu,MenuSection,Header,Collection,Separator,MenuTrigger,SubmenuTrigger}from'react-aria-components';import {IconContext,Icon}from'../icon/index.js';import {MenuStyles,MenuStylesDefaults}from'./styles.js';import {jsx,jsxs}from'react/jsx-runtime';var {menu:z,icon:B,item:G,label:J,description:Q,more:W,sectionHeader:X,separator:Y,keyboard:Z}=MenuStyles(),d=createContext(null);function s({ref:n,...e}){[e,n]=useContextProps(e,n??null,d);let{children:a,className:t,selectionMode:i="single",offset:c=-4,placement:u,isNonModal:r,containerPadding:m,variant:N=MenuStylesDefaults.variant,...b}=e;return jsx(Popover,{offset:c,placement:u,isNonModal:r,containerPadding:m,children:jsx(d.Provider,{value:{variant:N},children:jsx(Menu,{ref:n,className:composeRenderProps(t,g=>z({className:g,variant:N})),selectionMode:i,...b,children:a})})})}s.displayName="Menu";var l=n=>{let e=useContext(d),a=(isSlottedContextValue(e)?void 0:e?.variant)??MenuStylesDefaults.variant,{classNames:t,color:i=MenuStylesDefaults.color,children:c,...u}=n;return jsx(MenuItem,{...u,className:composeRenderProps(t?.item,r=>G({className:r,variant:a,color:i})),children:composeRenderProps(c,(r,{hasSubmenu:m})=>jsxs(Provider,{values:[[KeyboardContext,{className:Z({className:t?.keyboard})}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:B({className:t?.icon})},submenu:{className:W({className:t?.more})}}}]],children:[typeof r=="string"?jsx(Text,{className:t?.text,slot:"label",children:r}):r,m&&jsx(Icon,{slot:"submenu",children:jsx(y,{})})]}))})};l.displayName="Menu.Item";function P(n){let{header:e,children:a,classNames:t,items:i,...c}=n;return jsxs(MenuSection,{className:t?.section,...c,children:[jsx(Header,{className:X({className:t?.sectionHeader}),children:e}),jsx(Collection,{items:i,children:a})]})}P.displayName="Menu.Section";function S({className:n,...e}){return jsx(Separator,{...e,className:Y({className:n})})}S.displayName="Menu.Separator";function T(n){let{children:e,className:a,...t}=n;return jsx(Text,{...t,slot:"label",className:J({className:a}),children:e})}T.displayName="Menu.Item.Label";function f(n){let{children:e,className:a,...t}=n;return jsx(Text,{...t,slot:"description","data-slot":"description",className:Q({className:a}),children:e})}f.displayName="Menu.Item.Description";s.Trigger=MenuTrigger;s.Submenu=SubmenuTrigger;s.Item=l;l.Label=T;l.Description=f;s.Separator=S;s.Section=P;export{s as Menu,d as MenuContext,f as MenuDescription,l as MenuItem,T as MenuLabel,P as MenuSection,S as MenuSeparator};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import y from'@accelint/icons/chevron-right';import {createContext,useContext}from'react';import {useContextProps,Popover,Menu,composeRenderProps,MenuTrigger,SubmenuTrigger,MenuSection,Header,Collection,Separator,Text,MenuItem,Provider,KeyboardContext,DEFAULT_SLOT}from'react-aria-components';import {IconContext,Icon}from'../icon/index.js';import {MenuStyles,MenuStylesDefaults}from'./styles.js';const {menu:z,icon:B,item:G,label:J,description:Q,more:W,sectionHeader:X,separator:Y,keyboard:Z}=MenuStyles(),N=createContext(null);function P(n){const{header:e,children:o,classNames:t,items:i,...c}=n;return jsxs(MenuSection,{className:t?.section,...c,children:[jsx(Header,{className:X({className:t?.sectionHeader}),children:e}),jsx(Collection,{items:i,children:o})]})}P.displayName="Menu.Section";function S({className:n,...e}){return jsx(Separator,{...e,className:Y({className:n})})}S.displayName="Menu.Separator";function T(n){const{children:e,className:o,...t}=n;return jsx(Text,{...t,slot:"label",className:J({className:o}),children:e})}T.displayName="Menu.Item.Label";function f(n){const{children:e,className:o,...t}=n;return jsx(Text,{...t,slot:"description",className:Q({className:o}),children:e})}f.displayName="Menu.Item.Description";function u(n){const e=useContext(N),o=(isSlottedContextValue(e)?void 0:e?.variant)??MenuStylesDefaults.variant,{classNames:t,color:i=MenuStylesDefaults.color,children:c,...l}=n;return jsx(MenuItem,{...l,className:composeRenderProps(t?.item,r=>G({className:r,variant:o,color:i})),children:composeRenderProps(c,(r,{hasSubmenu:m})=>jsxs(Provider,{values:[[KeyboardContext,{className:Z({className:t?.keyboard})}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:B({className:t?.icon})},submenu:{className:W({className:t?.more})}}}]],children:[typeof r=="string"?jsx(Text,{className:t?.text,slot:"label",children:r}):r,m&&jsx(Icon,{slot:"submenu",children:jsx(y,{})})]}))})}u.displayName="Menu.Item",u.Label=T,u.Description=f;function s({ref:n,...e}){[e,n]=useContextProps(e,n??null,N);const{children:o,className:t,selectionMode:i="single",offset:c=-4,placement:l,isNonModal:r,containerPadding:m,variant:x=MenuStylesDefaults.variant,...b}=e;return jsx(Popover,{offset:c,placement:l,isNonModal:r,containerPadding:m,children:jsx(N.Provider,{value:{variant:x},children:jsx(Menu,{ref:n,className:composeRenderProps(t,g=>z({className:g,variant:x})),selectionMode:i,...b,children:o})})})}s.displayName="Menu",s.Trigger=MenuTrigger,s.Submenu=SubmenuTrigger,s.Item=u,s.Separator=S,s.Section=P;export{s as Menu,N as MenuContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/index.tsx"],"names":["icon","item","label","more","keyboard","MenuContext","createContext","q","C","Menu","props","useContextProps","ref","O","children","offset","variant","M","jsx","Popover","o","F","D","menu","p","context","useContext","isSlottedContextValue","v","color","MenuStylesDefaults","AriaMenuItem","rest","L","className","composeRenderProps","A","K","KeyboardContext","w","_","DEFAULT_SLOT","j","x","hasSubmenu","Icon","U","MenuItem","MenuSection","header","items","jsxs","AriaMenuSection","k","h","MenuSeparator","AriaSeparator","E","MenuLabel","AriaText","MenuDescription","AriaMenuTrigger","V","AriaSubmenuTrigger"],"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 { isSlottedContextValue } from '@/lib/utils';\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport { createContext, useContext } from 'react';\nimport {\n  Header as AriaHeader,\n  Menu as AriaMenu,\n  Collection as AriaMenuCollection,\n  MenuItem as AriaMenuItem,\n  MenuSection as AriaMenuSection,\n  MenuTrigger as AriaMenuTrigger,\n  Separator as AriaSeparator,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Text as AriaText,\n  type ContextValue,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Popover,\n  Provider,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon, IconContext } from '../icon';\nimport { MenuStyles, MenuStylesDefaults } from './styles';\nimport type {\n  MenuItemProps,\n  MenuProps,\n  MenuSectionProps,\n  MenuTextProps,\n  SeparatorProps,\n} from './types';\n\nconst {\n  menu,\n  icon,\n  item,\n  label,\n  description,\n  more,\n  sectionHeader,\n  separator,\n  keyboard,\n} = MenuStyles();\n\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n\nexport function Menu<T extends object>({ ref, ...props }: MenuProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, MenuContext);\n\n  const {\n    children,\n    className,\n    selectionMode = 'single',\n    offset = -4,\n    placement,\n    isNonModal,\n    containerPadding,\n    variant = MenuStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      offset={offset}\n      placement={placement}\n      isNonModal={isNonModal}\n      containerPadding={containerPadding}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          ref={ref}\n          className={composeRenderProps(className, (className) =>\n            menu({ className, variant }),\n          )}\n          selectionMode={selectionMode}\n          {...rest}\n        >\n          {children}\n        </AriaMenu>\n      </MenuContext.Provider>\n    </Popover>\n  );\n}\nMenu.displayName = 'Menu';\n\nexport const MenuItem = (props: MenuItemProps) => {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    MenuStylesDefaults.variant;\n\n  const {\n    classNames,\n    color = MenuStylesDefaults.color,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className, variant, color }),\n      )}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: keyboard({ className: classNames?.keyboard }) },\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {\n                    className: icon({ className: classNames?.icon }),\n                  },\n                  submenu: { className: more({ className: classNames?.more }) },\n                },\n              },\n            ],\n          ]}\n        >\n          {typeof children === 'string' ? (\n            <AriaText className={classNames?.text} slot='label'>\n              {children}\n            </AriaText>\n          ) : (\n            children\n          )}\n          {hasSubmenu && (\n            <Icon slot='submenu'>\n              <ChevronRight />\n            </Icon>\n          )}\n        </Provider>\n      ))}\n    </AriaMenuItem>\n  );\n};\nMenuItem.displayName = 'Menu.Item';\n\nexport function MenuSection<T extends object>(props: MenuSectionProps<T>) {\n  const { header, children, classNames, items, ...rest } = props;\n\n  return (\n    <AriaMenuSection className={classNames?.section} {...rest}>\n      <AriaHeader\n        className={sectionHeader({ className: classNames?.sectionHeader })}\n      >\n        {header}\n      </AriaHeader>\n      <AriaMenuCollection items={items}>{children}</AriaMenuCollection>\n    </AriaMenuSection>\n  );\n}\nMenuSection.displayName = 'Menu.Section';\n\nexport function MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <AriaSeparator {...rest} className={separator({ className })} />;\n}\nMenuSeparator.displayName = 'Menu.Separator';\n\nexport function MenuLabel(props: MenuTextProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaText {...rest} slot='label' className={label({ className })}>\n      {children}\n    </AriaText>\n  );\n}\nMenuLabel.displayName = 'Menu.Item.Label';\n\nexport function MenuDescription(props: MenuTextProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaText\n      {...rest}\n      slot='description'\n      data-slot='description'\n      className={description({ className })}\n    >\n      {children}\n    </AriaText>\n  );\n}\nMenuDescription.displayName = 'Menu.Item.Description';\n\nMenu.Trigger = AriaMenuTrigger;\nMenu.Submenu = AriaSubmenuTrigger;\nMenu.Item = MenuItem;\nMenuItem.Label = MenuLabel;\nMenuItem.Description = MenuDescription;\nMenu.Separator = MenuSeparator;\nMenu.Section = MenuSection;\n"]}
+{"version":3,"sources":["../../../src/components/menu/index.tsx"],"names":["label","description","sectionHeader","keyboard","MenuStyles","MenuSection","props","C","children","classNames","rest","jsxs","A","k","jsx","a","h","items","H","MenuSeparator","className","E","p","useContext","MenuContext","context","I","v","MenuStylesDefaults","d","L","item","M","variant","composeRenderProps","Provider","K","w","_","icon","j","more","AriaText","hasSubmenu","U","MenuItem","MenuDescription","Menu","ref","O","placement","isNonModal","offset","F","AriaMenu","menu","AriaSubmenuTrigger"],"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 { isSlottedContextValue } from '@/lib/utils';\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport { createContext, useContext } from 'react';\nimport {\n  Header as AriaHeader,\n  Menu as AriaMenu,\n  Collection as AriaMenuCollection,\n  MenuItem as AriaMenuItem,\n  MenuSection as AriaMenuSection,\n  MenuTrigger as AriaMenuTrigger,\n  Separator as AriaSeparator,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Text as AriaText,\n  type ContextValue,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Popover,\n  Provider,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon, IconContext } from '../icon';\nimport { MenuStyles, MenuStylesDefaults } from './styles';\nimport type {\n  MenuItemProps,\n  MenuProps,\n  MenuSectionProps,\n  MenuTextProps,\n  SeparatorProps,\n} from './types';\n\nconst {\n  menu,\n  icon,\n  item,\n  label,\n  description,\n  more,\n  sectionHeader,\n  separator,\n  keyboard,\n} = MenuStyles();\n\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n\nfunction MenuSection<T extends object>(props: MenuSectionProps<T>) {\n  const { header, children, classNames, items, ...rest } = props;\n\n  return (\n    <AriaMenuSection className={classNames?.section} {...rest}>\n      <AriaHeader\n        className={sectionHeader({ className: classNames?.sectionHeader })}\n      >\n        {header}\n      </AriaHeader>\n      <AriaMenuCollection items={items}>{children}</AriaMenuCollection>\n    </AriaMenuSection>\n  );\n}\nMenuSection.displayName = 'Menu.Section';\n\nfunction MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <AriaSeparator {...rest} className={separator({ className })} />;\n}\nMenuSeparator.displayName = 'Menu.Separator';\n\nfunction MenuLabel(props: MenuTextProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaText {...rest} slot='label' className={label({ className })}>\n      {children}\n    </AriaText>\n  );\n}\nMenuLabel.displayName = 'Menu.Item.Label';\n\nfunction MenuDescription(props: MenuTextProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaText\n      {...rest}\n      slot='description'\n      className={description({ className })}\n    >\n      {children}\n    </AriaText>\n  );\n}\nMenuDescription.displayName = 'Menu.Item.Description';\n\nfunction MenuItem(props: MenuItemProps) {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    MenuStylesDefaults.variant;\n\n  const {\n    classNames,\n    color = MenuStylesDefaults.color,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className, variant, color }),\n      )}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: keyboard({ className: classNames?.keyboard }) },\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {\n                    className: icon({ className: classNames?.icon }),\n                  },\n                  submenu: { className: more({ className: classNames?.more }) },\n                },\n              },\n            ],\n          ]}\n        >\n          {typeof children === 'string' ? (\n            <AriaText className={classNames?.text} slot='label'>\n              {children}\n            </AriaText>\n          ) : (\n            children\n          )}\n          {hasSubmenu && (\n            <Icon slot='submenu'>\n              <ChevronRight />\n            </Icon>\n          )}\n        </Provider>\n      ))}\n    </AriaMenuItem>\n  );\n}\nMenuItem.displayName = 'Menu.Item';\nMenuItem.Label = MenuLabel;\nMenuItem.Description = MenuDescription;\n\nexport function Menu<T extends object>({ ref, ...props }: MenuProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, MenuContext);\n\n  const {\n    children,\n    className,\n    selectionMode = 'single',\n    offset = -4,\n    placement,\n    isNonModal,\n    containerPadding,\n    variant = MenuStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      offset={offset}\n      placement={placement}\n      isNonModal={isNonModal}\n      containerPadding={containerPadding}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          ref={ref}\n          className={composeRenderProps(className, (className) =>\n            menu({ className, variant }),\n          )}\n          selectionMode={selectionMode}\n          {...rest}\n        >\n          {children}\n        </AriaMenu>\n      </MenuContext.Provider>\n    </Popover>\n  );\n}\nMenu.displayName = 'Menu';\nMenu.Trigger = AriaMenuTrigger;\nMenu.Submenu = AriaSubmenuTrigger;\nMenu.Item = MenuItem;\nMenu.Separator = MenuSeparator;\nMenu.Section = MenuSection;\n"]}

package/dist/components/menu/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var t={variant:"cozy",color:"info"},o=tv({slots:{menu:"mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",icon:"[grid-area:icon]",item:["group/item flex items-center gap-x-s px-s text-body-s",'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:"icon_label_space_action"_"icon_description_space_action"]',"disabled:fg-disabled disabled:bg-transparent"],label:"truncate [grid-area:label] group-not-has-data-[slot=description]/item:row-span-full",description:"fg-default-dark group-hover/item:fg-inverse-light group-data-[focused]/item:fg-inverse-light group-data-[disabled]/item:fg-disabled truncate text-body-xs [grid-area:description]",more:"[grid-area:action]",sectionHeader:"fg-default-dark px-s py-xs text-header-xs",separator:"mx-3 my-1 border border-static-light",keyboard:"[grid-area:action]"},variants:{variant:{cozy:{item:"pt-s pb-s"},compact:{item:"pt-xs pb-xs"}},color:{info:{item:["fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light","selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold"]},serious:{item:["fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light","selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold"]}}},defaultVariants:t});export{o as MenuStyles,t as MenuStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={variant:"cozy",color:"info"},o=tv({slots:{menu:"group/menu mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",icon:"[grid-area:icon]",item:["group/menu-item flex items-center gap-x-s px-s text-body-s",'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:"icon_label_space_action"_"icon_description_space_action"]',"disabled:fg-disabled disabled:bg-transparent"],label:"truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full",description:"fg-default-dark group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light group-disabled/menu-item:fg-disabled truncate text-body-xs [grid-area:description]",more:"[grid-area:action]",sectionHeader:"fg-default-dark px-s py-xs text-header-xs",separator:"mx-3 my-1 border border-static-light",keyboard:"[grid-area:action]"},variants:{variant:{cozy:{item:"pt-s pb-s"},compact:{item:"pt-xs pb-xs"}},color:{info:{item:["fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light","selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold"]},serious:{item:["fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light","selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold"]}}},defaultVariants:t});export{o as MenuStyles,t as MenuStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/styles.ts"],"names":["e"],"mappings":"sCAiBE,IAAA,CAAA,CAAA,CAAA,OAAS,CACT,MAAO,CAAA,KACT,OAGE,CAAA,CAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,8HACA,CAAA,IAAA,CAAA,kBAEJ,CAAA,IAAA,CAAA,CAAA,uDACA,CAAA,qHACA,CAAA,8CAEF,CACE,CAAA,KAAA,CAAA,qFACF,CAAA,WACE,CAAA,mLACI,CAAA,IAAA,CAAA,oBACN,CAAA,aAAe,CAAA,2CACf,CAAA,gDACA,CAAA,QAAU,CAAA,oBAEZ,CAAA,CAAA,QACE,CAAA,CAAA,OACQ,CACJ,KAAM,CAAA,CAAA,IAAA,CAAA,WAER,CAAA,CAAA,OACQ,CAAA,CAAA,IAAA,CAAA,aAGV,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAM,CACJ,uHACA,CAAA,mGAGJ,CAAA,CAAA,CAAA,OACQ,CACJ,CAAA,IAAA,CAAA,CAAA,0GACA,CAAA,2FAKR,CAAA,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';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const MenuStylesDefaults = {\n  variant: 'cozy',\n  color: 'info',\n} as const;\n\nexport const MenuStyles = tv({\n  slots: {\n    menu: 'mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light',\n    icon: '[grid-area:icon]',\n    item: [\n      'group/item flex items-center gap-x-s px-s text-body-s',\n      'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:\"icon_label_space_action\"_\"icon_description_space_action\"]',\n      'disabled:fg-disabled disabled:bg-transparent',\n    ],\n    label:\n      'truncate [grid-area:label] group-not-has-data-[slot=description]/item:row-span-full',\n    description:\n      'fg-default-dark group-hover/item:fg-inverse-light group-data-[focused]/item:fg-inverse-light group-data-[disabled]/item:fg-disabled truncate text-body-xs [grid-area:description]',\n    more: '[grid-area:action]',\n    sectionHeader: 'fg-default-dark px-s py-xs text-header-xs',\n    separator: 'mx-3 my-1 border border-static-light',\n    keyboard: '[grid-area:action]',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        item: 'pt-s pb-s',\n      },\n      compact: {\n        item: 'pt-xs pb-xs',\n      },\n    },\n    color: {\n      info: {\n        item: [\n          'fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n          'selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold',\n        ],\n      },\n      serious: {\n        item: [\n          'fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n          'selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold',\n        ],\n      },\n    },\n  },\n  defaultVariants: MenuStylesDefaults,\n});\n\nexport type MenuStyleVariants = VariantProps<typeof MenuStyles> & {\n  prefixIcon?: ReactNode;\n};\n"]}
+{"version":3,"sources":["../../../src/components/menu/styles.ts"],"names":["MenuStyles","tv","e"],"mappings":"sCAiBE,MAAA,CAAS,CAAA,CAAA,OACT,CAAA,MAAO,CAAA,KAGIA,CAAaC,MACxB,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,yIACA,CAAA,IAAA,CAAA,kBAEJ,CAAA,IAAA,CAAA,CAAA,4DACA,CAAA,qHACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,yFACF,CAAA,WACE,CAAA,kLACI,CAAA,IAAA,CAAA,oBACN,CAAA,aAAe,CAAA,2CACf,CAAW,gDACD,CAAA,QAAA,CAAA,oBAEZ,CAAU,CACR,QAAS,CACP,CAAA,aACQ,CAAA,CAAA,IAAA,CAAA,WAEC,CACP,QAAM,CAAA,CAAA,IAAA,CAAA,aAIR,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,4HAEE,CAAA,mGAGJ,CAAS,CACP,CAAA,OACE,CAAA,CAAA,IAAA,CAAA,CAAA,0GACA,CAAA,2FAKR,CAAA,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';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const MenuStylesDefaults = {\n  variant: 'cozy',\n  color: 'info',\n} as const;\n\nexport const MenuStyles = tv({\n  slots: {\n    menu: 'group/menu mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light',\n    icon: '[grid-area:icon]',\n    item: [\n      'group/menu-item flex items-center gap-x-s px-s text-body-s',\n      'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:\"icon_label_space_action\"_\"icon_description_space_action\"]',\n      'disabled:fg-disabled disabled:bg-transparent',\n    ],\n    label:\n      'truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full',\n    description:\n      'fg-default-dark group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light group-disabled/menu-item:fg-disabled truncate text-body-xs [grid-area:description]',\n    more: '[grid-area:action]',\n    sectionHeader: 'fg-default-dark px-s py-xs text-header-xs',\n    separator: 'mx-3 my-1 border border-static-light',\n    keyboard: '[grid-area:action]',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        item: 'pt-s pb-s',\n      },\n      compact: {\n        item: 'pt-xs pb-xs',\n      },\n    },\n    color: {\n      info: {\n        item: [\n          'fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n          'selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold',\n        ],\n      },\n      serious: {\n        item: [\n          'fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n          'selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold',\n        ],\n      },\n    },\n  },\n  defaultVariants: MenuStylesDefaults,\n});\n\nexport type MenuStyleVariants = VariantProps<typeof MenuStyles> & {\n  prefixIcon?: ReactNode;\n};\n"]}

package/dist/components/navigation-stack/index.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NavigationStackProps, NavigationStackViewProps, NavigationStackNavigateProps } from './types.js';
+import '@react-types/shared';
+import 'type-fest';
+
+declare const NavigationStack: {
+    ({ children, defaultViewId, }: NavigationStackProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    View: {
+        ({ id, children }: NavigationStackViewProps): react.ReactNode;
+        displayName: string;
+    };
+    Navigate: {
+        ({ children, for: action, ...props }: NavigationStackNavigateProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+export { NavigationStack };

package/dist/components/navigation-stack/index.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext,useState,useCallback,useMemo,useContext}from'react';import {PressResponder}from'@react-aria/interactions';import {Pressable}from'react-aria-components';const c=createContext({currentViewId:null,pushView:()=>{},popView:()=>{},clear:()=>{},canGoBack:false,viewStack:[]}),u=({id:i,children:t})=>useContext(c).currentViewId===i?t:null;u.displayName="NavigationStack.View";const S=({children:i,for:t,...a})=>{const e=useContext(c),o=useCallback(()=>{t==="back"?e.popView():t==="clear"?e.clear():e.pushView(t);},[t,e.popView,e.clear,e.pushView]);return jsx(PressResponder,{onPress:o,children:jsx(Pressable,{...a,children:i})})};S.displayName="NavigationStack.Navigate";const r=({children:i,defaultViewId:t})=>{const[a,e]=useState(t?[t]:[]),o=a[a.length-1]||null,v=a.length>1,l=useCallback(s=>{e(w=>[...w,s]);},[]),g=useCallback(()=>{e(s=>s.slice(0,-1));},[]),N=useCallback(()=>{e(t?[t]:[]);},[t]),V=useMemo(()=>({currentViewId:o,pushView:l,popView:g,clear:N,canGoBack:v,viewStack:a}),[o,v,a,l,g,N]);return jsx(c.Provider,{value:V,children:i})};r.displayName="NavigationStack",r.View=u,r.Navigate=S;export{r as NavigationStack};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation-stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation-stack/index.tsx"],"names":["NavigationStackContext","createContext","NavigationStackView","id","children","useContext","NavigationStackNavigate","action","props","context","handleOnPress","useCallback","jsx","PressResponder","Pressable","NavigationStack","defaultViewId","viewStack","setViewStack","useState","currentViewId","canGoBack","pushView","viewId","prev","popView","clear","contextValue","useMemo"],"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 'client-only';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { PressResponder } from '@react-aria/interactions';\nimport { Pressable } from 'react-aria-components';\nimport type {\n  NavigationStackContextValue,\n  NavigationStackNavigateProps,\n  NavigationStackProps,\n  NavigationStackViewProps,\n} from './types';\n\nconst NavigationStackContext = createContext<NavigationStackContextValue>({\n  currentViewId: null,\n  pushView: () => undefined,\n  popView: () => undefined,\n  clear: () => undefined,\n  canGoBack: false,\n  viewStack: [],\n});\n\nconst NavigationStackView = ({ id, children }: NavigationStackViewProps) => {\n  const context = useContext(NavigationStackContext);\n  const isActive = context.currentViewId === id;\n\n  return isActive ? children : null;\n};\nNavigationStackView.displayName = 'NavigationStack.View';\n\nconst NavigationStackNavigate = ({\n  children,\n  for: action,\n  ...props\n}: NavigationStackNavigateProps) => {\n  const context = useContext(NavigationStackContext);\n  const handleOnPress = useCallback(() => {\n    if (action === 'back') {\n      context.popView();\n    } else if (action === 'clear') {\n      context.clear();\n    } else {\n      context.pushView(action);\n    }\n  }, [action, context.popView, context.clear, context.pushView]);\n  return (\n    <PressResponder onPress={handleOnPress}>\n      <Pressable {...props}>{children}</Pressable>\n    </PressResponder>\n  );\n};\nNavigationStackNavigate.displayName = 'NavigationStack.Navigate';\n\nexport const NavigationStack = ({\n  children,\n  defaultViewId,\n}: NavigationStackProps) => {\n  const [viewStack, setViewStack] = useState<string[]>(\n    defaultViewId ? [defaultViewId] : [],\n  );\n  const currentViewId = viewStack[viewStack.length - 1] || null;\n  const canGoBack = viewStack.length > 1;\n\n  const pushView = useCallback((viewId: string) => {\n    setViewStack((prev) => [...prev, viewId]);\n  }, []);\n  const popView = useCallback(() => {\n    setViewStack((prev) => prev.slice(0, -1));\n  }, []);\n  const clear = useCallback(() => {\n    setViewStack(defaultViewId ? [defaultViewId] : []);\n  }, [defaultViewId]);\n\n  const contextValue = useMemo(\n    () => ({\n      currentViewId,\n      pushView,\n      popView,\n      clear,\n      canGoBack,\n      viewStack,\n    }),\n    [currentViewId, canGoBack, viewStack, pushView, popView, clear],\n  );\n\n  return (\n    <NavigationStackContext.Provider value={contextValue}>\n      {children}\n    </NavigationStackContext.Provider>\n  );\n};\nNavigationStack.displayName = 'NavigationStack';\nNavigationStack.View = NavigationStackView;\nNavigationStack.Navigate = NavigationStackNavigate;\n"]}

package/dist/components/navigation-stack/types.d.ts

@@ -0,0 +1,31 @@
+import { FocusableElement } from '@react-types/shared';
+import { RefAttributes, ReactNode, ReactElement, DOMAttributes, Key } from 'react';
+import { LiteralUnion } from 'type-fest';
+
+type NavigationStackProps = RefAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    defaultViewId?: string;
+    className?: string;
+};
+type NavigationStackViewProps = RefAttributes<HTMLDivElement> & {
+    id: string;
+    children: ReactNode;
+};
+type NavigationStackNavigateProps = {
+    children: ReactElement<DOMAttributes<FocusableElement>, string>;
+    /**
+     * The string is to be used as a childId. When for is a childId
+     * navigate will push the childId onto the stack.
+     * */
+    for: LiteralUnion<'back' | 'clear', string>;
+};
+type NavigationStackContextValue = {
+    currentViewId: Key | null;
+    pushView: (viewId: string) => void;
+    popView: () => void;
+    clear: () => void;
+    canGoBack: boolean;
+    viewStack: string[];
+};
+
+export type { NavigationStackContextValue, NavigationStackNavigateProps, NavigationStackProps, NavigationStackViewProps };

package/dist/components/navigation-stack/types.js

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

package/dist/components/navigation-stack/types.js.map

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

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

@@ -1,32 +1,38 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ListBoxProps, ListBoxSectionProps } from 'react-aria-components';
-import { IOptionsItem, OptionsItemProps, OptionsItem } from '../options-item/index.js';
-import 'cva/types';
-import 'cva';
+import { ContextValue } from 'react-aria-components';
+import { OptionsDataItem, OptionsProps, OptionsItemProps, OptionsItemTextProps, OptionsSectionProps } from './types.js';
+import '../icon/types.js';
 
-interface OptionsProps<T extends IOptionsItem> extends ListBoxProps<T> {
-    className?: string;
-    description?: string;
-    errorMessage?: string;
-    label?: string;
-    placeholder?: string;
-    size?: OptionsItemProps<T>['size'];
-    type?: OptionsItemProps<T>['type'];
+declare const OptionsContext: react.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
+declare function OptionsSection<T extends OptionsDataItem>({ children, classNames, header, items, }: OptionsSectionProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace OptionsSection {
+    var displayName: string;
 }
-declare const OptionsContext: react.Context<Pick<OptionsProps<IOptionsItem>, "size" | "type">>;
-declare function Options<T extends IOptionsItem>({ children, className, description, errorMessage, label, placeholder, size, type, ...props }: OptionsProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace Options {
+declare function OptionsItemContent({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
+declare namespace OptionsItemContent {
     var displayName: string;
-    var Item: typeof OptionsItem;
-    var Section: typeof OptionsSection;
 }
-interface OptionsSectionProps<T extends IOptionsItem> extends ListBoxSectionProps<T> {
-    header?: string;
+declare function OptionsItemLabel({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
+declare namespace OptionsItemLabel {
+    var displayName: string;
 }
-declare function OptionsSection<T extends IOptionsItem>({ children, header, items, }: OptionsSectionProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace OptionsSection {
+declare function OptionsItemDescription({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
+declare namespace OptionsItemDescription {
     var displayName: string;
 }
+declare function OptionsItem<T extends OptionsDataItem>({ children, classNames, color, textValue, ...rest }: OptionsItemProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace OptionsItem {
+    var displayName: string;
+    var Label: typeof OptionsItemLabel;
+    var Content: typeof OptionsItemContent;
+    var Description: typeof OptionsItemDescription;
+}
+declare function Options<T extends OptionsDataItem>({ ref, ...props }: OptionsProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Options {
+    var displayName: string;
+    var Item: typeof OptionsItem;
+    var Section: typeof OptionsSection;
+}
 
-export { Options, OptionsContext, type OptionsProps, OptionsSection };
+export { Options, OptionsContext };

package/dist/components/options/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {createContext}from'react';import {ListBox,ListBoxSection,Header,Collection}from'react-aria-components';import {OptionsItem}from'../options-item/index.js';import {jsx,jsxs}from'react/jsx-runtime';var I=createContext({size:"large",type:"default"});function s({children:e,className:o,description:i,errorMessage:f,label:u,placeholder:y,size:n,type:a,...p}){return jsx(I.Provider,{value:{size:n,type:a},children:jsx(ListBox,{className:"max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",...p,children:e})})}s.displayName="Options";s.Item=OptionsItem;function r({children:e,header:o,items:i}){return jsxs(ListBoxSection,{id:o,className:"mt-s border-default-dark border-t first:border-none",children:[jsx(Header,{className:"m-xs my-s text-default-dark text-header-xs",children:o}),jsx(Collection,{items:i,children:e})]})}r.displayName="Options.Section";s.Section=r;export{s as Options,I as OptionsContext,r as OptionsSection};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,ListBox,composeRenderProps,ListBoxSection,Header,Collection,Text,ListBoxItem}from'react-aria-components';import {Icon}from'../icon/index.js';import {OptionsStyles}from'./styles.js';const {list:S,section:b,header:B,item:v,content:z,icon:H,label:V,description:g}=OptionsStyles(),E=createContext(null);function O({children:t,classNames:e,header:n,items:i}){return jsxs(ListBoxSection,{id:n,className:b({className:e?.section}),children:[jsx(Header,{className:B({className:e?.header}),children:n}),jsx(Collection,{items:i,children:t})]})}O.displayName="Options.Section";function I({className:t,...e}){return jsx("div",{...e,className:z({className:t})})}I.displayName="Options.Item.Content";function r({className:t,...e}){return jsx(Text,{...e,slot:"label",className:V({className:t})})}r.displayName="Options.Item.Label";function x({className:t,...e}){return jsx(Text,{...e,slot:"description",className:g({className:t})})}x.displayName="Options.Item.Description";function p({children:t,classNames:e,color:n="info",textValue:i=typeof t=="string"?t:"",...a}){return jsx(ListBoxItem,{...a,className:composeRenderProps(e?.item,s=>v({className:s})),textValue:i,"data-color":n,children:composeRenderProps(t,s=>jsx(Icon.Provider,{className:H({className:e?.icon}),size:"small",children:typeof s=="string"?jsx(r,{children:s}):s}))})}p.displayName="Options.Item",p.Label=r,p.Content=I,p.Description=x;function l({ref:t,...e}){[e,t]=useContextProps(e,t??null,E);const{children:n,className:i,size:a,...s}=e;return jsx(ListBox,{...s,ref:t,className:composeRenderProps(i,d=>S({className:d})),"data-size":a,children:n})}l.displayName="Options",l.Item=p,l.Section=O;export{l as Options,E as OptionsContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/index.tsx"],"names":["OptionsContext","createContext","Options","children","className","description","errorMessage","label","placeholder","size","type","jsx","AriaListBox","props","OptionsItem","OptionsSection","header","items","jsxs","AriaListBoxSection","AriaHeader","AriaListBoxCollection"],"mappings":"+NAwCaA,IAAAA,CAAiBC,CAAAA,aAE5B,CACA,KAAM,CAAA,OACN,CAAA,IAAM,CAAA,SACP,CAAA,EAEM,SAASC,CAAgC,CAC9C,CAAA,QAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,WAAAC,CAAAA,CACA,CAAA,YAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,CAAA,WAAAC,CAAAA,CACA,CAAA,IAAAC,CAAAA,CACA,CAAA,IAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAoB,CAClB,CAAA,OACEC,GAACX,CAAAA,CAAe,CAAA,QAAf,CAAwB,MAAO,CAAE,CAAA,IAAAS,CAAAA,CAAM,CAAA,IAAAC,CAAK,CAAA,CAC3C,CAAA,QAAAC,CAAAA,GAACC,CAAAA,OAAA,CACC,CAAA,SAAU,CAAA,uIACT,CAAA,GAAGC,CAEH,CAAA,QAAAV,CAAAA,CACH,CAAA,CACF,CAEJ,CACAD,CAAAA,CAAQ,CAAA,WAAc,CAAA,SAEtBA,CAAAA,CAAQ,CAAA,IAAOY,CAAAA,WAOR,CAAA,SAASC,CAAuC,CACrD,CAAA,QAAAZ,CAAAA,CACA,CAAA,MAAAa,CAAAA,CACA,MAAAC,CACF,CAAA,CAA2B,CACzB,CAAA,OACEC,IAACC,CAAAA,cAAA,CACC,CAAA,EAAIH,CAAAA,CACJ,CAAA,SAAU,CAAA,qDAEV,CAAA,QAAA,CAAAL,CAAAA,GAACS,CAAAA,MAAA,CAAW,CAAA,SAAU,6CACnB,CAAA,QAAAJ,CAAAA,CACH,CAAA,CACAL,CAAAA,GAACU,CAAAA,UAAA,CAAsB,CAAA,KAAOJ,CAAAA,CAAQ,CAAA,QAAAd,CAAAA,CAAS,CAAA,CAAA,CACjD,CAEJ,CACAY,CAAAA,CAAe,CAAA,WAAc,CAAA,iBAC7Bb,EAAQ,CAAA,OAAUa,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\n'use client';\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Header as AriaHeader,\n  ListBox as AriaListBox,\n  Collection as AriaListBoxCollection,\n  type ListBoxProps as AriaListBoxProps,\n  ListBoxSection as AriaListBoxSection,\n  type ListBoxSectionProps as AriaListBoxSectionProps,\n} from 'react-aria-components';\nimport {\n  type IOptionsItem,\n  OptionsItem,\n  type OptionsItemProps,\n} from '../options-item';\n\nexport interface OptionsProps<T extends IOptionsItem>\n  extends AriaListBoxProps<T> {\n  className?: string;\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n  size?: OptionsItemProps<T>['size'];\n  type?: OptionsItemProps<T>['type'];\n}\n\nexport const OptionsContext = createContext<\n  Pick<OptionsProps<IOptionsItem>, 'size' | 'type'>\n>({\n  size: 'large',\n  type: 'default',\n});\n\nexport function Options<T extends IOptionsItem>({\n  children,\n  className,\n  description,\n  errorMessage,\n  label,\n  placeholder,\n  size,\n  type,\n  ...props\n}: OptionsProps<T>) {\n  return (\n    <OptionsContext.Provider value={{ size, type }}>\n      <AriaListBox<T>\n        className='max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light'\n        {...props}\n      >\n        {children}\n      </AriaListBox>\n    </OptionsContext.Provider>\n  );\n}\nOptions.displayName = 'Options';\n\nOptions.Item = OptionsItem;\n\ninterface OptionsSectionProps<T extends IOptionsItem>\n  extends AriaListBoxSectionProps<T> {\n  header?: string;\n}\n\nexport function OptionsSection<T extends IOptionsItem>({\n  children,\n  header,\n  items,\n}: OptionsSectionProps<T>) {\n  return (\n    <AriaListBoxSection\n      id={header}\n      className='mt-s border-default-dark border-t first:border-none'\n    >\n      <AriaHeader className='m-xs my-s text-default-dark text-header-xs'>\n        {header}\n      </AriaHeader>\n      <AriaListBoxCollection items={items}>{children}</AriaListBoxCollection>\n    </AriaListBoxSection>\n  );\n}\nOptionsSection.displayName = 'Options.Section';\nOptions.Section = OptionsSection;\n"]}
+{"version":3,"sources":["../../../src/components/options/index.tsx"],"names":["item","label","description","D","u","classNames","ListBoxSection","M","y","section","jsx","Header","o","headerClassNames","items","N","className","c","T","textValue","color","children","m","OptionsItemLabel","OptionsItemContent","OptionsItem","OptionsItemDescription","props","useContextProps","ref","OptionsContext","C","ListBox","f","composeRenderProps","size","Options","OptionsSection"],"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 { createContext } from 'react';\nimport {\n  Collection,\n  type ContextValue,\n  Header,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Text,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { OptionsStyles } from './styles';\nimport type {\n  OptionsDataItem,\n  OptionsItemProps,\n  OptionsItemTextProps,\n  OptionsProps,\n  OptionsSectionProps,\n} from './types';\n\nconst {\n  list,\n  section,\n  header: headerClassNames,\n  item,\n  content,\n  icon,\n  label,\n  description,\n} = OptionsStyles();\n\nexport const OptionsContext =\n  createContext<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>(\n    null,\n  );\n\nfunction OptionsSection<T extends OptionsDataItem>({\n  children,\n  classNames,\n  header,\n  items,\n}: OptionsSectionProps<T>) {\n  return (\n    <ListBoxSection\n      id={header}\n      className={section({ className: classNames?.section })}\n    >\n      <Header className={headerClassNames({ className: classNames?.header })}>\n        {header}\n      </Header>\n      <Collection items={items}>{children}</Collection>\n    </ListBoxSection>\n  );\n}\nOptionsSection.displayName = 'Options.Section';\n\nfunction OptionsItemContent({ className, ...rest }: OptionsItemTextProps) {\n  return <div {...rest} className={content({ className })} />;\n}\nOptionsItemContent.displayName = 'Options.Item.Content';\n\nfunction OptionsItemLabel({ className, ...rest }: OptionsItemTextProps) {\n  return <Text {...rest} slot='label' className={label({ className })} />;\n}\nOptionsItemLabel.displayName = 'Options.Item.Label';\n\nfunction OptionsItemDescription({ className, ...rest }: OptionsItemTextProps) {\n  return (\n    <Text {...rest} slot='description' className={description({ className })} />\n  );\n}\nOptionsItemDescription.displayName = 'Options.Item.Description';\n\nfunction OptionsItem<T extends OptionsDataItem>({\n  children,\n  classNames,\n  color = 'info',\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: OptionsItemProps<T>) {\n  return (\n    <ListBoxItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className }),\n      )}\n      textValue={textValue}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children) => (\n        <Icon.Provider\n          className={icon({ className: classNames?.icon })}\n          size='small'\n        >\n          {typeof children === 'string' ? (\n            <OptionsItemLabel>{children}</OptionsItemLabel>\n          ) : (\n            children\n          )}\n        </Icon.Provider>\n      ))}\n    </ListBoxItem>\n  );\n}\nOptionsItem.displayName = 'Options.Item';\nOptionsItem.Label = OptionsItemLabel;\nOptionsItem.Content = OptionsItemContent;\nOptionsItem.Description = OptionsItemDescription;\n\nexport function Options<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: OptionsProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, OptionsContext);\n\n  const { children, className, size, ...rest } = props;\n\n  return (\n    <ListBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        list({ className }),\n      )}\n      data-size={size}\n    >\n      {children}\n    </ListBox>\n  );\n}\nOptions.displayName = 'Options';\nOptions.Item = OptionsItem;\nOptions.Section = OptionsSection;\n"]}

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

@@ -0,0 +1,72 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const OptionsStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            icon?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            section?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            icon?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            section?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    list: string;
+    section: string;
+    header: string;
+    item: string[];
+    content: string;
+    icon: string[];
+    label: string[];
+    description: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            icon?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            section?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    list: string;
+    section: string;
+    header: string;
+    item: string[];
+    content: string;
+    icon: string[];
+    label: string[];
+    description: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    list: string;
+    section: string;
+    header: string;
+    item: string[];
+    content: string;
+    icon: string[];
+    label: string[];
+    description: string[];
+}, undefined, unknown, unknown, undefined>>;
+
+export { OptionsStyles };

package/dist/components/options/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const i=tv({slots:{list:"group/options max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",section:"mt-s",header:"m-xs my-s text-default-dark text-header-xs",item:["group/options-item fg-default-light flex items-center gap-s p-s text-body-s","group-size-small/options:pt-xs group-size-small/options:pb-xs","group-size-large/options:pt-s group-size-large/options:pb-s","enabled:cursor-pointer","enabled:hover:fg-inverse-light","enabled:focus:fg-inverse-light","enabled:focus:color-info:bg-highlight-bold","enabled:hover:color-info:bg-highlight-bold","enabled:hover:color-serious:bg-serious-bold","enabled:focus:color-serious:bg-serious-bold","disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-transparent"],content:"flex min-w-0 flex-auto flex-col gap-xxs",icon:["group-enabled/options-item:group-color-info/options-item:fg-default-light","group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-inverse-light","group-enabled/options-item:group-focus/options-item:group-color-info/options-item:fg-inverse-light","group-enabled/options-item:group-color-serious/options-item:fg-serious","group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-inverse-light","group-enabled/options-item:group-focus/options-item:group-color-serious/options-item:fg-inverse-light"],label:["truncate","group-enabled/options-item:group-color-info/options-item:fg-default-light","group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-inverse-light","group-enabled/options-item:group-focus/options-item:group-color-info/options-item:fg-inverse-light","group-enabled/options-item:group-color-serious/options-item:fg-serious","group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-inverse-light","group-enabled/options-item:group-focus/options-item:group-color-serious/options-item:fg-inverse-light"],description:["group-enabled/options-item:fg-default-dark truncate text-body-xs","group-enabled/options-item:group-hover/options-item:fg-inverse-light","group-enabled/options-item:group-focus/options-item:fg-inverse-light","group-disabled/options-item:fg-disabled"]}});export{i as OptionsStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/options/styles.ts"],"names":["OptionsStyles","tv"],"mappings":"mCAcO,MAAMA,CAAAA,CAAgBC,EAAAA,CAAG,CAC9B,KAAA,CAAO,CACL,IAAA,CAAM,qJAAA,CACN,OAAA,CAAS,MAAA,CACT,MAAA,CAAQ,4CAAA,CACR,IAAA,CAAM,CACJ,6EAAA,CACA,+DAAA,CACA,6DAAA,CACA,wBAAA,CACA,gCAAA,CACA,gCAAA,CACA,4CAAA,CACA,4CAAA,CACA,6CAAA,CACA,6CAAA,CACA,0EACF,CAAA,CACA,QAAS,yCAAA,CACT,IAAA,CAAM,CACJ,2EAAA,CACA,oGAAA,CACA,oGAAA,CACA,wEAAA,CACA,uGAAA,CACA,uGACF,CAAA,CACA,KAAA,CAAO,CACL,UAAA,CACA,2EAAA,CACA,oGAAA,CACA,oGAAA,CACA,wEAAA,CACA,uGAAA,CACA,uGACF,CAAA,CACA,WAAA,CAAa,CACX,kEAAA,CACA,sEAAA,CACA,sEAAA,CACA,yCACF,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 OptionsStyles = tv({\n  slots: {\n    list: 'group/options max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light',\n    section: 'mt-s',\n    header: 'm-xs my-s text-default-dark text-header-xs',\n    item: [\n      'group/options-item fg-default-light flex items-center gap-s p-s text-body-s',\n      'group-size-small/options:pt-xs group-size-small/options:pb-xs',\n      'group-size-large/options:pt-s group-size-large/options:pb-s',\n      'enabled:cursor-pointer',\n      'enabled:hover:fg-inverse-light',\n      'enabled:focus:fg-inverse-light',\n      'enabled:focus:color-info:bg-highlight-bold',\n      'enabled:hover:color-info:bg-highlight-bold',\n      'enabled:hover:color-serious:bg-serious-bold',\n      'enabled:focus:color-serious:bg-serious-bold',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-transparent',\n    ],\n    content: 'flex min-w-0 flex-auto flex-col gap-xxs',\n    icon: [\n      'group-enabled/options-item:group-color-info/options-item:fg-default-light',\n      'group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-focus/options-item:group-color-info/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-color-serious/options-item:fg-serious',\n      'group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-focus/options-item:group-color-serious/options-item:fg-inverse-light',\n    ],\n    label: [\n      'truncate',\n      'group-enabled/options-item:group-color-info/options-item:fg-default-light',\n      'group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-focus/options-item:group-color-info/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-color-serious/options-item:fg-serious',\n      'group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-focus/options-item:group-color-serious/options-item:fg-inverse-light',\n    ],\n    description: [\n      'group-enabled/options-item:fg-default-dark truncate text-body-xs',\n      'group-enabled/options-item:group-hover/options-item:fg-inverse-light',\n      'group-enabled/options-item:group-focus/options-item:fg-inverse-light',\n      'group-disabled/options-item:fg-disabled',\n    ],\n  },\n});\n"]}