@accelint/design-toolkit 2.4.3 → 2.6.0

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

@@ -1,8 +1,7 @@
-import { PropsWithChildren, RefAttributes, HTMLAttributes } from 'react';
+import { ComponentPropsWithRef } from 'react';
 
-type IconProps = PropsWithChildren<RefAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & {
+type IconProps = ComponentPropsWithRef<'span'> & {
     size?: 'large' | 'medium' | 'small' | 'xsmall';
-}>;
-type IconProviderProps = PropsWithChildren<IconProps>;
+};
 
-export type { IconProps, IconProviderProps };
+export type { IconProps };

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

@@ -5,6 +5,7 @@ import { InputProps } from './types.js';
 import 'tailwind-variants';
 import '../button/types.js';
 import '../button/styles.js';
+import 'tailwind-merge';
 import './styles.js';
 
 declare const InputContext: react.Context<ContextValue<InputProps, HTMLInputElement>>;

package/dist/components/input/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {CancelFill}from'@accelint/icons';import {useControlledState}from'@react-stately/utils';import {createContext}from'react';import {useContextProps,InputContext,Input,composeRenderProps}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {InputStyles,InputStylesDefaults}from'./styles.js';import {jsxs,jsx}from'react/jsx-runtime';var {container:w,sizer:B,input:F,clear:K}=InputStyles(),v={target:{value:""}},k=createContext(null);function R({ref:n,...p}){let[i]=useContextProps({},n??null,InputContext);[p,n]=useContextProps({...p},n??null,k);let{classNames:r,autoSize:s,defaultValue:P=i.defaultValue??"",disabled:d,placeholder:c,readOnly:I,required:y,size:g,type:a=InputStylesDefaults.type,value:x=i.value,isClearable:t,isInvalid:E,onChange:C,onKeyDown:N,...b}=p,[u,z]=useControlledState(x,P,C),A=(`${u??""}`.length||c?.length)??0,l=u==null||u==="";function m(e){i.onChange?.(e),C?.(e),e.defaultPrevented||z(e.target.value);}return jsxs("div",{className:w({className:r?.container,autoSize:s,type:a,isClearable:t,isEmpty:l}),"data-disabled":d||null,"data-invalid":E||null,"data-length":A,"data-placeholder":!!c&&l||null,"data-readonly":I||null,"data-required":y||null,"data-size":g,children:[jsx("div",{className:B({className:r?.sizer,autoSize:s,type:a,isClearable:t,isEmpty:l}),children:jsx(Input,{...b,ref:n,className:composeRenderProps(r?.input,e=>F({className:e,autoSize:s,type:a,isClearable:t,isEmpty:l})),disabled:d,placeholder:c,readOnly:I,required:y,type:a,value:u,onChange:m,onKeyDown:e=>{N?.(e),t&&!e.defaultPrevented&&e.key==="Escape"&&m(v);}})}),t&&jsx(Button,{className:composeRenderProps(r?.clear,e=>K({className:e,autoSize:s,type:a,isClearable:t,isEmpty:l})),excludeFromTabOrder:true,size:"small",variant:"icon",isDisabled:d,onPress:()=>{m(v),n?.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})}R.displayName="Input";export{R as Input,k as InputContext};//# sourceMappingURL=index.js.map
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {CancelFill}from'@accelint/icons';import {useControlledState}from'@react-stately/utils';import {createContext}from'react';import {useContextProps,InputContext,Input,composeRenderProps}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {InputStyles,InputStylesDefaults}from'./styles.js';const {container:w,sizer:A,input:B,clear:F}=InputStyles(),v={target:{value:""}},K=createContext(null);function k({ref:t,...a}){[a,t]=useContextProps(a,t??null,InputContext),[a,t]=useContextProps({...a},t??null,K);const{classNames:u,autoSize:r,defaultValue:h="",disabled:i,placeholder:p,readOnly:c,required:m,size:f,type:l=InputStylesDefaults.type,value:g,isClearable:n,isInvalid:x,onChange:E,onKeyDown:P,...N}=a,[s,b]=useControlledState(g,h),z=(`${s??""}`.length||p?.length)??0,I=s==null||s==="";function d(e){E?.(e),e.defaultPrevented||b(e.target.value);}return jsxs("div",{className:w({className:u?.container,autoSize:r,type:l,isClearable:n}),"data-disabled":i||null,"data-empty":I||null,"data-invalid":x||null,"data-length":z,"data-placeholder":!!p&&I||null,"data-readonly":c||null,"data-required":m||null,"data-size":f,children:[jsx("div",{className:A({className:u?.sizer,autoSize:r,type:l,isClearable:n}),children:jsx(Input,{...N,ref:t,className:composeRenderProps(u?.input,e=>B({className:e,autoSize:r,type:l,isClearable:n})),disabled:i,placeholder:p,readOnly:c,required:m,type:l,value:s,onChange:d,onKeyDown:e=>{P?.(e),n&&!e.defaultPrevented&&e.key==="Escape"&&d(v);}})}),n&&jsx(Button,{className:composeRenderProps(u?.clear,e=>F({className:e,autoSize:r,type:l,isClearable:n})),excludeFromTabOrder:true,size:"small",variant:"icon",isDisabled:i,onPress:()=>{d(v),t?.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})}k.displayName="Input";export{k as Input,K as InputContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/index.tsx"],"names":["InputStyles","q","clearInputEvent","InputContext","createContext","D","props","useContextProps","h","ref","L","contextProps","InputStylesDefaults","O","rest","value","setValue","useControlledState","valueProp","defaultValue","onChange","length","placeholder","event","classNames","disabled","isInvalid","isEmpty","readOnly","required","jsx","o","AriaInput","H","className","input","onKeyDown","isClearable","handleChange","Button","M","clear","Icon","S","CancelFill","Input"],"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 InputProps as AriaInputProps,\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  const [contextProps] = useContextProps<\n    AriaInputProps,\n    AriaInputProps,\n    HTMLInputElement\n  >({}, ref ?? null, AriaInputContext);\n  [props, ref] = useContextProps({ ...props }, ref ?? null, InputContext);\n\n  const {\n    classNames,\n    autoSize,\n    defaultValue = contextProps.defaultValue ?? '',\n    disabled,\n    placeholder,\n    readOnly,\n    required,\n    size,\n    type = InputStylesDefaults.type,\n    value: valueProp = contextProps.value,\n    isClearable,\n    isInvalid,\n    onChange,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(\n    valueProp,\n    defaultValue,\n    onChange,\n  );\n  const length = (`${value ?? ''}`.length || placeholder?.length) ?? 0;\n  const isEmpty = value == null || value === '';\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    contextProps.onChange?.(event);\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        isEmpty,\n      })}\n      data-disabled={disabled || 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          isEmpty,\n        })}\n      >\n        <AriaInput\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, autoSize, type, isClearable, isEmpty }),\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, isEmpty }),\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","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"]}

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

@@ -1,7 +1,9 @@
 import * as tailwind_variants from 'tailwind-variants';
 
 declare const InputStylesDefaults: {
+    readonly autoSize: false;
     readonly type: "text";
+    readonly isClearable: false;
 };
 declare const InputStyles: tailwind_variants.TVReturnType<{
     autoSize: {
@@ -42,14 +44,6 @@ declare const InputStyles: tailwind_variants.TVReturnType<{
             container: string;
         };
     };
-    isEmpty: {
-        false: {
-            clear: string;
-        };
-        true: {
-            clear: string;
-        };
-    };
 }, {
     container: string;
     sizer: string[];
@@ -94,14 +88,6 @@ declare const InputStyles: tailwind_variants.TVReturnType<{
             container: string;
         };
     };
-    isEmpty: {
-        false: {
-            clear: string;
-        };
-        true: {
-            clear: string;
-        };
-    };
 }, {
     container: string;
     sizer: string[];
@@ -146,14 +132,6 @@ declare const InputStyles: tailwind_variants.TVReturnType<{
             container: string;
         };
     };
-    isEmpty: {
-        false: {
-            clear: string;
-        };
-        true: {
-            clear: string;
-        };
-    };
 }, {
     container: string;
     sizer: string[];

package/dist/components/input/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var t={type:"text"},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"]},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]"}},isEmpty:{false:{clear:"group-not-focus-within/input:hidden"},true:{clear:"hidden"}}},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},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
 //# 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,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":["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"]}

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 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
 //# 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","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":"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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  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"]}

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

@@ -28,11 +28,12 @@ declare const MenuStyles: tailwind_variants.TVReturnType<{
     icon: string;
     item: string[];
     label: string;
-    description: string;
+    description: string[];
     more: string;
     sectionHeader: string;
     separator: string;
-    keyboard: string;
+    hotkey: string[];
+    popover: string;
 }, undefined, {
     variant: {
         cozy: {
@@ -55,11 +56,12 @@ declare const MenuStyles: tailwind_variants.TVReturnType<{
     icon: string;
     item: string[];
     label: string;
-    description: string;
+    description: string[];
     more: string;
     sectionHeader: string;
     separator: string;
-    keyboard: string;
+    hotkey: string[];
+    popover: string;
 }, tailwind_variants.TVReturnType<{
     variant: {
         cozy: {
@@ -82,11 +84,12 @@ declare const MenuStyles: tailwind_variants.TVReturnType<{
     icon: string;
     item: string[];
     label: string;
-    description: string;
+    description: string[];
     more: string;
     sectionHeader: string;
     separator: string;
-    keyboard: string;
+    hotkey: string[];
+    popover: string;
 }, undefined, unknown, unknown, undefined>>;
 type MenuStyleVariants = VariantProps<typeof MenuStyles> & {
     prefixIcon?: ReactNode;

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:["[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
 //# 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":["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"]}

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

@@ -4,7 +4,14 @@ import { IconProps } from '../icon/types.js';
 import { MenuStyleVariants } from './styles.js';
 import 'tailwind-variants';
 
-type MenuProps<T> = MenuProps$1<T> & Pick<MenuStyleVariants, 'variant'> & RefAttributes<HTMLDivElement> & Pick<PopoverProps, 'placement' | 'offset' | 'containerPadding' | 'isNonModal'>;
+type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & Pick<MenuStyleVariants, 'variant'> & RefAttributes<HTMLDivElement> & {
+    classNames?: {
+        menu?: MenuProps$1<T>['className'];
+        popover?: PopoverProps['className'];
+    };
+} & {
+    popoverProps?: Omit<PopoverProps, 'children' | 'className' | 'style'>;
+};
 type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
     color?: 'info' | 'serious';
     classNames?: {
@@ -12,7 +19,7 @@ type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
         text?: TextProps['className'];
         more?: IconProps['className'];
         icon?: IconProps['className'];
-        keyboard?: string;
+        hotkey?: string;
     };
 };
 type MenuTriggerProps = MenuTriggerProps$1;

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 };