@accelint/design-toolkit 7.0.0 → 8.0.0

package/dist/components/tree/item-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/item-actions.tsx"],"names":["TreeStyles","e","o"],"mappings":"yEAeA,KAAQ,CAAA,OAAYA,CAAAA,CAAW,CAAA,CAOxBC,UAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SAC6C,CAC7C,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAI,CAAA,CAAA,SAAqB,aAAW,CAAI,CAAA,CAAA,CAAA,CAAA,QAClD,CAAA,CAAA,CAAA,CAAA","file":"item-actions.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 { TreeStyles } from './styles';\nimport type { PropsWithChildren } from 'react';\n\nconst { actions } = TreeStyles();\n\n/**\n * ItemActions - Action buttons for a tree item\n *\n * Container for action buttons in a tree item\n */\nexport function TreeItemActions({\n  children,\n  className,\n}: PropsWithChildren & { className?: string }) {\n  return <div className={actions({ className })}>{children}</div>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/item-actions.tsx"],"names":["useContext","TreeContext","s","n","m","className"],"mappings":"+MAuBE,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SAEA,CAAA,CAAA,CAAA,CAAA,CAAM,KAAE,CAAA,OAAYA,CAAWC,CAAW,CAAA,CAC1CC,UAAA,CAAAC,WAAA,CAAA,CAAA,OACGC,GAAA,CAAA,gBAA2B,gBAA0BC,CAAS,CAAA,CAC5D,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"item-actions.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type PropsWithChildren, useContext } from 'react';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\n\n/**\n * ItemActions - Action buttons for a tree item\n *\n * Container for action buttons in a tree item\n */\nexport function TreeItemActions({\n  children,\n  className,\n}: PropsWithChildren & { className?: string }) {\n  const { variant } = useContext(TreeContext);\n  return (\n    <div className={clsx(styles.actions, styles[variant], className)}>\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/components/tree/item-content.d.ts

@@ -2,10 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TreeItemContentProps } from './types.js';
 import '@react-types/shared';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../hooks/use-tree/types.js';
 import 'react';
-import './styles.js';
 
 /**
  * ItemContent - Content of a tree item

package/dist/components/tree/item-content.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {Show,Hide,ChevronDown,ChevronUp,DragVert}from'@accelint/icons';import {useContext}from'react';import {TreeItemContent}from'react-aria-components';import {Button}from'../button/index.js';import {Checkbox}from'../checkbox/index.js';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {TreeContext,TreeItemContext}from'./context.js';import {TreeLines}from'./lines.js';import {TreeStyles}from'./styles.js';const{content:M,display:U,spacing:q,drag:F,expansion:G,visibility:J}=TreeStyles();function oe({children:s}){const{showVisibility:C,variant:t,visibleKeys:m,onVisibilityChange:I}=useContext(TreeContext),{isVisible:c,isViewable:h}=useContext(TreeItemContext),o=t==="cozy"?"medium":"small";return jsx(TreeItemContent,{children:d=>{const{id:i,allowsDragging:b,hasChildItems:p,level:f,selectionBehavior:u,selectionMode:g,state:T,isDisabled:n,isExpanded:S,isSelected:w}=d,v=!(T.collection.getItem(i)?.nextKey||p),x=u==="toggle"&&g!=="none",D=()=>{const r=new Set(m);m?.has(i)?r.delete(i):r.add(i),I?.(r);};return jsx(IconProvider,{size:o,children:jsxs("div",{className:M({variant:t}),"data-last-of-set":v,children:[C&&jsx(Button,{variant:"icon",color:"mono-bold",size:o,onPress:D,isDisabled:n,className:J(),children:jsx(Icon,{children:c?jsx(Show,{}):jsx(Hide,{})})}),f>1&&jsx(TreeLines,{level:f,isLastOfSet:v}),p?jsx(Button,{slot:"chevron",variant:"icon",size:o,className:G(),children:jsx(Icon,{children:S?jsx(ChevronDown,{}):jsx(ChevronUp,{})})}):jsx("div",{className:q({variant:t})}),jsx("div",{className:U({variant:t}),children:typeof s=="function"?s({...d,variant:t,isVisible:c,isViewable:h,defaultChildren:null}):s}),x&&jsx(Checkbox,{slot:"selection",isSelected:w,isDisabled:n}),b&&jsx(Button,{slot:"drag",variant:"icon",size:o,isDisabled:n,className:F({}),children:jsx(Icon,{children:jsx(DragVert,{})})})]})})}})}export{oe as TreeItemContent};//# sourceMappingURL=item-content.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Show,Hide,ChevronDown,ChevronUp,DragVert}from'@accelint/icons';import {useContext}from'react';import {TreeItemContent}from'react-aria-components';import {Button}from'../button/index.js';import {Checkbox}from'../checkbox/index.js';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {TreeContext,TreeItemContext}from'./context.js';import {TreeLines}from'./lines.js';import t from'./styles.module.css';function $({children:n}){const{showVisibility:h,variant:o,visibleKeys:d,onVisibilityChange:b}=useContext(TreeContext),{isVisible:p,isViewable:u}=useContext(TreeItemContext),i=o==="cozy"?"medium":"small";return jsx(TreeItemContent,{children:f=>{const{id:s,allowsDragging:g,hasChildItems:v,level:y,selectionBehavior:T,selectionMode:w,state:x,isDisabled:r,isExpanded:S,isSelected:D}=f,C=!(x.collection.getItem(s)?.nextKey||v),z=T==="toggle"&&w!=="none",N=()=>{const a=new Set(d);d?.has(s)?a.delete(s):a.add(s),b?.(a);};return jsx(IconProvider,{size:i,children:jsxs("div",{className:clsx("group",t.content,t[o]),"data-last-of-set":C,children:[h&&jsx(Button,{variant:"icon",color:"mono-bold",size:i,onPress:N,isDisabled:r,className:t.visibility,children:jsx(Icon,{children:p?jsx(Show,{}):jsx(Hide,{})})}),y>1&&jsx(TreeLines,{level:y,isLastOfSet:C}),v?jsx(Button,{slot:"chevron",variant:"icon",size:i,className:t.expansion,children:jsx(Icon,{children:S?jsx(ChevronDown,{}):jsx(ChevronUp,{})})}):jsx("div",{className:clsx(t.spacing,t[o])}),jsx("div",{className:clsx(t.display,t[o]),children:typeof n=="function"?n({...f,variant:o,isVisible:p,isViewable:u,defaultChildren:null}):n}),z&&jsx(Checkbox,{slot:"selection",isSelected:D,isDisabled:r}),g&&jsx(Button,{slot:"drag",variant:"icon",size:i,isDisabled:r,className:t.drag,children:jsx(Icon,{children:jsx(DragVert,{})})})]})})}})}export{$ as TreeItemContent};//# sourceMappingURL=item-content.js.map
 //# sourceMappingURL=item-content.js.map

package/dist/components/tree/item-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/item-content.tsx"],"names":["TreeStyles","TreeItemContent","H","variant","visibleKeys","onVisibilityChange","useContext","y","A","jsx","AriaTreeItemContent","O","renderProps","e","K","hasChildItems","level","selectionBehavior","state","isSelected","shouldShowSelection","keys","id","size","jsxs","k","isLastOfSet","showVisibility","a","isDisabled","P","Button","E","isExpanded","z","display","children","Checkbox","L","allowsDragging","drag","l","V"],"mappings":"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","file":"item-content.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 { ChevronDown, ChevronUp, DragVert, Hide, Show } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { TreeItemContent as AriaTreeItemContent } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeLines } from './lines';\nimport { TreeStyles } from './styles';\nimport type { Key } from '@react-types/shared';\nimport type { TreeItemContentProps } from './types';\n\nconst { content, display, spacing, drag, expansion, visibility } = TreeStyles();\n\n/**\n * ItemContent - Content of a tree item\n *\n * Renders the content of a tree item with proper styling\n */\nexport function TreeItemContent({ children }: TreeItemContentProps) {\n  const { showVisibility, variant, visibleKeys, onVisibilityChange } =\n    useContext(TreeContext);\n  const { isVisible, isViewable } = useContext(TreeItemContext);\n  const size = variant === 'cozy' ? 'medium' : 'small';\n\n  return (\n    <AriaTreeItemContent>\n      {(renderProps) => {\n        const {\n          id,\n          allowsDragging,\n          hasChildItems,\n          level,\n          selectionBehavior,\n          selectionMode,\n          state,\n          isDisabled,\n          isExpanded,\n          isSelected,\n        } = renderProps;\n\n        const isLastOfSet = !(\n          state.collection.getItem(id)?.nextKey || hasChildItems\n        );\n        const shouldShowSelection =\n          selectionBehavior === 'toggle' && selectionMode !== 'none';\n\n        const handlePress = () => {\n          const keys = new Set<Key>(visibleKeys);\n          visibleKeys?.has(id) ? keys.delete(id) : keys.add(id);\n          onVisibilityChange?.(keys);\n        };\n\n        return (\n          <IconProvider size={size}>\n            <div\n              className={content({ variant })}\n              data-last-of-set={isLastOfSet}\n            >\n              {showVisibility && (\n                <Button\n                  variant='icon'\n                  color='mono-bold'\n                  size={size}\n                  onPress={handlePress}\n                  isDisabled={isDisabled}\n                  className={visibility()}\n                >\n                  <Icon>{isVisible ? <Show /> : <Hide />}</Icon>\n                </Button>\n              )}\n              {level > 1 && (\n                <TreeLines level={level} isLastOfSet={isLastOfSet} />\n              )}\n              {hasChildItems ? (\n                <Button\n                  slot='chevron'\n                  variant='icon'\n                  size={size}\n                  className={expansion()}\n                >\n                  <Icon>{isExpanded ? <ChevronDown /> : <ChevronUp />}</Icon>\n                </Button>\n              ) : (\n                <div className={spacing({ variant })} />\n              )}\n              <div className={display({ variant })}>\n                {typeof children === 'function'\n                  ? children({\n                      ...renderProps,\n                      variant,\n                      isVisible,\n                      isViewable: isViewable,\n                      defaultChildren: null,\n                    })\n                  : children}\n              </div>\n              {shouldShowSelection && (\n                <Checkbox\n                  slot='selection'\n                  isSelected={isSelected}\n                  isDisabled={isDisabled}\n                />\n              )}\n              {allowsDragging && (\n                <Button\n                  slot='drag'\n                  variant='icon'\n                  size={size}\n                  isDisabled={isDisabled}\n                  className={drag({})}\n                >\n                  <Icon>\n                    <DragVert />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n          </IconProvider>\n        );\n      }}\n    </AriaTreeItemContent>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/item-content.tsx"],"names":["onVisibilityChange","variant","I","jsx","AriaTreeItemContent","id","e","allowsDragging","hasChildItems","level","selectionBehavior","selectionMode","state","renderProps","isLastOfSet","shouldShowSelection","handlePress","keys","jsxs","O","U","l","Button","size","m","TreeLines","c","L","K","M","styles","clsx","V","isVisible","isSelected","A","isDisabled","Icon","DragVert","P"],"mappings":"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","file":"item-content.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ChevronDown, ChevronUp, DragVert, Hide, Show } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { TreeItemContent as AriaTreeItemContent } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeLines } from './lines';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TreeItemContentProps } from './types';\n\n/**\n * ItemContent - Content of a tree item\n *\n * Renders the content of a tree item with proper styling\n */\nexport function TreeItemContent({ children }: TreeItemContentProps) {\n  const { showVisibility, variant, visibleKeys, onVisibilityChange } =\n    useContext(TreeContext);\n  const { isVisible, isViewable } = useContext(TreeItemContext);\n  const size = variant === 'cozy' ? 'medium' : 'small';\n\n  return (\n    <AriaTreeItemContent>\n      {(renderProps) => {\n        const {\n          id,\n          allowsDragging,\n          hasChildItems,\n          level,\n          selectionBehavior,\n          selectionMode,\n          state,\n          isDisabled,\n          isExpanded,\n          isSelected,\n        } = renderProps;\n\n        const isLastOfSet = !(\n          state.collection.getItem(id)?.nextKey || hasChildItems\n        );\n        const shouldShowSelection =\n          selectionBehavior === 'toggle' && selectionMode !== 'none';\n\n        const handlePress = () => {\n          const keys = new Set<Key>(visibleKeys);\n          visibleKeys?.has(id) ? keys.delete(id) : keys.add(id);\n          onVisibilityChange?.(keys);\n        };\n\n        return (\n          <IconProvider size={size}>\n            <div\n              className={clsx('group', styles.content, styles[variant])}\n              data-last-of-set={isLastOfSet}\n            >\n              {showVisibility && (\n                <Button\n                  variant='icon'\n                  color='mono-bold'\n                  size={size}\n                  onPress={handlePress}\n                  isDisabled={isDisabled}\n                  className={styles.visibility}\n                >\n                  <Icon>{isVisible ? <Show /> : <Hide />}</Icon>\n                </Button>\n              )}\n              {level > 1 && (\n                <TreeLines level={level} isLastOfSet={isLastOfSet} />\n              )}\n              {hasChildItems ? (\n                <Button\n                  slot='chevron'\n                  variant='icon'\n                  size={size}\n                  className={styles.expansion}\n                >\n                  <Icon>{isExpanded ? <ChevronDown /> : <ChevronUp />}</Icon>\n                </Button>\n              ) : (\n                <div className={clsx(styles.spacing, styles[variant])} />\n              )}\n              <div className={clsx(styles.display, styles[variant])}>\n                {typeof children === 'function'\n                  ? children({\n                      ...renderProps,\n                      variant,\n                      isVisible,\n                      isViewable: isViewable,\n                      defaultChildren: null,\n                    })\n                  : children}\n              </div>\n              {shouldShowSelection && (\n                <Checkbox\n                  slot='selection'\n                  isSelected={isSelected}\n                  isDisabled={isDisabled}\n                />\n              )}\n              {allowsDragging && (\n                <Button\n                  slot='drag'\n                  variant='icon'\n                  size={size}\n                  isDisabled={isDisabled}\n                  className={styles.drag}\n                >\n                  <Icon>\n                    <DragVert />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n          </IconProvider>\n        );\n      }}\n    </AriaTreeItemContent>\n  );\n}\n"]}

package/dist/components/tree/item-description.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {useContext}from'react';import {Text}from'react-aria-components';import {TreeContext}from'./context.js';import {TreeStyles}from'./styles.js';const{description:p}=TreeStyles();function f({children:e,className:o}){const{variant:t}=useContext(TreeContext);return t!=="crammed"?jsx(Text,{"data-slot":"description",className:p({className:o,variant:t}),children:e}):null}export{f as TreeItemDescription};//# sourceMappingURL=item-description.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext}from'react';import {Text}from'react-aria-components';import {TreeContext}from'./context.js';import s from'./styles.module.css';function T({children:t,className:o}){const{variant:r}=useContext(TreeContext);return r!=="crammed"?jsx(Text,{"data-slot":"description",className:clsx(s.description,o),children:t}):null}export{T as TreeItemDescription};//# sourceMappingURL=item-description.js.map
 //# sourceMappingURL=item-description.js.map

package/dist/components/tree/item-description.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/item-description.tsx"],"names":["n","variant","r","m","s","i"],"mappings":"wLAiBQ,KAAA,CAAA,WAOD,CAAA,CAAA,CAAA,CAAAA,UAAA,EAAA,CAAA,oBAAyC,CAAA,CAAA,CAAA,SAC9C,CAAA,CAAM,CAAE,CAAA,CAAA,KAAA,CAAAC,OAAkC,CAE1C,CAAA,CAAA,CAAAC,UAAA,CAAAC,WAAA,CAAOF,CAAAA,OAAY,CAAA,GAAA,SAEf,CAAAG,GAAA,CAAAC,IAAA,CAAA,CAAA,WAAU,CAAA,aACV,CAAA,SAAyB,CAAA,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAAJ,OAEnC,CAAA,CAAA,CAAA,CAAA,CAAA,QAED,CACN,CAAA,CAAA,CAAA,CAAA,IAAA","file":"item-description.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 { useContext } from 'react';\nimport { Text, type TextProps } from 'react-aria-components';\nimport { TreeContext } from './context';\nimport { TreeStyles } from './styles';\n\nconst { description } = TreeStyles();\n\n/**\n * ItemDescription - Description for a tree item\n *\n * Renders secondary descriptive text for a tree item\n */\nexport function TreeItemDescription({ children, className }: TextProps) {\n  const { variant } = useContext(TreeContext);\n\n  return variant !== 'crammed' ? (\n    <Text\n      data-slot='description'\n      className={description({ className, variant })}\n    >\n      {children}\n    </Text>\n  ) : null;\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/item-description.tsx"],"names":["useContext","TreeContext","m","p","n","i","e"],"mappings":"+OAuBO,SAA+B,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAC9C,CAAA,CAAA,CAAA,CAAA,CAAM,KAAE,CAAA,OAAYA,CAAWC,CAAW,CAAA,CAE1CC,UAAA,CAAAC,WAAA,CAAA,CAAA,OAAmB,CAAA,GAAA,SAChB,CACCC,GAAA,CAAAC,IAAA,CAAA,CAAA,WAAU,CAAA,aACV,CAAA,SAAuB,CAAAC,IAAA,CAAA,CAAA,CAAA,WAEtB,CAAA,CAAA,CAAA,CAAA,QAED,CAAA,CAAA,CAAA,CACN,CAAA,IAAA","file":"item-description.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport { Text, type TextProps } from 'react-aria-components';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\n\n/**\n * ItemDescription - Description for a tree item\n *\n * Renders secondary descriptive text for a tree item\n */\nexport function TreeItemDescription({ children, className }: TextProps) {\n  const { variant } = useContext(TreeContext);\n\n  return variant !== 'crammed' ? (\n    <Text\n      data-slot='description'\n      className={clsx(styles.description, className)}\n    >\n      {children}\n    </Text>\n  ) : null;\n}\n"]}

package/dist/components/tree/item-label.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {Text}from'react-aria-components';import {TreeStyles}from'./styles.js';const{label:p}=TreeStyles();function s({children:e,className:t}){return jsx(Text,{className:p({className:t}),children:e})}export{s as TreeItemLabel};//# sourceMappingURL=item-label.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Text}from'react-aria-components';import m from'./styles.module.css';function T({children:e,className:t}){return jsx(Text,{className:clsx(m.label,t),children:e})}export{T as TreeItemLabel};//# sourceMappingURL=item-label.js.map
 //# sourceMappingURL=item-label.js.map

package/dist/components/tree/item-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/item-label.tsx"],"names":["TreeStyles","r","T","o"],"mappings":"uHAeQ,CAAA,KAAUA,CAAAA,CAAW,EAOtBC,UAAA,EAAA,CAAA,SAAyB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAwB,CAChE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAK,CAAAC,IAAA,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAW,CAAI,CAAA,CAAA,CAAA,CAAA,QACjD,CAAA,CAAA,CAAA,CAAA","file":"item-label.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 { Text, type TextProps } from 'react-aria-components';\nimport { TreeStyles } from './styles';\n\nconst { label } = TreeStyles();\n\n/**\n * ItemLabel - Label for a tree item\n *\n * Renders the primary text label for a tree item\n */\nexport function TreeItemLabel({ children, className }: TextProps) {\n  return <Text className={label({ className })}>{children}</Text>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/item-label.tsx"],"names":["children","className","Text","clsx","styles"],"mappings":"yKAqBO,UAAuB,CAAE,CAAA,QAAAA,CAAAA,CAAU,CAAA,SAAAC,CAAU,CAAA,CAAc,CAChE,CAAA,UAAQC,CAAAA,IAAA,CAAK,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,KAAOH,CAAS,CAAA,CAAI,CAAA,QAAAD,EAAS,CACnE,CAAA","file":"item-label.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * ItemLabel - Label for a tree item\n *\n * Renders the primary text label for a tree item\n */\nexport function TreeItemLabel({ children, className }: TextProps) {\n  return <Text className={clsx(styles.label, className)}>{children}</Text>;\n}\n"]}

package/dist/components/tree/item-prefix-icon.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {Icon}from'../icon/index.js';import {TreeStyles}from'./styles.js';const{icon:c}=TreeStyles();function i({children:o,className:r}){return jsx(Icon,{className:c({className:r}),children:o})}export{i as TreeItemPrefixIcon};//# sourceMappingURL=item-prefix-icon.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Icon}from'../icon/index.js';import n from'./styles.module.css';function s({children:o,className:r}){return jsx(Icon,{className:clsx(n.icon,r),children:o})}export{s as TreeItemPrefixIcon};//# sourceMappingURL=item-prefix-icon.js.map
 //# sourceMappingURL=item-prefix-icon.js.map

package/dist/components/tree/item-prefix-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/item-prefix-icon.tsx"],"names":["TreeStyles","TreeItemPrefixIcon","Icon","t","icon","className","children"],"mappings":"6GAgBiBA,KAOV,CAAA,IAAA,CAAA,CAAA,CAASC,CAAAA,UAAmB,EAAE,CAAA,SAAU,CAAA,CAAA,CAAA,QAAU,EAAc,CACrE,SAAQC,CAAAA,CAAA,CAAK,CAAA,CAAA,OAAAC,GAAWC,CAAAA,IAAK,CAAE,CAAA,SAAAC,CAAU,CAAC,CAAA,CAAI,SAAAC,EAAS,CACzD,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA","file":"item-prefix-icon.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 { Icon } from '../icon';\nimport { TreeStyles } from './styles';\nimport type { IconProps } from '../icon/types';\n\nconst { icon } = TreeStyles();\n\n/**\n * ItemIcon - Icon for a tree item\n *\n * Renders an icon for a tree item\n */\nexport function TreeItemPrefixIcon({ children, className }: IconProps) {\n  return <Icon className={icon({ className })}>{children}</Icon>;\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/item-prefix-icon.tsx"],"names":["children","className","jsx","Icon","p","m","clsx","c"],"mappings":"oKAsBmC,SAAE,CAAAA,CAAAA,CAAU,QAAA,CAAA,CAAAC,CAAU,SACvD,CAAOC,EAACC,CAAAA,CAAA,OAAKC,GAAA,CAAAC,IAAA,CAAWC,CAAAA,SAA2B,CAAAC,IAAI,CAAA,CAAA,CAAA,IAAA,CAAA,CAAAP,EAAS,QAClE,CAAA,CAAA,CAAA,CAAA","file":"item-prefix-icon.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\nimport type { IconProps } from '../icon/types';\n\n/**\n * ItemIcon - Icon for a tree item\n *\n * Renders an icon for a tree item\n */\nexport function TreeItemPrefixIcon({ children, className }: IconProps) {\n  return <Icon className={clsx(styles.icon, className)}>{children}</Icon>;\n}\n"]}

package/dist/components/tree/item.d.ts

@@ -2,10 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TreeItemProps } from './types.js';
 import '@react-types/shared';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../hooks/use-tree/types.js';
 import 'react';
-import './styles.js';
 
 /**
  * TreeItem - Individual node in a tree

package/dist/components/tree/item.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContext}from'react';import {TreeItem,composeRenderProps}from'react-aria-components';import {TreeContext,TreeItemContext}from'./context.js';import {TreeStyles}from'./styles.js';const{item:b}=TreeStyles();function h({className:l,id:e,...p}){const{visibilityComputedKeys:c,visibleKeys:r,isStatic:T}=useContext(TreeContext),{ancestors:o}=useContext(TreeItemContext),s=c?.has(e)||T&&o.every(t=>r?.has(t)),i=r?.has(e);return jsx(TreeItemContext.Provider,{value:{isVisible:i,isViewable:s,ancestors:[...o,e]},children:jsx(TreeItem,{...p,id:e,className:composeRenderProps(l,t=>b({className:t})),"data-viewable":s||null,"data-visible":i||null})})}export{h as TreeItem};//# sourceMappingURL=item.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext}from'react';import {TreeItem,composeRenderProps}from'react-aria-components';import {TreeContext,TreeItemContext}from'./context.js';import I from'./styles.module.css';function w({className:p,id:e,...l}){const{visibilityComputedKeys:c,visibleKeys:r,isStatic:u}=useContext(TreeContext),{ancestors:o}=useContext(TreeItemContext),s=c?.has(e)||u&&o.every(t=>r?.has(t)),i=r?.has(e);return jsx(TreeItemContext.Provider,{value:{isVisible:i,isViewable:s,ancestors:[...o,e]},children:jsx(TreeItem,{...l,id:e,className:composeRenderProps(p,t=>clsx("group/tree-item",I.item,t)),"data-viewable":s||null,"data-visible":i||null})})}export{w as TreeItem};//# sourceMappingURL=item.js.map
 //# sourceMappingURL=item.js.map

package/dist/components/tree/item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/item.tsx"],"names":["TreeStyles","I","rest","m","y","isViewable","visibilityComputedKeys","n","id","isStatic","ancestors","key","isVisible","visibleKeys","jsx","a","v","item"],"mappings":"mPAuBQ,KAAK,CAAIA,IAOV,CAAA,CAAA,CAAA,CAAAC,UAAA,EAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,SAAe,CAAA,CAAA,CAAGC,EAAK,CAAkB,CAClE,CAAA,GAAA,CAAM,CAAE,CAAA,CAAA,KAAA,CAAA,sBAAwB,CAAA,CAAA,CAAA,WAAa,CAAA,CAAA,CAAA,QACrB,CAClB,CAAE,CAAA,CAAAC,UAAA,CAAAC,WAAA,CAAA,CAAA,CAAA,SAAwC,CAC1CC,CAAAA,CACJC,CAAAA,UAAAA,CAAwBC,eAAA,CAAA,CAAA,CAAIC,CAAE,CAAA,EAC7BC,GAAYC,CAAAA,CAAU,CAAA,EAAA,CAAA,EAAOC,CAAAA,CAAAA,KAAqB,CAAA,CAAA,EAAO,CAAC,EACvDC,GAAYC,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAIL,CAAE,CAAA,EAErC,GAAA,CAAA,CAAA,CACEM,CAAAA,OAAiBC,GAAA,CAAAR,eAAA,CAAA,QACR,CACL,CAAA,KAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SAA4B,CAC9B,CAAA,GAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QACG,CAAGL,GAAAA,CACJc,QAAA,CAAA,CAAIR,GACJ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACES,CAAAA,kBAAK,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAET,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eAA6B,CAC7B,CAAA,EAAA,IAAA,CAAA,cAA2B,CAC7B,CAAA,EAGN,IAAA,CAAA,CAAA,CAAA,CAAA","file":"item.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 { useContext } from 'react';\nimport {\n  TreeItem as AriaTreeItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeStyles } from './styles';\nimport type { TreeItemProps } from './types';\n\nconst { item } = TreeStyles();\n\n/**\n * TreeItem - Individual node in a tree\n *\n * Represents a single item in the tree structure\n */\nexport function TreeItem({ className, id, ...rest }: TreeItemProps) {\n  const { visibilityComputedKeys, visibleKeys, isStatic } =\n    useContext(TreeContext);\n  const { ancestors } = useContext(TreeItemContext);\n  const isViewable =\n    visibilityComputedKeys?.has(id) ||\n    (isStatic && ancestors.every((key) => visibleKeys?.has(key)));\n  const isVisible = visibleKeys?.has(id);\n\n  return (\n    <TreeItemContext.Provider\n      value={{\n        isVisible,\n        isViewable,\n        ancestors: [...ancestors, id],\n      }}\n    >\n      <AriaTreeItem\n        {...rest}\n        id={id}\n        className={composeRenderProps(className, (className) =>\n          item({ className }),\n        )}\n        data-viewable={isViewable || null}\n        data-visible={isVisible || null}\n      />\n    </TreeItemContext.Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/item.tsx"],"names":["id","rest","useContext","TreeContext","m","y","TreeItemContext","isViewable","visibilityComputedKeys","isStatic","ancestors","visibleKeys","isVisible","n","a","T","className","clsx","v"],"mappings":"0SA6BO,SAAoB,CAAA,CAAA,CAAA,SAAW,CAAAA,CAAAA,CAAI,EAAA,CAAGC,CAAK,CAAA,GAChD,CAAA,CAAA,CAAA,CAAM,KAAE,CAAA,sBAAwB,CAAA,CAAA,CAAA,WAAa,CAAA,CAAA,CAAA,QAC3CC,CAAWC,CAAW,CAAA,CAClBC,UAAE,CAAAC,WAAA,CAAA,CAAA,CAAA,SAAcH,CAAWI,CAAe,CAAA,CAC1CC,UAAAA,CACJC,eAAAA,CAAAA,CAAwB,CAAA,CAAA,CAAA,EAAM,GAC7BC,CAAAA,CAAAA,CAAYC,EAAU,CAAA,EAAA,CAAA,CAAA,KAAeC,CAAAA,CAAa,EAAA,CAAA,EAAO,GACtDC,CAAAA,CAAYD,CAAAA,CAAAA,CAAa,CAAA,CAAA,CAAA,EAAM,GAErC,CAAA,CAAA,CAAA,CAAA,OACmBE,GAAA,CAAAC,eAAA,CAAA,QACf,CAAA,CAAA,KACE,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SAAeJ,CAAAA,CAAWV,GAC5B,CAEA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAC,CACEa,GAAA,CAAAE,QAAGd,CAAAA,CACJ,GAAID,CAAAA,CACJ,EAAA,CAAA,CAAA,CAAA,SAA0CgB,CAAAA,kBAAAA,CACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,iBAA0B,CAAA,CAAA,CAAMF,IAEvC,CAAA,CAAA,CAAA,CAAA,CAAA,eAA6B,CAAA,CAAA,EAC7B,IAAA,CAAA,cAA2B,CAAA,CAAA,EAC7B,IAGN,CAAA,CAAA,CAAA,CAAA","file":"item.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport {\n  TreeItem as AriaTreeItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { TreeContext, TreeItemContext } from './context';\nimport styles from './styles.module.css';\nimport type { TreeItemProps } from './types';\n\n/**\n * TreeItem - Individual node in a tree\n *\n * Represents a single item in the tree structure\n */\nexport function TreeItem({ className, id, ...rest }: TreeItemProps) {\n  const { visibilityComputedKeys, visibleKeys, isStatic } =\n    useContext(TreeContext);\n  const { ancestors } = useContext(TreeItemContext);\n  const isViewable =\n    visibilityComputedKeys?.has(id) ||\n    (isStatic && ancestors.every((key) => visibleKeys?.has(key)));\n  const isVisible = visibleKeys?.has(id);\n\n  return (\n    <TreeItemContext.Provider\n      value={{\n        isVisible,\n        isViewable,\n        ancestors: [...ancestors, id],\n      }}\n    >\n      <AriaTreeItem\n        {...rest}\n        id={id}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/tree-item', styles.item, className),\n        )}\n        data-viewable={isViewable || null}\n        data-visible={isVisible || null}\n      />\n    </TreeItemContext.Provider>\n  );\n}\n"]}

package/dist/components/tree/lines.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {memo,useContext}from'react';import {Lines}from'../lines/index.js';import {TreeContext}from'./context.js';import {TreeStyles}from'./styles.js';const {spacing:p}=TreeStyles(),T=memo(function({level:n,isLastOfSet:t}){const{showRuleLines:r,variant:o}=useContext(TreeContext);return Array.from({length:n}).map((b,e)=>{const s=e===n-1?"branch":"vert",i=t&&e>0?"last":s;return jsx(Lines,{variant:i,size:o==="crammed"?"medium":"large",isVisible:r,className:p({variant:o})},e)})});export{T as TreeLines};//# sourceMappingURL=lines.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {memo,useContext}from'react';import {Lines}from'../lines/index.js';import {TreeContext}from'./context.js';import t from'./styles.module.css';const z=memo(function({level:o,isLastOfSet:n}){const{showRuleLines:s,variant:r}=useContext(TreeContext);return Array.from({length:o}).map((b,e)=>{const i=e===o-1?"branch":"vert",m=n&&e>0?"last":i;return jsx(Lines,{variant:m,size:r==="crammed"?"medium":"large",isVisible:s,className:clsx(t.spacing,t[r])},e)})});export{z as TreeLines};//# sourceMappingURL=lines.js.map
 //# sourceMappingURL=lines.js.map

package/dist/components/tree/lines.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/lines.tsx"],"names":["TreeLines","memo","u","level","a","l","_","i","type","line","isLastOfSet","jsx","Lines","variant","showRuleLines"],"mappings":"0LAmBaA,MAAYC,CAAAA,UAAwB,CAC/CC,UAAA,EAAA,CAAA,CAAA,CAAAC,KACA,SAAA,CAAA,KAIC,CACD,CAAA,CAAA,WAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,mBAAiD,CAEzD,CAAA,CAAA,WAAaC,UAAA,CAAAC,WAAA,CAAA,CAAK,YAAmB,CAAA,IAAKC,EAAGC,WACrCC,GAAOD,CAAAA,CAAAA,CAAMJ,EAAQ,GAAI,CAAA,MAAA,CAAW,OACpCM,CAAAA,CAAOC,QAAuB,CAAA,MAASF,CAG7C,OACEG,CAAAA,CAACC,MAGC,CAAA,CAAA,CAAA,WANSC,KAAAA,CAAAA,CAAAA,OAAY,CAAA,CAAA,CAAA,IAAY,CAAA,CAAA,GAAA,SAQjC,CAAA,QAAA,CAAWC,6BAEb,CAEJ,CAAC,CACH,CAAC,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"lines.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 { memo, useContext } from 'react';\nimport { Lines } from '../lines';\nimport { TreeContext } from './context';\nimport { TreeStyles } from './styles';\n\nconst { spacing } = TreeStyles();\n\nexport const TreeLines = memo(function TreeLines({\n  level,\n  isLastOfSet,\n}: {\n  level: number;\n  isLastOfSet: boolean;\n}) {\n  const { showRuleLines, variant } = useContext(TreeContext);\n\n  return Array.from({ length: level }).map((_, i) => {\n    const type = i === level - 1 ? 'branch' : 'vert';\n    const line = isLastOfSet && i > 0 ? 'last' : type;\n    const size = variant === 'crammed' ? 'medium' : 'large';\n\n    return (\n      <Lines\n        // biome-ignore lint/suspicious/noArrayIndexKey: index should be the key, only count matters\n        key={i}\n        variant={line}\n        size={size}\n        isVisible={showRuleLines}\n        className={spacing({ variant })}\n      />\n    );\n  });\n});\n"]}
+{"version":3,"sources":["../../../src/components/tree/lines.tsx"],"names":["isLastOfSet","showRuleLines","useContext","TreeContext","c","u","i","type","f","p","variant","styles","a"],"mappings":"iPAmBE,sBACA,CAAA,KAAAA,CACF,CAAA,CAGG,WACO,CAAA,CAAA,CAAA,CAAA,CAAA,KAAAC,cAA2BC,CAAWC,CAAW,CAAA,OAEzD,CAAO,CAAA,CAAA,CAAAC,UAAA,CAAAC,WAAM,CAAA,CAAA,OAAO,KAAc,CAAC,IAAE,CAAA,CAAI,MAAIC,CAAM,CACjD,CAAA,CAAA,CAAA,GAAMC,CAAAA,CAAOD,MAAc,CAAA,YAAe,CAAA,CAAA,CAAA,CAAA,QACV,CAAA,MAAI,CAAA,CAASC,CAAAA,CAG7C,EAAA,CAAA,CAAA,CAAA,CAAA,MAII,CAAA,CAAA,CAAA,OACAC,GAAA,CAAAC,KAAA,CAAA,CAPSC,cAAwB,CAAA,CAAA,GAAA,SAAW,CAAA,gBAS5C,CAAA,SAAgBC,CAAAA,CAAO,CAAA,SAAgBD,CAAOE,IAAC,GAJ1CN,OAQZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"lines.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { memo, useContext } from 'react';\nimport { Lines } from '../lines';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\n\nexport const TreeLines = memo(function TreeLines({\n  level,\n  isLastOfSet,\n}: {\n  level: number;\n  isLastOfSet: boolean;\n}) {\n  const { showRuleLines, variant } = useContext(TreeContext);\n\n  return Array.from({ length: level }).map((_, i) => {\n    const type = i === level - 1 ? 'branch' : 'vert';\n    const line = isLastOfSet && i > 0 ? 'last' : type;\n    const size = variant === 'crammed' ? 'medium' : 'large';\n\n    return (\n      <Lines\n        // biome-ignore lint/suspicious/noArrayIndexKey: index should be the key, only count matters\n        key={i}\n        variant={line}\n        size={size}\n        isVisible={showRuleLines}\n        className={clsx(styles.spacing, styles[variant])}\n      />\n    );\n  });\n});\n"]}

package/dist/components/tree/styles.module.css

@@ -0,0 +1,183 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .tree {
+    @apply overflow-auto outline-hidden;
+  }
+
+  .item {
+    @apply fg-primary-bold px-s rounded-medium;
+
+    @variant not-visible {
+      @apply fg-primary-muted;
+    }
+
+    @variant not-viewable {
+      @apply fg-primary-muted;
+    }
+
+    @variant hover {
+      @apply bg-interactive-muted-hover;
+    }
+
+    @variant focus-visible {
+      @apply bg-interactive-muted-hover;
+    }
+
+    @variant pressed {
+      @apply bg-interactive-muted-pressed;
+    }
+
+    @variant drop-target {
+      @apply outline-accent-primary-bold border;
+      background-color: --alpha(var(--bg-accent-primary-muted) / 20%);
+    }
+
+    @variant disabled {
+      @apply cursor-not-allowed border-none;
+
+      @variant hover {
+        @apply bg-transparent;
+      }
+
+      @variant data-[drop-target=true] {
+        @apply bg-transparent;
+      }
+    }
+
+    &.cozy {
+      @apply min-h-s;
+    }
+
+    &.compact {
+      @apply min-h-l;
+    }
+
+    &.crammed {
+      @apply min-h-s;
+    }
+  }
+
+  .content {
+    @apply px-xs flex w-full items-center justify-items-start overflow-x-auto outline-hidden;
+
+    &.cozy {
+      @apply text-header-m;
+      min-height: 48px;
+    }
+
+    &.compact {
+      @apply gap-xs text-header-s;
+      min-height: 36px;
+    }
+
+    &.crammed {
+      @apply gap-xs text-header-s;
+    }
+  }
+
+  .display {
+    @apply grid flex-1 items-center;
+    grid-template-columns: auto auto 1fr auto;
+    grid-template-areas:
+      'icon label space action'
+      'icon description space action';
+
+    &.cozy {
+      @apply gap-x-s px-xs;
+    }
+
+    &.compact {
+      @apply gap-x-s px-xxs;
+    }
+
+    &.crammed {
+      @apply gap-x-xs px-xxs;
+    }
+  }
+
+  .icon {
+    grid-area: icon;
+  }
+
+  .label {
+    grid-area: label;
+
+    @variant not-has-[+[data-slot=description]] {
+      @apply row-span-full;
+    }
+
+    &.cozy,
+    &.compact,
+    &.crammed {
+      @apply gap-xs;
+    }
+  }
+
+  .description {
+    @apply fg-primary-muted text-body-s;
+    grid-area: description;
+  }
+
+  .actions {
+    @apply flex shrink-0 items-center;
+    grid-area: action;
+
+    &.cozy {
+      @apply gap-x-xs;
+    }
+
+    &.compact {
+      @apply gap-x-xxs;
+    }
+
+    &.crammed {
+      @apply gap-x-xxs;
+    }
+  }
+
+  .spacing {
+    &.cozy {
+      min-height: 46px;
+      width: 28px;
+    }
+
+    &.compact {
+      min-height: 38px;
+      width: 20px;
+    }
+
+    &.crammed {
+      @apply min-h-xl;
+      width: 20px;
+    }
+  }
+
+  .visibility,
+  .expansion,
+  .drag {
+    @apply fg-primary-bold;
+
+    @variant color-mono-bold {
+      @variant group-not-visible/tree-item {
+        @apply fg-primary-muted;
+      }
+
+      @variant group-not-viewable/tree-item {
+        @apply fg-primary-muted;
+      }
+    }
+  }
+}

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

@@ -1,11 +1,10 @@
 import { Key } from '@react-types/shared';
 import { TreeProps as TreeProps$1, RenderProps, TreeItemContentRenderProps as TreeItemContentRenderProps$1, TreeItemProps as TreeItemProps$1 } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
 import { TreeNode, DragAndDropConfig } from '../../hooks/use-tree/types.js';
-import { TreeStyles } from './styles.js';
 import 'react';
 
-type TreeProps<T> = Omit<TreeProps$1<TreeNode<T>>, 'defaultExpandedKeys' | 'defaultSelectedKeys' | 'disabledKeys' | 'expandedKeys' | 'selectedKeys' | 'onSelectionChange'> & VariantProps<typeof TreeStyles> & {
+type TreeStyleVariant = 'cozy' | 'compact' | 'crammed';
+type TreeProps<T> = Omit<TreeProps$1<TreeNode<T>>, 'defaultExpandedKeys' | 'defaultSelectedKeys' | 'disabledKeys' | 'expandedKeys' | 'selectedKeys' | 'onSelectionChange'> & {
     disabledKeys?: Set<Key>;
     dragAndDropConfig?: DragAndDropConfig;
     expandedKeys?: Set<Key>;
@@ -15,14 +14,16 @@ type TreeProps<T> = Omit<TreeProps$1<TreeNode<T>>, 'defaultExpandedKeys' | 'defa
     showVisibility?: boolean;
     onVisibilityChange?: (keys: Set<Key>) => void;
     onSelectionChange?: (keys: Set<Key>) => void;
+    variant?: TreeStyleVariant;
 };
 type TreeItemProps = Omit<TreeItemProps$1, 'id'> & {
     id: Key;
 };
 type TreeItemContentProps = Pick<RenderProps<TreeItemContentRenderProps>, 'children'>;
-type TreeItemContentRenderProps = TreeItemContentRenderProps$1 & VariantProps<typeof TreeStyles> & {
+type TreeItemContentRenderProps = TreeItemContentRenderProps$1 & {
     isViewable?: boolean;
     isVisible?: boolean;
+    variant?: TreeStyleVariant;
 };
 type TreeContextValue = Required<Pick<TreeProps<unknown>, 'showRuleLines' | 'showVisibility' | 'variant' | 'onVisibilityChange'>> & {
     disabledKeys?: Set<Key>;
@@ -38,4 +39,4 @@ type TreeItemContextValue = {
     ancestors: Key[];
 };
 
-export type { TreeContextValue, TreeItemContentProps, TreeItemContentRenderProps, TreeItemContextValue, TreeItemProps, TreeProps };
+export type { TreeContextValue, TreeItemContentProps, TreeItemContentRenderProps, TreeItemContextValue, TreeItemProps, TreeProps, TreeStyleVariant };

package/dist/components/view-stack/trigger.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsx}from'react/jsx-runtime';import'client-only';import {isUUID}from'@accelint/core';import {useContext}from'react';import {Pressable}from'react-aria-components';import {ViewStackContext,useViewStackEmit}from'./context.js';function S({children:i,for:e}){const{parent:o}=useContext(ViewStackContext),n=useViewStackEmit();function s(){for(const r of Array.isArray(e)?e:[e]){let[p,t]=isUUID(r)?["push",r]:r.split(":");t??=o,t&&n[p](t);}}return jsx(Pressable,{onPress:s,children:i})}export{S as ViewStackTrigger};//# sourceMappingURL=trigger.js.map
 //# sourceMappingURL=trigger.js.map

package/dist/hooks/coordinate-field/index.d.ts

@@ -0,0 +1,9 @@
+export { UseCoordinateCopyOptions, UseCoordinateCopyResult, useCoordinateCopy } from './use-coordinate-copy.js';
+export { UseCoordinateFieldResult, useCoordinateField } from './use-coordinate-field.js';
+export { UseCoordinateFieldStateOptions, UseCoordinateFieldStateResult, useCoordinateFieldState } from './use-coordinate-field-state.js';
+export { UseCoordinateFocusOptions, UseCoordinateFocusResult, useCoordinateFocus } from './use-coordinate-focus.js';
+export { UseCoordinatePasteOptions, UseCoordinatePasteResult, useCoordinatePaste } from './use-coordinate-paste.js';
+export { UseTimeoutCleanupResult, useTimeoutCleanup } from './use-timeout-cleanup.js';
+import '../../components/coordinate-field/types.js';
+import 'react';
+import 'react-aria-components';

package/dist/hooks/coordinate-field/index.js

@@ -0,0 +1,2 @@
+export{useCoordinateCopy}from'./use-coordinate-copy.js';export{useCoordinateField}from'./use-coordinate-field.js';export{useCoordinateFieldState}from'./use-coordinate-field-state.js';export{useCoordinateFocus}from'./use-coordinate-focus.js';export{useCoordinatePaste}from'./use-coordinate-paste.js';export{useTimeoutCleanup}from'./use-timeout-cleanup.js';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/coordinate-field/index.js.map

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

package/dist/hooks/coordinate-field/use-coordinate-copy.d.ts

@@ -0,0 +1,19 @@
+import { CoordinateValue, CoordinateSystem } from '../../components/coordinate-field/types.js';
+import { UseTimeoutCleanupResult } from './use-timeout-cleanup.js';
+import 'react';
+import 'react-aria-components';
+
+interface UseCoordinateCopyOptions {
+    currentValue: CoordinateValue | null;
+    validationErrors: string[];
+    isDisabled: boolean;
+    registerTimeout: UseTimeoutCleanupResult['registerTimeout'];
+}
+interface UseCoordinateCopyResult {
+    copiedFormat: CoordinateSystem | null;
+    handleCopyFormat: (formatToCopy: CoordinateSystem) => Promise<void>;
+    isFormatButtonEnabled: boolean;
+}
+declare function useCoordinateCopy({ currentValue, validationErrors, isDisabled, registerTimeout, }: UseCoordinateCopyOptions): UseCoordinateCopyResult;
+
+export { type UseCoordinateCopyOptions, type UseCoordinateCopyResult, useCoordinateCopy };

package/dist/hooks/coordinate-field/use-coordinate-copy.js

@@ -0,0 +1,2 @@
+import {getLogger}from'@accelint/logger';import {useState}from'react';import {getAllCoordinateFormats}from'../../components/coordinate-field/coordinate-utils.js';const f=getLogger({enabled:process.env.NODE_ENV!=="production",level:"debug",prefix:"[CoordinateField]",pretty:true});const l=2e3;function v({currentValue:r,validationErrors:s,isDisabled:d,registerTimeout:a}){const[m,t]=useState(null),p=(o,n)=>{const e=document.createElement("textarea");e.value=o,e.style.position="fixed",e.style.left="-999999px",e.style.top="-999999px",document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy"),t(n),a(setTimeout(()=>{t(null);},l));}catch(i){f.withError(i).warn("Fallback copy to clipboard failed");}document.body.removeChild(e);},u=async o=>{if(!r)return;const e=getAllCoordinateFormats(r)[o];if(e.isValid)try{await navigator.clipboard.writeText(e.value),t(o),a(setTimeout(()=>{t(null);},l));}catch{p(e.value,o);}},c=r!==null&&s.length===0&&!d;return {copiedFormat:m,handleCopyFormat:u,isFormatButtonEnabled:c}}export{v as useCoordinateCopy};//# sourceMappingURL=use-coordinate-copy.js.map
+//# sourceMappingURL=use-coordinate-copy.js.map

package/dist/hooks/coordinate-field/use-coordinate-copy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/coordinate-field/use-coordinate-copy.ts"],"names":["logger","getLogger","useState","text","formatToCopy","textArea","registerTimeout","handleCopyFormat","currentValue","formatResult","isFormatButtonEnabled","isDisabled"],"mappings":"kKAeA,MAAMA,CAAAA,CAASC,SAAAA,CAAU,CACvB,OAAA,CAAS,OAAA,CAAQ,IAAI,QAAA,GAAa,YAAA,CAClC,MAAO,OAAA,CACP,MAAA,CAAQ,oBACR,MAAA,CAAQ,IACV,CAAC,CAAA,OASiC,CAAA,CAe3B,4BAEL,CAAA,CAAA,CAAA,gBACA,CAAA,CAAA,CAAA,4BAEoD,CACpD,CAAA,CAAA,CAAA,CAAA,KAAoC,CAAA,CAAIC,CAAAA,CACtC,WACF,IAUgC,CAC9BC,CAAAA,CACAC,CAAAA,CAAAA,CAAAA,CACG,CAEH,GAAA,CAAA,gBAA0B,CAAA,aAAc,CAAA,UAC/B,CAAA,CAAA,CAAA,CAAA,KAETC,CAAS,CAAA,CAAA,CAAA,CAAA,cAAiB,CAAA,eACX,CAAA,IAAO,CAAA,WACb,CAAA,CAAA,CAAA,KAAM,CAAM,eACrB,CAAA,QAAS,CAAA,gBACTA,EAAS,CAAA,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,QAEL,CACF,GAAA,CAAA,QAAS,CAAA,WAAY,CAAA,MAGLD,CAAY,CAAA,CAG5BE,CAAAA,CACE,cAAW,CAAM,IACC,CAAA,CAAA,CAAI,IACM,EAC9B,CACF,CAAA,CAAA,CAAA,EAAA,CAAA,MACEN,CAAO,CAAA,CAAA,CAAA,CAAA,SAAe,CAAA,CAAA,CAAA,CAAA,mDAIf,CAAA,IAAK,CAAA,WAChB,CAWMO,GAAmB,CAAA,CAAA,CAAA,CAAA,MACvB,CAAA,EAAI,CAACC,GACH,CAAA,CAAA,CAAA,OAIF,MAD2CA,CAAY,wBACvBJ,CAAY,CAAA,CAE5C,CAAA,CAAA,CAAKK,CAAAA,GAAa,CAAA,CAAA,OAId,CAEF,GAAA,CAAA,MAAM,mBAAoB,CAAA,iBAGVL,CAAY,CAAA,CAG5BE,CAAAA,CACE,cAAW,CAAM,IACC,CAAA,CAAA,CAAI,IACM,EAC9B,CACF,CAAA,CAAA,CAAA,EAAA,CAAA,KAE0BG,CAAa,CAAA,CAAA,CAAA,CAAA,KAEzC,EAEMC,EAAAA,CACJF,CAAAA,CAAAA,CAAAA,CAAiB,QAAyB,EAAA,CAAA,CAAA,SAAiBG,CAAAA,YAG3D,CAAA,YACA,CAAA,CAAA,CAAA,gBACA,CAAA,CAAA,CAAA,qBAEJ,CAAA,CAAA,CAAA","file":"use-coordinate-copy.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 { getLogger } from '@accelint/logger';\nimport { useState } from 'react';\n\nconst logger = getLogger({\n  enabled: process.env.NODE_ENV !== 'production',\n  level: 'debug',\n  prefix: '[CoordinateField]',\n  pretty: true,\n});\n\nimport { getAllCoordinateFormats } from '../../components/coordinate-field/coordinate-utils';\nimport type {\n  CoordinateSystem,\n  CoordinateValue,\n} from '../../components/coordinate-field/types';\nimport type { UseTimeoutCleanupResult } from './use-timeout-cleanup';\n\nconst COPY_FEEDBACK_DURATION_MS = 2000;\n\nexport interface UseCoordinateCopyOptions {\n  currentValue: CoordinateValue | null;\n  validationErrors: string[];\n  isDisabled: boolean;\n  registerTimeout: UseTimeoutCleanupResult['registerTimeout'];\n}\n\nexport interface UseCoordinateCopyResult {\n  copiedFormat: CoordinateSystem | null;\n  handleCopyFormat: (formatToCopy: CoordinateSystem) => Promise<void>;\n  isFormatButtonEnabled: boolean;\n}\n\nexport function useCoordinateCopy({\n  currentValue,\n  validationErrors,\n  isDisabled,\n  registerTimeout,\n}: UseCoordinateCopyOptions): UseCoordinateCopyResult {\n  const [copiedFormat, setCopiedFormat] = useState<CoordinateSystem | null>(\n    null,\n  );\n\n  /**\n   * Fallback clipboard copy for browsers that don't support navigator.clipboard API.\n   * Creates a temporary textarea, copies text using document.execCommand('copy'),\n   * and provides visual feedback by setting copiedFormat state for 2 seconds.\n   *\n   * @param text - The coordinate string to copy to clipboard\n   * @param formatToCopy - The coordinate format being copied (for UI feedback)\n   */\n  const fallbackCopyToClipboard = (\n    text: string,\n    formatToCopy: CoordinateSystem,\n  ) => {\n    // Create temporary textarea for copy operation\n    const textArea = document.createElement('textarea');\n    textArea.value = text;\n    // Position off-screen so it's not visible to user\n    textArea.style.position = 'fixed';\n    textArea.style.left = '-999999px';\n    textArea.style.top = '-999999px';\n    document.body.appendChild(textArea);\n    textArea.focus();\n    textArea.select();\n\n    try {\n      document.execCommand('copy');\n\n      // Set copied format to show Check icon in UI\n      setCopiedFormat(formatToCopy);\n\n      // Reset to null after 2 seconds to return to Copy icon\n      registerTimeout(\n        setTimeout(() => {\n          setCopiedFormat(null);\n        }, COPY_FEEDBACK_DURATION_MS),\n      );\n    } catch (err) {\n      logger.withError(err).warn('Fallback copy to clipboard failed');\n    }\n\n    // Clean up temporary textarea\n    document.body.removeChild(textArea);\n  };\n\n  /**\n   * Handles copying a coordinate in the specified format to the clipboard.\n   * Uses modern clipboard API (navigator.clipboard.writeText) with fallback\n   * to document.execCommand for older browsers.\n   *\n   * Sets copiedFormat state to show visual feedback (Check icon) for 2 seconds.\n   *\n   * @param formatToCopy - The coordinate format to copy (dd, ddm, dms, mgrs, utm)\n   */\n  const handleCopyFormat = async (formatToCopy: CoordinateSystem) => {\n    if (!currentValue) {\n      return;\n    }\n\n    const allFormats = getAllCoordinateFormats(currentValue);\n    const formatResult = allFormats[formatToCopy];\n\n    if (!formatResult.isValid) {\n      return;\n    }\n\n    try {\n      // Modern clipboard API - copy and show feedback\n      await navigator.clipboard.writeText(formatResult.value);\n\n      // Set copied format to show Check icon in UI\n      setCopiedFormat(formatToCopy);\n\n      // Reset to null after 2 seconds to return to Copy icon\n      registerTimeout(\n        setTimeout(() => {\n          setCopiedFormat(null);\n        }, COPY_FEEDBACK_DURATION_MS),\n      );\n    } catch (_err) {\n      // Fall back to document.execCommand for older browsers\n      fallbackCopyToClipboard(formatResult.value, formatToCopy);\n    }\n  };\n\n  const isFormatButtonEnabled =\n    currentValue !== null && validationErrors.length === 0 && !isDisabled;\n\n  return {\n    copiedFormat,\n    handleCopyFormat,\n    isFormatButtonEnabled,\n  };\n}\n"]}

package/dist/hooks/coordinate-field/use-coordinate-field-state.d.ts

@@ -0,0 +1,28 @@
+import { Dispatch, SetStateAction } from 'react';
+import { CoordinateValue, CoordinateSystem, SegmentConfig } from '../../components/coordinate-field/types.js';
+import 'react-aria-components';
+
+interface UseCoordinateFieldStateOptions {
+    value?: CoordinateValue | null;
+    defaultValue?: CoordinateValue;
+    format: CoordinateSystem;
+    onChange?: Dispatch<SetStateAction<CoordinateValue | null>> | ((value: CoordinateValue | null) => void);
+    onError?: (message: string, context?: Record<string, unknown>) => void;
+    registerTimeout?: (timeoutId: NodeJS.Timeout) => void;
+}
+interface UseCoordinateFieldStateResult {
+    currentValue: CoordinateValue | null;
+    segmentValues: string[];
+    validationErrors: string[];
+    segmentConfigs: SegmentConfig[];
+    editableSegmentConfigs: SegmentConfig[];
+    handleSegmentChange: (index: number, newValue: string) => void;
+    setSegmentValues: (values: string[]) => void;
+    setValidationErrors: (errors: string[]) => void;
+    effectiveErrorMessage: string | null;
+    applyPastedCoordinate: (pastedValue: CoordinateValue) => void;
+    flushPendingValidation: () => void;
+}
+declare function useCoordinateFieldState({ value, defaultValue, format, onChange, onError, registerTimeout, }: UseCoordinateFieldStateOptions): UseCoordinateFieldStateResult;
+
+export { type UseCoordinateFieldStateOptions, type UseCoordinateFieldStateResult, useCoordinateFieldState };

package/dist/hooks/coordinate-field/use-coordinate-field-state.js

@@ -0,0 +1,2 @@
+import {useState,useRef,useMemo,useCallback,useEffect}from'react';import {convertDDToDisplaySegments,areAllSegmentsFilled,validateCoordinateSegments,convertDisplaySegmentsToDD}from'../../components/coordinate-field/coordinate-utils.js';import {getSegmentConfigs}from'../../components/coordinate-field/segment-configs.js';function B({value:o,defaultValue:h,format:n,onChange:b,onError:y,registerTimeout:x}){const[m,I]=useState(h||null),[C,i]=useState([]),l=useRef(null),T=o!==void 0?o:m,s=()=>{l.current&&(clearTimeout(l.current),l.current=null);},a=e=>{o===void 0&&I(e),b?.(e);},S=useMemo(()=>getSegmentConfigs(n),[n]),d=useMemo(()=>S.filter(e=>e.type!=="literal"),[S]),[g,c]=useState(()=>{const e=o!==void 0?o:h;if(!e)return new Array(d.length).fill("");const t=convertDDToDisplaySegments(e,n);return t||new Array(d.length).fill("")}),f=useCallback(e=>{s();const t=e?convertDDToDisplaySegments(e,n):null;c(t||new Array(d.length).fill("")),i([]);},[n,d.length]),D=useRef(n);useEffect(()=>{D.current!==n&&(D.current=n,f(o!==void 0?o:m));},[n,o,m,f]),useEffect(()=>{o!==void 0&&f(o);},[o,f]);const A=e=>{const t=validateCoordinateSegments(e,n);if(t.length>0){i(t),y?.("Invalid coordinate value",{errors:t,format:n,segments:e}),a(null);return}const r=convertDisplaySegmentsToDD(e,n);if(!r){const u="Invalid coordinate value";i([u]),y?.(u,{format:n,segments:e}),a(null);return}i([]),a(r);},U=(e,t)=>{const r=[...g];if(r[e]=t,c(r),areAllSegmentsFilled(r)){s();const u=setTimeout(()=>{A(r),l.current=null;},400);l.current=u,x?.(u);}else s(),i([]),T!==null&&a(null);},w=e=>{s();const t=convertDDToDisplaySegments(e,n);t&&(c(t),i([]),a(e));},M=()=>{l.current&&(s(),areAllSegmentsFilled(g)&&A(g));},P=useMemo(()=>C[0]||null,[C]);return {currentValue:T,segmentValues:g,validationErrors:C,segmentConfigs:S,editableSegmentConfigs:d,handleSegmentChange:U,setSegmentValues:c,setValidationErrors:i,effectiveErrorMessage:P,applyPastedCoordinate:w,flushPendingValidation:M}}export{B as useCoordinateFieldState};//# sourceMappingURL=use-coordinate-field-state.js.map
+//# sourceMappingURL=use-coordinate-field-state.js.map

package/dist/hooks/coordinate-field/use-coordinate-field-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/coordinate-field/use-coordinate-field-state.ts"],"names":["value","format","onError","internalValue","setInternalValue","defaultValue","p","validationErrors","useState","validationTimeoutRef","useRef","currentValue","handleChange","onChange","newValue","segmentConfigs","getSegmentConfigs","N","editableSegmentConfigs","useMemo","V","config","segmentValues","setSegmentValues","initialValue","segments","convertDDToDisplaySegments","v","convertValueToSegmentsOrClear","useCallback","valueToConvert","clearValidationTimeout","O","useEffect","F","prevFormatRef","validateAndUpdateCoordinate","updatedValues","errors","validateCoordinateSegments","ddValue","convertDisplaySegmentsToDD","k","errorMsg","setValidationErrors","handleSegmentChange","index","areAllSegmentsFilled","R","timeoutId","applyPastedCoordinate","pastedValue","flushPendingValidation","effectiveErrorMessage"],"mappings":"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","file":"use-coordinate-field-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 */\n\nimport {\n  type Dispatch,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  areAllSegmentsFilled,\n  convertDDToDisplaySegments,\n  convertDisplaySegmentsToDD,\n  validateCoordinateSegments,\n} from '../../components/coordinate-field/coordinate-utils';\nimport { getSegmentConfigs } from '../../components/coordinate-field/segment-configs';\nimport type {\n  CoordinateSystem,\n  CoordinateValue,\n  SegmentConfig,\n} from '../../components/coordinate-field/types';\n\nexport interface UseCoordinateFieldStateOptions {\n  value?: CoordinateValue | null;\n  defaultValue?: CoordinateValue;\n  format: CoordinateSystem;\n  onChange?:\n    | Dispatch<SetStateAction<CoordinateValue | null>>\n    | ((value: CoordinateValue | null) => void);\n  onError?: (message: string, context?: Record<string, unknown>) => void;\n  registerTimeout?: (timeoutId: NodeJS.Timeout) => void;\n}\n\nexport interface UseCoordinateFieldStateResult {\n  currentValue: CoordinateValue | null;\n  segmentValues: string[];\n  validationErrors: string[];\n  segmentConfigs: SegmentConfig[];\n  editableSegmentConfigs: SegmentConfig[];\n  handleSegmentChange: (index: number, newValue: string) => void;\n  setSegmentValues: (values: string[]) => void;\n  setValidationErrors: (errors: string[]) => void;\n  effectiveErrorMessage: string | null;\n  applyPastedCoordinate: (pastedValue: CoordinateValue) => void;\n  flushPendingValidation: () => void;\n}\n\nexport function useCoordinateFieldState({\n  value,\n  defaultValue,\n  format,\n  onChange,\n  onError,\n  registerTimeout,\n}: UseCoordinateFieldStateOptions): UseCoordinateFieldStateResult {\n  const [internalValue, setInternalValue] = useState<CoordinateValue | null>(\n    defaultValue || null,\n  );\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n  const validationTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const currentValue = value !== undefined ? value : internalValue;\n\n  const clearValidationTimeout = () => {\n    if (validationTimeoutRef.current) {\n      clearTimeout(validationTimeoutRef.current);\n      validationTimeoutRef.current = null;\n    }\n  };\n\n  const handleChange = (newValue: CoordinateValue | null) => {\n    if (value === undefined) {\n      setInternalValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  const segmentConfigs = useMemo(() => getSegmentConfigs(format), [format]);\n\n  const editableSegmentConfigs = useMemo(\n    () => segmentConfigs.filter((config) => config.type !== 'literal'),\n    [segmentConfigs],\n  );\n\n  const [segmentValues, setSegmentValues] = useState<string[]>(() => {\n    const initialValue = value !== undefined ? value : defaultValue;\n    if (!initialValue) {\n      return new Array(editableSegmentConfigs.length).fill('');\n    }\n\n    const segments = convertDDToDisplaySegments(initialValue, format);\n    if (!segments) {\n      return new Array(editableSegmentConfigs.length).fill('');\n    }\n\n    return segments;\n  });\n\n  const convertValueToSegmentsOrClear = useCallback(\n    (valueToConvert: CoordinateValue | null) => {\n      // Clear any pending validation when value changes\n      clearValidationTimeout();\n\n      const segments = valueToConvert\n        ? convertDDToDisplaySegments(valueToConvert, format)\n        : null;\n\n      setSegmentValues(\n        segments || new Array(editableSegmentConfigs.length).fill(''),\n      );\n      setValidationErrors([]);\n    },\n    [format, editableSegmentConfigs.length],\n  );\n\n  const prevFormatRef = useRef(format);\n\n  useEffect(() => {\n    if (prevFormatRef.current !== format) {\n      prevFormatRef.current = format;\n      const valueToConvert = value !== undefined ? value : internalValue;\n      convertValueToSegmentsOrClear(valueToConvert);\n    }\n  }, [format, value, internalValue, convertValueToSegmentsOrClear]);\n\n  useEffect(() => {\n    if (value !== undefined) {\n      convertValueToSegmentsOrClear(value);\n    }\n  }, [value, convertValueToSegmentsOrClear]);\n\n  /**\n   * Validates segment values and updates the coordinate state\n   *\n   * When validation fails, calls onError with \"Invalid coordinate value\" message\n   * and context containing the detailed validation errors from @accelint/geo.\n   *\n   * @param updatedValues - Array of segment values to validate\n   */\n  const validateAndUpdateCoordinate = (updatedValues: string[]) => {\n    const errors = validateCoordinateSegments(updatedValues, format);\n\n    if (errors.length > 0) {\n      setValidationErrors(errors);\n      onError?.('Invalid coordinate value', {\n        errors,\n        format,\n        segments: updatedValues,\n      });\n      handleChange(null);\n      return;\n    }\n\n    const ddValue = convertDisplaySegmentsToDD(updatedValues, format);\n    if (!ddValue) {\n      const errorMsg = 'Invalid coordinate value';\n      setValidationErrors([errorMsg]);\n      onError?.(errorMsg, { format, segments: updatedValues });\n      handleChange(null);\n      return;\n    }\n\n    setValidationErrors([]);\n    handleChange(ddValue);\n  };\n\n  const handleSegmentChange = (index: number, newValue: string) => {\n    const updatedValues = [...segmentValues];\n    updatedValues[index] = newValue;\n    setSegmentValues(updatedValues);\n\n    if (areAllSegmentsFilled(updatedValues)) {\n      // Clear any pending validation timeout\n      clearValidationTimeout();\n\n      // Debounce validation by 400ms when all segments are full\n      const timeoutId = setTimeout(() => {\n        validateAndUpdateCoordinate(updatedValues);\n        validationTimeoutRef.current = null;\n      }, 400);\n\n      validationTimeoutRef.current = timeoutId;\n      registerTimeout?.(timeoutId);\n    } else {\n      // Clear any pending validation when segments become incomplete\n      clearValidationTimeout();\n      setValidationErrors([]);\n      if (currentValue !== null) {\n        handleChange(null);\n      }\n    }\n  };\n\n  const applyPastedCoordinate = (pastedValue: CoordinateValue) => {\n    // Clear any pending validation when applying pasted coordinate\n    clearValidationTimeout();\n\n    const segments = convertDDToDisplaySegments(pastedValue, format);\n\n    if (segments) {\n      setSegmentValues(segments);\n      setValidationErrors([]);\n      handleChange(pastedValue);\n    }\n  };\n\n  const flushPendingValidation = () => {\n    if (validationTimeoutRef.current) {\n      clearValidationTimeout();\n\n      // Immediately validate if all segments are filled\n      if (areAllSegmentsFilled(segmentValues)) {\n        validateAndUpdateCoordinate(segmentValues);\n      }\n    }\n  };\n\n  const effectiveErrorMessage = useMemo(\n    () => validationErrors[0] || null,\n    [validationErrors],\n  );\n\n  return {\n    currentValue,\n    segmentValues,\n    validationErrors,\n    segmentConfigs,\n    editableSegmentConfigs,\n    handleSegmentChange,\n    setSegmentValues,\n    setValidationErrors,\n    effectiveErrorMessage,\n    applyPastedCoordinate,\n    flushPendingValidation,\n  };\n}\n"]}