@accelint/design-toolkit 7.0.0 → 8.0.0

package/dist/components/notice/notice-icon.d.ts

@@ -4,11 +4,8 @@ import '@accelint/bus';
 import '@accelint/core';
 import 'react-aria-components';
 import '../button/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import 'react';
-import '../button/styles.js';
-import 'tailwind-merge';
 import './events.js';
 
 declare function NoticeIcon({ color, size }: NoticeIconProps): react_jsx_runtime.JSX.Element;

package/dist/components/notice/notice-icon.js

@@ -1,2 +1,4 @@
+'use client';
+
 import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {Information,Success,Warning,Problem}from'@accelint/icons';import {Icon}from'../icon/index.js';function I({color:o="info",size:r}){return jsxs(Icon,{size:r==="small"?"medium":"large",children:[o==="info"&&jsx(Information,{}),o==="advisory"&&jsx(Information,{}),o==="normal"&&jsx(Success,{}),o==="serious"&&jsx(Warning,{}),o==="critical"&&jsx(Problem,{})]})}export{I as NoticeIcon};//# sourceMappingURL=notice-icon.js.map
 //# sourceMappingURL=notice-icon.js.map

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

@@ -0,0 +1,133 @@
+/*
+ * 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 {
+  .notice {
+    @apply fg-primary-bold rounded-medium text-body-s shadow-elevation-overlay flex outline;
+
+    @variant size-small {
+      @apply gap-m p-s flex-col flex-wrap;
+    }
+
+    @variant size-medium {
+      @apply gap-l p-l;
+    }
+
+    @variant group-data-placement/region {
+      @variant size-small {
+        min-width: 120px;
+        max-width: 320px;
+      }
+
+      @variant size-medium {
+        min-width: 200px;
+        max-width: 640px;
+      }
+    }
+
+    @variant color-info {
+      @apply bg-info-muted outline-info-bold;
+    }
+
+    @variant color-advisory {
+      @apply bg-advisory-muted outline-accent-primary-bold;
+    }
+
+    @variant color-normal {
+      @apply color-normal:bg-normal-muted color-normal:outline-normal-bold;
+    }
+
+    @variant color-serious {
+      @apply color-serious:bg-serious-muted color-serious:outline-serious-bold;
+    }
+
+    @variant color-critical {
+      @apply color-critical:bg-critical-muted color-critical:outline-critical-bold;
+    }
+  }
+
+  .content {
+    @apply flex flex-1 items-center;
+
+    @variant group-size-medium/notice {
+      @apply gap-l;
+    }
+
+    @variant group-size-small/notice {
+      @apply gap-m;
+    }
+  }
+
+  .message {
+    @apply flex-1;
+
+    @variant group-size-small/notice {
+      @apply basis-10/12;
+    }
+  }
+
+  .actions {
+    @apply gap-s flex flex-row-reverse items-center;
+
+    @variant group-size-small/notice {
+      @apply grow justify-start;
+    }
+  }
+
+  .region {
+    @apply gap-y-s flex flex-col;
+
+    &[data-placement] {
+      @apply absolute;
+    }
+
+    @variant placement-top {
+      @apply top-0;
+    }
+
+    @variant placement-bottom {
+      @apply bottom-0;
+    }
+
+    @variant placement-right {
+      @apply right-0;
+    }
+
+    @variant placement-left {
+      @apply left-0;
+    }
+
+    /*
+      center the region horizontally when placement
+      is exactly "top" or "bottom"
+    */
+    &:where([data-placement='top']),
+    &:where([data-placement='bottom']) {
+      @apply left-1/2 -translate-x-1/2;
+    }
+
+    /*
+      center the region vertically when placement
+      is exactly "right" or "left"
+    */
+    &:where([data-placement='right']),
+    &:where([data-placement='left']) {
+      @apply top-1/2 -translate-y-1/2;
+    }
+  }
+
+  .list {
+    @apply gap-y-s flex flex-col;
+  }
+}

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

@@ -1,13 +1,10 @@
-import { Payload } from '@accelint/bus';
+import { StructuredCloneableData, Payload } from '@accelint/bus';
 import { UniqueId } from '@accelint/core';
 import { ToastListProps } from 'react-aria-components';
 import { ButtonProps } from '../button/types.js';
 import { NoticeEventTypes } from './events.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import 'react';
-import '../button/styles.js';
-import 'tailwind-merge';
 
 type NoticeColor = 'info' | 'advisory' | 'normal' | 'serious' | 'critical';
 type ActionButtonProps = Pick<ButtonProps, 'color' | 'variant'> & {
@@ -21,7 +18,7 @@ type NoticeContent = {
     secondary?: ActionButtonProps;
     timeout?: number;
     target?: UniqueId;
-    metadata?: Record<string, unknown>;
+    metadata?: Record<string, StructuredCloneableData>;
 };
 type NoticeIconProps = {
     color?: NoticeColor;
@@ -66,7 +63,7 @@ type NoticeDequeueEvent = Payload<typeof NoticeEventTypes.dequeue, {
     id?: UniqueId;
     target?: UniqueId;
     color?: NoticeColor;
-    metadata?: Record<string, unknown>;
+    metadata?: Record<string, StructuredCloneableData>;
 }>;
 type NoticeActionEvent = Payload<typeof NoticeEventTypes.actionPrimary | typeof NoticeEventTypes.actionSecondary | typeof NoticeEventTypes.close, {
     id: UniqueId;

package/dist/components/options/context.js

@@ -1,2 +1,4 @@
+'use client';
+
 import'client-only';import {createContext}from'react';const p=createContext(null);export{p as OptionsContext};//# sourceMappingURL=context.js.map
 //# sourceMappingURL=context.js.map

package/dist/components/options/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,ListBox,composeRenderProps}from'react-aria-components';import {OptionsContext}from'./context.js';import {OptionsStyles}from'./styles.js';const{list:O}=OptionsStyles();function y({ref:t,...o}){[o,t]=useContextProps(o,t??null,OptionsContext);const{children:s,className:e,size:i,...n}=o;return jsx(ListBox,{...n,ref:t,className:composeRenderProps(e,p=>O({className:p})),"data-size":i,children:s})}export{y as Options};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,ListBox,composeRenderProps}from'react-aria-components';import {OptionsContext}from'./context.js';import x from'./styles.module.css';function T({ref:t,...o}){[o,t]=useContextProps(o,t??null,OptionsContext);const{children:s,className:e,size:i,...p}=o;return jsx(ListBox,{...p,ref:t,className:composeRenderProps(e,n=>clsx("group/options",x.list,n)),"data-size":i,children:s})}export{T as Options};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/index.tsx"],"names":["OptionsStyles","c","props","useContextProps","ref","a","OptionsContext","l","size","jsx","rest","m","list"],"mappings":"yNAuBQ,KAAK,CAAIA,IA2CV,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,UAEL,CAAA,CAAA,IACkB,CAClB,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOE,GAAO,CAAAC,eAAA,CAAA,CAAA,CAAMC,CAAc,EAEjE,IAAA,CAAMC,cAAE,CAAA,CAAA,KAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAWC,CAAAA,CAAM,CAAA,IAAQ,CAAIN,CAAAA,CAE/C,OACEO,CAAAA,OACMC,IACJC,OAAA,CAAA,CAAA,GACA,iBACEC,CAAAA,kBAAK,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,0BAIR,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","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 {\n  composeRenderProps,\n  ListBox,\n  useContextProps,\n} from 'react-aria-components';\nimport { OptionsContext } from './context';\nimport { OptionsStyles } from './styles';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\nconst { list } = OptionsStyles();\n\n/**\n * Options - A flexible list component for selectable items with rich content\n *\n * Provides accessible list functionality with support for selection, sections,\n * and rich item content including labels, descriptions, and icons. Perfect for\n * dropdown lists, menu items, or any selectable list interface.\n *\n * @example\n * // Basic options list\n * <Options>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 1</OptionsItemLabel>\n *   </OptionsItem>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 2</OptionsItemLabel>\n *   </OptionsItem>\n * </Options>\n *\n * @example\n * // Options with descriptions and icons\n * <Options>\n *   <OptionsItem>\n *     <Icon><User /></Icon>\n *     <OptionsItemContent>\n *       <OptionsItemLabel>John Doe</OptionsItemLabel>\n *       <OptionsItemDescription>Senior Developer</OptionsItemDescription>\n *     </OptionsItemContent>\n *   </OptionsItem>\n * </Options>\n *\n * @example\n * // Sectioned options\n * <Options>\n *   <OptionsSection header=\"Recent\">\n *     <OptionsItem>Recent Item 1</OptionsItem>\n *   </OptionsSection>\n *   <OptionsSection header=\"All Items\">\n *     <OptionsItem>All Items 1</OptionsItem>\n *   </OptionsSection>\n * </Options>\n */\nexport function Options<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: OptionsProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, OptionsContext);\n\n  const { children, className, size, ...rest } = props;\n\n  return (\n    <ListBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        list({ className }),\n      )}\n      data-size={size}\n    >\n      {children}\n    </ListBox>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/options/index.tsx"],"names":["ref","props","useContextProps","OptionsContext","c","size","rest","O","a","className","clsx","r"],"mappings":"6QAiEO,SACL,CAAA,CAAAA,CAAAA,GACA,CAAGC,CACL,IACGA,CAAAA,CAAOD,CAAG,EAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,cAAA,CAAA,CAAM,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAAC,KAASC,CAAK,CAAA,GAE3C,CAAA,CAAA,CAAA,CAAA,CAAA,OAEKC,GAAA,CAAAC,OAAGF,CAAAA,CACJ,IAAKN,CAAAA,GACL,CAAA,CAAA,CAAA,SAA0CS,oBACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,eAAwB,CAAA,CAAA,CAAMF,IAErC,gBAEC,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  ListBox,\n  useContextProps,\n} from 'react-aria-components';\nimport { OptionsContext } from './context';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\n/**\n * Options - A flexible list component for selectable items with rich content\n *\n * Provides accessible list functionality with support for selection, sections,\n * and rich item content including labels, descriptions, and icons. Perfect for\n * dropdown lists, menu items, or any selectable list interface.\n *\n * @example\n * // Basic options list\n * <Options>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 1</OptionsItemLabel>\n *   </OptionsItem>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 2</OptionsItemLabel>\n *   </OptionsItem>\n * </Options>\n *\n * @example\n * // Options with descriptions and icons\n * <Options>\n *   <OptionsItem>\n *     <Icon><User /></Icon>\n *     <OptionsItemContent>\n *       <OptionsItemLabel>John Doe</OptionsItemLabel>\n *       <OptionsItemDescription>Senior Developer</OptionsItemDescription>\n *     </OptionsItemContent>\n *   </OptionsItem>\n * </Options>\n *\n * @example\n * // Sectioned options\n * <Options>\n *   <OptionsSection header=\"Recent\">\n *     <OptionsItem>Recent Item 1</OptionsItem>\n *   </OptionsSection>\n *   <OptionsSection header=\"All Items\">\n *     <OptionsItem>All Items 1</OptionsItem>\n *   </OptionsSection>\n * </Options>\n */\nexport function Options<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: OptionsProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, OptionsContext);\n\n  const { children, className, size, ...rest } = props;\n\n  return (\n    <ListBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/options', styles.list, className),\n      )}\n      data-size={size}\n    >\n      {children}\n    </ListBox>\n  );\n}\n"]}

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

@@ -1,9 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { OptionsItemTextProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../icon/types.js';
+import { TextProps } from 'react-aria-components';
 
-declare function OptionsItemContent({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
+declare function OptionsItemContent({ className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
 
 export { OptionsItemContent };

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

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {OptionsStyles}from'./styles.js';const{content:n}=OptionsStyles();function m({className:t,...o}){return jsx("div",{...o,className:n({className:t})})}export{m as OptionsItemContent};//# sourceMappingURL=item-content.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import e from'./styles.module.css';function s({className:t,...o}){return jsx("div",{...o,className:clsx(e.content,t)})}export{s as OptionsItemContent};//# sourceMappingURL=item-content.js.map
 //# sourceMappingURL=item-content.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/item-content.tsx"],"names":["OptionsStyles","e","rest","p"],"mappings":"gGAiBA,aAAoBA,CAAAA,CAAc,CAAA,CAE3BC,yBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,UAAc,CAC3D,CAAA,CAAA,CAAA,CAAA","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'use client';\n\nimport 'client-only';\nimport { OptionsStyles } from './styles';\nimport type { OptionsItemTextProps } from './types';\n\nconst { content } = OptionsStyles();\n\nexport function OptionsItemContent({\n  className,\n  ...rest\n}: OptionsItemTextProps) {\n  return <div {...rest} className={content({ className })} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/options/item-content.tsx"],"names":["OptionsItemContent","className","jsx","rest","clsx","styles"],"mappings":"gIAeO,SAASA,CAAmB,CAAE,CAAA,SAAAC,CAAAA,CAAW,CAAA,GAAQ,CAAA,CAAc,CACpE,CAAA,OAAOC,GAAC,CAAA,KAAA,CAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,OAASJ,CAAS,EAAG,CACpE,CAAA","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 */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components';\n\nexport function OptionsItemContent({ className, ...rest }: TextProps) {\n  return <div {...rest} className={clsx(styles.content, className)} />;\n}\n"]}

package/dist/components/options/item-description.d.ts

@@ -1,9 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { OptionsItemTextProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../icon/types.js';
+import { TextProps } from 'react-aria-components';
 
-declare function OptionsItemDescription({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
+declare function OptionsItemDescription({ className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
 
 export { OptionsItemDescription };

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

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';import {OptionsStyles}from'./styles.js';const{description:i}=OptionsStyles();function c({className:t,...o}){return jsx(Text,{...o,slot:"description",className:i({className:t})})}export{c as OptionsItemDescription};//# sourceMappingURL=item-description.js.map
+import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {Text}from'react-aria-components';import e from'./styles.module.css';function c({className:o,...t}){return jsx(Text,{...t,slot:"description",className:clsx(e.description,o)})}export{c as OptionsItemDescription};//# sourceMappingURL=item-description.js.map
 //# sourceMappingURL=item-description.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/item-description.tsx"],"names":["OptionsStyles","e","rest","s","p"],"mappings":"8IAkBQ,CAAA,WAAgBA,CAAAA,CAAc,EAE/BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAM,CAAAC,IAAA,CAAGF,IAAM,CAAA,CAAA,IAAK,CAAA,uBAAuC,cAAc,CAE9E,CAAA,CAAA,CAAA,CAAA","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'use client';\n\nimport 'client-only';\nimport { Text } from 'react-aria-components';\nimport { OptionsStyles } from './styles';\nimport type { OptionsItemTextProps } from './types';\n\nconst { description } = OptionsStyles();\n\nexport function OptionsItemDescription({\n  className,\n  ...rest\n}: OptionsItemTextProps) {\n  return (\n    <Text {...rest} slot='description' className={description({ className })} />\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/options/item-description.tsx"],"names":["OptionsItemDescription","className","jsx","Text","rest","clsx","styles"],"mappings":"yKAiBO,SAASA,CAAuB,CAAE,CAAA,SAAAC,CAAAA,CAAW,CAAA,GAAQ,EAAc,CACxE,CAAA,OACEC,GAACC,CAAAA,IAAA,CACE,CAAA,GAAGC,CACJ,CAAA,IAAK,CAAA,aACL,UAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,WAAaL,CAAS,EAC/C,CAEJ,CAAA","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 { Text } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components';\n\nexport function OptionsItemDescription({ className, ...rest }: TextProps) {\n  return (\n    <Text\n      {...rest}\n      slot='description'\n      className={clsx(styles.description, className)}\n    />\n  );\n}\n"]}

package/dist/components/options/item-label.d.ts

@@ -1,9 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { OptionsItemTextProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../icon/types.js';
+import { TextProps } from 'react-aria-components';
 
-declare function OptionsItemLabel({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
+declare function OptionsItemLabel({ className, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
 
 export { OptionsItemLabel };

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

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';import {OptionsStyles}from'./styles.js';const{label:s}=OptionsStyles();function n({className:t,...o}){return jsx(Text,{...o,slot:"label",className:s({className:t})})}export{n as OptionsItemLabel};//# 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 i({className:o,...t}){return jsx(Text,{...t,slot:"label",className:clsx(m.label,o)})}export{i as OptionsItemLabel};//# sourceMappingURL=item-label.js.map
 //# sourceMappingURL=item-label.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/item-label.tsx"],"names":["OptionsStyles","p","rest","m","e"],"mappings":"8IAkBQ,CAAA,KAAUA,CAAAA,CAAc,EAEzBC,aAAA,EAAA,CAAA,SAA4B,CAAA,CAAA,CAAA,WAAcC,CAAK,GACpD,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAM,CAAAC,IAAA,CAAGF,IAAM,CAAA,CAAA,IAAK,CAAA,iBAA2B,cAAc,CACvE,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'use client';\n\nimport 'client-only';\nimport { Text } from 'react-aria-components';\nimport { OptionsStyles } from './styles';\nimport type { OptionsItemTextProps } from './types';\n\nconst { label } = OptionsStyles();\n\nexport function OptionsItemLabel({ className, ...rest }: OptionsItemTextProps) {\n  return <Text {...rest} slot='label' className={label({ className })} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/options/item-label.tsx"],"names":["OptionsItemLabel","className","jsx","Text","rest","clsx","styles"],"mappings":"yKAiBO,SAASA,CAAiB,CAAE,CAAA,SAAAC,CAAAA,CAAW,CAAA,GAAQ,EAAc,CAClE,CAAA,OACEC,GAACC,CAAAA,IAAA,CAAM,CAAA,GAAGC,CAAM,CAAA,IAAK,CAAA,OAAQ,UAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,KAAOL,CAAS,EAAG,CAE3E,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 } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components';\n\nexport function OptionsItemLabel({ className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)} />\n  );\n}\n"]}

package/dist/components/options/item.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {ListBoxItem,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {OptionsItemLabel}from'./item-label.js';import {OptionsStyles}from'./styles.js';const{item:O,icon:c}=OptionsStyles();function u({children:o,classNames:m,color:i="info",textValue:p=typeof o=="string"?o:"",...r}){return jsx(ListBoxItem,{...r,className:composeRenderProps(m?.item,t=>O({className:t})),textValue:p,"data-color":i,children:composeRenderProps(o,t=>jsx(IconProvider,{className:c({className:m?.icon}),size:"small",children:typeof t=="string"?jsx(OptionsItemLabel,{children:t}):t}))})}export{u as OptionsItem};//# sourceMappingURL=item.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {ListBoxItem,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {OptionsItemLabel}from'./item-label.js';import s from'./styles.module.css';function L({children:o,classNames:m,color:r="info",textValue:n=typeof o=="string"?o:"",...a}){return jsx(ListBoxItem,{...a,className:composeRenderProps(m?.item,t=>clsx("group/options-item",s.item,t)),textValue:n,"data-color":r,children:composeRenderProps(o,t=>jsx(IconProvider,{className:clsx(s.icon,m?.icon),size:"small",children:typeof t=="string"?jsx(OptionsItemLabel,{children:t}):t}))})}export{L as OptionsItem};//# sourceMappingURL=item.js.map
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/item.tsx"],"names":["item","icon","OptionsStyles","f","OptionsItem","children","classNames","textValue","jsx","ListBoxItem","e","n","composeRenderProps","className","s","OptionsItemLabel"],"mappings":"gQAoBQA,KAAM,CAAAC,IAASC,CAAc,EAE9B,IAAA,CAAA,CAAA,CAAA,CAAAC,aAASC,EAAuC,CACrD,SAAAC,CAAAA,CACA,CAAA,QAAA,CAAA,CAAAC,WACQ,CAAA,CAAA,CAAA,KACR,CAAA,CAAA,CAAA,MAAAC,CAAY,UAAoB,CAAA,CAAA,OAAWF,CAAAA,EAAW,QAEhC,CACtB,CAAA,CAAA,EAAA,CAAA,GACEG,CAACC,EAAA,CACE,OACDC,GAAA,CAAAC,WAAA,CAAA,CAAA,GAAWC,CAAAA,CAAmBN,SAAmBO,CAAAA,kBAC/Cb,CAAAA,CAAK,EAAE,IAAA,CAAA,CAAA,EAAA,CAAAa,CAAU,CAAC,SAEpB,CAAA,CAAA,CAAA,CAAWN,EACX,SAAA,CAAA,CAAA,CAAA,YAECK,CAAAA,CAAmBP,CAAAA,QACjB,CACCS,wCAAWb,CAAAA,CAAK,WAAaK,CAAAA,CAAAA,SAC7B,CAAA,CAAA,EAAK,IAAA,CAAA,CAAA,CAAA,qBAEgB,CAAA,OACnBE,CAAAA,EAACO,QAAkB,CAAAL,GAAA,CAAAL,iBAAS,CAAA,QAQxC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,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 { composeRenderProps, ListBoxItem } from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { OptionsItemLabel } from './item-label';\nimport { OptionsStyles } from './styles';\nimport type { OptionsDataItem, OptionsItemProps } from './types';\n\nconst { item, icon } = OptionsStyles();\n\nexport function OptionsItem<T extends OptionsDataItem>({\n  children,\n  classNames,\n  color = 'info',\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: OptionsItemProps<T>) {\n  return (\n    <ListBoxItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className }),\n      )}\n      textValue={textValue}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children) => (\n        <IconProvider\n          className={icon({ className: classNames?.icon })}\n          size='small'\n        >\n          {typeof children === 'string' ? (\n            <OptionsItemLabel>{children}</OptionsItemLabel>\n          ) : (\n            children\n          )}\n        </IconProvider>\n      ))}\n    </ListBoxItem>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/options/item.tsx"],"names":["OptionsItem","children","color","rest","jsx","ListBoxItem","I","p","className","i","composeRenderProps","IconProvider","e","f","classNames","O"],"mappings":"oTAqBgBA,SACd,CAAA,CAAA,CAAAC,QACA,CAAA,CAAA,CAAA,UACAC,CAAAA,CAAQ,CAAA,KAAA,CACR,kBAAY,CAAOD,SAAa,CAAA,EAAWA,QACxCE,CACL,CAAA,CAAwB,EACtB,CAAA,GAAA,CAAA,CACEC,CAAAA,CAACC,UAEC,CAAAC,WAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAA0C,CAAAC,kBAAOC,CAAAA,CAAAA,MAC1C,CAAA,CAAA,EAAAC,IAAA,CAAA,oBAA4C,CACnD,EACA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,wBAGC,CAAA,CAAA,CAAAC,QACCN,CAACO,mBAAA,CACC,CAAA,CAAA,EAAAC,GAAA,CAAAC,YAAA,CAAA,CAAA,SAAuB,CAAMC,MAAY,CAAA,IAAI,CAC7C,OAAK,CAAA,CAAA,IAEJ,CAAA,OAAA,CAAA,gBAAoB,CAAA,EACnBV,QAAmB,CAAAQ,GAAA,CAAAG,gBAAA,CAAA,CAAAd,QAKxB,CACH,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA,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 { composeRenderProps, ListBoxItem } from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { OptionsItemLabel } from './item-label';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsItemProps } from './types';\n\nexport function OptionsItem<T extends OptionsDataItem>({\n  children,\n  classNames,\n  color = 'info',\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: OptionsItemProps<T>) {\n  return (\n    <ListBoxItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/options-item', styles.item, className),\n      )}\n      textValue={textValue}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children) => (\n        <IconProvider\n          className={clsx(styles.icon, classNames?.icon)}\n          size='small'\n        >\n          {typeof children === 'string' ? (\n            <OptionsItemLabel>{children}</OptionsItemLabel>\n          ) : (\n            children\n          )}\n        </IconProvider>\n      ))}\n    </ListBoxItem>\n  );\n}\n"]}

package/dist/components/options/section.js

@@ -1,2 +1,2 @@
-import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {ListBoxSection,Header,Collection}from'react-aria-components';import {OptionsStyles}from'./styles.js';const{section:r,header:m}=OptionsStyles();function f({children:s,classNames:t,header:e,items:i}){return jsxs(ListBoxSection,{id:e,className:r({className:t?.section}),children:[jsx(Header,{className:m({className:t?.header}),children:e}),jsx(Collection,{items:i,children:s})]})}export{f as OptionsSection};//# sourceMappingURL=section.js.map
+import {jsxs,jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {ListBoxSection,Header,Collection}from'react-aria-components';import i from'./styles.module.css';function O({children:s,classNames:o,header:t,items:p}){return jsxs(ListBoxSection,{id:t,className:clsx(i.section,o?.section),children:[jsx(Header,{className:clsx(i.header,o?.header),children:t}),jsx(Collection,{items:p,children:s})]})}export{O as OptionsSection};//# sourceMappingURL=section.js.map
 //# sourceMappingURL=section.js.map

package/dist/components/options/section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/section.tsx"],"names":["OptionsStyles","c","l","p","header","Header","o","a","jsx","Collection","n"],"mappings":"0KAkBA,KAAQ,CAAA,OAAS,CAAA,CAAA,CAAA,MAA6BA,CAAAA,CAAc,CAAA,CAErDC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,qBAEA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,KACyB,CACzB,WACGC,IACC,CAAAC,cAAA,CAAIC,GACJ,CAAA,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,OAE5C,CAAA,CAAA,CAAA,QAACC,CAAAA,CAAAC,GAAO,CAAAC,MAAA,CAAA,CAAA,SAA8B,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,MAC1D,CAAA,CAAA,CAAA,QACH,CACAC,CAAAA,CAACC,EAAAH,GAAW,CAAAI,UAAA,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,UAC7B,CAEJ,CAAA,CAAA,CAAA,CAAA","file":"section.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 { Collection, Header, ListBoxSection } from 'react-aria-components';\nimport { OptionsStyles } from './styles';\nimport type { OptionsDataItem, OptionsSectionProps } from './types';\n\nconst { section, header: headerClassNames } = OptionsStyles();\n\nexport function OptionsSection<T extends OptionsDataItem>({\n  children,\n  classNames,\n  header,\n  items,\n}: OptionsSectionProps<T>) {\n  return (\n    <ListBoxSection\n      id={header}\n      className={section({ className: classNames?.section })}\n    >\n      <Header className={headerClassNames({ className: classNames?.header })}>\n        {header}\n      </Header>\n      <Collection items={items}>{children}</Collection>\n    </ListBoxSection>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/options/section.tsx"],"names":["OptionsSection","children","classNames","header","items","jsxs","ListBoxSection","clsx","styles","jsx","Header","Collection"],"mappings":"0MAiBO,SAASA,CAA0C,CACxD,CAAA,QAAAC,CAAAA,CACA,CAAA,UAAAC,CAAAA,CACA,CAAA,MAAAC,CAAAA,CACA,CAAA,KAAAC,CACF,EAA2B,CACzB,CAAA,OACEC,IAACC,CAAAA,cAAA,CACC,CAAA,EAAIH,CAAAA,CACJ,CAAA,SAAWI,KAAKC,CAAAA,CAAO,CAAA,OAASN,CAAAA,CAAAA,EAAY,OAAO,CAEnD,CAAA,QAAA,CAAAO,CAAAA,GAACC,CAAAA,MAAA,CAAO,CAAA,SAAWH,CAAAA,IAAKC,CAAAA,CAAO,CAAA,MAAQN,CAAAA,CAAAA,EAAY,MAAM,CACtD,CAAA,QAAAC,EACH,CAAA,CACAM,CAAAA,GAACE,CAAAA,UAAA,CAAW,CAAA,KAAOP,CAAAA,CAAQ,CAAA,QAAAH,CAAAA,CAAS,GACtC,CAEJ,CAAA","file":"section.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 { Collection, Header, ListBoxSection } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsSectionProps } from './types';\n\nexport function OptionsSection<T extends OptionsDataItem>({\n  children,\n  classNames,\n  header,\n  items,\n}: OptionsSectionProps<T>) {\n  return (\n    <ListBoxSection\n      id={header}\n      className={clsx(styles.section, classNames?.section)}\n    >\n      <Header className={clsx(styles.header, classNames?.header)}>\n        {header}\n      </Header>\n      <Collection items={items}>{children}</Collection>\n    </ListBoxSection>\n  );\n}\n"]}