@accelint/design-toolkit 4.0.0 → 5.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["SelectFieldStyles","createContext","SelectFieldProvider","children","props","H","z","jsx","SelectField","SelectFieldContext","classNames","errorMessageProp","errorMessage","showLabel","label","AriaSelect","rest","ref","composeRenderProps","className","e","A","isInvalidProp","size","isRequired","isDisabled","isInvalid","jsxs","Fragment","v","R","labelProp","Button","trigger","T","l","AriaSelectValue","value","Icon","I","ChevronDown","B","M","descriptionProp","error","AriaPopover","E","O","w","q"],"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/chevron-down';\nimport { createContext } from 'react';\nimport {\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type ContextValue,\n  FieldError,\n  ListLayout,\n  Text,\n  Virtualizer,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Popover as AriaPopover } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldStyles } from './styles';\nimport type { SelectFieldProps } from './types';\n\nconst { description, error, trigger, label, field, value } =\n  SelectFieldStyles();\n\nexport const SelectFieldContext =\n  createContext<ContextValue<SelectFieldProps, HTMLDivElement>>(null);\n\nfunction SelectFieldProvider({\n  children,\n  ...props\n}: ProviderProps<SelectFieldProps>) {\n  return (\n    <SelectFieldContext.Provider value={props}>\n      {children}\n    </SelectFieldContext.Provider>\n  );\n}\nSelectFieldProvider.displayName = 'SelectField.Provider';\n\n/**\n * SelectField - A dropdown selection component with comprehensive form field features\n *\n * Provides an accessible and feature-rich select dropdown with built-in validation,\n * multiple sizing options, virtualization support for large datasets, and seamless\n * integration with form libraries. Includes label, description, and error messaging\n * capabilities with customizable styling through className props.\n *\n * @example\n * // Basic select field\n * <SelectField label='Country' placeholder='Select a country'>\n *   <Options.Item textValue='us'>United States</Options.Item>\n *   <Options.Item textValue='ca'>Canada</Options.Item>\n *   <Options.Item textValue='uk'>United Kingdom</Options.Item>\n * </SelectField>\n *\n * @example\n * // Select field with validation and description\n * <SelectField\n *   label=\"Priority Level\"\n *   description=\"Choose the urgency level for this task\"\n *   errorMessage={errors.priority}\n *   isRequired\n *   isInvalid={!!errors.priority}\n * >\n *   <Options.Item textValue=\"low\">Low</Options.Item>\n *   <Options.Item textValue=\"medium\">Medium</Options.Item>\n *   <Options.Item textValue=\"high\">High</Options.Item>\n * </SelectField>\n *\n * @example\n * // Small size select field with custom styling\n * <SelectField\n *   size=\"small\"\n *   placeholder=\"Quick select\"\n *   classNames={{\n *     field: \"custom-field-styles\",\n *     trigger: \"custom-trigger-styles\"\n *   }}\n * >\n *   <Options.Item textValue=\"option1\">Option 1</Options.Item>\n *   <Options.Item textValue=\"option2\">Option 2</Options.Item>\n * </SelectField>\n */\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n  const {\n    size = 'medium',\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    layoutOptions,\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n  const showLabel = !isSmall && !!label;\n\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)}\n      data-size={size}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={label({ className: classNames?.label })}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n              variant='outline'\n              size={size}\n            >\n              <AriaSelectValue\n                className={value({ className: classNames?.value })}\n              />\n              <Icon>\n                <ChevronDown className='transform group-open/select-field:rotate-180' />\n              </Icon>\n            </Button>\n            {!!descriptionProp && !(isSmall || isInvalid) && (\n              <Text\n                className={description({ className: classNames?.description })}\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            <AriaPopover className='min-w-(--trigger-width)'>\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </AriaPopover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\nSelectField.displayName = 'SelectField';\nSelectField.Provider = SelectFieldProvider;\n"]}
+{"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["SelectFieldStyles","createContext","children","props","H","z","jsx","SelectFieldProvider","e","SelectField","SelectFieldContext","D","classNames","errorMessageProp","errorMessage","showLabel","label","AriaSelect","rest","ref","composeRenderProps","className","I","isInvalidProp","size","isRequired","isDisabled","isInvalid","jsxs","Fragment","v","R","labelProp","Button","trigger","T","l","AriaSelectValue","value","Icon","h","ChevronDown","B","O","descriptionProp","error","w","AriaPopover","E","M","q"],"mappings":"qeAoC4C,MAAA,CAAA,WAAa,CAAA,CACvDA,CAAAA,KAGAC,CAAAA,CAA8D,QAEhE,CAAA,CAAA,CAAA,MAA6B,CAC3B,CAAA,KAAA,CAAA,CAAA,CAAAC,KACGC,CACL,CAAA,CAAoC,CAClCC,iBAAA,EAAA,CAAA,CAAA,CAAAC,aACEC,CAAAA,IAAoB,EAAA,SAAS,CAAA,CAAA,CAAA,cAE7B,CAEJ,CACAC,CAAAA,CAAoB,OAAAC,GAAA,CAAA,CAAA,CAAA,0BA8Cb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAASC,WAAmB,CAAGN,sBACeO,CAAkB,SAGnE,CAAA,CAAA,CAAA,GAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAAT,EACA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAAU,KACA,CAAA,IAAA,CAAA,CAAA,CAAA,iBACcC,CACd,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,YAEF,CAAIV,EACEW,KAAmC,CAAA,CAAA,CAAA,aAChB,CAAA,CAAA,CACnBC,SAA0BC,CAEhC,CAAA,CAAA,GAAA,CAAA,CACEV,CAAAA,CAACW,EAAA,CACE,CAAA,EAAGC,IACJ,CAAA,CAAKC,CAAAA,CACL,UAAWC,CAAAA,CAAmBR,CAAAA,CAAAA,CAAY,EAAA,CAAA,CAAA,CAAA,CAAQS,OACxCb,GAAA,CAAAc,MAAA,CAAA,CAAA,GAAA,CAAAD,CAAU,GACpB,CACA,CAAA,CAAA,SAAWE,CAAAA,kBAAAA,CAAkBT,CAAAA,OAAsB,CAAA,CAAA,EAAA,CACnD,CAAA,CAAA,SAAA,CAAWU,EAEV,CAAA,CAAA,CAAA,UAEC,CAACtB,GAAY,CAAA,CAAA,IAAA,CAAA,MAAAuB,EAAY,WAAAC,CAAAA,CAAY,CAAA,QAAA,CAAAC,kBAAU,IAC7CC,CAAAA,CAAAC,CAAAA,UACG,CAAA,CAAAd,WAEG,CAAA,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,GAAAe,IAAA,CAAWlB,QAAAA,CAAAA,CAAY,QAC1C,CAAA,CAAA,CAAA,EAAAJ,GAAA,CAAAuB,KAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,CAAA,aAECC,KAGJC,CAAAA,CAAA,CACC,UAAWb,CAAAA,CAAmBR,WAAsBS,CAAAA,CAAAA,CAClDa,QAAU,CAAA,CAAA,CAAA,CAAA,CAAAb,IAAU,CAACc,MACvB,CAAA,CACA,SAAQ,CAAAC,kBAAA,CAAA,CAAA,EAAA,OACR,CAAMZ,GAEN,CAAA,CAAA,CAAA,SAACa,CAAA,CACC,WAAWC,CAAM,cAAyB,CAAA,CAAA,CAAA,QAE5ChC,CAACiC,CAAAA,GAAA,CACCC,WAAA,CAAA,CAAA,SAACC,CAAA,CAAY,WAAU,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAAjC,GAAA,CAAAkC,IAAA,CAAA,CAAA,QAAA,CAAAlC,GAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,8CAKE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWI,CAAAA,CAAAA,CAAY,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAY,KAC5D,CAAA+B,IAAA,CAAA,CAAA,SAAK,CAAA,CAAA,CAAA,CAAA,SAEJ,CAAA,CAAAC,EACH,WAGA,CAAA,CAAA,CAAA,IAAWxB,CAAmBR,aAC5BiC,CAAM,WAAExB,CAAU,CAACb,GACrB,CAAAsC,UAEC,WACH,CAAAV,kBACA9B,CAAAA,CAACyC,EAAA,KAAY,CAAA,CAAA,EAAA,CAAA,CAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CACrB,yBAAa,CAAA,kCACV,CAASvC,GAAA,CAAAwC,WAAA,CAAA,CAAA,MAAS,CAAAC,UACrB,CAAA,aAQF,CAAA,CAAA,CAAA,QAAc,CAAAzC,GAAA,CAAA0C,OAAA,CAAA,CAAA,SACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW3C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,WAAAA,CAAAA,aAAAA,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'use client';\n\nimport 'client-only';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { createContext } from 'react';\nimport {\n  Popover as AriaPopover,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  type ContextValue,\n  composeRenderProps,\n  FieldError,\n  ListLayout,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SelectFieldProps } from './types';\n\nconst { description, error, trigger, label, field, value } =\n  SelectFieldStyles();\n\nexport const SelectFieldContext =\n  createContext<ContextValue<SelectFieldProps, HTMLDivElement>>(null);\n\nfunction SelectFieldProvider({\n  children,\n  ...props\n}: ProviderProps<SelectFieldProps>) {\n  return (\n    <SelectFieldContext.Provider value={props}>\n      {children}\n    </SelectFieldContext.Provider>\n  );\n}\nSelectFieldProvider.displayName = 'SelectField.Provider';\n\n/**\n * SelectField - A dropdown selection component with comprehensive form field features\n *\n * Provides an accessible and feature-rich select dropdown with built-in validation,\n * multiple sizing options, virtualization support for large datasets, and seamless\n * integration with form libraries. Includes label, description, and error messaging\n * capabilities with customizable styling through className props.\n *\n * @example\n * // Basic select field\n * <SelectField label='Country' placeholder='Select a country'>\n *   <Options.Item textValue='us'>United States</Options.Item>\n *   <Options.Item textValue='ca'>Canada</Options.Item>\n *   <Options.Item textValue='uk'>United Kingdom</Options.Item>\n * </SelectField>\n *\n * @example\n * // Select field with validation and description\n * <SelectField\n *   label=\"Priority Level\"\n *   description=\"Choose the urgency level for this task\"\n *   errorMessage={errors.priority}\n *   isRequired\n *   isInvalid={!!errors.priority}\n * >\n *   <Options.Item textValue=\"low\">Low</Options.Item>\n *   <Options.Item textValue=\"medium\">Medium</Options.Item>\n *   <Options.Item textValue=\"high\">High</Options.Item>\n * </SelectField>\n *\n * @example\n * // Small size select field with custom styling\n * <SelectField\n *   size=\"small\"\n *   placeholder=\"Quick select\"\n *   classNames={{\n *     field: \"custom-field-styles\",\n *     trigger: \"custom-trigger-styles\"\n *   }}\n * >\n *   <Options.Item textValue=\"option1\">Option 1</Options.Item>\n *   <Options.Item textValue=\"option2\">Option 2</Options.Item>\n * </SelectField>\n */\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n  const {\n    size = 'medium',\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    layoutOptions,\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n  const showLabel = !isSmall && !!label;\n\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)}\n      data-size={size}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={label({ className: classNames?.label })}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n              variant='outline'\n              size={size}\n            >\n              <AriaSelectValue\n                className={value({ className: classNames?.value })}\n              />\n              <Icon>\n                <ChevronDown className='transform group-open/select-field:rotate-180' />\n              </Icon>\n            </Button>\n            {!!descriptionProp && !(isSmall || isInvalid) && (\n              <Text\n                className={description({ className: classNames?.description })}\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            <AriaPopover className='min-w-(--trigger-width)'>\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </AriaPopover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\nSelectField.displayName = 'SelectField';\nSelectField.Provider = SelectFieldProvider;\n"]}

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

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const s=tv({slots:{field:"group/select-field",trigger:["justify-between","size-medium:py-xs group-size-medium/select-field:min-w-[220px]","group-size-small/select-field:fit-content size-small:py-xxs","group-invalid/select-field:enabled:outline-serious","group-focus-visible/select-field:enabled:outline-highlight-bold"],label:"",description:"fg-default-dark group-disabled/select-field:fg-disabled text-body-xs",error:"fg-serious text-body-xs",value:["flex grow items-center font-display","group-size-small/select-field:gap-xs group-size-small/select-field:text-body-xs","group-size-medium/select-field:gap-s group-size-medium/select-field:text-body-s"]}});export{s as SelectFieldStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const s=tv({slots:{field:"group/select-field",trigger:["justify-between","size-medium:py-xs group-size-medium/select-field:min-w-[220px]","group-size-small/select-field:fit-content size-small:py-xxs","group-invalid/select-field:enabled:outline-serious-bold","group-focus-visible/select-field:enabled:outline-accent-primary-bold"],label:"",description:"fg-primary-muted group-disabled/select-field:fg-disabled text-body-xs",error:"fg-serious-bold text-body-xs",value:["flex grow items-center font-display","group-size-small/select-field:gap-xs group-size-small/select-field:text-body-xs","group-size-medium/select-field:gap-s group-size-medium/select-field:text-body-s"]}});export{s as SelectFieldStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,oBAEL,2BACA,CAAA,gEACA,CAAA,6DACA,CAAA,oDACA,CAAA,iEAEK,CACP,CAAA,KAAA,CAAA,EAAA,CAAA,kFAEO,CAAA,KAAA,CAAA,yBAEL,CAAA,KAAA,CAAA,CAAA,qCACA,CAAA,iFACA,CAAA,iFAGL,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 SelectFieldStyles = tv({\n  slots: {\n    field: 'group/select-field',\n    trigger: [\n      'justify-between',\n      'size-medium:py-xs group-size-medium/select-field:min-w-[220px]',\n      'group-size-small/select-field:fit-content size-small:py-xxs',\n      'group-invalid/select-field:enabled:outline-serious',\n      'group-focus-visible/select-field:enabled:outline-highlight-bold',\n    ],\n    label: '',\n    description:\n      'fg-default-dark group-disabled/select-field:fg-disabled text-body-xs',\n    error: 'fg-serious text-body-xs',\n    value: [\n      'flex grow items-center font-display',\n      'group-size-small/select-field:gap-xs group-size-small/select-field:text-body-xs',\n      'group-size-medium/select-field:gap-s group-size-medium/select-field:text-body-s',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/select-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,oBAEL,2BACA,CAAA,gEACA,CAAA,6DACA,CAAA,yDACA,CAAA,sEAEK,CACP,CAAA,KAAA,CAAA,EAAA,CAAA,mFAEO,CAAA,KAAA,CAAA,8BAEL,CAAA,KAAA,CAAA,CAAA,qCACA,CAAA,iFACA,CAAA,iFAGL,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 SelectFieldStyles = tv({\n  slots: {\n    field: 'group/select-field',\n    trigger: [\n      'justify-between',\n      'size-medium:py-xs group-size-medium/select-field:min-w-[220px]',\n      'group-size-small/select-field:fit-content size-small:py-xxs',\n      'group-invalid/select-field:enabled:outline-serious-bold',\n      'group-focus-visible/select-field:enabled:outline-accent-primary-bold',\n    ],\n    label: '',\n    description:\n      'fg-primary-muted group-disabled/select-field:fg-disabled text-body-xs',\n    error: 'fg-serious-bold text-body-xs',\n    value: [\n      'flex grow items-center font-display',\n      'group-size-small/select-field:gap-xs group-size-small/select-field:text-body-xs',\n      'group-size-medium/select-field:gap-s group-size-medium/select-field:text-body-s',\n    ],\n  },\n});\n"]}

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

@@ -2,8 +2,8 @@ import { RefAttributes } from 'react';
 import { SelectProps, VirtualizerProps, ListLayoutOptions, FieldErrorProps } from 'react-aria-components';
 import { ButtonProps } from '../button/types.js';
 import { LabelProps } from '../label/types.js';
-import '../../lib/types.js';
 import 'tailwind-variants';
+import '../../lib/types.js';
 import '../button/styles.js';
 import 'tailwind-merge';
 

package/dist/components/sidenav/events.d.ts

@@ -0,0 +1,8 @@
+declare const SidenavEventNamespace = "Sidenav";
+declare const SidenavEventTypes: {
+    readonly toggle: "Sidenav:toggle";
+    readonly open: "Sidenav:open";
+    readonly close: "Sidenav:close";
+};
+
+export { SidenavEventNamespace, SidenavEventTypes };

package/dist/components/sidenav/events.js

@@ -0,0 +1,2 @@
+const e="Sidenav",o={toggle:`${e}:toggle`,open:`${e}:open`,close:`${e}:close`};export{e as SidenavEventNamespace,o as SidenavEventTypes};//# sourceMappingURL=events.js.map
+//# sourceMappingURL=events.js.map

package/dist/components/sidenav/events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/events.ts"],"names":["SidenavEventNamespace","SidenavEventTypes"],"mappings":"AAYO,MAAMA,CAAAA,CAAwB,SAAA,CAExBC,CAAAA,CAAoB,CAC/B,OAAQ,CAAA,EAAGD,CAAqB,CAAA,OAAA,CAAA,CAChC,IAAA,CAAM,GAAGA,CAAqB,CAAA,KAAA,CAAA,CAC9B,KAAA,CAAO,CAAA,EAAGA,CAAqB,CAAA,MAAA,CACjC","file":"events.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\nexport const SidenavEventNamespace = 'Sidenav';\n\nexport const SidenavEventTypes = {\n  toggle: `${SidenavEventNamespace}:toggle`,\n  open: `${SidenavEventNamespace}:open`,\n  close: `${SidenavEventNamespace}:close`,\n} as const;\n"]}

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

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavProps, SidenavTriggerProps, SidenavHeaderProps, SidenavItemProps, SidenavLinkProps, SidenavDividerProps, SidenavAvatarProps, SidenavFooterProps, SidenavContentProps, SidenavMenuProps, SidenavMenuItemProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react';
+import 'react-aria-components';
+import './events.js';
+
+declare function Sidenav({ id, className, isHiddenWhenClosed, children, ...rest }: SidenavProps): react_jsx_runtime.JSX.Element | null;
+declare namespace Sidenav {
+    var displayName: string;
+    var Trigger: typeof SidenavTrigger;
+    var Header: typeof SidenavHeader;
+    var Item: typeof SidenavItem;
+    var Link: typeof SidenavLink;
+    var Divider: typeof SidenavDivider;
+    var Avatar: typeof SidenavAvatar;
+    var Footer: typeof SidenavFooter;
+    var Content: typeof SidenavContent;
+    var Menu: typeof SidenavMenu;
+}
+declare function SidenavContent({ className, children, ...rest }: SidenavContentProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavContent {
+    var displayName: string;
+}
+declare function SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavHeader {
+    var displayName: string;
+}
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavFooter {
+    var displayName: string;
+}
+declare function SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavTrigger {
+    var displayName: string;
+}
+declare function SidenavItem({ children, classNames, textValue, ...rest }: SidenavItemProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavItem {
+    var displayName: string;
+}
+declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavLink {
+    var displayName: string;
+}
+declare function SidenavDivider({ className, ...rest }: SidenavDividerProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavDivider {
+    var displayName: string;
+}
+declare function SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavAvatar {
+    var displayName: string;
+}
+declare function SidenavMenu({ icon, title, classNames, children, ...rest }: SidenavMenuProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavMenu {
+    var displayName: string;
+    var Item: typeof SidenavMenuItem;
+}
+declare function SidenavMenuItem({ className, children, ...rest }: SidenavMenuItemProps): react_jsx_runtime.JSX.Element;
+declare namespace SidenavMenuItem {
+    var displayName: string;
+}
+
+export { Sidenav };

package/dist/components/sidenav/index.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useOn,useEmit}from'@accelint/bus/react';import {uuid,isUUID}from'@accelint/core';import {ChevronLeft,ArrowNortheast,ChevronDown}from'@accelint/icons';import {createContext,useState,useContext,useRef}from'react';import {Provider,HeadingContext,DEFAULT_SLOT,Header,Button,composeRenderProps,Pressable,Text,TextContext,ToggleButton,Link,Heading,Disclosure,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {containsExactChildren,containsAnyOfExactChildren}from'./../../lib/react.js';import {Avatar,AvatarContext}from'../avatar/index.js';import {Icon,IconContext}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:ve,content:pe,header:ce,toggle:ue,heading:ge,divider:Se,item:Ne,text:z,transient:c,avatar:fe,avatarHeading:Pe,avatarIcon:V,avatarText:Te,link:xe,tooltip:O,menu:ye,menuButton:_,menuHeading:Ce,menuPanel:Ie,menuItem:De,panelHeading:Be,panelContent:G}=SidenavStyles(),N=createContext({id:uuid(),isOpen:false});function d({id:a,className:n,isHiddenWhenClosed:i,children:t,...r}){containsExactChildren({children:t,componentName:d.displayName,restrictions:[[A,{min:1,max:1}],[b,{min:1,max:1}],[L,{min:0,max:1}]]});const[o,m]=useState(false);return useOn(SidenavEventTypes.toggle,s=>{s.payload.id===a&&m(Q=>!Q);}),useOn(SidenavEventTypes.open,s=>{!o&&s.payload.id===a&&m(true);}),useOn(SidenavEventTypes.close,s=>{o&&s.payload.id===a&&m(false);}),i&&!o?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:ge({className:c()})},menu:{className:Ce({className:c()})},panel:{className:Be()}}}],[N,{id:a,isOpen:o}]],children:jsx("nav",{...r,className:ve({className:n}),"data-open":o||null,children:t})})}d.displayName="Sidenav";function b({className:a,children:n,...i}){return jsx("div",{...i,className:pe({className:a}),children:n})}b.displayName="Sidenav.Content";function A({children:a,classNames:n,...i}){const t=useEmit(SidenavEventTypes.toggle),{id:r}=useContext(N);return jsx(Header,{...i,className:ce({className:n?.header}),children:jsxs(Button,{className:composeRenderProps(n?.button,o=>ue({className:o})),onPress:()=>t({id:r}),children:[a,jsx(Icon,{className:c(),children:jsx(ChevronLeft,{})})]})})}A.displayName="Sidenav.Header";function L(a){return jsx("footer",{...a})}L.displayName="Sidenav.Footer";function J({children:a,for:n,...i}){const[t,r]=isUUID(n)?["toggle",n]:n.split(":"),o=useEmit(SidenavEventTypes[t]);return jsx(Pressable,{...i,onPress:()=>o({id:r}),children:a})}J.displayName="Sidenav.Trigger";function M({children:a,classNames:n,textValue:i,...t}){containsAnyOfExactChildren({children:a,componentName:M.displayName,restrictions:[[[y,{min:1,max:1}]],[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]]});const{isOpen:r}=useContext(N),o=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:z({className:c()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(ToggleButton,{...t,ref:o,className:composeRenderProps(n?.button,m=>Ne({className:m})),children:a})}),jsx(Tooltip.Body,{parentRef:o,placement:"right",className:O(),children:i})]})})}M.displayName="Sidenav.Item";function k({children:a,classNames:n,textValue:i,...t}){containsExactChildren({children:a,componentName:k.displayName,restrictions:[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]});const{isOpen:r}=useContext(N),o=useRef(null);return jsx(Provider,{values:[[TextContext,{className:z({className:c()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(Link,{...t,ref:o,className:composeRenderProps(n?.button,m=>xe({className:m})),children:composeRenderProps(a,m=>jsxs(Fragment,{children:[m,jsx(Icon,{className:c(),children:jsx(ArrowNortheast,{})})]}))})}),jsxs(Tooltip.Body,{parentRef:o,placement:"right",className:O(),children:[i,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}k.displayName="Sidenav.Link";function K({className:a,...n}){return jsx("hr",{...n,className:Se({className:a})})}K.displayName="Sidenav.Divider";function y({children:a,className:n,...i}){return containsAnyOfExactChildren({children:a,componentName:y.displayName,restrictions:[[[Avatar,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]],[[Icon,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]]]}),jsx(Provider,{values:[[IconContext,{size:"large",className:V()}],[HeadingContext,{className:Pe({className:c()})}],[TextContext,{className:Te({className:c()})}],[AvatarContext,{classNames:{avatar:V()}}]],children:jsx("div",{...i,className:fe({className:n}),children:a})})}y.displayName="Sidenav.Avatar";function C({icon:a,title:n,classNames:i,children:t,...r}){containsExactChildren({children:t,componentName:C.displayName,restrictions:[[I,{min:2}]]});const{isOpen:o}=useContext(N),m=useRef(null);return o?jsxs(Disclosure,{className:composeRenderProps(i?.menu,s=>ye({className:s})),children:[jsxs(Button,{...r,slot:"trigger",className:composeRenderProps(i?.button,s=>_({className:s})),children:[a,jsx(Heading,{slot:"menu",children:n}),jsx(Icon,{className:c({className:i?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(i?.disclosurePanel,s=>s??""),children:jsx("div",{className:G({className:i?.panelContent}),children:t})})]}):jsxs(DialogTrigger,{children:[jsxs(Tooltip,{isDisabled:o,children:[jsx(Tooltip.Trigger,{children:jsx(Button,{...r,ref:m,className:composeRenderProps(i?.button,s=>_({className:s})),children:a})}),jsx(Tooltip.Body,{parentRef:m,placement:"right",className:O(),children:n})]}),jsxs(Popover,{className:composeRenderProps(i?.popoverPanel,s=>Ie({className:s})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:n}),jsx("div",{className:G({className:i?.panelContent}),children:t})]})]})}C.displayName="Sidenav.Menu";function I({className:a,children:n,...i}){return containsExactChildren({children:n,componentName:I.displayName,restrictions:[[Text,{min:1,max:1}]]}),jsx(ToggleButton,{...i,className:composeRenderProps(a,t=>De({className:t})),children:n})}I.displayName="Sidenav.Menu.Item",C.Item=I,d.Trigger=J,d.Header=A,d.Item=M,d.Link=k,d.Divider=K,d.Avatar=y,d.Footer=L,d.Content=b,d.Menu=C;export{d as Sidenav};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["item","text","transient","avatar","tooltip","menuHeading","menuPanel","SidenavStyles","uuid","id","le","$","className","X","isHiddenWhenClosed","children","rest","Sidenav","SidenavContent","isOpen","setIsOpen","useState","useOn","SidenavEventTypes","data","prev","D","S","Provider","DEFAULT_SLOT","heading","e","T","ee","panelHeading","SidenavContext","sidenav","useContext","jsx","Header","h","header","classNames","oe","Button","composeRenderProps","toggle","v","E","emit","l","ChevronLeft","SidenavHeader","u","Z","SidenavFooter","props","SidenavTrigger","isUUID","useEmit","event","Pressable","re","SidenavItem","q","SidenavAvatar","Icon","ref","useRef","g","IconContext","f","B","TextContext","w","jsxs","Tooltip","H","ToggleButton","SidenavLink","textValue","x","Text","Link","te","ArrowNortheast","Ee","F","SidenavDivider","Heading","me","P","avatarIcon","HeadingContext","avatarHeading","R","avatarText","AvatarContext","SidenavMenu","icon","containsExactChildren","Disclosure","menu","menuButton","ChevronDown","Y","ie","DialogTrigger","ae","se","panelContent","SidenavMenuItem","menuItem","U"],"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 { useEmit, useOn } from '@accelint/bus/react';\nimport { isUUID, type UniqueId, uuid } from '@accelint/core';\nimport { ArrowNortheast, ChevronDown, ChevronLeft } from '@accelint/icons';\nimport { createContext, useContext, useRef, useState } from 'react';\nimport {\n  Button,\n  composeRenderProps,\n  DEFAULT_SLOT,\n  DialogTrigger,\n  Disclosure,\n  DisclosurePanel,\n  Header,\n  Heading,\n  HeadingContext,\n  Link,\n  Popover,\n  Pressable,\n  Provider,\n  Text,\n  TextContext,\n  ToggleButton,\n} from 'react-aria-components';\nimport { containsAnyOfExactChildren, containsExactChildren } from '@/lib/react';\nimport { Avatar, AvatarContext } from '../avatar';\nimport { Icon, IconContext } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n  SidenavAvatarProps,\n  SidenavCloseEvent,\n  SidenavContentProps,\n  SidenavContextValue,\n  SidenavDividerProps,\n  SidenavEvent,\n  SidenavFooterProps,\n  SidenavHeaderProps,\n  SidenavItemProps,\n  SidenavLinkProps,\n  SidenavMenuItemProps,\n  SidenavMenuProps,\n  SidenavOpenEvent,\n  SidenavProps,\n  SidenavToggleEvent,\n  SidenavTriggerProps,\n} from './types';\n\nconst {\n  sidenav,\n  content,\n  header,\n  toggle,\n  heading,\n  divider,\n  item,\n  text,\n  transient,\n  avatar,\n  avatarHeading,\n  avatarIcon,\n  avatarText,\n  link,\n  tooltip,\n  menu,\n  menuButton,\n  menuHeading,\n  menuPanel,\n  menuItem,\n  panelHeading,\n  panelContent,\n} = SidenavStyles();\n\nconst SidenavContext = createContext<SidenavContextValue>({\n  id: uuid(),\n  isOpen: false,\n});\n\nexport function Sidenav({\n  id,\n  className,\n  isHiddenWhenClosed,\n  children,\n  ...rest\n}: SidenavProps) {\n  containsExactChildren({\n    children,\n    componentName: Sidenav.displayName,\n    restrictions: [\n      [SidenavHeader, { min: 1, max: 1 }],\n      [SidenavContent, { min: 1, max: 1 }],\n      [SidenavFooter, { min: 0, max: 1 }],\n    ],\n  });\n  const [isOpen, setIsOpen] = useState(false);\n\n  useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n    if (data.payload.id === id) {\n      setIsOpen((prev) => !prev);\n    }\n  });\n\n  useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n    if (!isOpen && data.payload.id === id) {\n      setIsOpen(true);\n    }\n  });\n\n  useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n    if (isOpen && data.payload.id === id) {\n      setIsOpen(false);\n    }\n  });\n\n  if (isHiddenWhenClosed && !isOpen) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          {\n            slots: {\n              [DEFAULT_SLOT]: {\n                className: heading({ className: transient() }),\n              },\n              menu: { className: menuHeading({ className: transient() }) },\n              panel: { className: panelHeading() },\n            },\n          },\n        ],\n        [SidenavContext, { id, isOpen }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={sidenav({ className })}\n        data-open={isOpen || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\nSidenav.displayName = 'Sidenav';\n\nfunction SidenavContent({ className, children, ...rest }: SidenavContentProps) {\n  return (\n    <div {...rest} className={content({ className })}>\n      {children}\n    </div>\n  );\n}\nSidenavContent.displayName = 'Sidenav.Content';\n\nfunction SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps) {\n  const emit = useEmit<SidenavToggleEvent>(SidenavEventTypes.toggle);\n  const { id } = useContext(SidenavContext);\n\n  return (\n    <Header {...rest} className={header({ className: classNames?.header })}>\n      <Button\n        className={composeRenderProps(classNames?.button, (className) =>\n          toggle({ className }),\n        )}\n        onPress={() => emit({ id })}\n      >\n        {children}\n        <Icon className={transient()}>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Header>\n  );\n}\nSidenavHeader.displayName = 'Sidenav.Header';\n\nfunction SidenavFooter(props: SidenavFooterProps) {\n  return <footer {...props} />;\n}\nSidenavFooter.displayName = 'Sidenav.Footer';\n\nfunction SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\nSidenavTrigger.displayName = 'Sidenav.Trigger';\n\nfunction SidenavItem({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavItemProps) {\n  containsAnyOfExactChildren({\n    children,\n    componentName: SidenavItem.displayName,\n    restrictions: [\n      [[SidenavAvatar, { min: 1, max: 1 }]],\n      [\n        [Icon, { min: 1, max: 1 }],\n        [Text, { min: 1, max: 1 }],\n      ],\n    ],\n  });\n\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Button DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium' }],\n        [TextContext, { className: text({ className: transient() }) }],\n      ]}\n    >\n      <Tooltip isDisabled={isOpen}>\n        <Tooltip.Trigger>\n          <ToggleButton\n            {...rest}\n            ref={ref}\n            className={composeRenderProps(classNames?.button, (className) =>\n              item({ className }),\n            )}\n          >\n            {children}\n          </ToggleButton>\n        </Tooltip.Trigger>\n        <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n        </Tooltip.Body>\n      </Tooltip>\n    </Provider>\n  );\n}\nSidenavItem.displayName = 'Sidenav.Item';\n\nfunction SidenavLink({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavLinkProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavLink.displayName,\n    restrictions: [\n      [Icon, { min: 1, max: 1 }],\n      [Text, { min: 1, max: 1 }],\n    ],\n  });\n\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Link DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[[TextContext, { className: text({ className: transient() }) }]]}\n    >\n      <Tooltip isDisabled={isOpen}>\n        <Tooltip.Trigger>\n          <Link\n            {...rest}\n            ref={ref}\n            className={composeRenderProps(classNames?.button, (className) =>\n              link({ className }),\n            )}\n          >\n            {composeRenderProps(children, (children) => (\n              <>\n                {children}\n                <Icon className={transient()}>\n                  <ArrowNortheast />\n                </Icon>\n              </>\n            ))}\n          </Link>\n        </Tooltip.Trigger>\n        <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n          <Icon>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip.Body>\n      </Tooltip>\n    </Provider>\n  );\n}\nSidenavLink.displayName = 'Sidenav.Link';\n\nfunction SidenavDivider({ className, ...rest }: SidenavDividerProps) {\n  return <hr {...rest} className={divider({ className })} />;\n}\nSidenavDivider.displayName = 'Sidenav.Divider';\n\nfunction SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps) {\n  containsAnyOfExactChildren({\n    children,\n    componentName: SidenavAvatar.displayName,\n    restrictions: [\n      [\n        [Avatar, { min: 1, max: 1 }],\n        [Heading, { min: 1, max: 1 }],\n        [Text, { min: 0, max: 1 }],\n      ],\n      [\n        [Icon, { min: 1, max: 1 }],\n        [Heading, { min: 1, max: 1 }],\n        [Text, { min: 0, max: 1 }],\n      ],\n    ],\n  });\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'large', className: avatarIcon() }],\n        [\n          HeadingContext,\n          { className: avatarHeading({ className: transient() }) },\n        ],\n        [TextContext, { className: avatarText({ className: transient() }) }],\n        [AvatarContext, { classNames: { avatar: avatarIcon() } }],\n      ]}\n    >\n      <div {...rest} className={avatar({ className })}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\nSidenavAvatar.displayName = 'Sidenav.Avatar';\n\nfunction SidenavMenu({\n  icon,\n  title,\n  classNames,\n  children,\n  ...rest\n}: SidenavMenuProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavMenu.displayName,\n    restrictions: [[SidenavMenuItem, { min: 2 }]],\n  });\n\n  const { isOpen } = useContext(SidenavContext);\n  const ref = useRef(null);\n\n  return isOpen ? (\n    <Disclosure\n      className={composeRenderProps(classNames?.menu, (className) =>\n        menu({ className }),\n      )}\n    >\n      <Button\n        {...rest}\n        slot='trigger'\n        className={composeRenderProps(classNames?.button, (className) =>\n          menuButton({ className }),\n        )}\n      >\n        {icon}\n        <Heading slot='menu'>{title}</Heading>\n        <Icon className={transient({ className: classNames?.icon })}>\n          <ChevronDown className='transform group-expanded/menu:rotate-180' />\n        </Icon>\n      </Button>\n      <DisclosurePanel\n        className={composeRenderProps(\n          classNames?.disclosurePanel,\n          (className) => className ?? '',\n        )}\n      >\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </DisclosurePanel>\n    </Disclosure>\n  ) : (\n    <DialogTrigger>\n      <Tooltip isDisabled={isOpen}>\n        <Tooltip.Trigger>\n          <Button\n            {...rest}\n            ref={ref}\n            className={composeRenderProps(classNames?.button, (className) =>\n              menuButton({ className }),\n            )}\n          >\n            {icon}\n          </Button>\n        </Tooltip.Trigger>\n        <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n          {title}\n        </Tooltip.Body>\n      </Tooltip>\n      <Popover\n        className={composeRenderProps(classNames?.popoverPanel, (className) =>\n          menuPanel({ className }),\n        )}\n        placement='right top'\n        shouldFlip={false}\n      >\n        <Heading slot='panel'>{title}</Heading>\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </Popover>\n    </DialogTrigger>\n  );\n}\nSidenavMenu.displayName = 'Sidenav.Menu';\n\nfunction SidenavMenuItem({\n  className,\n  children,\n  ...rest\n}: SidenavMenuItemProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavMenuItem.displayName,\n    restrictions: [[Text, { min: 1, max: 1 }]],\n  });\n\n  return (\n    <ToggleButton\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        menuItem({ className }),\n      )}\n    >\n      {children}\n    </ToggleButton>\n  );\n}\nSidenavMenuItem.displayName = 'Sidenav.Menu.Item';\n\nSidenavMenu.Item = SidenavMenuItem;\n\nSidenav.Trigger = SidenavTrigger;\nSidenav.Header = SidenavHeader;\nSidenav.Item = SidenavItem;\nSidenav.Link = SidenavLink;\nSidenav.Divider = SidenavDivider;\nSidenav.Avatar = SidenavAvatar;\nSidenav.Footer = SidenavFooter;\nSidenav.Content = SidenavContent;\nSidenav.Menu = SidenavMenu;\n"]}

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

@@ -0,0 +1,156 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const SidenavStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            menu?: tailwind_merge.ClassNameValue;
+            tooltip?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            toggle?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            avatarIcon?: tailwind_merge.ClassNameValue;
+            avatarHeading?: tailwind_merge.ClassNameValue;
+            avatarText?: tailwind_merge.ClassNameValue;
+            divider?: tailwind_merge.ClassNameValue;
+            transient?: tailwind_merge.ClassNameValue;
+            menuHeading?: tailwind_merge.ClassNameValue;
+            panelHeading?: tailwind_merge.ClassNameValue;
+            panelContent?: tailwind_merge.ClassNameValue;
+            sidenav?: tailwind_merge.ClassNameValue;
+            menuButton?: tailwind_merge.ClassNameValue;
+            menuPanel?: tailwind_merge.ClassNameValue;
+            menuItem?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            menu?: tailwind_merge.ClassNameValue;
+            tooltip?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            toggle?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            avatarIcon?: tailwind_merge.ClassNameValue;
+            avatarHeading?: tailwind_merge.ClassNameValue;
+            avatarText?: tailwind_merge.ClassNameValue;
+            divider?: tailwind_merge.ClassNameValue;
+            transient?: tailwind_merge.ClassNameValue;
+            menuHeading?: tailwind_merge.ClassNameValue;
+            panelHeading?: tailwind_merge.ClassNameValue;
+            panelContent?: tailwind_merge.ClassNameValue;
+            sidenav?: tailwind_merge.ClassNameValue;
+            menuButton?: tailwind_merge.ClassNameValue;
+            menuPanel?: tailwind_merge.ClassNameValue;
+            menuItem?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    sidenav: string[];
+    content: string;
+    header: string;
+    avatar: string[];
+    avatarIcon: string;
+    avatarHeading: string;
+    avatarText: string;
+    toggle: string[];
+    divider: string;
+    heading: string;
+    item: string[];
+    text: string;
+    transient: string;
+    link: string[];
+    tooltip: string[];
+    menu: string;
+    menuButton: string[];
+    menuHeading: string;
+    menuPanel: string[];
+    menuItem: string[];
+    panelHeading: string;
+    panelContent: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            menu?: tailwind_merge.ClassNameValue;
+            tooltip?: tailwind_merge.ClassNameValue;
+            header?: tailwind_merge.ClassNameValue;
+            toggle?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            avatarIcon?: tailwind_merge.ClassNameValue;
+            avatarHeading?: tailwind_merge.ClassNameValue;
+            avatarText?: tailwind_merge.ClassNameValue;
+            divider?: tailwind_merge.ClassNameValue;
+            transient?: tailwind_merge.ClassNameValue;
+            menuHeading?: tailwind_merge.ClassNameValue;
+            panelHeading?: tailwind_merge.ClassNameValue;
+            panelContent?: tailwind_merge.ClassNameValue;
+            sidenav?: tailwind_merge.ClassNameValue;
+            menuButton?: tailwind_merge.ClassNameValue;
+            menuPanel?: tailwind_merge.ClassNameValue;
+            menuItem?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    sidenav: string[];
+    content: string;
+    header: string;
+    avatar: string[];
+    avatarIcon: string;
+    avatarHeading: string;
+    avatarText: string;
+    toggle: string[];
+    divider: string;
+    heading: string;
+    item: string[];
+    text: string;
+    transient: string;
+    link: string[];
+    tooltip: string[];
+    menu: string;
+    menuButton: string[];
+    menuHeading: string;
+    menuPanel: string[];
+    menuItem: string[];
+    panelHeading: string;
+    panelContent: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    sidenav: string[];
+    content: string;
+    header: string;
+    avatar: string[];
+    avatarIcon: string;
+    avatarHeading: string;
+    avatarText: string;
+    toggle: string[];
+    divider: string;
+    heading: string;
+    item: string[];
+    text: string;
+    transient: string;
+    link: string[];
+    tooltip: string[];
+    menu: string;
+    menuButton: string[];
+    menuHeading: string;
+    menuPanel: string[];
+    menuItem: string[];
+    panelHeading: string;
+    panelContent: string;
+}, undefined, unknown, unknown>>;
+
+export { SidenavStyles };

package/dist/components/sidenav/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';const r=tv({slots:{sidenav:["group/sidenav fg-a11y-on-accent absolute left-0 row-span-full flex h-full flex-col gap-xs bg-surface-default p-m","closed:items-center","group-data-[push~=left]/layout:relative"],content:"flex h-full max-h-full w-fit flex-col gap-xs group-open/sidenav:w-full group-closed/sidenav:items-center",header:"mb-m flex justify-center",avatar:['grid w-full grid-cols-[auto_1fr] grid-rows-2 items-center gap-x-m [grid-template-areas:"content_heading"_"content_text"] group-closed/sidenav:flex'],avatarIcon:"[grid-area:content]",avatarHeading:"fg-primary-bold text-left text-body-m [grid-area:heading]",avatarText:"fg-primary-muted grow-1 text-left text-body-s [grid-area:text]",toggle:["flex cursor-pointer items-center gap-s rounded-medium p-xs group-open/sidenav:px-s","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-interactive-muted-pressed"],divider:"my-s h-[1px] w-full shrink-0 grow-0 border-0 bg-[var(--outline-static)]",heading:"text-body-xs uppercase",item:["group/item flex w-full cursor-pointer items-center justify-center gap-s rounded-medium p-xs text-body-m","group-open/sidenav:px-s group-closed/sidenav:max-w-fit","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-accent-primary-pressed","enabled:selected:bg-accent-primary-bold","enabled:selected:hover:bg-accent-primary-hover","enabled:selected:focus-visible:bg-accent-primary-hover","enabled:selected:pressed:bg-accent-primary-pressed","disabled:fg-disabled disabled:cursor-not-allowed"],text:"grow-1 text-left text-body-s",transient:"group-closed/sidenav:hidden",link:["group/link flex w-full cursor-pointer items-center justify-center gap-s rounded-medium p-xs text-body-m","group-open/sidenav:w-full group-closed/sidenav:max-w-fit","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-accent-primary-pressed","disabled:fg-disabled disabled:cursor-not-allowed"],tooltip:["absolute flex items-center gap-s whitespace-nowrap text-body-s","group-disabled/item:fg-disabled group-disabled/link:fg-disabled"],menu:"group/menu relative text-body-s",menuButton:["flex w-full cursor-pointer items-center justify-center gap-s rounded-medium p-xs","group-closed/sidenav:max-w-fit","enabled:hover:bg-interactive-muted-hover","enabled:pressed:bg-interactive-muted-hover enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none"],menuHeading:"flex-1 text-left",menuPanel:["fg-primary-bold rounded-medium bg-surface-raised outline outline-static"],menuItem:["flex w-full cursor-pointer items-center gap-s rounded-medium p-s text-left text-body-s","group-expanded/menu:block group-open/sidenav:group-expanded/menu:pl-[32px]","enabled:hover:bg-interactive-muted-hover","enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none","enabled:pressed:bg-accent-primary-pressed","enabled:selected:bg-accent-primary-bold","enabled:selected:hover:bg-accent-primary-hover","enabled:selected:focus-visible:bg-accent-primary-hover","enabled:selected:pressed:bg-accent-primary-pressed","disabled:fg-disabled disabled:cursor-not-allowed"],panelHeading:"min-w-[172px] rounded-t-medium bg-surface-overlay px-m py-s text-body-s",panelContent:"flex flex-col gap-xs bg-surface-default px-xs py-xs"}});export{r as SidenavStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAS,CACP,4HACA,CAAA,qBACA,CAAA,yCAGA,CAAA,CAAA,OAAA,CAAA,4IAGA,CAAA,MAAA,CAAA,CAAA,oJAEF,CAAA,CAAA,UAAY,CAAA,mCACG,CAAA,2DACf,CAAA,wKAIE,CAAA,0CACA,CAAA,qFACA,CAAA,8CAGA,CAAA,CAAA,OAAA,CAAA,yEACO,CAAA,OAAA,CAAA,wBAEP,CAAA,IAAA,CAAA,CAAA,yGACA,CAAA,wDACA,CAAA,gIAEA,CAAA,2CACA,CAAA,yCACA,CAAA,gDACA,CAAA,wDACA,CAAA,oDACA,CAAA,kDAEI,CAAA,CAAA,IAAA,CAAA,+BACK,SAAA,CAAA,6BAET,CAAA,IAAA,CAAA,CAAA,yGACA,CAAA,0DACA,CAAA,0CACA,CAAA,qFACA,CAAA,2CACA,CAAA,kDAEO,CACP,CAAA,OAAA,CAAA,CAAA,gEACA,CAAA,yGAGF,CAAA,UACE,CAAA,CAAA,kFACA,CAAA,gCACA,CAAA,0CACA,CAAA,gIAEF,CAAA,CAAA,WAAa,CAAA,mBACF,SACT,CAAA,CAAA,yEAEF,CAAU,CACR,QAAA,CAAA,CAAA,wFACA,CAAA,4EACA,CAAA,0CACA,CAAA,iIAEA,CAAA,yCACA,CAAA,gDACA,CAAA,wDACA,CAAA,oDACA,CAAA,gEAGA,CAAA,yEACF,CAAA,YAAc,CAAA,qDAEjB,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 SidenavStyles = tv({\n  slots: {\n    sidenav: [\n      'group/sidenav fg-a11y-on-accent absolute left-0 row-span-full flex h-full flex-col gap-xs bg-surface-default p-m',\n      'closed:items-center',\n      'group-data-[push~=left]/layout:relative',\n    ],\n    content:\n      'flex h-full max-h-full w-fit flex-col gap-xs group-open/sidenav:w-full group-closed/sidenav:items-center',\n    header: 'mb-m flex justify-center',\n    avatar: [\n      'grid w-full grid-cols-[auto_1fr] grid-rows-2 items-center gap-x-m [grid-template-areas:\"content_heading\"_\"content_text\"] group-closed/sidenav:flex',\n    ],\n    avatarIcon: '[grid-area:content]',\n    avatarHeading: 'fg-primary-bold text-left text-body-m [grid-area:heading]',\n    avatarText:\n      'fg-primary-muted grow-1 text-left text-body-s [grid-area:text]',\n    toggle: [\n      'flex cursor-pointer items-center gap-s rounded-medium p-xs group-open/sidenav:px-s',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-interactive-muted-pressed',\n    ],\n    divider:\n      'my-s h-[1px] w-full shrink-0 grow-0 border-0 bg-[var(--outline-static)]',\n    heading: 'text-body-xs uppercase',\n    item: [\n      'group/item flex w-full cursor-pointer items-center justify-center gap-s rounded-medium p-xs text-body-m',\n      'group-open/sidenav:px-s group-closed/sidenav:max-w-fit',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-accent-primary-pressed',\n      'enabled:selected:bg-accent-primary-bold',\n      'enabled:selected:hover:bg-accent-primary-hover',\n      'enabled:selected:focus-visible:bg-accent-primary-hover',\n      'enabled:selected:pressed:bg-accent-primary-pressed',\n      'disabled:fg-disabled disabled:cursor-not-allowed',\n    ],\n    text: 'grow-1 text-left text-body-s',\n    transient: 'group-closed/sidenav:hidden',\n    link: [\n      'group/link flex w-full cursor-pointer items-center justify-center gap-s rounded-medium p-xs text-body-m',\n      'group-open/sidenav:w-full group-closed/sidenav:max-w-fit',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-accent-primary-pressed',\n      'disabled:fg-disabled disabled:cursor-not-allowed',\n    ],\n    tooltip: [\n      'absolute flex items-center gap-s whitespace-nowrap text-body-s',\n      'group-disabled/item:fg-disabled group-disabled/link:fg-disabled',\n    ],\n    menu: 'group/menu relative text-body-s',\n    menuButton: [\n      'flex w-full cursor-pointer items-center justify-center gap-s rounded-medium p-xs',\n      'group-closed/sidenav:max-w-fit',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:pressed:bg-interactive-muted-hover enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n    ],\n    menuHeading: 'flex-1 text-left',\n    menuPanel: [\n      'fg-primary-bold rounded-medium bg-surface-raised outline outline-static',\n    ],\n    menuItem: [\n      'flex w-full cursor-pointer items-center gap-s rounded-medium p-s text-left text-body-s',\n      'group-expanded/menu:block group-open/sidenav:group-expanded/menu:pl-[32px]',\n      'enabled:hover:bg-interactive-muted-hover',\n      'enabled:focus-visible:bg-interactive-muted-hover enabled:focus-visible:outline-none',\n      'enabled:pressed:bg-accent-primary-pressed',\n      'enabled:selected:bg-accent-primary-bold',\n      'enabled:selected:hover:bg-accent-primary-hover',\n      'enabled:selected:focus-visible:bg-accent-primary-hover',\n      'enabled:selected:pressed:bg-accent-primary-pressed',\n      'disabled:fg-disabled disabled:cursor-not-allowed',\n    ],\n    panelHeading:\n      'min-w-[172px] rounded-t-medium bg-surface-overlay px-m py-s text-body-s',\n    panelContent: 'flex flex-col gap-xs bg-surface-default px-xs py-xs',\n  },\n});\n"]}

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

@@ -0,0 +1,70 @@
+import { Payload } from '@accelint/bus';
+import { UniqueId } from '@accelint/core';
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { Pressable, ButtonProps, ToggleButtonProps, LinkProps, DisclosureProps, DisclosurePanelProps, PopoverProps } from 'react-aria-components';
+import { SidenavEventTypes } from './events.js';
+
+type SidenavProps = ComponentPropsWithRef<'nav'> & {
+    id: UniqueId;
+    isHiddenWhenClosed?: boolean;
+};
+type SidenavHeaderProps = PropsWithChildren<{
+    classNames?: {
+        header?: string;
+        button?: ButtonProps['className'];
+        container?: string;
+        icon?: string;
+    };
+}>;
+type SidenavContentProps = ComponentPropsWithRef<'div'>;
+type SidenavItemProps = ToggleButtonProps & {
+    classNames?: {
+        button?: ToggleButtonProps['className'];
+        icon?: string;
+    };
+    textValue?: string;
+};
+type SidenavLinkProps = LinkProps & {
+    classNames?: {
+        button?: LinkProps['className'];
+        icon?: string;
+    };
+    textValue: string;
+};
+type SidenavAvatarProps = ComponentPropsWithRef<'div'>;
+type SidenavDividerProps = ComponentPropsWithRef<'hr'>;
+type SidenavFooterProps = ComponentPropsWithRef<'footer'>;
+type SidenavCloseEvent = Payload<typeof SidenavEventTypes.close, {
+    id: UniqueId;
+}>;
+type SidenavOpenEvent = Payload<typeof SidenavEventTypes.open, {
+    id: UniqueId;
+}>;
+type SidenavToggleEvent = Payload<typeof SidenavEventTypes.toggle, {
+    id: UniqueId;
+}>;
+type SidenavEvent = SidenavOpenEvent | SidenavToggleEvent | SidenavCloseEvent;
+type TargetedEvents = `close:${UniqueId}` | `open:${UniqueId}` | `toggle:${UniqueId}`;
+type SidenavTriggerProps = ComponentPropsWithRef<typeof Pressable> & {
+    for: TargetedEvents | UniqueId;
+};
+type SidenavContextValue = {
+    id: UniqueId;
+    isOpen: boolean;
+};
+type SidenavMenuProps = {
+    title: string;
+    icon: React.ReactNode;
+    children: React.ReactNode;
+    classNames?: {
+        menu?: DisclosureProps['className'];
+        button?: ButtonProps['className'];
+        icon?: string;
+        disclosurePanel?: DisclosurePanelProps['className'];
+        popoverPanel?: PopoverProps['className'];
+        panelContent?: string;
+    };
+};
+type SidenavMenuItemProps = ToggleButtonProps;
+
+export type { SidenavAvatarProps, SidenavCloseEvent, SidenavContentProps, SidenavContextValue, SidenavDividerProps, SidenavEvent, SidenavFooterProps, SidenavHeaderProps, SidenavItemProps, SidenavLinkProps, SidenavMenuItemProps, SidenavMenuProps, SidenavOpenEvent, SidenavProps, SidenavToggleEvent, SidenavTriggerProps };

package/dist/components/sidenav/types.js

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

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

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

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

@@ -8,7 +8,7 @@ declare const SkeletonStyles: tailwind_variants.TVReturnType<{
         circ: string;
         rect: string;
     };
-}, undefined, "fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse", {
+}, undefined, "fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse", {
     shape: {
         circ: string;
         rect: string;
@@ -18,6 +18,6 @@ declare const SkeletonStyles: tailwind_variants.TVReturnType<{
         circ: string;
         rect: string;
     };
-}, undefined, "fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse", unknown, unknown>>;
+}, undefined, "fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse", unknown, unknown>>;
 
 export { SkeletonStyles, SkeletonStylesDefaults };

package/dist/components/skeleton/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const e={shape:"rect"},l=tv({base:"fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse",variants:{shape:{circ:"aspect-square w-[1lh] rounded-full",rect:"min-h-[1lh] w-full rounded-small"}},defaultVariants:e});export{l as SkeletonStyles,e as SkeletonStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t={shape:"rect"},s=tv({base:"fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse",variants:{shape:{circ:"aspect-square w-[1lh] rounded-full",rect:"min-h-[1lh] w-full rounded-small"}},defaultVariants:t});export{s as SkeletonStyles,t as SkeletonStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/skeleton/styles.ts"],"names":["SkeletonStyles","tv"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KAGIA,CAAiBC,MAC5B,CAAA,CAAM,sFACI,CACR,QACE,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,oCACA,CAAA,IAAA,CAAA,kCAGV,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 SkeletonStylesDefaults = {\n  shape: 'rect',\n} as const;\n\nexport const SkeletonStyles = tv({\n  base: 'fg-default-light bg-transparent-light px-l py-s motion-safe:animate-pulse',\n  variants: {\n    shape: {\n      circ: 'aspect-square w-[1lh] rounded-full',\n      rect: 'min-h-[1lh] w-full rounded-small',\n    },\n  },\n  defaultVariants: SkeletonStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/skeleton/styles.ts"],"names":["SkeletonStyles","tv"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KAGIA,CAAiBC,MAC5B,CAAA,CAAM,wFACI,CACR,QACE,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,oCACA,CAAA,IAAA,CAAA,kCAGV,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 SkeletonStylesDefaults = {\n  shape: 'rect',\n} as const;\n\nexport const SkeletonStyles = tv({\n  base: 'fg-primary-bold bg-interactive-disabled px-l py-s motion-safe:animate-pulse',\n  variants: {\n    shape: {\n      circ: 'aspect-square w-[1lh] rounded-full',\n      rect: 'min-h-[1lh] w-full rounded-small',\n    },\n  },\n  defaultVariants: SkeletonStylesDefaults,\n});\n"]}

package/dist/components/slider/index.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {SliderStyles}from'./styles.js';const {slider:x,label:A,inputs:B,input:F,thumb:D,track:P,trackBackground:$,trackValue:z,minValue:C,maxValue:L}=SliderStyles(),I=({classNames:r,label:n,layout:T="grid",maxValue:d=100,minValue:c=0,orientation:b="horizontal",showInput:p,showLabel:s=true,...k})=>jsx(Slider,{...k,className:composeRenderProps(r?.slider,a=>x({className:a})),maxValue:d,minValue:c,orientation:b,"aria-label":s?void 0:n,"data-layout":T,children:({state:a})=>jsxs(Fragment,{children:[s&&jsx(Label,{className:A({className:r?.label}),children:n}),p&&jsx("div",{className:B({className:r?.inputs}),children:a.values.map((m,l)=>jsx(Input,{className:composeRenderProps(r?.input,i=>F({className:i})),value:m,onChange:i=>a.setThumbValue(l,Number.parseFloat(i.target.value))},`number-field-${l===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(r?.track,m=>P({className:m})),children:[jsx("div",{className:$({className:r?.trackBackground})}),a.values.map((m,l)=>jsxs(Fragment$1,{children:[jsx("div",{className:z({className:r?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(Tooltip,{isDisabled:!p||a.isThumbDragging(l),children:[jsx(Tooltip.Trigger,{children:jsx(SliderThumb,{index:l,className:composeRenderProps(r?.thumb,i=>D({className:i}))})}),jsx(Tooltip.Body,{placement:"top",children:a.getThumbValue(l)})]})]},`slider-${l===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:C({className:r?.minValue}),children:c}),jsx(Text,{slot:"max",className:L({className:r?.maxValue}),children:d})]})});export{I as Slider};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["thumb","track","trackValue","SliderStyles","f","classNames","minValueProp","orientation","showLabel","jsx","AriaSlider","e","h","className","slider","maxValueProp","layout","jsxs","Fragment","o","label","showInput","value","index","Input","composeRenderProps","input","event","state","AriaSliderTrack","_","Tooltip","u","N","g"],"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 { Fragment } from 'react';\nimport {\n  Slider as AriaSlider,\n  SliderTrack as AriaSliderTrack,\n  Input,\n  Label,\n  SliderThumb,\n  Text,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n  slider,\n  label,\n  inputs,\n  input,\n  thumb,\n  track,\n  trackBackground,\n  trackValue,\n  minValue,\n  maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n  classNames,\n  label: labelProp,\n  layout = 'grid',\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  ...rest\n}: SliderProps) => {\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        slider({ className }),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      orientation={orientation}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={label({ className: classNames?.label })}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div\n              className={inputs({\n                className: classNames?.inputs,\n              })}\n            >\n              {state.values.map((value, index) => (\n                <Input\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={composeRenderProps(\n                    classNames?.input,\n                    (className) => input({ className }),\n                  )}\n                  value={value}\n                  onChange={(event) =>\n                    state.setThumbValue(\n                      index,\n                      Number.parseFloat(event.target.value),\n                    )\n                  }\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              track({ className }),\n            )}\n          >\n            <div\n              className={trackBackground({\n                className: classNames?.trackBackground,\n              })}\n            />\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={trackValue({\n                    className: classNames?.trackValue,\n                  })}\n                  data-start={\n                    state.values.length === 1 ? 0 : state.getThumbPercent(0)\n                  }\n                  data-end={state.getThumbPercent(\n                    state.values.length === 1 ? 0 : 1,\n                  )}\n                />\n                <Tooltip\n                  isDisabled={!showInput || state.isThumbDragging(index)}\n                >\n                  <Tooltip.Trigger>\n                    <SliderThumb\n                      index={index}\n                      className={composeRenderProps(\n                        classNames?.thumb,\n                        (className) => thumb({ className }),\n                      )}\n                    />\n                  </Tooltip.Trigger>\n                  <Tooltip.Body placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip.Body>\n                </Tooltip>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={minValue({ className: classNames?.minValue })}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={maxValue({ className: classNames?.maxValue })}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["thumb","track","trackValue","SliderStyles","f","classNames","minValueProp","orientation","showLabel","jsx","AriaSlider","e","h","className","slider","maxValueProp","layout","jsxs","Fragment","o","label","showInput","value","index","Input","composeRenderProps","input","event","state","AriaSliderTrack","_","Tooltip","u","N","g"],"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 { Fragment } from 'react';\nimport {\n  Slider as AriaSlider,\n  SliderTrack as AriaSliderTrack,\n  composeRenderProps,\n  Input,\n  Label,\n  SliderThumb,\n  Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n  slider,\n  label,\n  inputs,\n  input,\n  thumb,\n  track,\n  trackBackground,\n  trackValue,\n  minValue,\n  maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n  classNames,\n  label: labelProp,\n  layout = 'grid',\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  ...rest\n}: SliderProps) => {\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        slider({ className }),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      orientation={orientation}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={label({ className: classNames?.label })}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div\n              className={inputs({\n                className: classNames?.inputs,\n              })}\n            >\n              {state.values.map((value, index) => (\n                <Input\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={composeRenderProps(\n                    classNames?.input,\n                    (className) => input({ className }),\n                  )}\n                  value={value}\n                  onChange={(event) =>\n                    state.setThumbValue(\n                      index,\n                      Number.parseFloat(event.target.value),\n                    )\n                  }\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              track({ className }),\n            )}\n          >\n            <div\n              className={trackBackground({\n                className: classNames?.trackBackground,\n              })}\n            />\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={trackValue({\n                    className: classNames?.trackValue,\n                  })}\n                  data-start={\n                    state.values.length === 1 ? 0 : state.getThumbPercent(0)\n                  }\n                  data-end={state.getThumbPercent(\n                    state.values.length === 1 ? 0 : 1,\n                  )}\n                />\n                <Tooltip\n                  isDisabled={!showInput || state.isThumbDragging(index)}\n                >\n                  <Tooltip.Trigger>\n                    <SliderThumb\n                      index={index}\n                      className={composeRenderProps(\n                        classNames?.thumb,\n                        (className) => thumb({ className }),\n                      )}\n                    />\n                  </Tooltip.Trigger>\n                  <Tooltip.Body placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip.Body>\n                </Tooltip>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={minValue({ className: classNames?.minValue })}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={maxValue({ className: classNames?.maxValue })}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n};\n"]}

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

@@ -79,6 +79,6 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
     thumb: string[];
     minValue: string[];
     maxValue: string[];
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { SliderStyles };