@accelint/design-toolkit 2.5.0 → 2.6.0

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/combobox-field/index.tsx"],"names":["input","trigger","description","error","ComboBoxStyles","ComboBoxFieldProvider","k","children","props","ComboBoxFieldContext","labelProp","isInvalidProp","errorMessageProp","size","jsx","ComboBox","rest","ref","composeRenderProps","o","I","className","s","menuTrigger","errorMessage","isInvalid","Fragment","u","X","label","classNames","R","isDisabled","isRequired","control","D","Button","T","Icon","h","descriptionProp","g","M","FieldError","O","popover","z","L","S"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { ChevronDown } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n  Button,\n  ComboBox,\n  type ContextValue,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  Virtualizer,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport type { OptionsDataItem } from '../options/types';\nimport { ComboBoxStyles } from './styles';\nimport type { ComboBoxFieldProps } from './types';\n\nconst { field, label, control, input, trigger, description, error, popover } =\n  ComboBoxStyles();\n\nexport const ComboBoxFieldContext =\n  // biome-ignore lint/suspicious/noExplicitAny: Setting a type would restrict it beyond what the component allows to extend to\n  createContext<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>(null);\n\nfunction ComboBoxFieldProvider<T extends OptionsDataItem>({\n  children,\n  ...props\n}: ProviderProps<ComboBoxFieldProps<T>>) {\n  return (\n    <ComboBoxFieldContext.Provider value={props}>\n      {children}\n    </ComboBoxFieldContext.Provider>\n  );\n}\nComboBoxFieldProvider.displayName = 'ComboBoxField.Provider';\n\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={control({ className: classNames?.control })}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                input({ className }),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={description({\n                className: classNames?.description,\n              })}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              popover({ className }),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\nComboBoxField.displayName = 'ComboBox';\n"]}

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

@@ -0,0 +1,72 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const ComboBoxStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            input?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            popover?: tailwind_merge.ClassNameValue;
+            trigger?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
+            control?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            field?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            input?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            popover?: tailwind_merge.ClassNameValue;
+            trigger?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
+            control?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            field?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    field: string;
+    label: string;
+    control: string[];
+    input: string[];
+    trigger: string[];
+    description: string[];
+    error: string;
+    popover: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            input?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            popover?: tailwind_merge.ClassNameValue;
+            trigger?: tailwind_merge.ClassNameValue;
+            error?: tailwind_merge.ClassNameValue;
+            control?: tailwind_merge.ClassNameValue;
+            description?: tailwind_merge.ClassNameValue;
+            field?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    field: string;
+    label: string;
+    control: string[];
+    input: string[];
+    trigger: string[];
+    description: string[];
+    error: string;
+    popover: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    field: string;
+    label: string;
+    control: string[];
+    input: string[];
+    trigger: string[];
+    description: string[];
+    error: string;
+    popover: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { ComboBoxStyles };

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

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const i=tv({slots:{field:"group/combobox-field flex flex-col gap-xs",label:"",control:["flex items-center rounded-medium px-s py-xs outline","group-enabled/combobox-field:fg-default-light group-enabled:combobox-field:outline-interactive","group-enabled/combobox-field:placeholder:fg-default-dark","group-enabled/combobox-field:focus-within:outline-highlight","group-enabled/combobox-field:hover:outline-interactive-hover","group-enabled/combobox-field:group-invalid/combobox-field:outline-serious","group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled"],input:["font-display outline-none","group-size-medium/combobox-field:text-body-s","group-size-small/combobox-field:text-body-xs"],trigger:["fg-default-light","group-open/combobox-field:rotate-180 group-open/combobox-field:transform","group-disabled/combobox-field:fg-disabled"],description:["fg-default-dark text-body-xs","group-disabled/combobox-field:fg-disabled"],error:"fg-serious text-body-xs",popover:"-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]"}});export{i as ComboBoxStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/combobox-field/styles.ts"],"names":["ComboBoxStyles","tv"],"mappings":"mCAcO,MAAMA,EAAiBC,EAAAA,CAAG,CAC/B,MAAO,CACL,KAAA,CAAO,4CACP,KAAA,CAAO,EAAA,CACP,QAAS,CACP,qDAAA,CACA,iGACA,0DAAA,CACA,6DAAA,CACA,+DACA,2EAAA,CACA,sGACF,EACA,KAAA,CAAO,CACL,4BACA,8CAAA,CACA,8CACF,EACA,OAAA,CAAS,CACP,mBACA,0EAAA,CACA,2CACF,EACA,WAAA,CAAa,CACX,+BACA,2CACF,CAAA,CACA,MAAO,yBAAA,CACP,OAAA,CAAS,+DACX,CACF,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const ComboBoxStyles = tv({\n  slots: {\n    field: 'group/combobox-field flex flex-col gap-xs',\n    label: '',\n    control: [\n      'flex items-center rounded-medium px-s py-xs outline',\n      'group-enabled/combobox-field:fg-default-light group-enabled:combobox-field:outline-interactive',\n      'group-enabled/combobox-field:placeholder:fg-default-dark',\n      'group-enabled/combobox-field:focus-within:outline-highlight',\n      'group-enabled/combobox-field:hover:outline-interactive-hover',\n      'group-enabled/combobox-field:group-invalid/combobox-field:outline-serious',\n      'group-disabled/combobox-field:fg-disabled group-disabled/combobox-field:outline-interactive-disabled',\n    ],\n    input: [\n      'font-display outline-none',\n      'group-size-medium/combobox-field:text-body-s',\n      'group-size-small/combobox-field:text-body-xs',\n    ],\n    trigger: [\n      'fg-default-light',\n      'group-open/combobox-field:rotate-180 group-open/combobox-field:transform',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/combobox-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n    popover: '-ml-s min-w-[calc(var(--trigger-width)+(var(--spacing-s)*2))]',\n  },\n});\n"]}

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

@@ -0,0 +1,28 @@
+import { RefAttributes } from 'react';
+import { ComboBoxProps, VirtualizerProps, ListLayoutOptions, LabelProps, InputProps, FieldErrorProps, PopoverProps } from 'react-aria-components';
+import { ButtonProps } from '../button/types.js';
+import { OptionsDataItem, OptionsProps } from '../options/types.js';
+import 'tailwind-variants';
+import '../button/styles.js';
+import 'tailwind-merge';
+import '../icon/types.js';
+
+type ComboBoxFieldProps<T extends OptionsDataItem> = Omit<ComboBoxProps<T>, 'children' | 'className'> & Pick<VirtualizerProps<ListLayoutOptions>, 'layoutOptions'> & Pick<OptionsProps<T>, 'children'> & RefAttributes<HTMLDivElement> & {
+    classNames?: {
+        field?: ComboBoxProps<T>['className'];
+        label?: LabelProps['className'];
+        control?: string;
+        input?: InputProps['className'];
+        trigger?: ButtonProps['className'];
+        description?: string;
+        error?: FieldErrorProps['className'];
+        popover?: PopoverProps['className'];
+    };
+    label?: string;
+    inputProps?: Omit<InputProps, 'className'>;
+    description?: string;
+    errorMessage?: string;
+    size?: 'small' | 'medium';
+};
+
+export type { ComboBoxFieldProps };

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

@@ -0,0 +1,25 @@
+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 { HotkeyProps, HotkeySetProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
+
+declare const HotkeyContext: react.Context<ContextValue<HotkeyProps, HTMLElement>>;
+declare function HotkeyProvider({ children, ...props }: ProviderProps<HotkeyProps>): react_jsx_runtime.JSX.Element;
+declare namespace HotkeyProvider {
+    var displayName: string;
+}
+declare function Hotkey({ ref, children, ...props }: HotkeyProps): react_jsx_runtime.JSX.Element;
+declare namespace Hotkey {
+    var displayName: string;
+    var Set: typeof HotkeySet;
+    var Provider: typeof HotkeyProvider;
+}
+declare function HotkeySet({ children, ...props }: HotkeySetProps): react_jsx_runtime.JSX.Element;
+declare namespace HotkeySet {
+    var displayName: string;
+}
+
+export { Hotkey, HotkeyContext, HotkeySet };

package/dist/components/hotkey/index.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Keyboard}from'react-aria-components';import {Icon}from'../icon/index.js';import {HotkeyStyles,HotkeyStylesDefaults}from'./styles.js';const {key:c,set:v}=HotkeyStyles(),y=createContext(null);function i({children:e,...o}){return jsx(y.Provider,{value:o,children:e})}i.displayName="Hotkey.Provider";function s({ref:e,children:o,...t}){[t,e]=useContextProps(t,e??null,y);const{className:a,variant:l=HotkeyStylesDefaults.variant}=t;return jsx(Keyboard,{ref:e,...t,className:c({className:a,variant:l}),children:o})}s.displayName="Hotkey";function n({children:e,...o}){const{className:t}=o;return jsx("div",{className:v({className:t}),children:jsx(Icon.Provider,{size:"large",children:e})})}n.displayName="Hotkey.Set",s.Set=n,s.Provider=i;export{s as Hotkey,y as HotkeyContext,n as HotkeySet};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hotkey/index.tsx"],"names":["HotkeyStyles","HotkeyContext","createContext","H","p","props","jsx","r","HotkeyProvider","useContextProps","ref","P","HotkeyStylesDefaults","Keyboard","m","className","children","Hotkey","Icon","k"],"mappings":"6PA0BqBA,CAAAA,GAERC,CAAAA,CACXC,CAAAA,KAA0D,CAAA,CAE5DC,YAAA,EAAA,CAAA,CAAA,CAAAC,aAAA,CAAA,IAA0B,WAAU,CAAA,CAAA,CAAGC,QACrC,CAAA,CAAA,CACEC,GAACL,CAAc,CAAA,CAAA,CAAA,OAASM,GAAA,CAAA,CAAA,CAAA,QAAe,CAAA,CAAA,KAAS,CAEpD,CACAC,CAAAA,QAAe,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,iBAEJ,CAAA,eAAe,CAAA,CAAA,CAAGH,QAC9B,CAAA,CAAII,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMT,CAAa,CAAAU,eAChE,MAAQ,IAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,SAAUC,CAAqB,CAAA,CAAA,OAAYP,CAAAA,CAE9D,6BACGQ,CAAA,CAAS,CAAA,CAAA,OAAcR,GAAAA,CAAOS,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAe,CAAE,CAAA,SAAAC,CAAAA,CAAW,CAAA,CAAA,SAAS,CACjE,CAAA,CAAA,OAAAC,CAAAA,CACH,CAEJ,CACAC,CAAAA,QAAO,CAAA,CAAA,CAAA,CAAA,CAAc,aAEd,CAAA,QAAqB,CAAA,SAAU,CAAA,CAAA,CAAGZ,QACvC,CAAM,CAAE,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAcA,CAAAA,SAGpBC,CAAC,YAAIC,GAAA,CAAA,KAAe,CAAE,CAAA,SAAAQ,CAAU,CAAC,CAAA,CAC/B,SAAAT,CAAAA,CAACY,EAAK,CAAA,QAAL,CAAcX,GAAA,CAAAY,IAAA,CAAA,QAAK,CAAS,aAC/B,CAEJ,QACU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAExBF,aACO,CAAA,CAAA,CAAA,GAAWT,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,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 type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  Keyboard,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { HotkeyStyles, HotkeyStylesDefaults } from './styles';\nimport type { HotkeyProps, HotkeySetProps } from './types';\n\nconst { key, set } = HotkeyStyles();\n\nexport const HotkeyContext =\n  createContext<ContextValue<HotkeyProps, HTMLElement>>(null);\n\nfunction HotkeyProvider({ children, ...props }: ProviderProps<HotkeyProps>) {\n  return (\n    <HotkeyContext.Provider value={props}>{children}</HotkeyContext.Provider>\n  );\n}\nHotkeyProvider.displayName = 'Hotkey.Provider';\n\nexport function Hotkey({ ref, children, ...props }: HotkeyProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HotkeyContext);\n  const { className, variant = HotkeyStylesDefaults.variant } = props;\n\n  return (\n    <Keyboard ref={ref} {...props} className={key({ className, variant })}>\n      {children}\n    </Keyboard>\n  );\n}\nHotkey.displayName = 'Hotkey';\n\nexport function HotkeySet({ children, ...props }: HotkeySetProps) {\n  const { className } = props;\n\n  return (\n    <div className={set({ className })}>\n      <Icon.Provider size='large'>{children}</Icon.Provider>\n    </div>\n  );\n}\nHotkeySet.displayName = 'Hotkey.Set';\n\nHotkey.Set = HotkeySet;\nHotkey.Provider = HotkeyProvider;\n"]}

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

@@ -0,0 +1,53 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const HotkeyStylesDefaults: {
+    readonly variant: "outline";
+};
+declare const HotkeyStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        flat: {
+            key: string;
+        };
+        outline: {
+            key: string;
+        };
+        icon: {
+            key: string;
+        };
+    };
+}, {
+    key: string;
+    set: string;
+}, undefined, {
+    variant: {
+        flat: {
+            key: string;
+        };
+        outline: {
+            key: string;
+        };
+        icon: {
+            key: string;
+        };
+    };
+}, {
+    key: string;
+    set: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        flat: {
+            key: string;
+        };
+        outline: {
+            key: string;
+        };
+        icon: {
+            key: string;
+        };
+    };
+}, {
+    key: string;
+    set: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { HotkeyStyles, HotkeyStylesDefaults };

package/dist/components/hotkey/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';const t={variant:"outline"},r=tv({slots:{key:"fg-default-light w-fit min-w-xl p-xs text-header-s uppercase",set:"fg-default-dark flex items-center gap-xs text-header-m"},variants:{variant:{flat:{key:"bg-transparent"},outline:{key:"rounded-medium border border-info border-b-[3px] bg-surface-default"},icon:{key:"-mx-xs bg-transparent px-0"}}},defaultVariants:t});export{r as HotkeyStyles,t as HotkeyStylesDefaults};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hotkey/styles.ts"],"names":["e"],"mappings":"6CAeW,CAAA,CAAA,OACX,CAAA,YAGS,CACLA,EAAA,CAAA,CAAA,yEACK,CAAA,GAAA,CAAA,wDAEP,CAAU,CACR,QAAS,CACP,QACE,CAAA,CAAK,0BAEE,CACP,CAAA,OAAK,CAAA,CAAA,GAAA,CAAA,uEAGA,IAAA,CAAA,CAAA,GAAA,CAAA,4BAIX,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 HotkeyStylesDefaults = {\n  variant: 'outline',\n} as const;\n\nexport const HotkeyStyles = tv({\n  slots: {\n    key: 'fg-default-light w-fit min-w-xl p-xs text-header-s uppercase',\n    set: 'fg-default-dark flex items-center gap-xs text-header-m',\n  },\n  variants: {\n    variant: {\n      flat: {\n        key: 'bg-transparent',\n      },\n      outline: {\n        key: 'rounded-medium border border-info border-b-[3px] bg-surface-default',\n      },\n      icon: {\n        key: '-mx-xs bg-transparent px-0',\n      },\n    },\n  },\n  defaultVariants: HotkeyStylesDefaults,\n});\n"]}

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

@@ -0,0 +1,8 @@
+import { HTMLAttributes, RefAttributes, PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { HotkeyStyles } from './styles.js';
+
+type HotkeyProps = HTMLAttributes<HTMLElement> & VariantProps<typeof HotkeyStyles> & RefAttributes<HTMLElement>;
+type HotkeySetProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren;
+
+export type { HotkeyProps, HotkeySetProps };

package/dist/components/hotkey/types.js

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

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

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

package/dist/components/input/index.js

@@ -1,2 +1,2 @@
-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:r,autoSize:s,defaultValue:h="",disabled:p,placeholder:d,readOnly:m,required:I,size:f,type:l=InputStylesDefaults.type,value:g,isClearable:n,isInvalid:x,onChange:E,onKeyDown:P,...N}=a,[i,b]=useControlledState(g,h),z=(`${i??""}`.length||d?.length)??0,o=i==null||i==="";function c(e){E?.(e),e.defaultPrevented||b(e.target.value);}return jsxs("div",{className:w({className:r?.container,autoSize:s,type:l,isClearable:n,isEmpty:o}),"data-disabled":p||null,"data-invalid":x||null,"data-length":z,"data-placeholder":!!d&&o||null,"data-readonly":m||null,"data-required":I||null,"data-size":f,children:[jsx("div",{className:A({className:r?.sizer,autoSize:s,type:l,isClearable:n,isEmpty:o}),children:jsx(Input,{...N,ref:t,className:composeRenderProps(r?.input,e=>B({className:e,autoSize:s,type:l,isClearable:n,isEmpty:o})),disabled:p,placeholder:d,readOnly:m,required:I,type:l,value:i,onChange:c,onKeyDown:e=>{P?.(e),n&&!e.defaultPrevented&&e.key==="Escape"&&c(v);}})}),n&&jsx(Button,{className:composeRenderProps(r?.clear,e=>F({className:e,autoSize:s,type:l,isClearable:n,isEmpty:o})),excludeFromTabOrder:true,size:"small",variant:"icon",isDisabled:p,onPress:()=>{c(v),t?.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})}k.displayName="Input";export{k 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":["clear","clearInputEvent","M","InputContext","createContext","Input","ref","props","useContextProps","C","q","autoSize","defaultValue","placeholder","readOnly","required","type","valueProp","isInvalid","onChange","onKeyDown","value","setValue","length","isEmpty","handleChange","event","jsxs","R","classNames","jsx","u","AriaInput","composeRenderProps","className","input","y","disabled","isClearable","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        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';const 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":["InputStyles","tv","e"],"mappings":"sCAeQ,MAAA,CAAA,CAAA,CAAA,IAGKA,CAAcC,MACzB,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAA,CAAA,CACE,SAAA,CAAA,+HAEA,CAAA,KAAA,CAAA,CAAA,iCACA,CAAA,sFAGA,CAAA,CAAA,KAAA,CAAA,CAAA,0LAEA,CAAA,qDACA,CAAA,2KAIA,CAAA,CAAA,KAAA,CAAA,CAAA,+FAEA,CAAA,+CACA,CAAA,qIAIM,CACR,QAAA,CAAU,CACR,SACA,CAAA,KAAM,CACR,EACA,CAAA,IAAM,CACJ,QAAQ,CAAA,CACR,MAAA,CAAA,EAAU,CAAA,QACH,GACP,CAAA,KAAM,CAAA,2BAEC,GACP,CAAA,KAAM,CAAA,EACN,CAAA,IAAA,CAAQ,EAAA,CACR,MAAO,CAAA,EACP,CAAA,KAAO,GACP,CAAA,KAAA,CAAQ,SAEJ,CAAA,CAAA,KAAA,CAAA,oJAEJ,CAAU,CAAA,QACH,CAAA,EACP,CAAA,KAAO,GACP,CAAA,KAAO,CAAA,EACP,OAAQ,EAAA,CACR,MAAA,CAAQ,EAAA,CACR,OACA,EAAA,CAAA,GAAM,CAAA,EACN,CAAA,IAAM,CAAA,OACD,CACL,EAAA,CAAA,GAAM,CACR,EACA,qBAEI,CAAA,CAAA,KAAA,CAAA,CAAW,SAAA,CAAA,cAGX,CAAA,CAAA,IAAA,CAAA,CAAW,SAAA,CAAA,eAGf,CAAS,CACP,CAAA,cACS,CAAA,CAAA,KAAA,CAAA,2CAGA,CAAA,CAAA,KAEX,CACF,QACA,CAAA,CAAA,CAAA,CAAA,gBAGM,CAAA,CAAA,CAAA,IACA,SACA,CAAA,MAAA,CAAA,wBAGA,CAAA,QAAA,CAAA,UAEA,SACA,CAAA,KACA,CAAA,MACA,CAAA,cAES,SAEP,CAAA,CAAA,KAAA,CAAA,CAAA,6EACA,CAAA,2EAKJ,CAAA,CAAA,CAAA,CAAU,SACH,WAAU,CAAA,iBACN,SAEP,CAAA,CAAA,KAAA,CAAA,CAAA,2ZAMR,CAAA,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const InputStylesDefaults = {\n  type: 'text',\n} as const;\n\nexport const InputStyles = tv({\n  slots: {\n    container:\n      'group/input grid items-center [--length:attr(data-length_type(<number>),0)] [grid-template-columns:minmax(0,1fr)_min-content]',\n    sizer: [\n      '[grid-column:1/-1] [grid-row:1]',\n      'font-display group-size-medium/input:text-body-s group-size-small/input:text-body-xs',\n    ],\n    input: [\n      'block w-full rounded-medium py-xs pr-[calc(var(--room)+var(--spacing-s))] pl-s font-display text-default-light outline outline-interactive',\n      'enabled:group-focus/input:outline-highlight',\n      'enabled:group-hover/input:outline-interactive-hover',\n      'enabled:group-invalid/input:outline-serious',\n      'disabled:cursor-not-allowed disabled:text-disabled disabled:outline-interactive-disabled disabled:placeholder:text-disabled',\n    ],\n    clear: [\n      '[grid-column:2/-1] [grid-row:1]',\n      'group-size-medium/input:mr-xs group-size-small/input:mr-xxs',\n      'enabled:fg-interactive enabled:bg-transparent',\n      'enabled:focus:fg-interactive-hover enabled:focus:bg-transparent',\n      'enabled:hover:fg-interactive-hover enabled:hover:bg-transparent',\n    ],\n  },\n  variants: {\n    autoSize: {\n      false: '',\n      true: '',\n    },\n    type: {\n      button: '',\n      checkbox: '',\n      color: '',\n      date: '',\n      'datetime-local': '',\n      email: '',\n      file: '',\n      hidden: '',\n      image: '',\n      month: '',\n      number: {\n        input:\n          '[appearance:textfield] placeholder:text-default-dark [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n      },\n      password: '',\n      radio: '',\n      range: '',\n      reset: '',\n      search: '',\n      submit: '',\n      tel: '',\n      text: '',\n      time: '',\n      url: '',\n      week: '',\n    },\n    isClearable: {\n      false: {\n        container: '[--room:0px]',\n      },\n      true: {\n        container: '[--room:20px]',\n      },\n    },\n    isEmpty: {\n      false: {\n        clear: 'group-not-focus-within/input:hidden',\n      },\n      true: {\n        clear: 'hidden',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      type: [\n        'color',\n        'date',\n        'datetime-local',\n        'email',\n        'number',\n        'password',\n        'search',\n        'tel',\n        'text',\n        'time',\n        'url',\n      ],\n      className: {\n        sizer: [\n          'group-size-medium/input:min-w-[160px] group-size-medium/input:max-w-[400px]',\n          'group-size-medium/input:min-w-[80px] group-size-small/input:max-w-[200px]',\n        ],\n      },\n    },\n    {\n      autoSize: true,\n      type: ['number', 'text'],\n      className: {\n        sizer: [\n          'group-size-medium/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-s-spacing))+(var(--spacing-s)*2)+var(--room))]',\n          'group-size-small/input:w-[calc((var(--length)*1ch)+((var(--length)-1)*var(--typography-body-xs-spacing))+(var(--spacing-s)*2)+var(--room))] group-size-small/input:min-w-[calc(2ch+((var(--length)-1)*var(--typography-body-xs-spacing))+(var(--spacing-s)*2)+var(--room))]',\n        ],\n      },\n    },\n  ],\n  defaultVariants: InputStylesDefaults,\n});\n"]}
+{"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/menu/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import y from'@accelint/icons/chevron-right';import {createContext,useContext}from'react';import {useContextProps,Popover,Menu,composeRenderProps,MenuTrigger,SubmenuTrigger,MenuSection,Header,Collection,Separator,Text,MenuItem,Provider,KeyboardContext,DEFAULT_SLOT}from'react-aria-components';import {IconContext,Icon}from'../icon/index.js';import {MenuStyles,MenuStylesDefaults}from'./styles.js';const {menu:z,icon:B,item:G,label:J,description:Q,more:W,sectionHeader:X,separator:Y,keyboard:Z}=MenuStyles(),N=createContext(null);function P(n){const{header:e,children:o,classNames:t,items:i,...c}=n;return jsxs(MenuSection,{className:t?.section,...c,children:[jsx(Header,{className:X({className:t?.sectionHeader}),children:e}),jsx(Collection,{items:i,children:o})]})}P.displayName="Menu.Section";function S({className:n,...e}){return jsx(Separator,{...e,className:Y({className:n})})}S.displayName="Menu.Separator";function T(n){const{children:e,className:o,...t}=n;return jsx(Text,{...t,slot:"label",className:J({className:o}),children:e})}T.displayName="Menu.Item.Label";function f(n){const{children:e,className:o,...t}=n;return jsx(Text,{...t,slot:"description",className:Q({className:o}),children:e})}f.displayName="Menu.Item.Description";function u(n){const e=useContext(N),o=(isSlottedContextValue(e)?void 0:e?.variant)??MenuStylesDefaults.variant,{classNames:t,color:i=MenuStylesDefaults.color,children:c,...l}=n;return jsx(MenuItem,{...l,className:composeRenderProps(t?.item,r=>G({className:r,variant:o,color:i})),children:composeRenderProps(c,(r,{hasSubmenu:m})=>jsxs(Provider,{values:[[KeyboardContext,{className:Z({className:t?.keyboard})}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:B({className:t?.icon})},submenu:{className:W({className:t?.more})}}}]],children:[typeof r=="string"?jsx(Text,{className:t?.text,slot:"label",children:r}):r,m&&jsx(Icon,{slot:"submenu",children:jsx(y,{})})]}))})}u.displayName="Menu.Item",u.Label=T,u.Description=f;function s({ref:n,...e}){[e,n]=useContextProps(e,n??null,N);const{children:o,className:t,selectionMode:i="single",offset:c=-4,placement:l,isNonModal:r,containerPadding:m,variant:x=MenuStylesDefaults.variant,...b}=e;return jsx(Popover,{offset:c,placement:l,isNonModal:r,containerPadding:m,children:jsx(N.Provider,{value:{variant:x},children:jsx(Menu,{ref:n,className:composeRenderProps(t,g=>z({className:g,variant:x})),selectionMode:i,...b,children:o})})})}s.displayName="Menu",s.Trigger=MenuTrigger,s.Submenu=SubmenuTrigger,s.Item=u,s.Separator=S,s.Section=P;export{s as Menu,N as MenuContext};//# sourceMappingURL=index.js.map
+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":["label","description","sectionHeader","keyboard","MenuStyles","MenuSection","props","C","children","classNames","rest","jsxs","A","k","jsx","a","h","items","H","MenuSeparator","className","E","p","useContext","MenuContext","context","I","v","MenuStylesDefaults","d","L","item","M","variant","composeRenderProps","Provider","K","w","_","icon","j","more","AriaText","hasSubmenu","U","MenuItem","MenuDescription","Menu","ref","O","placement","isNonModal","offset","F","AriaMenu","menu","AriaSubmenuTrigger"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { isSlottedContextValue } from '@/lib/utils';\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport { createContext, useContext } from 'react';\nimport {\n  Header as AriaHeader,\n  Menu as AriaMenu,\n  Collection as AriaMenuCollection,\n  MenuItem as AriaMenuItem,\n  MenuSection as AriaMenuSection,\n  MenuTrigger as AriaMenuTrigger,\n  Separator as AriaSeparator,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Text as AriaText,\n  type ContextValue,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Popover,\n  Provider,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon, IconContext } from '../icon';\nimport { MenuStyles, MenuStylesDefaults } from './styles';\nimport type {\n  MenuItemProps,\n  MenuProps,\n  MenuSectionProps,\n  MenuTextProps,\n  SeparatorProps,\n} from './types';\n\nconst {\n  menu,\n  icon,\n  item,\n  label,\n  description,\n  more,\n  sectionHeader,\n  separator,\n  keyboard,\n} = MenuStyles();\n\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n\nfunction MenuSection<T extends object>(props: MenuSectionProps<T>) {\n  const { header, children, classNames, items, ...rest } = props;\n\n  return (\n    <AriaMenuSection className={classNames?.section} {...rest}>\n      <AriaHeader\n        className={sectionHeader({ className: classNames?.sectionHeader })}\n      >\n        {header}\n      </AriaHeader>\n      <AriaMenuCollection items={items}>{children}</AriaMenuCollection>\n    </AriaMenuSection>\n  );\n}\nMenuSection.displayName = 'Menu.Section';\n\nfunction MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <AriaSeparator {...rest} className={separator({ className })} />;\n}\nMenuSeparator.displayName = 'Menu.Separator';\n\nfunction MenuLabel(props: MenuTextProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaText {...rest} slot='label' className={label({ className })}>\n      {children}\n    </AriaText>\n  );\n}\nMenuLabel.displayName = 'Menu.Item.Label';\n\nfunction MenuDescription(props: MenuTextProps) {\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaText\n      {...rest}\n      slot='description'\n      className={description({ className })}\n    >\n      {children}\n    </AriaText>\n  );\n}\nMenuDescription.displayName = 'Menu.Item.Description';\n\nfunction MenuItem(props: MenuItemProps) {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    MenuStylesDefaults.variant;\n\n  const {\n    classNames,\n    color = MenuStylesDefaults.color,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className, variant, color }),\n      )}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: keyboard({ className: classNames?.keyboard }) },\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {\n                    className: icon({ className: classNames?.icon }),\n                  },\n                  submenu: { className: more({ className: classNames?.more }) },\n                },\n              },\n            ],\n          ]}\n        >\n          {typeof children === 'string' ? (\n            <AriaText className={classNames?.text} slot='label'>\n              {children}\n            </AriaText>\n          ) : (\n            children\n          )}\n          {hasSubmenu && (\n            <Icon slot='submenu'>\n              <ChevronRight />\n            </Icon>\n          )}\n        </Provider>\n      ))}\n    </AriaMenuItem>\n  );\n}\nMenuItem.displayName = 'Menu.Item';\nMenuItem.Label = MenuLabel;\nMenuItem.Description = MenuDescription;\n\nexport function Menu<T extends object>({ ref, ...props }: MenuProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, MenuContext);\n\n  const {\n    children,\n    className,\n    selectionMode = 'single',\n    offset = -4,\n    placement,\n    isNonModal,\n    containerPadding,\n    variant = MenuStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      offset={offset}\n      placement={placement}\n      isNonModal={isNonModal}\n      containerPadding={containerPadding}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          ref={ref}\n          className={composeRenderProps(className, (className) =>\n            menu({ className, variant }),\n          )}\n          selectionMode={selectionMode}\n          {...rest}\n        >\n          {children}\n        </AriaMenu>\n      </MenuContext.Provider>\n    </Popover>\n  );\n}\nMenu.displayName = 'Menu';\nMenu.Trigger = AriaMenuTrigger;\nMenu.Submenu = AriaSubmenuTrigger;\nMenu.Item = MenuItem;\nMenu.Separator = MenuSeparator;\nMenu.Section = MenuSection;\n"]}
+{"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';const t={variant:"cozy",color:"info"},o=tv({slots:{menu:"group/menu mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",icon:"[grid-area:icon]",item:["group/menu-item flex items-center gap-x-s px-s text-body-s",'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:"icon_label_space_action"_"icon_description_space_action"]',"disabled:fg-disabled disabled:bg-transparent"],label:"truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full",description:"fg-default-dark group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light group-disabled/menu-item:fg-disabled truncate text-body-xs [grid-area:description]",more:"[grid-area:action]",sectionHeader:"fg-default-dark px-s py-xs text-header-xs",separator:"mx-3 my-1 border border-static-light",keyboard:"[grid-area:action]"},variants:{variant:{cozy:{item:"pt-s pb-s"},compact:{item:"pt-xs pb-xs"}},color:{info:{item:["fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light","selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold"]},serious:{item:["fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light","selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold"]}}},defaultVariants:t});export{o as MenuStyles,t as MenuStylesDefaults};//# sourceMappingURL=styles.js.map
+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