@accelint/design-toolkit 2.5.0 → 3.0.0

package/dist/variants/variants.css

@@ -1,8 +1,8 @@
-@custom-variant color-info (&:where([data-color~="info"]));
-@custom-variant color-advisory (&:where([data-color~="advisory"]));
-@custom-variant color-normal (&:where([data-color~="normal"]));
-@custom-variant color-serious (&:where([data-color~="serious"]));
-@custom-variant color-critical (&:where([data-color~="critical"]));
+@custom-variant color-info (&:where([data-color="info"]));
+@custom-variant color-advisory (&:where([data-color="advisory"]));
+@custom-variant color-normal (&:where([data-color="normal"]));
+@custom-variant color-serious (&:where([data-color="serious"]));
+@custom-variant color-critical (&:where([data-color="critical"]));
 @custom-variant placement-left (&:where([data-placement~="left"]));
 @custom-variant placement-right (&:where([data-placement~="right"]));
 @custom-variant placement-top (&:where([data-placement~="top"]));
@@ -51,6 +51,7 @@
 @custom-variant pending (&:where([data-pending]));
 @custom-variant empty (&:where([data-empty], :empty));
 @custom-variant focus-within (&:where([data-focus-within], :focus-within));
+@custom-variant focus-visible-within (&:where(:has([data-focus-visible], :focus-visible)));
 @custom-variant hover (&:where([data-hovered], :hover));
 @custom-variant focus (&:where([data-focused], :focus));
 @custom-variant focus-visible (&:where([data-focus-visible], :focus-visible));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelint/design-toolkit",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "private": false,
   "license": "Apache-2.0",
   "repository": {
@@ -49,11 +49,14 @@
     }
   },
   "peerDependencies": {
-    "@accelint/icons": "^2.0.2",
+    "@accelint/bus": "^1.0.0",
+    "@accelint/core": "^0.4.0",
+    "@accelint/icons": "^2.0.3",
     "@fontsource/roboto-flex": "^5.2.6",
     "@fontsource/roboto-mono": "^5.2.6",
     "@internationalized/date": "^3.8.2",
     "@radix-ui/react-avatar": "^1.1.10",
+    "@react-aria/interactions": "^3.25.3",
     "@react-aria/ssr": "^3.9.10",
     "@react-aria/utils": "^3.30.0",
     "@react-stately/color": "^3.9.0",
@@ -61,7 +64,6 @@
     "@react-stately/utils": "^3.10.8",
     "@react-types/overlays": "^3.9.0",
     "@react-types/shared": "^3.31.0",
-    "@react-aria/interactions": "^3.25.3",
     "class-variance-authority": "^0.7.1",
     "client-only": "^0.0.1",
     "clsx": "^2.1.1",
@@ -73,6 +75,7 @@
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^2.0.1",
     "tailwindcss": "^4.1.11",
+    "uuid": "^11.1.0",
     "zod": "^4.0.13"
   },
   "devDependencies": {
@@ -80,6 +83,7 @@
     "@fontsource/roboto-mono": "^5.2.6",
     "@internationalized/date": "^3.8.2",
     "@radix-ui/react-avatar": "^1.1.10",
+    "@react-aria/interactions": "^3.25.3",
     "@react-aria/ssr": "^3.9.10",
     "@react-aria/utils": "^3.30.0",
     "@react-stately/color": "^3.9.0",
@@ -103,7 +107,6 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash": "^4.17.20",
-    "@react-aria/interactions": "^3.25.3",
     "@types/node": "^24.1.0",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
@@ -126,13 +129,15 @@
     "tsup": "^8.5.0",
     "type-fest": "^4.41.0",
     "typescript": "^5.8.3",
+    "uuid": "^11.1.0",
     "vite": "^5.4.9",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^2.1.3",
     "zod": "^4.0.13",
     "@accelint/biome-config": "0.1.2",
-    "@accelint/core": "0.2.2",
-    "@accelint/icons": "2.0.2",
+    "@accelint/bus": "1.0.0",
+    "@accelint/core": "0.4.0",
+    "@accelint/icons": "2.0.3",
     "@accelint/typescript-config": "0.1.2",
     "@accelint/vitest-config": "0.1.3"
   },

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

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default from 'react';
-
-interface BoxProps extends react__default.HTMLAttributes<HTMLDivElement> {
-    as?: react__default.ElementType;
-    /** When true, apply flex display */
-    flex?: boolean;
-    /** Flex direction: 'row' or 'col' */
-    direction?: 'row' | 'col';
-    /** Horizontal alignment in flex container */
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    /** Vertical alignment in flex container */
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    /** Gap between children (matches Tailwind's spacing scale) */
-    gap?: number;
-}
-declare const Box: ({ as: Component, className, flex, direction, justify, align, gap, children, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
-
-export { Box, type BoxProps };

package/dist/components/box/index.js

@@ -1,2 +0,0 @@
-import {jsx}from'react/jsx-runtime';import {cx}from'class-variance-authority';const u=({as:r="div",className:o,flex:e,direction:a="row",justify:t,align:n,gap:s,children:c,...i})=>{const l=cx(e&&"flex",e&&(a==="col"?"flex-col":"flex-row"),t&&{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"}[t],n&&{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"}[n],s!==void 0&&`gap-${s}`,o);return jsx(r,{className:l,...i,children:c})};export{u as Box};//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/box/index.tsx"],"names":["Box","Component","className","flex","direction","justify","align","gap","children","rest","classes","cx","jsx"],"mappings":"oFA4BaA,CAAAA,CAAM,CAAC,CAClB,EAAA,CAAIC,CAAAA,CAAY,MAChB,SAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,KAAA,CACZ,OAAA,CAAAC,EACA,KAAA,CAAAC,CAAAA,CACA,IAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,GAAGC,CACL,IAAgB,CACd,MAAMC,EAAUC,EAAAA,CACdR,CAAAA,EAAQ,OACRA,CAAAA,GAASC,CAAAA,GAAc,MAAQ,UAAA,CAAa,UAAA,CAAA,CAC5CC,GACE,CACE,KAAA,CAAO,gBACP,MAAA,CAAQ,gBAAA,CACR,IAAK,aAAA,CACL,OAAA,CAAS,kBACT,MAAA,CAAQ,gBAAA,CACR,OAAQ,gBACV,CAAA,CAAEA,CAAO,CAAA,CACXC,CAAAA,EACE,CACE,KAAA,CAAO,aAAA,CACP,OAAQ,cAAA,CACR,GAAA,CAAK,YACL,OAAA,CAAS,eAAA,CACT,SAAU,gBACZ,CAAA,CAAEA,CAAK,CAAA,CACTC,CAAAA,GAAQ,QAAa,CAAA,IAAA,EAAOA,CAAG,GAC/BL,CACF,CAAA,CAEA,OACEU,GAAAA,CAACX,CAAAA,CAAA,CAAU,SAAA,CAAWS,CAAAA,CAAU,GAAGD,CAAAA,CAChC,QAAA,CAAAD,EACH,CAEJ","file":"index.js","sourcesContent":["import { cx } from 'class-variance-authority';\n/*\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 */\nimport type React from 'react';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType;\n  /** When true, apply flex display */\n  flex?: boolean;\n  /** Flex direction: 'row' or 'col' */\n  direction?: 'row' | 'col';\n  /** Horizontal alignment in flex container */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Vertical alignment in flex container */\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  /** Gap between children (matches Tailwind's spacing scale) */\n  gap?: number;\n}\n\nexport const Box = ({\n  as: Component = 'div',\n  className,\n  flex,\n  direction = 'row',\n  justify,\n  align,\n  gap,\n  children,\n  ...rest\n}: BoxProps) => {\n  const classes = cx(\n    flex && 'flex',\n    flex && (direction === 'col' ? 'flex-col' : 'flex-row'),\n    justify &&\n      {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      }[justify],\n    align &&\n      {\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        stretch: 'items-stretch',\n        baseline: 'items-baseline',\n      }[align],\n    gap !== undefined && `gap-${gap}`,\n    className,\n  );\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"]}

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

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
-import { ComboBoxProps as ComboBoxProps$1, VirtualizerProps, ListLayoutOptions } from 'react-aria-components';
-import { OptionsDataItem } from '../options/types.js';
-import '../icon/types.js';
-
-declare const textFieldStyles: (props?: ({
-    isDisabled?: boolean | null | undefined;
-    isInvalid?: boolean | null | undefined;
-    size?: "small" | "medium" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ComboBoxProps<T extends OptionsDataItem> extends Omit<VariantProps<typeof textFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<ComboBoxProps$1<T>, 'children'>, Pick<VirtualizerProps<ListLayoutOptions>, 'layoutOptions'> {
-    className?: string;
-    children: ReactNode | ((item: T) => ReactNode);
-    description?: string;
-    errorMessage?: string;
-    label?: string;
-    placeholder?: string;
-}
-declare function ComboBox<T extends OptionsDataItem>({ children, className, description, errorMessage, isDisabled, isInvalid, isReadOnly, label, placeholder, layoutOptions, size, ...props }: ComboBoxProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace ComboBox {
-    var displayName: string;
-}
-
-export { ComboBox, type ComboBoxProps };

package/dist/components/combobox/index.js

@@ -1,2 +0,0 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {cn}from'./../../lib/utils.js';import {ChevronDown}from'@accelint/icons';import {cva}from'class-variance-authority';import {ComboBox,Button,Text,Popover,Virtualizer,ListLayout,Input}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';const S=cva(["block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive","not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},size:{medium:"text-body-s",small:"text-body-xs"}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"}],defaultVariants:{size:"medium"}}),y=({className:a,isReadOnly:d=false,size:s="medium",...r})=>jsx(Input,{...r,className:({isDisabled:e,isInvalid:o})=>cn(S({isDisabled:e,isInvalid:o,size:s,className:a}))});y.displayName="ComboBox.Input";function D({children:a,className:d,description:s,errorMessage:r,isDisabled:e,isInvalid:o,isReadOnly:i,label:p,placeholder:b,layoutOptions:h,size:m="medium",...u}){const c=m==="small",A=!(c||o)||e,g=o&&!e&&!i,P=!c&&p;return jsx(ComboBox,{...u,isDisabled:e,isInvalid:o,isReadOnly:i,className:"flex flex-col gap-xs",children:({isDisabled:l,isOpen:v})=>jsxs(Fragment,{children:[P&&jsx(Label,{className:"empty:hidden",isDisabled:l,isRequired:u.isRequired,children:p}),jsxs("div",{className:"relative flex items-center",children:[jsx(y,{className:d,isReadOnly:i,placeholder:b,size:m}),jsx(Button,{className:cn(["fg-default-light absolute right-xs transform",l&&"fg-disabled",v&&"rotate-180",i&&"hidden"]),children:jsx(Icon,{size:"small",children:jsx(ChevronDown,{})})})]}),A&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",l&&"fg-disabled"]),slot:"description",children:s}),g&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:r}),jsx(Popover,{className:"w-(--trigger-width)",children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:h,children:jsx(Options,{children:a})})})]})})}D.displayName="ComboBox";export{D as ComboBox};//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/combobox/index.tsx"],"names":["N","isReadOnly","size","jsx","t","L","isInvalid","cn","n","Input","ComboBox","errorMessage","isDisabled","layoutOptions","shouldShowDescription","isSmall","shouldShowError","label","AriaComboBox","props","B","shouldShowLabel","jsxs","f","placeholder","AriaButton","O","Icon","ChevronDown","I","x","AriaText","V","Options","C","children","R"],"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 { cn } from '@/lib/utils';\nimport { ChevronDown } from '@accelint/icons';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ReactNode } from 'react';\nimport {\n  Button as AriaButton,\n  ComboBox as AriaComboBox,\n  type ComboBoxProps as AriaComboBoxProps,\n  Input as AriaInput,\n  type InputProps as AriaInputProps,\n  ListLayout as AriaListLayout,\n  type ListLayoutOptions as AriaListLayoutOptions,\n  Popover as AriaPopover,\n  Text as AriaText,\n  Virtualizer as AriaVirtualizer,\n  type VirtualizerProps as AriaVirtualizerProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport type { OptionsDataItem } from '../options/types';\n\nconst textFieldStyles = cva(\n  [\n    'block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive',\n    'not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        false:\n          'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n      },\n      isInvalid: {\n        true: 'outline-serious',\n      },\n      size: {\n        medium: 'text-body-s',\n        small: 'text-body-xs',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isInvalid: true,\n        className: 'outline-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\ninterface InputProps\n  extends VariantProps<typeof textFieldStyles>,\n    Omit<AriaInputProps, 'size'> {\n  isReadOnly?: boolean;\n}\n\nconst Input = ({\n  className,\n  isReadOnly = false,\n  size = 'medium',\n  ...props\n}: InputProps) => {\n  return (\n    <AriaInput\n      {...props}\n      className={({ isDisabled, isInvalid }) =>\n        cn(\n          textFieldStyles({\n            isDisabled,\n            isInvalid,\n            size,\n            className,\n          }),\n        )\n      }\n    />\n  );\n};\nInput.displayName = 'ComboBox.Input';\n\nexport interface ComboBoxProps<T extends OptionsDataItem>\n  extends Omit<\n      VariantProps<typeof textFieldStyles>,\n      'isDisabled' | 'isInvalid' | 'isReadOnly'\n    >,\n    Omit<AriaComboBoxProps<T>, 'children'>,\n    Pick<AriaVirtualizerProps<AriaListLayoutOptions>, 'layoutOptions'> {\n  className?: string;\n  children: ReactNode | ((item: T) => ReactNode);\n  description?: string;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport function ComboBox<T extends OptionsDataItem>({\n  children,\n  className,\n  description,\n  errorMessage,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  label,\n  placeholder,\n  layoutOptions,\n  size = 'medium',\n  ...props\n}: ComboBoxProps<T>) {\n  const isSmall = size === 'small';\n  const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n  const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n  const shouldShowLabel = !isSmall && label;\n\n  return (\n    <AriaComboBox<T>\n      {...props}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      className='flex flex-col gap-xs'\n    >\n      {({ isDisabled, isOpen }) => (\n        <>\n          {shouldShowLabel && (\n            <Label\n              className='empty:hidden'\n              isDisabled={isDisabled}\n              isRequired={props.isRequired}\n            >\n              {label}\n            </Label>\n          )}\n          <div className='relative flex items-center'>\n            <Input\n              className={className}\n              isReadOnly={isReadOnly}\n              placeholder={placeholder}\n              size={size}\n            />\n            <AriaButton\n              className={cn([\n                'fg-default-light absolute right-xs transform',\n                isDisabled && 'fg-disabled',\n                isOpen && 'rotate-180',\n                isReadOnly && 'hidden',\n              ])}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </AriaButton>\n          </div>\n          {shouldShowDescription && (\n            <AriaText\n              className={cn([\n                'fg-default-dark text-body-xs empty:hidden',\n                isDisabled && 'fg-disabled',\n              ])}\n              slot='description'\n            >\n              {description}\n            </AriaText>\n          )}\n          {shouldShowError && (\n            <AriaText\n              className='fg-serious text-body-xs empty:hidden'\n              slot='errorMessage'\n            >\n              {errorMessage}\n            </AriaText>\n          )}\n          <AriaPopover className='w-(--trigger-width)'>\n            <AriaVirtualizer\n              layout={AriaListLayout}\n              layoutOptions={layoutOptions}\n            >\n              <Options>{children}</Options>\n            </AriaVirtualizer>\n          </AriaPopover>\n        </>\n      )}\n    </AriaComboBox>\n  );\n}\nComboBox.displayName = 'ComboBox';\n"]}

package/dist/components/drawer/context.d.ts

@@ -1,13 +0,0 @@
-import * as react from 'react';
-import { DrawerContextValue, DrawersContextValue, DrawerState } from './types.js';
-import { Key } from '@react-types/shared';
-
-declare const DrawersContext: react.Context<DrawersContextValue | null>;
-declare const DrawerContext: react.Context<DrawerContextValue | null>;
-declare function useDrawerContext(): DrawerContextValue;
-declare function useDrawersContext(): DrawersContextValue;
-declare function useDrawersState(opts?: {
-    onStateChange?: (drawerId: Key, state: DrawerState) => void;
-}): DrawersContextValue;
-
-export { DrawerContext, DrawersContext, useDrawerContext, useDrawersContext, useDrawersState };

package/dist/components/drawer/context.js

@@ -1,2 +0,0 @@
-import {createContext,useContext,useState,useCallback,useMemo}from'react';import {createDefaultDrawerState,drawerStateReducer}from'./state.js';import {DrawerDefaults}from'./types.js';const g=createContext(null),b=createContext(null);function v(){const n=useContext(b);if(!n)throw new Error("useDrawerContext must be used within <Drawer.Provider>");return n}function A(){const n=useContext(g);if(!n)throw new Error("useDrawersContext must be used within <Drawer.Provider>");return n}function G(n){const[s,l]=useState({}),[w,I]=useState({}),D=useCallback((e,t)=>{const r=w[e];r&&(r.onOpenChange?.(t.isOpen),r.onStateChange?.(t)),n?.onStateChange?.(e,t);},[n?.onStateChange,w]),o=useCallback((e,t)=>{l(r=>{const u=r[e]||createDefaultDrawerState({id:e,selectedMenuItemId:DrawerDefaults.selectedMenuItemId,isOpen:DrawerDefaults.isOpen}),S=drawerStateReducer(u,t);return D(e,S),{...r,[e]:S}});},[D]),C=useCallback(e=>{o(e,{type:"TOGGLE"});},[o]),p=useCallback((e,t)=>{o(e,{type:"OPEN",menuItemId:t});},[o]),y=useCallback(e=>{o(e,{type:"CLOSE"});},[o]),d=useCallback((e,t)=>{o(e,{type:"SET_MENU_ID",menuItemId:t??""});},[o]),i=useCallback((e,t)=>e!==""&&typeof e<"u"&&t===e,[]),x=useCallback(e=>s[e]||createDefaultDrawerState({id:e,selectedMenuItemId:DrawerDefaults.selectedMenuItemId,isOpen:DrawerDefaults.isOpen}),[s]),m=useCallback((e,t)=>{I(r=>({...r,[e.id]:t||{}})),l(r=>{const u=r[e.id];return {...r,[e.id]:{...e,selectedMenuItemId:u?.selectedMenuItemId??e.selectedMenuItemId}}});},[]);return useMemo(()=>({drawerStates:s,toggleDrawer:C,openDrawer:p,closeDrawer:y,getDrawerState:x,registerDrawer:m,selectMenuItem:d,isSelectedMenuItem:i}),[s,C,p,y,x,m,d,i])}export{b as DrawerContext,g as DrawersContext,v as useDrawerContext,A as useDrawersContext,G as useDrawersState};//# sourceMappingURL=context.js.map
-//# sourceMappingURL=context.js.map

package/dist/components/drawer/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/drawer/context.ts"],"names":["DrawerContext","createContext","f","ctx","useContext","K","drawerStates","setDrawerStates","callbacks","setCallbacks","useState","notifyCallbacks","useCallback","nextState","drawerCallbacks","opts","drawerId","action","prev","currentState","createDefaultDrawerState","O","c","DrawerDefaults","toggleDrawer","updateDrawerState","openDrawer","menuItemId","closeDrawer","selectMenuItem","isSelectedMenuItem","selectedMenuItemId","a","registerDrawer","initialState","useMemo","k","getDrawerState"],"mappings":"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","file":"context.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 */\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  type DrawerAction,\n  createDefaultDrawerState,\n  drawerStateReducer,\n} from './state';\nimport {\n  type DrawerContextValue,\n  DrawerDefaults,\n  type DrawerState,\n  type DrawersContextValue,\n  type OnOpenChangeCallback,\n} from './types';\n\nimport type { Key } from '@react-types/shared';\n\nconst DrawersContext = createContext<DrawersContextValue | null>(null);\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nexport function useDrawerContext(): DrawerContextValue {\n  const ctx = useContext(DrawerContext);\n\n  if (!ctx) {\n    throw new Error('useDrawerContext must be used within <Drawer.Provider>');\n  }\n\n  return ctx;\n}\n\nexport function useDrawersContext(): DrawersContextValue {\n  const ctx = useContext(DrawersContext);\n\n  if (!ctx) {\n    throw new Error('useDrawersContext must be used within <Drawer.Provider>');\n  }\n\n  return ctx;\n}\n\ntype DrawerCallbacks = {\n  onOpenChange?: OnOpenChangeCallback;\n  onStateChange?: (state: DrawerState) => void;\n};\n\nexport function useDrawersState(opts?: {\n  onStateChange?: (drawerId: Key, state: DrawerState) => void;\n}) {\n  const [drawerStates, setDrawerStates] = useState<Record<Key, DrawerState>>(\n    {},\n  );\n  const [callbacks, setCallbacks] = useState<Record<Key, DrawerCallbacks>>({});\n\n  const notifyCallbacks = useCallback(\n    (drawerId: Key, nextState: DrawerState) => {\n      const drawerCallbacks = callbacks[drawerId];\n      if (drawerCallbacks) {\n        drawerCallbacks.onOpenChange?.(nextState.isOpen);\n        drawerCallbacks.onStateChange?.(nextState);\n      }\n      opts?.onStateChange?.(drawerId, nextState);\n    },\n    [opts?.onStateChange, callbacks],\n  );\n\n  const updateDrawerState = useCallback(\n    (drawerId: Key, action: DrawerAction) => {\n      setDrawerStates((prev) => {\n        const currentState =\n          prev[drawerId] ||\n          createDefaultDrawerState({\n            id: drawerId,\n            selectedMenuItemId: DrawerDefaults.selectedMenuItemId,\n            isOpen: DrawerDefaults.isOpen,\n          });\n        const nextState = drawerStateReducer(currentState, action);\n\n        notifyCallbacks(drawerId, nextState);\n\n        return {\n          ...prev,\n          [drawerId]: nextState,\n        };\n      });\n    },\n    [notifyCallbacks],\n  );\n\n  const toggleDrawer = useCallback(\n    (drawerId: Key) => {\n      updateDrawerState(drawerId, { type: 'TOGGLE' });\n    },\n    [updateDrawerState],\n  );\n\n  const openDrawer = useCallback(\n    (drawerId: Key, menuItemId?: Key) => {\n      updateDrawerState(drawerId, { type: 'OPEN', menuItemId });\n    },\n    [updateDrawerState],\n  );\n\n  const closeDrawer = useCallback(\n    (drawerId: Key) => {\n      updateDrawerState(drawerId, { type: 'CLOSE' });\n    },\n    [updateDrawerState],\n  );\n\n  const selectMenuItem = useCallback(\n    (drawerId: Key, menuItemId?: Key) => {\n      updateDrawerState(drawerId, {\n        type: 'SET_MENU_ID',\n        menuItemId: menuItemId ?? '',\n      });\n    },\n    [updateDrawerState],\n  );\n\n  const isSelectedMenuItem = useCallback(\n    (selectedMenuItemId?: Key, menuItemId?: Key) => {\n      return (\n        selectedMenuItemId !== '' &&\n        typeof selectedMenuItemId !== 'undefined' &&\n        menuItemId === selectedMenuItemId\n      );\n    },\n    [],\n  );\n\n  const getDrawerState = useCallback(\n    (drawerId: Key): DrawerState => {\n      return (\n        drawerStates[drawerId] ||\n        createDefaultDrawerState({\n          id: drawerId,\n          selectedMenuItemId: DrawerDefaults.selectedMenuItemId,\n          isOpen: DrawerDefaults.isOpen,\n        })\n      );\n    },\n    [drawerStates],\n  );\n\n  const registerDrawer = useCallback(\n    (initialState: DrawerState, drawerCallbacks?: DrawerCallbacks) => {\n      setCallbacks((prev) => ({\n        ...prev,\n        [initialState.id]: drawerCallbacks || {},\n      }));\n\n      setDrawerStates((prev) => {\n        const currentState = prev[initialState.id];\n        return {\n          ...prev,\n          [initialState.id]: {\n            ...initialState,\n            selectedMenuItemId:\n              currentState?.selectedMenuItemId ??\n              initialState.selectedMenuItemId,\n          },\n        };\n      });\n    },\n    [],\n  );\n\n  const contextValue = useMemo<DrawersContextValue>(\n    () => ({\n      drawerStates,\n      toggleDrawer,\n      openDrawer,\n      closeDrawer,\n      getDrawerState,\n      registerDrawer,\n      selectMenuItem,\n      isSelectedMenuItem,\n    }),\n    [\n      drawerStates,\n      toggleDrawer,\n      openDrawer,\n      closeDrawer,\n      getDrawerState,\n      registerDrawer,\n      selectMenuItem,\n      isSelectedMenuItem,\n    ],\n  );\n\n  return contextValue;\n}\n\nexport { DrawersContext, DrawerContext };\n"]}

package/dist/components/drawer/state.d.ts

@@ -1,26 +0,0 @@
-import { DrawerState } from './types.js';
-import { Key } from '@react-types/shared';
-import 'react';
-
-type DrawerAction = {
-    type: 'TOGGLE';
-} | {
-    type: 'OPEN';
-    menuItemId?: Key;
-} | {
-    type: 'CLOSE';
-} | {
-    type: 'SET_MENU_ID';
-    menuItemId?: Key;
-};
-/**
- * Default state for new drawers
- */
-declare const createDefaultDrawerState: ({ id, selectedMenuItemId, isOpen, }: {
-    id: Key;
-    selectedMenuItemId?: Key;
-    isOpen?: boolean;
-}) => DrawerState;
-declare const drawerStateReducer: (state: DrawerState, action: DrawerAction) => DrawerState;
-
-export { type DrawerAction, createDefaultDrawerState, drawerStateReducer };

package/dist/components/drawer/state.js

@@ -1,2 +0,0 @@
-import {DrawerDefaults}from'./types.js';const I=({id:e,selectedMenuItemId:t=DrawerDefaults.selectedMenuItemId,isOpen:n=DrawerDefaults.isOpen})=>({id:e,isOpen:n,selectedMenuItemId:t}),u=(e,t)=>{switch(t.type){case "TOGGLE":return {...e,isOpen:!e.isOpen,selectedMenuItemId:e.isOpen?void 0:e.selectedMenuItemId};case "OPEN":return {...e,isOpen:true,selectedMenuItemId:t.menuItemId};case "CLOSE":return {...e,isOpen:false,selectedMenuItemId:void 0};case "SET_MENU_ID":return {...e,selectedMenuItemId:t.menuItemId};default:return e}};export{I as createDefaultDrawerState,u as drawerStateReducer};//# sourceMappingURL=state.js.map
-//# sourceMappingURL=state.js.map

package/dist/components/drawer/state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/drawer/state.ts"],"names":["id","DrawerDefaults","r","drawerStateReducer","state","action"],"mappings":"wCAwByC,MACvC,CAAA,CAAA,CAAAA,CAAAA,uBACqBC,CAAe,mCACpC,CAAA,OAAwB,CAAA,CAAAC,cAAA,CAAA,MAC1B,CAIoB,IAAEF,CAAAA,EAAI,CAAA,CAAA,CAAA,2BAA2B,CAExCG,EAAqB,CAChCC,CAAAA,CACAC,IACgB,CAChB,GAAA,CAAA,OAAe,CAAA,CAAA,MACR,KAAA,QACH,CAAA,OACKD,CAAAA,WACY,CAAA,CAAA,CAAA,CAAA,MACf,CAAA,kBAA0B,CAAA,CAAA,CAAA,MAAS,CAAA,MAAkB,CAAA,CAAA,CAAA,oBAGpD,KAAA,MACH,CAAA,OACKA,CAAAA,WAEH,CAAA,IAAA,CAAA,kBAA2B,CAAA,CAAA,CAAA,YAG1B,KAAA,OACH,CAAA,OACKA,IACH,CAAA,CAAA,MACA,yBAAoB,CAAA,QAGnB,KAAA,aACH,CAAA,OACKA,CAAAA,uBACwB,CAAA,CAAA,CAAA,UAG/B,CAAA,CAAA,QACE,OAEN,CAAA,CAAA","file":"state.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 */\nimport { DrawerDefaults, type DrawerState } from './types';\n\nimport type { Key } from '@react-types/shared';\n\nexport type DrawerAction =\n  | { type: 'TOGGLE' }\n  | { type: 'OPEN'; menuItemId?: Key }\n  | { type: 'CLOSE' }\n  | { type: 'SET_MENU_ID'; menuItemId?: Key };\n\n/**\n * Default state for new drawers\n */\nexport const createDefaultDrawerState = ({\n  id,\n  selectedMenuItemId = DrawerDefaults.selectedMenuItemId,\n  isOpen = DrawerDefaults.isOpen,\n}: {\n  id: Key;\n  selectedMenuItemId?: Key;\n  isOpen?: boolean;\n}): DrawerState => ({ id, isOpen, selectedMenuItemId });\n\nexport const drawerStateReducer = (\n  state: DrawerState,\n  action: DrawerAction,\n): DrawerState => {\n  switch (action.type) {\n    case 'TOGGLE':\n      return {\n        ...state,\n        isOpen: !state.isOpen,\n        selectedMenuItemId: state.isOpen ? undefined : state.selectedMenuItemId,\n      };\n\n    case 'OPEN':\n      return {\n        ...state,\n        isOpen: true,\n        selectedMenuItemId: action.menuItemId,\n      };\n\n    case 'CLOSE':\n      return {\n        ...state,\n        isOpen: false,\n        selectedMenuItemId: undefined,\n      };\n\n    case 'SET_MENU_ID':\n      return {\n        ...state,\n        selectedMenuItemId: action.menuItemId,\n      };\n\n    default:\n      return state;\n  }\n};\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/navigation-stack/index.tsx"],"names":["NavigationStackContext","createContext","NavigationStackView","id","children","useContext","NavigationStackNavigate","action","props","context","handleOnPress","useCallback","jsx","PressResponder","Pressable","NavigationStack","defaultViewId","viewStack","setViewStack","useState","currentViewId","canGoBack","pushView","viewId","prev","popView","clear","contextValue","useMemo"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { PressResponder } from '@react-aria/interactions';\nimport { Pressable } from 'react-aria-components';\nimport type {\n  NavigationStackContextValue,\n  NavigationStackNavigateProps,\n  NavigationStackProps,\n  NavigationStackViewProps,\n} from './types';\n\nconst NavigationStackContext = createContext<NavigationStackContextValue>({\n  currentViewId: null,\n  pushView: () => undefined,\n  popView: () => undefined,\n  clear: () => undefined,\n  canGoBack: false,\n  viewStack: [],\n});\n\nconst NavigationStackView = ({ id, children }: NavigationStackViewProps) => {\n  const context = useContext(NavigationStackContext);\n  const isActive = context.currentViewId === id;\n\n  return isActive ? children : null;\n};\nNavigationStackView.displayName = 'NavigationStack.View';\n\nconst NavigationStackNavigate = ({\n  children,\n  for: action,\n  ...props\n}: NavigationStackNavigateProps) => {\n  const context = useContext(NavigationStackContext);\n  const handleOnPress = useCallback(() => {\n    if (action === 'back') {\n      context.popView();\n    } else if (action === 'clear') {\n      context.clear();\n    } else {\n      context.pushView(action);\n    }\n  }, [action, context.popView, context.clear, context.pushView]);\n  return (\n    <PressResponder onPress={handleOnPress}>\n      <Pressable {...props}>{children}</Pressable>\n    </PressResponder>\n  );\n};\nNavigationStackNavigate.displayName = 'NavigationStack.Navigate';\n\nexport const NavigationStack = ({\n  children,\n  defaultViewId,\n}: NavigationStackProps) => {\n  const [viewStack, setViewStack] = useState<string[]>(\n    defaultViewId ? [defaultViewId] : [],\n  );\n  const currentViewId = viewStack[viewStack.length - 1] || null;\n  const canGoBack = viewStack.length > 1;\n\n  const pushView = useCallback((viewId: string) => {\n    setViewStack((prev) => [...prev, viewId]);\n  }, []);\n  const popView = useCallback(() => {\n    setViewStack((prev) => prev.slice(0, -1));\n  }, []);\n  const clear = useCallback(() => {\n    setViewStack(defaultViewId ? [defaultViewId] : []);\n  }, [defaultViewId]);\n\n  const contextValue = useMemo(\n    () => ({\n      currentViewId,\n      pushView,\n      popView,\n      clear,\n      canGoBack,\n      viewStack,\n    }),\n    [currentViewId, canGoBack, viewStack, pushView, popView, clear],\n  );\n\n  return (\n    <NavigationStackContext.Provider value={contextValue}>\n      {children}\n    </NavigationStackContext.Provider>\n  );\n};\nNavigationStack.displayName = 'NavigationStack';\nNavigationStack.View = NavigationStackView;\nNavigationStack.Navigate = NavigationStackNavigate;\n"]}

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

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