@accelint/design-toolkit 2.6.0 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/index.tsx"],"names":["clear","clearInputEvent","M","InputContext","createContext","Input","ref","props","useContextProps","C","q","autoSize","defaultValue","placeholder","readOnly","required","type","valueProp","O","isInvalid","onChange","onKeyDown","value","setValue","length","S","isEmpty","handleChange","event","jsxs","R","classNames","jsx","composeRenderProps","className","input","y","isClearable","o","D"],"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 { CancelFill } from '@accelint/icons';\nimport { useControlledState } from '@react-stately/utils';\nimport { type ChangeEvent, createContext } from 'react';\nimport {\n  Input as AriaInput,\n  InputContext as AriaInputContext,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { InputStyles, InputStylesDefaults } from './styles';\nimport type { InputProps } from './types';\n\nconst { container, sizer, input, clear } = InputStyles();\n\n// TODO: Improve this implementation so it is more of a realistic event\nconst clearInputEvent = {\n  target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nexport const InputContext =\n  createContext<ContextValue<InputProps, HTMLInputElement>>(null);\n\nexport function Input({ ref, ...props }: InputProps) {\n  /**\n   * It is necessary to pull in the AriaInputContext to capture defaultValue,\n   * value & onChange props that may be supplied by a Field component\n   *\n   * These are necessary due to the implementation of useControlledState for\n   * the purposes of supporting the clear button and to capture the length\n   * of the current value for the autoSize feature\n   */\n  [props, ref] = useContextProps(props, ref ?? null, AriaInputContext);\n  [props, ref] = useContextProps({ ...props }, ref ?? null, InputContext);\n\n  const {\n    classNames,\n    autoSize,\n    defaultValue = '',\n    disabled,\n    placeholder,\n    readOnly,\n    required,\n    size,\n    type = InputStylesDefaults.type,\n    value: valueProp,\n    isClearable,\n    isInvalid,\n    onChange,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const length = (`${value ?? ''}`.length || placeholder?.length) ?? 0;\n  const isEmpty = value == null || value === '';\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    onChange?.(event);\n\n    if (!event.defaultPrevented) {\n      setValue(event.target.value);\n    }\n  }\n\n  return (\n    <div\n      className={container({\n        className: classNames?.container,\n        autoSize,\n        type,\n        isClearable,\n      })}\n      data-disabled={disabled || null}\n      data-empty={isEmpty || null}\n      data-invalid={isInvalid || null}\n      data-length={length}\n      data-placeholder={(!!placeholder && isEmpty) || null}\n      data-readonly={readOnly || null}\n      data-required={required || null}\n      data-size={size}\n    >\n      <div\n        className={sizer({\n          className: classNames?.sizer,\n          autoSize,\n          type,\n          isClearable,\n        })}\n      >\n        <AriaInput\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, autoSize, type, isClearable }),\n          )}\n          disabled={disabled}\n          placeholder={placeholder}\n          readOnly={readOnly}\n          required={required}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n\n            if (\n              isClearable &&\n              !event.defaultPrevented &&\n              event.key === 'Escape'\n            ) {\n              handleChange(clearInputEvent);\n            }\n          }}\n        />\n      </div>\n      {isClearable && (\n        <Button\n          className={composeRenderProps(classNames?.clear, (className) =>\n            clear({ className, autoSize, type, isClearable }),\n          )}\n          excludeFromTabOrder\n          size='small'\n          variant='icon'\n          isDisabled={disabled}\n          onPress={() => {\n            handleChange(clearInputEvent);\n\n            ref?.current?.focus();\n          }}\n        >\n          <Icon>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  );\n}\nInput.displayName = 'Input';\n"]}
+{"version":3,"sources":["../../../src/components/input/index.tsx"],"names":["clear","clearInputEvent","M","InputContext","createContext","Input","ref","props","useContextProps","C","q","defaultValue","placeholder","readOnly","type","InputStylesDefaults","O","isInvalid","onChange","onKeyDown","value","setValue","length","S","isEmpty","handleChange","event","jsxs","R","classNames","autoSize","required","jsx","composeRenderProps","className","input","y","isClearable","o","D"],"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 { CancelFill } from '@accelint/icons';\nimport { useControlledState } from '@react-stately/utils';\nimport { type ChangeEvent, createContext } from 'react';\nimport {\n  Input as AriaInput,\n  InputContext as AriaInputContext,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { InputStyles, InputStylesDefaults } from './styles';\nimport type { InputProps } from './types';\n\nconst { container, sizer, input, clear } = InputStyles();\n\n// TODO: Improve this implementation so it is more of a realistic event\nconst clearInputEvent = {\n  target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nexport const InputContext =\n  createContext<ContextValue<InputProps, HTMLInputElement>>(null);\n\n/**\n * Input - A flexible text input component with enhanced features\n *\n * Provides a customizable text input with automatic sizing, clear functionality,\n * and integrated validation states. Supports various styling options and integrates\n * seamlessly with form field components for comprehensive form experiences.\n *\n * @example\n * // Basic input\n * <Input placeholder=\"Enter text...\" />\n *\n * @example\n * // Input with clear button\n * <Input\n *   defaultValue=\"Clearable text\"\n *   classNames={{ clear: \"hover:bg-gray-100\" }}\n * />\n */\nexport function Input({ ref, ...props }: InputProps) {\n  /**\n   * It is necessary to pull in the AriaInputContext to capture defaultValue,\n   * value & onChange props that may be supplied by a Field component\n   *\n   * These are necessary due to the implementation of useControlledState for\n   * the purposes of supporting the clear button and to capture the length\n   * of the current value for the autoSize feature\n   */\n  [props, ref] = useContextProps(props, ref ?? null, AriaInputContext);\n  [props, ref] = useContextProps({ ...props }, ref ?? null, InputContext);\n\n  const {\n    classNames,\n    autoSize,\n    defaultValue = '',\n    disabled,\n    placeholder,\n    readOnly,\n    required,\n    size = 'medium',\n    type = InputStylesDefaults.type,\n    value: valueProp,\n    isClearable,\n    isInvalid,\n    onChange,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const length = (`${value ?? ''}`.length || placeholder?.length) ?? 0;\n  const isEmpty = value == null || value === '';\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    onChange?.(event);\n\n    if (!event.defaultPrevented) {\n      setValue(event.target.value);\n    }\n  }\n\n  return (\n    <div\n      className={container({\n        className: classNames?.container,\n        autoSize,\n        type,\n        isClearable,\n      })}\n      data-disabled={disabled || null}\n      data-empty={isEmpty || null}\n      data-invalid={isInvalid || null}\n      data-length={length}\n      data-placeholder={(!!placeholder && isEmpty) || null}\n      data-readonly={readOnly || null}\n      data-required={required || null}\n      data-size={size}\n    >\n      <div\n        className={sizer({\n          className: classNames?.sizer,\n          autoSize,\n          type,\n          isClearable,\n        })}\n      >\n        <AriaInput\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, autoSize, type, isClearable }),\n          )}\n          disabled={disabled}\n          placeholder={placeholder}\n          readOnly={readOnly}\n          required={required}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n\n            if (\n              isClearable &&\n              !event.defaultPrevented &&\n              event.key === 'Escape'\n            ) {\n              handleChange(clearInputEvent);\n            }\n          }}\n        />\n      </div>\n      {isClearable && (\n        <Button\n          className={composeRenderProps(classNames?.clear, (className) =>\n            clear({ className, autoSize, type, isClearable }),\n          )}\n          excludeFromTabOrder\n          size='small'\n          variant='icon'\n          isDisabled={disabled}\n          onPress={() => {\n            handleChange(clearInputEvent);\n\n            ref?.current?.focus();\n          }}\n        >\n          <Icon>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  );\n}\nInput.displayName = 'Input';\n"]}

package/dist/components/input/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const t={autoSize:false,type:"text",isClearable:false},i=tv({slots:{container:"group/input grid items-center [--length:attr(data-length_type(<number>),0)] [grid-template-columns:minmax(0,1fr)_min-content]",sizer:["[grid-column:1/-1] [grid-row:1]","font-display group-size-medium/input:text-body-s group-size-small/input:text-body-xs"],input:["block w-full rounded-medium py-xs pr-[calc(var(--room)+var(--spacing-s))] pl-s font-display text-default-light outline outline-interactive","enabled:group-focus/input:outline-highlight","enabled:group-hover/input:outline-interactive-hover","enabled:group-invalid/input:outline-serious","disabled:cursor-not-allowed disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled"],clear:["[grid-column:2/-1] [grid-row:1]","group-size-medium/input:mr-xs group-size-small/input:mr-xxs","enabled:fg-interactive enabled:bg-transparent","enabled:focus:fg-interactive-hover enabled:focus:bg-transparent","enabled:hover:fg-interactive-hover enabled:hover:bg-transparent","group-empty/input:invisible","group-not-empty/input:group-not-focus-within/input:invisible"]},variants:{autoSize:{false:"",true:""},type:{button:"",checkbox:"",color:"",date:"","datetime-local":"",email:"",file:"",hidden:"",image:"",month:"",number:{input:"[appearance:textfield] placeholder:text-default-dark [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"},password:"",radio:"",range:"",reset:"",search:"",submit:"",tel:"",text:"",time:"",url:"",week:""},isClearable:{false:{container:"[--room:0px]"},true:{container:"[--room:20px]"}}},compoundVariants:[{type:["color","date","datetime-local","email","number","password","search","tel","text","time","url"],className:{sizer:["group-size-medium/input:min-w-[160px] group-size-medium/input:max-w-[400px]","group-size-medium/input:min-w-[80px] group-size-small/input:max-w-[200px]"]}},{autoSize:true,type:["number","text"],className:{sizer:["group-size-medium/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-s-spacing))+(var(--spacing-s)*2)+var(--room))]","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))]"]}}],defaultVariants:t});export{i as InputStyles,t as InputStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={autoSize:false,type:"text",isClearable:false},a=tv({slots:{container:"group/input grid items-center [--length:attr(data-length_type(<number>),0)] [grid-template-columns:minmax(0,1fr)_min-content]",sizer:["font-display [grid-column:1/-1] [grid-row:1]","group-size-medium/input:text-body-s group-size-small/input:text-body-xs"],input:["block w-full rounded-medium py-xs pr-[calc(var(--room)+var(--spacing-s))] pl-s font-display text-default-light outline outline-interactive","enabled:group-focus-visible-within/input:outline-highlight","enabled:group-hover/input:outline-interactive-hover","enabled:group-invalid/input:outline-serious","disabled:cursor-not-allowed disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled"],clear:["[grid-column:2/-1] [grid-row:1]","group-size-medium/input:mr-xs group-size-small/input:mr-xxs","enabled:fg-interactive enabled:bg-transparent","enabled:focus-visible:fg-interactive-hover enabled:focus-visible:bg-transparent","enabled:hover:fg-interactive-hover enabled:hover:bg-transparent","group-empty/input:invisible","group-not-empty/input:group-not-focus-within/input:invisible"]},variants:{autoSize:{false:"",true:""},type:{button:"",checkbox:"",color:"",date:"","datetime-local":"",email:"",file:"",hidden:"",image:"",month:"",number:{input:"[appearance:textfield] placeholder:text-default-dark [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"},password:"",radio:"",range:"",reset:"",search:"",submit:"",tel:"",text:"",time:"",url:"",week:""},isClearable:{false:{container:"[--room:0px]"},true:{container:"[--room:20px]"}}},compoundVariants:[{type:["color","date","datetime-local","email","number","password","search","tel","text","time","url"],className:{sizer:["group-size-medium/input:min-w-[160px] group-size-medium/input:max-w-[400px]","group-size-small/input:min-w-[80px] group-size-small/input:max-w-[200px]"]}},{autoSize:true,type:["number","text"],className:{sizer:["group-size-medium/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-s-spacing))+(var(--spacing-s)*2)+var(--room))]","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))]"]}}],defaultVariants:t});export{a as InputStyles,t as InputStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAA,CAAU,CAAA,QACJ,CAAA,KAAA,CAAA,uBAKN,CAAA,KAAA,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAA,CAAA,CACE,SAAA,CAAA,+HAEA,CAAA,KAAA,CAAA,CAAA,iCACA,CAAA,sFAGA,CAAA,CAAA,KAAA,CAAA,CAAA,4IACA,CAAA,6CACA,CAAA,mGAEA,CAAA,6HAGA,CAAA,CAAA,KAAA,CAAA,CAAA,+FAEA,CAAA,+CACA,CAAA,iEACA,CAAA,iEACA,CAAA,4FAIJ,CAAA,CAAU,CACR,SAAU,CACR,QAAO,CACP,CAAA,MACF,EACA,CAAA,IAAM,CACJ,EAAA,CAAA,CAAA,IAAQ,CAAA,CACR,SAAU,CAAA,QACH,CAAA,EACP,CAAA,QACA,CAAA,IAAA,CAAA,EAAA,CAAA,gBACO,CAAA,EACP,MAAM,CAAA,EACN,CAAA,IAAA,CAAQ,EAAA,CACR,MAAO,GACP,CAAA,KAAO,CAAA,EACP,OAAQ,EACN,CAAA,kKAGF,CAAU,CAAA,QACH,GACP,CAAA,KAAO,CAAA,EACP,CAAA,KAAO,CAAA,EACP,OAAQ,EAAA,CACR,MAAA,CAAQ,EAAA,CACR,OACA,EAAA,CAAA,GAAM,CAAA,OACA,CAAA,EACN,CAAA,KACA,EAAA,CAAA,GAAM,CACR,EACA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,WAEI,CAAA,CAAA,KAAA,CAAA,CAAW,SAAA,CAAA,cAGX,CAAA,CAAA,IAAA,CAAA,CAAW,SAAA,CAAA,mCAOX,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,OACA,CAAA,MAAA,CAAA,gBAEA,CAAA,OACA,CAAA,QAAA,CAAA,UAEA,CAAA,cAEA,CAAA,MACA,CAAA,MAEF,CAAA,KAAA,CAAA,CAAW,+FAGP,CAAA,2EAKJ,CAAA,CAAA,CAAA,CAAU,CAAA,QACH,CAAA,IAAA,CAAA,IAAA,CAAU,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  autoSize: false,\n  type: 'text',\n  isClearable: false,\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      'group-empty/input:invisible',\n      'group-not-empty/input:group-not-focus-within/input:invisible',\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  },\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":["e"],"mappings":"sCAeE,MAAA,CAAA,CAAU,CAAA,QACJ,CAAA,KAAA,CAAA,uBAKN,CAAA,KAAA,CAAA,CAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAA,CAAA,CACE,SAAA,CAAA,+HAEA,CAAA,KAAA,CAAA,CAAA,8CACA,CAAA,yEAGA,CAAA,CAAA,KAAA,CAAA,CAAA,4IACA,CAAA,4DACA,CAAA,mGAEA,CAAA,6HAGA,CAAA,CAAA,KAAA,CAAA,CAAA,+FAEA,CAAA,+CACA,CAAA,iFACA,CAAA,iEACA,CAAA,4FAIJ,CAAA,CAAU,CACR,SAAU,CACR,QAAO,CACP,CAAA,MACF,EACA,CAAA,IAAM,CACJ,EAAA,CAAA,CAAA,IAAQ,CAAA,CACR,SAAU,CAAA,QACH,CAAA,EACP,CAAA,QACA,CAAA,IAAA,CAAA,EAAA,CAAA,gBACO,CAAA,EACP,MAAM,CAAA,EACN,CAAA,IAAA,CAAQ,EAAA,CACR,MAAO,GACP,CAAA,KAAO,CAAA,EACP,OAAQ,EACN,CAAA,kKAGF,CAAU,CAAA,QACH,GACP,CAAA,KAAO,CAAA,EACP,CAAA,KAAO,CAAA,EACP,OAAQ,EAAA,CACR,MAAA,CAAQ,EAAA,CACR,OACA,EAAA,CAAA,GAAM,CAAA,OACA,CAAA,EACN,CAAA,KACA,EAAA,CAAA,GAAM,CACR,EACA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,WAEI,CAAA,CAAA,KAAA,CAAA,CAAW,SAAA,CAAA,cAGX,CAAA,CAAA,IAAA,CAAA,CAAW,SAAA,CAAA,mCAOX,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,OACA,CAAA,MAAA,CAAA,gBAEA,CAAA,OACA,CAAA,QAAA,CAAA,UAEA,CAAA,cAEA,CAAA,MACA,CAAA,MAEF,CAAA,KAAA,CAAA,CAAW,+FAGP,CAAA,0EAKJ,CAAA,CAAA,CAAA,CAAU,CAAA,QACH,CAAA,IAAA,CAAA,IAAA,CAAU,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  autoSize: false,\n  type: 'text',\n  isClearable: false,\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      'font-display [grid-column:1/-1] [grid-row:1]',\n      '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-visible-within/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-visible:fg-interactive-hover enabled:focus-visible:bg-transparent',\n      'enabled:hover:fg-interactive-hover enabled:hover:bg-transparent',\n      'group-empty/input:invisible',\n      'group-not-empty/input:group-not-focus-within/input:invisible',\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  },\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-small/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

@@ -3,6 +3,7 @@ import { InputProps as InputProps$1 } from 'react-aria-components';
 import { VariantProps } from 'tailwind-variants';
 import { ButtonProps } from '../button/types.js';
 import { InputStyles } from './styles.js';
+import '../../lib/types.js';
 import '../button/styles.js';
 import 'tailwind-merge';
 

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

@@ -9,6 +9,25 @@ declare function LabelProvider({ children, ...props }: ProviderProps<LabelProps>
 declare namespace LabelProvider {
     var displayName: string;
 }
+/**
+ * Label - A semantic label component for form elements and content
+ *
+ * Provides accessible labeling for form controls with automatic handling of
+ * required/optional states. Integrates with React Aria form components to
+ * ensure proper accessibility and screen reader support.
+ *
+ * @example
+ * // Basic label
+ * <Label>Username</Label>
+ *
+ * @example
+ * // Required field label
+ * <Label isRequired>Email Address</Label>
+ *
+ * @example
+ * // Disabled label
+ * <Label isDisabled>Inactive Field</Label>
+ */
 declare function Label({ ref, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
 declare namespace Label {
     var displayName: string;

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

@@ -1 +1 @@
-{"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"]}
+{"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,gBAqBrB,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\n/**\n * Label - A semantic label component for form elements and content\n *\n * Provides accessible labeling for form controls with automatic handling of\n * required/optional states. Integrates with React Aria form components to\n * ensure proper accessibility and screen reader support.\n *\n * @example\n * // Basic label\n * <Label>Username</Label>\n *\n * @example\n * // Required field label\n * <Label isRequired>Email Address</Label>\n *\n * @example\n * // Disabled label\n * <Label isDisabled>Inactive Field</Label>\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/menu/index.d.ts

@@ -1,14 +1,14 @@
 import * as react_aria_components from 'react-aria-components';
-import { MenuTrigger, ContextValue } from 'react-aria-components';
+import { MenuTrigger, TextProps, SeparatorProps, ContextValue } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { MenuProps, MenuItemProps, MenuTextProps, SeparatorProps, MenuSectionProps } from './types.js';
+import { MenuProps, MenuItemProps, MenuSectionProps } from './types.js';
+import 'tailwind-variants';
 import '../icon/types.js';
 import './styles.js';
-import 'tailwind-variants';
 
 declare const MenuContext: react.Context<ContextValue<MenuProps<unknown>, HTMLDivElement>>;
-declare function MenuSection<T extends object>(props: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
+declare function MenuSection<T extends object>({ children, classNames, items, title, ...rest }: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace MenuSection {
     var displayName: string;
 }
@@ -16,20 +16,82 @@ declare function MenuSeparator({ className, ...rest }: SeparatorProps): react_js
 declare namespace MenuSeparator {
     var displayName: string;
 }
-declare function MenuLabel(props: MenuTextProps): react_jsx_runtime.JSX.Element;
+declare function MenuLabel({ children, className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
 declare namespace MenuLabel {
     var displayName: string;
 }
-declare function MenuDescription(props: MenuTextProps): react_jsx_runtime.JSX.Element;
+declare function MenuDescription({ children, className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
 declare namespace MenuDescription {
     var displayName: string;
 }
-declare function MenuItem(props: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuItem({ children, classNames, color, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
 declare namespace MenuItem {
     var displayName: string;
     var Label: typeof MenuLabel;
     var Description: typeof MenuDescription;
 }
+/**
+ * Menu - A dropdown menu component with keyboard navigation and selection
+ *
+ * Provides accessible dropdown menu functionality with support for single and
+ * multiple selection modes. Includes sections, separators, and submenu support
+ * with comprehensive keyboard navigation and ARIA compliance.
+ *
+ * @example
+ * // Basic menu with trigger
+ * <Menu.Trigger>
+ *   <Button>Open Menu</Button>
+ *   <Menu>
+ *     <Menu.Item>Edit</Menu.Item>
+ *     <Menu.Item>Copy</Menu.Item>
+ *     <Menu.Item>Delete</Menu.Item>
+ *   </Menu>
+ * </Menu.Trigger>
+ *
+ * @example
+ * // Menu with sections and separators
+ * <Menu.Trigger>
+ *   <Button>Open</Button>
+ *   <Menu>
+ *     <Menu.Section>
+ *       <Menu.Item>New File</Menu.Item>
+ *       <Menu.Item>Open File</Menu.Item>
+ *     </Menu.Section>
+ *
+ *     <Menu.Separator />
+ *
+ *     <Menu.Item>Settings</Menu.Item>
+ *   </Menu>
+ * </Menu.Trigger>
+ *
+ * @example
+ * // Menu with selection
+ * <Menu.Trigger>
+ *   <Button>Group</Button>
+ *   <Menu selectionMode='multiple'>
+ *     <Menu.Item>Option 1</Menu.Item>
+ *     <Menu.Item>Option 2</Menu.Item>
+ *   </Menu>
+ * </Menu.Trigger>
+ *
+ * @example
+ * // Menu with submenu
+ * <Menu.Trigger>
+ *   <Button>Actions</Button>
+ *   <Menu>
+ *     <Menu.Item>New File</Menu.Item>
+ *     <Menu.Submenu>
+ *       <Menu.Item>Export</Menu.Item>
+ *       <Menu>
+ *         <Menu.Item>Export as PDF</Menu.Item>
+ *         <Menu.Item>Export as CSV</Menu.Item>
+ *         <Menu.Item>Export as JSON</Menu.Item>
+ *       </Menu>
+ *     </Menu.Submenu>
+ *     <Menu.Item>Delete</Menu.Item>
+ *   </Menu>
+ * </Menu.Trigger>
+ */
 declare function Menu<T extends object>({ ref, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Menu {
     var displayName: string;

package/dist/components/menu/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import f from'@accelint/icons/chevron-right';import {createContext,useContext}from'react';import {useContextProps,Popover,composeRenderProps,Menu,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:U,icon:_,item:q,label:z,description:B,more:G,sectionHeader:J,separator:Q,hotkey:W,popover:X}=MenuStyles(),N=createContext(null);function x(n){const{header:t,children:r,classNames:e,items:u,...s}=n;return jsxs(MenuSection,{className:e?.section,...s,children:[jsx(Header,{className:J({className:e?.sectionHeader}),children:t}),jsx(Collection,{items:u,children:r})]})}x.displayName="Menu.Section";function S({className:n,...t}){return jsx(Separator,{...t,className:Q({className:n})})}S.displayName="Menu.Separator";function P(n){const{children:t,className:r,...e}=n;return jsx(Text,{...e,slot:"label",className:z({className:r}),children:t})}P.displayName="Menu.Item.Label";function T(n){const{children:t,className:r,...e}=n;return jsx(Text,{...e,slot:"description",className:B({className:r}),children:t})}T.displayName="Menu.Item.Description";function m(n){const t=useContext(N),r=(isSlottedContextValue(t)?void 0:t?.variant)??MenuStylesDefaults.variant,{classNames:e,color:u=MenuStylesDefaults.color,children:s,...p}=n;return jsx(MenuItem,{...p,className:composeRenderProps(e?.item,a=>q({className:a,variant:r,color:u})),children:composeRenderProps(s,(a,{hasSubmenu:c})=>jsxs(Provider,{values:[[KeyboardContext,{className:W({className:e?.hotkey})}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:_({className:e?.icon})},submenu:{className:G({className:e?.more})}}}]],children:[typeof a=="string"?jsx(Text,{className:e?.text,slot:"label",children:a}):a,c&&jsx(Icon,{slot:"submenu",children:jsx(f,{})})]}))})}m.displayName="Menu.Item",m.Label=P,m.Description=T;function i({ref:n,...t}){[t,n]=useContextProps(t,n??null,N);const{children:r,classNames:e,selectionMode:u="single",variant:s=MenuStylesDefaults.variant,popoverProps:p,...a}=t;return jsx(Popover,{...p,className:composeRenderProps(e?.popover,c=>X({className:c})),children:jsx(N.Provider,{value:{variant:s},children:jsx(Menu,{ref:n,className:composeRenderProps(e?.menu,c=>U({className:c,variant:s})),selectionMode:u,...a,children:r})})})}i.displayName="Menu",i.Trigger=MenuTrigger,i.Submenu=SubmenuTrigger,i.Item=m,i.Separator=S,i.Section=x;export{i as Menu,N as MenuContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import f from'@accelint/icons/chevron-right';import {createContext,useContext}from'react';import {useContextProps,Popover,composeRenderProps,Menu,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:U,icon:_,item:q,label:z,description:B,more:G,section:J,header:Q,separator:W,hotkey:X,popover:Y}=MenuStyles(),d=createContext(null);function P({children:t,classNames:e,items:n,title:a,...s}){return jsxs(MenuSection,{...s,className:J({className:e?.section}),children:[a&&jsx(Header,{className:Q({className:e?.header}),children:a}),jsx(Collection,{items:n,children:t})]})}P.displayName="Menu.Section";function S({className:t,...e}){return jsx(Separator,{...e,className:W({className:t})})}S.displayName="Menu.Separator";function N({children:t,className:e,...n}){return jsx(Text,{...n,slot:"label",className:z({className:e}),children:t})}N.displayName="Menu.Item.Label";function v({children:t,className:e,...n}){return jsx(Text,{...n,slot:"description",className:B({className:e}),children:t})}v.displayName="Menu.Item.Description";function m({children:t,classNames:e,color:n="info",...a}){const s=useContext(d),l=(isSlottedContextValue(s)?void 0:s?.variant)??MenuStylesDefaults.variant;return jsx(MenuItem,{...a,className:composeRenderProps(e?.item,r=>q({className:r,variant:l})),"data-color":n,children:composeRenderProps(t,(r,{hasSubmenu:p})=>jsxs(Provider,{values:[[KeyboardContext,{className:X({className:e?.hotkey})}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:_({className:e?.icon})},submenu:{className:G({className:e?.more})}}}]],children:[typeof r=="string"?jsx(Text,{slot:"label",className:e?.text,children:r}):r,p&&jsx(Icon,{slot:"submenu",children:jsx(f,{})})]}))})}m.displayName="Menu.Item",m.Label=N,m.Description=v;function i({ref:t,...e}){[e,t]=useContextProps(e,t??null,d);const{children:n,classNames:a,popoverProps:s,selectionMode:l="single",variant:r=MenuStylesDefaults.variant,...p}=e;return jsx(Popover,{...s,className:composeRenderProps(a?.popover,c=>Y({className:c})),children:jsx(d.Provider,{value:{variant:r},children:jsx(Menu,{...p,ref:t,className:composeRenderProps(a?.menu,c=>U({className:c,variant:r})),selectionMode:l,children:n})})})}i.displayName="Menu",i.Trigger=MenuTrigger,i.Submenu=SubmenuTrigger,i.Item=m,i.Separator=S,i.Section=P;export{i as Menu,d 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":["label","description","sectionHeader","MenuStyles","MenuContext","MenuSection","props","y","children","classNames","rest","jsxs","v","D","jsx","o","C","items","I","MenuSeparator","className","L","M","context","b","A","MenuStylesDefaults","d","h","item","l","variant","composeRenderProps","Provider","j","hotkey","E","K","icon","V","more","AriaText","hasSubmenu","F","MenuItem","MenuDescription","Menu","ref","w","popoverProps","R","AriaMenu","g","menu","AriaSubmenuTrigger"],"mappings":"mgBAkDE,MAAA,CAAA,IAAAA,CACA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,IAAAC,CACA,CAAA,CAAA,KACA,CAAA,CAAA,CAAA,WAAAC,CAAAA,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,aAEA,CAAA,CAAA,CAAA,SACEC,CAAW,CAAA,CAEFC,MACqD,CAAA,CAAI,CAAA,OAEtE,CAAA,CAAA,CAASC,CAAAA,UAA8BC,EAA4B,CACjE,CAAA,CAAAC,aAAA,CAAA,IAAQ,EAAA,SAAQ,CAAA,CAAA,CAAA,CAAA,CAAAC,KAAU,CAAA,MAAA,CAAAC,CAAAA,CAAY,QAAO,CAAA,CAAA,CAAGC,UAEhD,CAAA,CACEC,CAAAA,KAAiB,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAWF,CAAAA,CAAAA,OAAYG,IAAA,CAAUC,WAAA,CAAA,CAAGH,SACnD,CAAA,CAAA,EAAAI,qBAC6B,CAAA,CAAAC,GAAA,CAAAC,MAAA,CAAWP,CAAAA,SAAY,CAAA,CAAA,CAAA,CAAA,SAEjD,CAAA,CAAA,EAAA,aAEiB,CAAA,CAAA,CAAOQ,QAAQ,CAAA,CAAA,CAAAT,CAAAA,CAASO,GAAA,CAAAG,UAC9C,CAEJ,CACAb,KAAY,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAE1B,CAASc,cAAgBC,CAAW,SAClC,CAAA,CAAA,CAAA,SAAuB,CAAGV,CAAAA,CAAM,GAAA,CAAA,CAAA,CAAA,CAAA,OAAuBK,GAAA,CAAAM,SAAA,CAAA,CAAA,GAAA,CAAAD,CAAU,SAErD,CAAA,CAAA,CAAA,CAAA,SAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAE5B,CAAA,gBACU,CAAA,SAAU,CAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,QAE7B,CAAA,CAAA,CAAA,SACa,CAAA,CAAGV,CAAAA,GAAM,CAAA,CAAA,CAAK,CAAA,CAAA,OAAQK,GAAA,CAAAO,IAAA,CAAA,CAAA,GAAA,CAAWtB,CAAAA,IAAQ,CAAA,OAAAoB,CAAU,SAC3D,CAAA,CAAA,CAAAZ,CAAAA,SAIG,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAExB,CAAA,iBACU,CAAA,SAAU,CAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,QAE7B,CAAA,CAAA,CAAA,SAEK,CAAA,CAAGE,CAAAA,GACJ,CAAA,CAAA,CAAK,CAAA,CAAA,OAAAK,GAAA,CAAAO,IAAA,CAAA,CACL,GAAA,CAAA,CAAA,IAAA,CAAWrB,aAAcmB,CAAU,SAElC,CAAA,CAAA,CAAAZ,CAAAA,SAIS,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAE9B,wBAC6BJ,SAEK,CAAA,CAAI,CAAA,CAAA,CAAA,MAAYmB,CAAS,CAAAC,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,qBACvDC,CAAAA,CAAmB,CAAA,CAAA,MAEf,CACJ,CAAA,EAAA,OAAA,GACAC,kBAAA,CAAA,OAAQD,CAAmB,CAAA,UAC3B,CAAA,CAAA,CAAA,KACA,CAAGhB,CACL,CAAAiB,kBAAIrB,CAAAA,KAEJ,CAAA,QAEK,CAAA,CAAGI,CAAAA,GACJ,CAAA,CAAA,CAAA,CAAA,CAAA,OAA8BD,GAAY,CAAAmB,QAAA,CAAA,CAAA,GAAOR,CAC/CS,CAAAA,SAAO,CAAAC,kBAAA,CAAAV,CAAAA,EAAW,IAAA,CAAA,CAAA,EAAAW,CAAS,CAAA,CAAA,SAG5B,CAAA,CAAA,CAAA,OAAAC,CAAmBxB,CAAAA,CAAU,KAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAW,CACpDG,kBAAAA,CAACsB,CAAAA,CAAA,CACC,CAAA,CAAA,CAAA,UAGM,CAAA,CAAA,CAAA,GAAArB,IAAA,CAAAsB,QAAWC,CAAAA,CAAO,MAAE,CAAA,CAAA,CAAAC,eAAA,CAAW3B,CAAAA,SAAoB,CAAE,CACzD,CAAA,CACA,SAGI,CAAO,CACL,EAAa,MACX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA4B,WAAWC,CAAAA,CAAK,KAAE,CAAA,CAAA,CAAAC,YAAA,EAAW9B,CAAAA,SAC/B,CACA,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,EAAA,IAAW+B,CAAK,CAAE,CAAA,CAAA,OAAA,CAAW/B,CAAAA,SAC1C,CACF,CACF,CACF,CAAA,SAEC,CAAA,CAAA,EAAA,IAAA,CAAOD,CAAAA,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAA,QAClBiC,CAAA,CAAS,OAAA,CAAA,EAAWhC,QAAkB,CAAAM,GAAA,CAAAO,IAAA,CAAK,CAAA,SACzC,CAAA,CAAA,EAAA,IAAAd,CACH,IAIDkC,CAAAA,OACO,CAAA,QAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CACT,CAAA,CAAA,EAAA3B,GAAA,CAAA4B,IAAA,CAAA,CAAA7B,IAAC,CAAA,SAKX,CAEJ,QACS,CAAAC,GAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACvB6B,WACAA,CAAS,WAAA,CAAcC,CAAAA,CAEhB,KAAA,CAAA,CAAA,CAAA,CAASC,CAAAA,WAAiCxC,CAAM,CAAA,CAAiB,SACvCA,CAAAA,CAAOyC,CAAAA,GAAO,CAAA,CAAA,CAAA,GAAiB,CAE9D,CAAA,CAAA,CAAA,CAAA,CAAM,CACJ,CAAA,CAAA,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAAxC,IACA,CAAA,CAAA,CAAA,CAAA,KAAAC,CACA,QAAA,CAAA,CAAA,CAAA,UAAgB,CAAA,CAAA,CAAA,aACa,CAAA,CAAA,CAAA,QAC7B,CAAA,OAAA,CAAA,CAAAwC,CAAAA,kBACA,CAAA,OAGF,CAAA,YAEK,CAAA,CAAGA,CAAAA,GACJ,CAAA,CAAA,CAAA,CAAA,CAAA,OAA8BxC,GAAY,CAAAyC,OAAA,CAAA,CAAA,GAAA,CAAU9B,CAAAA,SACxC,CAAAU,kBAAA,CAAA,CAAA,EAAAV,OAGZ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAN,SAAa,CAAA,CAAA,CAAA,CAAZ,CAAqB,CAAA,QAAS,CAAAC,GAAA,CAAA,CAAA,CAAA,QAC7B,CAAA,CAAA,KAACoC,CAAAA,CAAA,OAEC,CAAA,CAAA,CAAA,CAAA,QAA8B1C,CAAAA,GAAAA,CAAY2C,IAAA,CAAA,CAAA,GAAOhC,CAAAA,CAC/CiC,CAAAA,SAAO,CAAAvB,kBAAA,CAAAV,CAAAA,EAAW,IAAA,CAAA,CAAA,EAAQ,CAAC,CAC7B,CAAA,SACA,CAAA,CAAA,CAAA,OACC,CAAGV,CAAAA,CAEH,CAAA,CAAA,CAAA,aAKX,CACAoC,CAAAA,CAAK,GAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CACnBA,CAAAA,CAAK,CAAA,CAAA,CAAA,WACA,CAAA,MAAUQ,CACfR,CAAAA,CAAK,OACLA,CAAAA,WAAK,CAAA,CAAA,CAAA,OAAY3B,CAAAA,cACjB2B,EAAK,CAAA,IAAA,CAAA,CAAA,CAAUzC,CAAAA,CAAAA,SAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OAAAA,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';\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  hotkey,\n  popover,\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: hotkey({ className: classNames?.hotkey }) },\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    classNames,\n    selectionMode = 'single',\n    variant = MenuStylesDefaults.variant,\n    popoverProps,\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      {...popoverProps}\n      className={composeRenderProps(classNames?.popover, (className) =>\n        popover({ className }),\n      )}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          ref={ref}\n          className={composeRenderProps(classNames?.menu, (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"]}
+{"version":3,"sources":["../../../src/components/menu/index.tsx"],"names":["label","description","header","MenuStyles","MenuContext","MenuSection","b","children","classNames","jsxs","AriaMenuSection","rest","y","A","title","jsx","o","h","Collection","items","D","MenuSeparator","className","R","M","context","useContext","isSlottedContextValue","C","T","MenuStylesDefaults","x","g","item","u","composeRenderProps","Provider","E","hotkey","k","K","icon","L","more","Text","hasSubmenu","F","MenuItem","MenuDescription","Menu","props","ref","w","popoverProps","V","AriaMenu","menu","SubmenuTrigger"],"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  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  MenuSection as AriaMenuSection,\n  Collection,\n  type ContextValue,\n  DEFAULT_SLOT,\n  Header,\n  KeyboardContext,\n  MenuTrigger,\n  Popover,\n  Provider,\n  Separator,\n  type SeparatorProps,\n  SubmenuTrigger,\n  Text,\n  type TextProps,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon, IconContext } from '../icon';\nimport { MenuStyles, MenuStylesDefaults } from './styles';\nimport type { MenuItemProps, MenuProps, MenuSectionProps } from './types';\n\nconst {\n  menu,\n  icon,\n  item,\n  label,\n  description,\n  more,\n  section,\n  header,\n  separator,\n  hotkey,\n  popover,\n} = MenuStyles();\n\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n\nfunction MenuSection<T extends object>({\n  children,\n  classNames,\n  items,\n  title,\n  ...rest\n}: MenuSectionProps<T>) {\n  return (\n    <AriaMenuSection\n      {...rest}\n      className={section({ className: classNames?.section })}\n    >\n      {title && (\n        <Header className={header({ className: classNames?.header })}>\n          {title}\n        </Header>\n      )}\n      <Collection items={items}>{children}</Collection>\n    </AriaMenuSection>\n  );\n}\nMenuSection.displayName = 'Menu.Section';\n\nfunction MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <Separator {...rest} className={separator({ className })} />;\n}\nMenuSeparator.displayName = 'Menu.Separator';\n\nfunction MenuLabel({ children, className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='label' className={label({ className })}>\n      {children}\n    </Text>\n  );\n}\nMenuLabel.displayName = 'Menu.Item.Label';\n\nfunction MenuDescription({ children, className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='description' className={description({ className })}>\n      {children}\n    </Text>\n  );\n}\nMenuDescription.displayName = 'Menu.Item.Description';\n\nfunction MenuItem({\n  children,\n  classNames,\n  color = 'info',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    MenuStylesDefaults.variant;\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className, variant }),\n      )}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: hotkey({ className: classNames?.hotkey }) },\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            <Text slot='label' className={classNames?.text}>\n              {children}\n            </Text>\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\n/**\n * Menu - A dropdown menu component with keyboard navigation and selection\n *\n * Provides accessible dropdown menu functionality with support for single and\n * multiple selection modes. Includes sections, separators, and submenu support\n * with comprehensive keyboard navigation and ARIA compliance.\n *\n * @example\n * // Basic menu with trigger\n * <Menu.Trigger>\n *   <Button>Open Menu</Button>\n *   <Menu>\n *     <Menu.Item>Edit</Menu.Item>\n *     <Menu.Item>Copy</Menu.Item>\n *     <Menu.Item>Delete</Menu.Item>\n *   </Menu>\n * </Menu.Trigger>\n *\n * @example\n * // Menu with sections and separators\n * <Menu.Trigger>\n *   <Button>Open</Button>\n *   <Menu>\n *     <Menu.Section>\n *       <Menu.Item>New File</Menu.Item>\n *       <Menu.Item>Open File</Menu.Item>\n *     </Menu.Section>\n *\n *     <Menu.Separator />\n *\n *     <Menu.Item>Settings</Menu.Item>\n *   </Menu>\n * </Menu.Trigger>\n *\n * @example\n * // Menu with selection\n * <Menu.Trigger>\n *   <Button>Group</Button>\n *   <Menu selectionMode='multiple'>\n *     <Menu.Item>Option 1</Menu.Item>\n *     <Menu.Item>Option 2</Menu.Item>\n *   </Menu>\n * </Menu.Trigger>\n *\n * @example\n * // Menu with submenu\n * <Menu.Trigger>\n *   <Button>Actions</Button>\n *   <Menu>\n *     <Menu.Item>New File</Menu.Item>\n *     <Menu.Submenu>\n *       <Menu.Item>Export</Menu.Item>\n *       <Menu>\n *         <Menu.Item>Export as PDF</Menu.Item>\n *         <Menu.Item>Export as CSV</Menu.Item>\n *         <Menu.Item>Export as JSON</Menu.Item>\n *       </Menu>\n *     </Menu.Submenu>\n *     <Menu.Item>Delete</Menu.Item>\n *   </Menu>\n * </Menu.Trigger>\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    classNames,\n    popoverProps,\n    selectionMode = 'single',\n    variant = MenuStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      {...popoverProps}\n      className={composeRenderProps(classNames?.popover, (className) =>\n        popover({ className }),\n      )}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.menu, (className) =>\n            menu({ className, variant }),\n          )}\n          selectionMode={selectionMode}\n        >\n          {children}\n        </AriaMenu>\n      </MenuContext.Provider>\n    </Popover>\n  );\n}\nMenu.displayName = 'Menu';\nMenu.Trigger = MenuTrigger;\nMenu.Submenu = SubmenuTrigger;\nMenu.Item = MenuItem;\nMenu.Separator = MenuSeparator;\nMenu.Section = MenuSection;\n"]}

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

@@ -1,10 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-import { ReactNode } from 'react';
 
 declare const MenuStylesDefaults: {
     readonly variant: "cozy";
-    readonly color: "info";
 };
 declare const MenuStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -15,22 +12,15 @@ declare const MenuStyles: tailwind_variants.TVReturnType<{
             item: string;
         };
     };
-    color: {
-        info: {
-            item: string[];
-        };
-        serious: {
-            item: string[];
-        };
-    };
 }, {
     menu: string;
-    icon: string;
     item: string[];
+    icon: string;
     label: string;
     description: string[];
     more: string;
-    sectionHeader: string;
+    section: string;
+    header: string;
     separator: string;
     hotkey: string[];
     popover: string;
@@ -43,22 +33,15 @@ declare const MenuStyles: tailwind_variants.TVReturnType<{
             item: string;
         };
     };
-    color: {
-        info: {
-            item: string[];
-        };
-        serious: {
-            item: string[];
-        };
-    };
 }, {
     menu: string;
-    icon: string;
     item: string[];
+    icon: string;
     label: string;
     description: string[];
     more: string;
-    sectionHeader: string;
+    section: string;
+    header: string;
     separator: string;
     hotkey: string[];
     popover: string;
@@ -71,28 +54,18 @@ declare const MenuStyles: tailwind_variants.TVReturnType<{
             item: string;
         };
     };
-    color: {
-        info: {
-            item: string[];
-        };
-        serious: {
-            item: string[];
-        };
-    };
 }, {
     menu: string;
-    icon: string;
     item: string[];
+    icon: string;
     label: string;
     description: string[];
     more: string;
-    sectionHeader: string;
+    section: string;
+    header: string;
     separator: string;
     hotkey: string[];
     popover: string;
 }, undefined, unknown, unknown, undefined>>;
-type MenuStyleVariants = VariantProps<typeof MenuStyles> & {
-    prefixIcon?: ReactNode;
-};
 
-export { type MenuStyleVariants, MenuStyles, MenuStylesDefaults };
+export { MenuStyles, MenuStylesDefaults };

package/dist/components/menu/styles.js

@@ -1,2 +1,2 @@
-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:["[grid-area:description]","fg-default-dark truncate text-body-xs","group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light","group-disabled/menu-item:fg-disabled"],more:"[grid-area:action]",sectionHeader:"fg-default-dark px-s py-xs text-header-xs",separator:"mx-3 my-1 border border-static-light",hotkey:["[grid-area:action]","group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light","group-disabled/menu-item:fg-disabled"],popover:""},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 o={variant:"cozy"},l=tv({slots:{menu:"group/menu overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",item:["group/menu-item flex items-center gap-x-s px-s text-body-s outline outline-transparent",'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:"icon_label_space_action"_"icon_description_space_action"]',"enabled:focus-visible:outline-interactive-hover","color-info:enabled:fg-default-light","color-info:enabled:focus-visible:fg-inverse-light color-info:enabled:focus-visible:bg-highlight-bold","color-info:enabled:hover:fg-inverse-light color-info:enabled:hover:bg-highlight-bold","color-info:enabled:open:fg-inverse-light color-info:enabled:open:bg-highlight-bold","color-info:enabled:selected:fg-inverse-light color-info:enabled:selected:bg-highlight-bold","color-serious:enabled:fg-serious","color-serious:enabled:focus-visible:fg-inverse-light color-serious:enabled:focus-visible:bg-serious-bold","color-serious:enabled:hover:fg-inverse-light color-serious:enabled:hover:bg-serious-bold","color-serious:enabled:open:fg-inverse-light color-serious:enabled:open:bg-serious-bold","color-serious:enabled:selected:fg-inverse-light color-serious:enabled:selected:bg-serious-bold","disabled:fg-disabled disabled:bg-transparent"],icon:"[grid-area:icon]",label:"truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full",description:["[grid-area:description]","fg-default-dark truncate text-body-xs","group-hover/menu-item:fg-inverse-light group-focus-visible/menu-item:fg-inverse-light","group-disabled/menu-item:fg-disabled"],more:"[grid-area:action]",section:"",header:"fg-default-dark px-s py-xs text-header-xs",separator:"mx-3 my-1 border border-static-light",hotkey:["[grid-area:action]","group-hover/menu-item:fg-inverse-light group-focus-visible/menu-item:fg-inverse-light","group-disabled/menu-item:fg-disabled"],popover:"outline-none"},variants:{variant:{cozy:{item:"pt-s pb-s"},compact:{item:"pt-xs pb-xs"}}},defaultVariants:o});export{l as MenuStyles,o 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":["tv","e"],"mappings":"6CAiBW,CAAA,CAAA,OACT,CAAA,MAAO,CAAA,MAGiBA,SACjB,CACLC,EAAA,CAAA,CAAA,qJACM,CAAA,IAAA,CAAA,qFAGJ,CAAA,qHACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,qGAEA,CAAA,CAAA,iEAEA,CAAA,+EACA,CAAA,sCAEI,CAAA,CAAA,IAAA,CAAA,kCACS,CAAA,2CACf,CAAW,gDAET,CAAA,MAAA,CAAA,CAAA,oBACA,CAAA,sHAGO,EACX,OACA,CAAA,EAAA,CAAU,CACR,QAAS,CACP,QACE,CAAA,CAAA,sBAEO,CACP,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,aAIR,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,4HAEE,CAAA,mGAGJ,CAAS,CACP,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,sMAMR,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      '[grid-area:description]',\n      'fg-default-dark truncate text-body-xs',\n      'group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light',\n      'group-disabled/menu-item:fg-disabled',\n    ],\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    hotkey: [\n      '[grid-area:action]',\n      'group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light',\n      'group-disabled/menu-item:fg-disabled',\n    ],\n    popover: '',\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":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAaC,MACxB,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,gJAEE,CAAA,IAAA,CAAA,CAAA,wFACA,CAAA,uKAIA,CAAA,qCACA,CAAA,sGACA,CAAA,sFACA,CAAA,iLAIA,CAAA,kCACA,CAAA,0GACA,CAAA,0FACA,CAAA,yLAGA,CAAA,8CAEI,CAAA,CAAA,IAAA,CAAA,kHAGN,CAAA,WACE,CAAA,CAAA,yBACA,CAAA,+HAEA,CAAA,sCAEI,CAAA,CAAA,IAAA,CAAA,oBACG,CAAA,OACT,CAAQ,EAAA,CAAA,MAAA,CAAA,2CACR,CAAW,6EAGT,CAAA,uFACA,CAAA,sCAEO,CAAA,CAAA,OAAA,CAAA,cAEX,CAAU,CACR,QAAS,CACP,CAAA,aACQ,CAAA,CAAA,IAAA,CAAA,WAEC,CACP,QAAM,CAAA,CAAA,IAAA,CAAA,aAIZ,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 MenuStylesDefaults = {\n  variant: 'cozy',\n} as const;\n\nexport const MenuStyles = tv({\n  slots: {\n    menu: 'group/menu overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light',\n    item: [\n      'group/menu-item flex items-center gap-x-s px-s text-body-s outline outline-transparent',\n      'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:\"icon_label_space_action\"_\"icon_description_space_action\"]',\n      'enabled:focus-visible:outline-interactive-hover',\n\n      // Info\n      'color-info:enabled:fg-default-light',\n      'color-info:enabled:focus-visible:fg-inverse-light color-info:enabled:focus-visible:bg-highlight-bold',\n      'color-info:enabled:hover:fg-inverse-light color-info:enabled:hover:bg-highlight-bold',\n      'color-info:enabled:open:fg-inverse-light color-info:enabled:open:bg-highlight-bold',\n      'color-info:enabled:selected:fg-inverse-light color-info:enabled:selected:bg-highlight-bold',\n\n      // Serious\n      'color-serious:enabled:fg-serious',\n      'color-serious:enabled:focus-visible:fg-inverse-light color-serious:enabled:focus-visible:bg-serious-bold',\n      'color-serious:enabled:hover:fg-inverse-light color-serious:enabled:hover:bg-serious-bold',\n      'color-serious:enabled:open:fg-inverse-light color-serious:enabled:open:bg-serious-bold',\n      'color-serious:enabled:selected:fg-inverse-light color-serious:enabled:selected:bg-serious-bold',\n\n      'disabled:fg-disabled disabled:bg-transparent',\n    ],\n    icon: '[grid-area:icon]',\n    label:\n      'truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full',\n    description: [\n      '[grid-area:description]',\n      'fg-default-dark truncate text-body-xs',\n      'group-hover/menu-item:fg-inverse-light group-focus-visible/menu-item:fg-inverse-light',\n      'group-disabled/menu-item:fg-disabled',\n    ],\n    more: '[grid-area:action]',\n    section: '',\n    header: 'fg-default-dark px-s py-xs text-header-xs',\n    separator: 'mx-3 my-1 border border-static-light',\n    hotkey: [\n      '[grid-area:action]',\n      'group-hover/menu-item:fg-inverse-light group-focus-visible/menu-item:fg-inverse-light',\n      'group-disabled/menu-item:fg-disabled',\n    ],\n    popover: 'outline-none',\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  },\n  defaultVariants: MenuStylesDefaults,\n});\n"]}

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

@@ -1,19 +1,17 @@
-import { RefAttributes, PropsWithChildren } from 'react';
-import { MenuProps as MenuProps$1, PopoverProps, MenuItemProps as MenuItemProps$1, TextProps, SeparatorProps as SeparatorProps$1, MenuSectionProps as MenuSectionProps$1, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1 } from 'react-aria-components';
+import { RefAttributes } from 'react';
+import { MenuProps as MenuProps$1, PopoverProps, MenuItemProps as MenuItemProps$1, TextProps, MenuSectionProps as MenuSectionProps$1 } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
 import { IconProps } from '../icon/types.js';
-import { MenuStyleVariants } from './styles.js';
-import 'tailwind-variants';
+import { MenuStyles } from './styles.js';
 
-type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & Pick<MenuStyleVariants, 'variant'> & RefAttributes<HTMLDivElement> & {
+type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & VariantProps<typeof MenuStyles> & RefAttributes<HTMLDivElement> & {
     classNames?: {
         menu?: MenuProps$1<T>['className'];
         popover?: PopoverProps['className'];
     };
-} & {
-    popoverProps?: Omit<PopoverProps, 'children' | 'className' | 'style'>;
+    popoverProps?: Omit<PopoverProps, 'children' | 'className'>;
 };
 type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
-    color?: 'info' | 'serious';
     classNames?: {
         item?: MenuItemProps$1['className'];
         text?: TextProps['className'];
@@ -21,17 +19,14 @@ type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
         icon?: IconProps['className'];
         hotkey?: string;
     };
+    color?: 'info' | 'serious';
 };
-type MenuTriggerProps = MenuTriggerProps$1;
-type SubmenuTriggerProps = SubmenuTriggerProps$1;
 type MenuSectionProps<T> = Omit<MenuSectionProps$1<T>, 'className'> & {
-    header?: string;
     classNames?: {
-        section?: string;
-        sectionHeader?: string;
+        section?: MenuSectionProps$1<T>['className'];
+        header?: string;
     };
+    title?: string;
 };
-type SeparatorProps = SeparatorProps$1;
-type MenuTextProps = PropsWithChildren & TextProps;
 
-export type { MenuItemProps, MenuProps, MenuSectionProps, MenuTextProps, MenuTriggerProps, SeparatorProps, SubmenuTriggerProps };
+export type { MenuItemProps, MenuProps, MenuSectionProps };

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

@@ -28,6 +28,47 @@ declare namespace OptionsItem {
     var Content: typeof OptionsItemContent;
     var Description: typeof OptionsItemDescription;
 }
+/**
+ * Options - A flexible list component for selectable items with rich content
+ *
+ * Provides accessible list functionality with support for selection, sections,
+ * and rich item content including labels, descriptions, and icons. Perfect for
+ * dropdown lists, menu items, or any selectable list interface.
+ *
+ * @example
+ * // Basic options list
+ * <Options>
+ *   <Options.Item>
+ *     <Options.Item.Label>Option 1</Options.Item.Label>
+ *   </Options.Item>
+ *   <Options.Item>
+ *     <Options.Item.Label>Option 2</Options.Item.Label>
+ *   </Options.Item>
+ * </Options>
+ *
+ * @example
+ * // Options with descriptions and icons
+ * <Options>
+ *   <Options.Item>
+ *     <Icon><User /></Icon>
+ *     <Options.Item.Content>
+ *       <Options.Item.Label>John Doe</Options.Item.Label>
+ *       <Options.Item.Description>Senior Developer</Options.Item.Description>
+ *     </Options.Item.Content>
+ *   </Options.Item>
+ * </Options>
+ *
+ * @example
+ * // Sectioned options
+ * <Options>
+ *   <Options.Section header="Recent">
+ *     <Options.Item>Recent Item 1</Options.Item>
+ *   </Options.Section>
+ *   <Options.Section header="All Items">
+ *     <Options.Item>All Items 1</Options.Item>
+ *   </Options.Section>
+ * </Options>
+ */
 declare function Options<T extends OptionsDataItem>({ ref, ...props }: OptionsProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Options {
     var displayName: string;

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

@@ -1 +1 @@
-{"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"]}
+{"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\n/**\n * Options - A flexible list component for selectable items with rich content\n *\n * Provides accessible list functionality with support for selection, sections,\n * and rich item content including labels, descriptions, and icons. Perfect for\n * dropdown lists, menu items, or any selectable list interface.\n *\n * @example\n * // Basic options list\n * <Options>\n *   <Options.Item>\n *     <Options.Item.Label>Option 1</Options.Item.Label>\n *   </Options.Item>\n *   <Options.Item>\n *     <Options.Item.Label>Option 2</Options.Item.Label>\n *   </Options.Item>\n * </Options>\n *\n * @example\n * // Options with descriptions and icons\n * <Options>\n *   <Options.Item>\n *     <Icon><User /></Icon>\n *     <Options.Item.Content>\n *       <Options.Item.Label>John Doe</Options.Item.Label>\n *       <Options.Item.Description>Senior Developer</Options.Item.Description>\n *     </Options.Item.Content>\n *   </Options.Item>\n * </Options>\n *\n * @example\n * // Sectioned options\n * <Options>\n *   <Options.Section header=\"Recent\">\n *     <Options.Item>Recent Item 1</Options.Item>\n *   </Options.Section>\n *   <Options.Section header=\"All Items\">\n *     <Options.Item>All Items 1</Options.Item>\n *   </Options.Section>\n * </Options>\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"]}