@accelint/design-toolkit 6.0.0 → 7.0.0

package/dist/components/notice/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/notice/list.tsx"],"names":["NoticeList","id","classNames","defaultColor","defaultTimeout","hideClearAll","global","placement","size","rest","queue","useMemo","limit","_","useToastQueue","useRef","regionProps","useToastRegion","ref","useBus","k","emitActionPrimary","useEmit","NoticeEventTypes","useOn","data","i","uuid","b","dequeue","queuedNotices","toast","matchesMetadata","I","setHasNotices","U","hasNotices","jsx","Button","X","W","composeRenderProps","className","V","ToastList","list","n","M","f","K","F","ToastRegion","region","H","state","children","O"],"mappings":"uoBA2CO,KAASA,CAAAA,IACd,CAAAC,CAAAA,CACA,sBAAAC,EACA,CAAA,SAAA,EAAA,CAAAC,CAAAA,EACA,CAAA,CAAA,CAAA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,EACA,cACA,CAAA,CAAA,CAAAC,YACAC,EACA,CAAA,KAAAC,CAAO,CAAA,CAAA,CAAA,CAAA,MACP,CAAA,CAAGC,CACL,SACQC,CAAAA,CAAQC,KACZ,CAAM,CAAA,CAAA,QAAgC,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,MAAkBC,CAAM,CAACC,OAAA,CAC/D,IACF,IACcC,mBAAcJ,CAAK,iBAGrBK,CAAO,IAAI,CAAA,CACjB,CAAE,wBAAAC,CAAY,CAAA,CAAIC,QAAAA,CAAeR,KAAMC,CAAAA,CAAOQ,CAAG,OAEjD,CAAE,IAAA,CAAA,CAAA,CAAA,WAAe,CAAIC,EAEzB,CAAAC,cACIC,CAAAA,CAAoBC,CAAAA,CAAQC,CAAAA,CAAiB,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAa,KACpCD,CAAQC,CAAAA,CAAiB,4CACV,CAAA,CAAA,CAAA,CAAK,CAAA,CAEhDC,gBAAAA,CAAMD,eACCtB,CAAMwB,CAAAA,CAAK,CAAA,CAAA,CAAAC,gBAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,CAAAA,gBAAA,CAAA,KAAmBzB,CAAAA,CAAAA,EACzCS,CAAAA,CAAM,CAAA,EAAA,CACJ,CACE,cACA,GAAIe,CAAK,QAAQ,CAAA,GAAME,CAAAA,CAAK,GAC5B,CAAA,CAAA,OAAuBF,CAAK,EAAA,CAAA,CAAA,CAAA,OAAQ,CACtC,EACA,EACEG,IAAA,EAAA,CAAA,KAASxB,CAAkBqB,CAAAA,EAAK,CAAA,CAAA,OAAQ,CAAA,KAE5C,CAEJ,CAAC,CAAA,OAEsB,CAAA,CAAA,EAAA,CAAA,CAAUA,OAE/B,CAAA,OAA4B,CAAA,EAAA,CAAA,CAAA,CAEtBI,CAAAA,CAAUC,iBAAc,OAAQC,CAAAA,CAAAA,EACpCC,CAAgBP,MAAK,CAAA,CAAA,CAAA,CAASM,SAAa,CAC7C,MAEIF,CAAQ,CAAA,EAAAI,eAAA,CAAA,CAAA,CAAA,OAAkB,CAAA,CAAA,CAAA,OAAyB,CAAA,CAAA,CAAA,GAC/C,CAAA,CAAA,MAAM,EAAA,CAAA,CAEZ,WAAWF,MAASF,CAClBnB,EAAM,KAAA,EAAMqB,CAAM,KAGvB,IAES,OACF,IAAA,CAAA,CAAA,CAAA,CAAA,KAAU,CAAM,CACpBG,CAAAA,GAAoB,EAAA,CAAA,CAAA,CAAAC,SAAA,CAAA,IAAA,CAAA,CAAA,CAAA,SAAwB,CAC9C,IACD,CAED,iBAEK,CAAA,MAAC9B,IAAgB+B,CAAAA,EAAAA,CAChBC,CAAAA,CAACC,MACC,CAAA,CAAAC,IAAA,CAAAC,QAAA,CAAA,CAAWC,QACG,CAAA,CAAA,CAAA,CACXC,EAAAA,CAAcA,EAAAA,GAAa,CAAAC,MAC9B,CAAA,CACA,sCACA,CAAA,CAAA,EAAA,CAASjC,EAAM,EAAA,CAAA,CAAA,OAChB,CAAA,SAAA,CAAA,OAIH2B,CAAAA,CAACO,MACC,CAAA,QAA8B1C,CAAAA,WAC5B2C,CAAK,CAAE,CAAAC,GAAA,CAAAC,kBAAA,CAAA,CAAA,SAGR,CAAAC,kBAAA,CAAA,CAAA,EAAA,IAAC,CAAE,CAAA,EAAA,CAAA,CAAA,CAAAjB,SACD,CACE,CAAA,CAAA,CAAGA,CAAAA,CAAM,QACV,CAAA,CAAA,CAAA,OACA,CAAA,GAAAkB,aAAA,CAAAC,MAAA,CAAA,CAAA,GAEInB,EAAM,OAAA,CAAA,GACA,gBAAQ,CACdA,EAAM,CAAA,CAAA,OAAQ,EAAA,CAAA,CAAA,OAGlB,CAAA,OAAA,EAAY7B,CAAAA,CAAAA,QACZ,uBACiB,EAAA,MAA0B,CAAA,IAAU,CAAA,CAAA,CAAA,2BAClC,CAAA,OACK,CAAA,EAAI6B,CAAM,mBAElC,CAAA,IAAS,CAAM,CACbA,GAAM,CAAA,CAAA,CAAA,OAAU,CAChBrB,EAAM,CAAA,CAAA,CAAA,OAAY,CAAG,IACX,CAAE,CAAA,CAAA,OAAU,IAAQ,CAAA,CAAG,CAAC,KAI1C,CAAA,CAAA,CACF,UAGKJ,CACL+B,CAAAA,CAACc,OACC,CAAA,EAAA,CAAA,EAAA,CAAWC,CAAAA,CAAO,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,OAAWlD,CAAY,CAAA4C,GAAA,CAAAO,oBAAA,CAAA,CAAO,SAClD,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,EAAA,MAEC,CAAA,CAAA,CAAA,iBAIA,CAAA,CAAA,gBACmB,cAAWnD,CAAY,CAAA,GAAA,CAAA,CAAO,SAClD,CAAA,CAAA,CAAA,CAAA,SACA,IAAKgB,MAEL,CAAA,CAAA,CAAA,gBAA4B,MAAOoC,CAAAA,CAChC,CAAA,QAAAC,CAAAA,GACH,CAAAC,0BACF,CAEJ,QAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"list.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { useBus } from '@accelint/bus/react';\nimport { uuid } from '@accelint/core';\nimport { useToastRegion } from '@react-aria/toast';\nimport { useToastQueue } from '@react-stately/toast';\nimport 'client-only';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  composeRenderProps,\n  type QueuedToast,\n  UNSTABLE_ToastList as ToastList,\n  UNSTABLE_ToastQueue as ToastQueue,\n  UNSTABLE_ToastRegion as ToastRegion,\n  UNSTABLE_ToastStateContext as ToastStateContext,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Notice } from './';\nimport { NoticeEventTypes } from './events';\nimport { NoticeStyles } from './styles';\nimport { matchesMetadata } from './utils';\nimport type {\n  NoticeActionEvent,\n  NoticeContent,\n  NoticeDequeueEvent,\n  NoticeListProps,\n  NoticeQueueEvent,\n} from './types';\n\nconst { list, region } = NoticeStyles();\n\nexport function NoticeList({\n  id,\n  classNames,\n  defaultColor,\n  defaultTimeout,\n  hideClearAll,\n  limit = 3,\n  global,\n  placement,\n  size = 'medium',\n  ...rest\n}: NoticeListProps) {\n  const queue = useMemo(\n    () => new ToastQueue<NoticeContent>({ maxVisibleToasts: limit }),\n    [limit],\n  );\n  const state = useToastQueue(queue);\n\n  const [hasNotices, setHasNotices] = useState(false);\n  const ref = useRef(null);\n  const { regionProps } = useToastRegion(rest, queue, ref);\n\n  const { useEmit, useOn } = useBus<\n    NoticeQueueEvent | NoticeDequeueEvent | NoticeActionEvent\n  >();\n  const emitActionPrimary = useEmit(NoticeEventTypes.actionPrimary);\n  const emitActionSecondary = useEmit(NoticeEventTypes.actionSecondary);\n  const emitClose = useEmit(NoticeEventTypes.close);\n\n  useOn(NoticeEventTypes.queue, (data) => {\n    if ((id && data.payload.target === id) || !id) {\n      queue.add(\n        {\n          ...data.payload,\n          id: data.payload.id || uuid(),\n          color: defaultColor || data.payload.color,\n        },\n        {\n          timeout: defaultTimeout ?? data.payload.timeout,\n        },\n      );\n    }\n  });\n\n  useOn(NoticeEventTypes.dequeue, (data) => {\n    // @ts-expect-error : queue.queue exists, but is not currently documented\n    const queuedNotices = queue.queue;\n\n    const dequeue = queuedNotices.filter((toast: QueuedToast<NoticeContent>) =>\n      matchesMetadata(data.payload, toast.content),\n    );\n\n    if (dequeue.length && dequeue.length === queuedNotices.length) {\n      queue.clear();\n    } else {\n      for (const toast of dequeue) {\n        queue.close(toast.key);\n      }\n    }\n  });\n\n  useEffect(() => {\n    queue.subscribe(() => {\n      setHasNotices(queue.visibleToasts.length > 0);\n    });\n  });\n\n  const children = (\n    <>\n      {!hideClearAll && hasNotices && (\n        <Button\n          className={composeRenderProps(\n            classNames?.button,\n            (className) => className ?? '',\n          )}\n          variant='outline'\n          onPress={queue.clear}\n        >\n          Clear All\n        </Button>\n      )}\n      <ToastList\n        className={composeRenderProps(classNames?.list, (className) =>\n          list({ className }),\n        )}\n      >\n        {({ toast }: { toast: QueuedToast<NoticeContent> }) => (\n          <Notice\n            {...toast.content}\n            key={toast.key}\n            showClose={\n              !(\n                toast.timeout &&\n                toast.content.primary &&\n                toast.content.secondary\n              )\n            }\n            classNames={classNames?.notice}\n            size={size}\n            onPrimaryAction={() => emitActionPrimary({ id: toast.content.id })}\n            onSecondaryAction={() =>\n              emitActionSecondary({ id: toast.content.id })\n            }\n            onClose={() => {\n              toast.onClose?.();\n              queue.close(toast.key);\n              emitClose({ id: toast.content.id });\n            }}\n          />\n        )}\n      </ToastList>\n    </>\n  );\n\n  return global ? (\n    <ToastRegion\n      className={region({ className: classNames?.region })}\n      data-placement={placement}\n      queue={queue}\n    >\n      {children}\n    </ToastRegion>\n  ) : (\n    <div\n      {...regionProps}\n      className={region({ className: classNames?.region })}\n      data-placement={placement}\n      ref={ref}\n    >\n      <ToastStateContext.Provider value={state}>\n        {children}\n      </ToastStateContext.Provider>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NoticeIconProps } from './types.js';
+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;
+
+export { NoticeIcon };

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

@@ -0,0 +1,2 @@
+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/notice-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/notice/notice-icon.tsx"],"names":["color","jsxs","Icon","size","Information","n","jsx","t","m","i","e"],"mappings":"4KAmB6BA,CAAQ,CAAA,CAAA,KAAQ,SAC3C,CAAA,IAAA,CAAA,CACEC,EAACC,CAAAA,OAAWC,IAAAA,CAAAA,IAAAA,CAAS,CAAA,IAAA,CAAA,CAAA,GAAU,OAAW,CAAA,QACvC,CAAA,OAAA,CAAAH,QAAU,CAAA,CAAA,CAAA,GAAWI,MACrBJ,EAAAA,GAAAA,CAAUK,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,UACVL,EAAAA,GAAAA,CAAUK,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAYC,QACtBN,EAAAA,GAAAA,CAAUO,yBACVP,MAAUQ,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,YAGjBC,GAAA,CAAAC,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA","file":"notice-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\n'use client';\n\nimport 'client-only';\nimport { Information, Problem, Success, Warning } from '@accelint/icons';\nimport { Icon } from '../icon';\nimport type { NoticeIconProps } from './types';\n\nexport function NoticeIcon({ color = 'info', size }: NoticeIconProps) {\n  return (\n    <Icon size={size === 'small' ? 'medium' : 'large'}>\n      {color === 'info' && <Information />}\n      {color === 'advisory' && <Information />}\n      {color === 'normal' && <Success />}\n      {color === 'serious' && <Warning />}\n      {color === 'critical' && <Problem />}\n    </Icon>\n  );\n}\n"]}

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

@@ -4,9 +4,9 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const NoticeStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             region?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
             message?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
             notice?: tailwind_merge.ClassNameValue;
@@ -15,9 +15,9 @@ declare const NoticeStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             region?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
             message?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
             notice?: tailwind_merge.ClassNameValue;
@@ -33,9 +33,9 @@ declare const NoticeStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             list?: tailwind_merge.ClassNameValue;
             region?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
             message?: tailwind_merge.ClassNameValue;
             actions?: tailwind_merge.ClassNameValue;
             notice?: tailwind_merge.ClassNameValue;

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

@@ -0,0 +1,3 @@
+declare function matchesMetadata(payload: Record<string, unknown>, metadata?: Record<string, unknown>): boolean;
+
+export { matchesMetadata };

package/dist/components/notice/utils.js

@@ -0,0 +1,4 @@
+'use client';
+
+import'client-only';import {isEqual}from'radashi';function u(e,n){return n?Object.entries(e).every(([r,i])=>r in n&&isEqual(n[r],i)):false}export{u as matchesMetadata};//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/dist/components/notice/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/notice/utils.ts"],"names":["matchesMetadata","payload","metadata","key","value","isEqual"],"mappings":"kDAiBO,SAASA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACA,CACA,OAAKA,CAAAA,CAIE,OAAO,OAAA,CAAQD,CAAO,CAAA,CAAE,KAAA,CAC7B,CAAC,CAACE,CAAAA,CAAKC,CAAK,IAAMD,CAAAA,IAAOD,CAAAA,EAAYG,OAAAA,CAAQH,CAAAA,CAASC,CAAG,CAAA,CAAGC,CAAK,CACnE,EALS,KAMX","file":"utils.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { isEqual } from 'radashi';\n\nexport function matchesMetadata(\n  payload: Record<string, unknown>,\n  metadata?: Record<string, unknown>,\n) {\n  if (!metadata) {\n    return false;\n  }\n\n  return Object.entries(payload).every(\n    ([key, value]) => key in metadata && isEqual(metadata[key], value),\n  );\n}\n"]}

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

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { OptionsProps, OptionsDataItem } from './types.js';
+import '../icon/types.js';
+
+declare const OptionsContext: react.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
+
+export { OptionsContext };

package/dist/components/options/context.js

@@ -0,0 +1,2 @@
+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/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/options/context.tsx"],"names":["OptionsContext","createContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,cACE,IACF","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\nexport const OptionsContext =\n  createContext<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>(\n    null,\n  );\n"]}

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

@@ -1,33 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { OptionsDataItem, OptionsProps, OptionsItemProps, OptionsItemTextProps, OptionsSectionProps } from './types.js';
+import { OptionsDataItem, OptionsProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 import '../icon/types.js';
 
-declare const OptionsContext: react.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
-declare function OptionsSection<T extends OptionsDataItem>({ children, classNames, header, items, }: OptionsSectionProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace OptionsSection {
-    var displayName: string;
-}
-declare function OptionsItemContent({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
-declare namespace OptionsItemContent {
-    var displayName: string;
-}
-declare function OptionsItemLabel({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
-declare namespace OptionsItemLabel {
-    var displayName: string;
-}
-declare function OptionsItemDescription({ className, ...rest }: OptionsItemTextProps): react_jsx_runtime.JSX.Element;
-declare namespace OptionsItemDescription {
-    var displayName: string;
-}
-declare function OptionsItem<T extends OptionsDataItem>({ children, classNames, color, textValue, ...rest }: OptionsItemProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace OptionsItem {
-    var displayName: string;
-    var Label: typeof OptionsItemLabel;
-    var Content: typeof OptionsItemContent;
-    var Description: typeof OptionsItemDescription;
-}
 /**
  * Options - A flexible list component for selectable items with rich content
  *
@@ -38,42 +14,37 @@ declare namespace OptionsItem {
  * @example
  * // Basic options list
  * <Options>
- *   <Options.Item>
- *     <Options.Item.Label>Option 1</Options.Item.Label>
- *   </Options.Item>
- *   <Options.Item>
- *     <Options.Item.Label>Option 2</Options.Item.Label>
- *   </Options.Item>
+ *   <OptionsItem>
+ *     <OptionsItemLabel>Option 1</OptionsItemLabel>
+ *   </OptionsItem>
+ *   <OptionsItem>
+ *     <OptionsItemLabel>Option 2</OptionsItemLabel>
+ *   </OptionsItem>
  * </Options>
  *
  * @example
  * // Options with descriptions and icons
  * <Options>
- *   <Options.Item>
+ *   <OptionsItem>
  *     <Icon><User /></Icon>
- *     <Options.Item.Content>
- *       <Options.Item.Label>John Doe</Options.Item.Label>
- *       <Options.Item.Description>Senior Developer</Options.Item.Description>
- *     </Options.Item.Content>
- *   </Options.Item>
+ *     <OptionsItemContent>
+ *       <OptionsItemLabel>John Doe</OptionsItemLabel>
+ *       <OptionsItemDescription>Senior Developer</OptionsItemDescription>
+ *     </OptionsItemContent>
+ *   </OptionsItem>
  * </Options>
  *
  * @example
  * // Sectioned options
  * <Options>
- *   <Options.Section header="Recent">
- *     <Options.Item>Recent Item 1</Options.Item>
- *   </Options.Section>
- *   <Options.Section header="All Items">
- *     <Options.Item>All Items 1</Options.Item>
- *   </Options.Section>
+ *   <OptionsSection header="Recent">
+ *     <OptionsItem>Recent Item 1</OptionsItem>
+ *   </OptionsSection>
+ *   <OptionsSection header="All Items">
+ *     <OptionsItem>All Items 1</OptionsItem>
+ *   </OptionsSection>
  * </Options>
  */
 declare function Options<T extends OptionsDataItem>({ ref, ...props }: OptionsProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace Options {
-    var displayName: string;
-    var Item: typeof OptionsItem;
-    var Section: typeof OptionsSection;
-}
 
-export { Options, OptionsContext };
+export { Options };

package/dist/components/options/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,ListBox,composeRenderProps,ListBoxSection,Header,Collection,Text,ListBoxItem}from'react-aria-components';import {Icon}from'../icon/index.js';import {OptionsStyles}from'./styles.js';const {list:S,section:b,header:B,item:v,content:z,icon:H,label:V,description:g}=OptionsStyles(),E=createContext(null);function O({children:t,classNames:e,header:n,items:i}){return jsxs(ListBoxSection,{id:n,className:b({className:e?.section}),children:[jsx(Header,{className:B({className:e?.header}),children:n}),jsx(Collection,{items:i,children:t})]})}O.displayName="Options.Section";function I({className:t,...e}){return jsx("div",{...e,className:z({className:t})})}I.displayName="Options.Item.Content";function r({className:t,...e}){return jsx(Text,{...e,slot:"label",className:V({className:t})})}r.displayName="Options.Item.Label";function x({className:t,...e}){return jsx(Text,{...e,slot:"description",className:g({className:t})})}x.displayName="Options.Item.Description";function p({children:t,classNames:e,color:n="info",textValue:i=typeof t=="string"?t:"",...a}){return jsx(ListBoxItem,{...a,className:composeRenderProps(e?.item,s=>v({className:s})),textValue:i,"data-color":n,children:composeRenderProps(t,s=>jsx(Icon.Provider,{className:H({className:e?.icon}),size:"small",children:typeof s=="string"?jsx(r,{children:s}):s}))})}p.displayName="Options.Item",p.Label=r,p.Content=I,p.Description=x;function l({ref:t,...e}){[e,t]=useContextProps(e,t??null,E);const{children:n,className:i,size:a,...s}=e;return jsx(ListBox,{...s,ref:t,className:composeRenderProps(i,d=>S({className:d})),"data-size":a,children:n})}l.displayName="Options",l.Item=p,l.Section=O;export{l as Options,E as OptionsContext};//# sourceMappingURL=index.js.map
+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
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/index.tsx"],"names":["item","label","description","D","u","classNames","ListBoxSection","M","y","section","jsx","Header","o","headerClassNames","items","N","className","c","T","textValue","color","children","m","OptionsItemLabel","OptionsItemContent","OptionsItem","OptionsItemDescription","props","useContextProps","ref","OptionsContext","C","ListBox","f","composeRenderProps","size","Options","OptionsSection"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Collection,\n  type ContextValue,\n  composeRenderProps,\n  Header,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Text,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { OptionsStyles } from './styles';\nimport type {\n  OptionsDataItem,\n  OptionsItemProps,\n  OptionsItemTextProps,\n  OptionsProps,\n  OptionsSectionProps,\n} from './types';\n\nconst {\n  list,\n  section,\n  header: headerClassNames,\n  item,\n  content,\n  icon,\n  label,\n  description,\n} = OptionsStyles();\n\nexport const OptionsContext =\n  createContext<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>(\n    null,\n  );\n\nfunction 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}\nOptionsSection.displayName = 'Options.Section';\n\nfunction OptionsItemContent({ className, ...rest }: OptionsItemTextProps) {\n  return <div {...rest} className={content({ className })} />;\n}\nOptionsItemContent.displayName = 'Options.Item.Content';\n\nfunction OptionsItemLabel({ className, ...rest }: OptionsItemTextProps) {\n  return <Text {...rest} slot='label' className={label({ className })} />;\n}\nOptionsItemLabel.displayName = 'Options.Item.Label';\n\nfunction OptionsItemDescription({ className, ...rest }: OptionsItemTextProps) {\n  return (\n    <Text {...rest} slot='description' className={description({ className })} />\n  );\n}\nOptionsItemDescription.displayName = 'Options.Item.Description';\n\nfunction 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        <Icon.Provider\n          className={icon({ className: classNames?.icon })}\n          size='small'\n        >\n          {typeof children === 'string' ? (\n            <OptionsItemLabel>{children}</OptionsItemLabel>\n          ) : (\n            children\n          )}\n        </Icon.Provider>\n      ))}\n    </ListBoxItem>\n  );\n}\nOptionsItem.displayName = 'Options.Item';\nOptionsItem.Label = OptionsItemLabel;\nOptionsItem.Content = OptionsItemContent;\nOptionsItem.Description = OptionsItemDescription;\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 *   <Options.Item>\n *     <Options.Item.Label>Option 1</Options.Item.Label>\n *   </Options.Item>\n *   <Options.Item>\n *     <Options.Item.Label>Option 2</Options.Item.Label>\n *   </Options.Item>\n * </Options>\n *\n * @example\n * // Options with descriptions and icons\n * <Options>\n *   <Options.Item>\n *     <Icon><User /></Icon>\n *     <Options.Item.Content>\n *       <Options.Item.Label>John Doe</Options.Item.Label>\n *       <Options.Item.Description>Senior Developer</Options.Item.Description>\n *     </Options.Item.Content>\n *   </Options.Item>\n * </Options>\n *\n * @example\n * // Sectioned options\n * <Options>\n *   <Options.Section header=\"Recent\">\n *     <Options.Item>Recent Item 1</Options.Item>\n *   </Options.Section>\n *   <Options.Section header=\"All Items\">\n *     <Options.Item>All Items 1</Options.Item>\n *   </Options.Section>\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}\nOptions.displayName = 'Options';\nOptions.Item = OptionsItem;\nOptions.Section = OptionsSection;\n"]}
+{"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"]}

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

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

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

@@ -0,0 +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
+//# sourceMappingURL=item-content.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,4 @@
+'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
+//# sourceMappingURL=item-description.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +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
+//# sourceMappingURL=item-label.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OptionsDataItem, OptionsItemProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+import '../icon/types.js';
+
+declare function OptionsItem<T extends OptionsDataItem>({ children, classNames, color, textValue, ...rest }: OptionsItemProps<T>): react_jsx_runtime.JSX.Element;
+
+export { OptionsItem };

package/dist/components/options/item.js

@@ -0,0 +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
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +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"]}

package/dist/components/options/section.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OptionsDataItem, OptionsSectionProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+import '../icon/types.js';
+
+declare function OptionsSection<T extends OptionsDataItem>({ children, classNames, header, items, }: OptionsSectionProps<T>): react_jsx_runtime.JSX.Element;
+
+export { OptionsSection };

package/dist/components/options/section.js

@@ -0,0 +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
+//# sourceMappingURL=section.js.map

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

@@ -0,0 +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"]}

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

@@ -4,10 +4,10 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const OptionsStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            list?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
             content?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            list?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             section?: tailwind_merge.ClassNameValue;
@@ -17,10 +17,10 @@ declare const OptionsStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
+            list?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
             content?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            list?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             section?: tailwind_merge.ClassNameValue;
@@ -39,10 +39,10 @@ declare const OptionsStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            list?: tailwind_merge.ClassNameValue;
             icon?: tailwind_merge.ClassNameValue;
             content?: tailwind_merge.ClassNameValue;
             description?: tailwind_merge.ClassNameValue;
-            list?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
             section?: tailwind_merge.ClassNameValue;

package/dist/components/options/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const i=tv({slots:{list:"group/options max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static",section:"mt-s",header:"fg-primary-muted m-xs my-s text-header-xs",item:["group/options-item fg-primary-bold flex items-center gap-s p-s text-body-s outline outline-transparent","group-size-small/options:pt-xs group-size-small/options:pb-xs","group-size-large/options:pt-s group-size-large/options:pb-s","enabled:cursor-pointer","enabled:hover:fg-a11y-on-accent","enabled:focus-visible:fg-a11y-on-accent enabled:focus-visible:outline-interactive-hover","enabled:focus-visible:color-info:bg-accent-primary-bold","enabled:hover:color-info:bg-accent-primary-bold","enabled:hover:color-serious:bg-serious-bold","enabled:focus-visible:color-serious:bg-serious-bold","disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-transparent"],content:"flex min-w-0 flex-auto flex-col gap-xxs",icon:["group-enabled/options-item:group-color-info/options-item:fg-primary-bold","group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-color-serious/options-item:fg-serious-bold","group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent"],label:["truncate","group-enabled/options-item:group-color-info/options-item:fg-primary-bold","group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-color-serious/options-item:fg-serious-bold","group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent"],description:["group-enabled/options-item:fg-primary-muted truncate text-body-xs","group-enabled/options-item:group-hover/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:fg-a11y-on-accent","group-disabled/options-item:fg-disabled"]}});export{i as OptionsStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const i=tv({slots:{list:"group/options max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static",section:"mt-s",header:"fg-primary-muted m-xs my-s text-header-xs",item:["group/options-item fg-primary-bold flex items-center gap-s p-s text-body-s outline outline-transparent","group-size-small/options:pt-xs group-size-small/options:pb-xs","group-size-large/options:pt-s group-size-large/options:pb-s","enabled:cursor-pointer","enabled:hover:fg-a11y-on-accent","enabled:focus-visible:fg-a11y-on-accent","enabled:selected:inset-shadow-[3px_0_0_0_]","enabled:focus-visible:color-info:bg-accent-primary-muted","enabled:hover:color-info:bg-accent-primary-muted","enabled:pressed:color-info:bg-accent-primary-pressed","color-info:enabled:selected:inset-shadow-[color:var(--outline-accent-primary-bold)] color-info:enabled:selected:bg-accent-primary-muted","color-info:enabled:selected:hover:bg-accent-primary-bold","color-info:enabled:selected:focus-visible:bg-accent-primary-bold","color-info:enabled:selected:pressed:fg-accent-primary-bold color-info:enabled:selected:pressed:inset-shadow-[color:var(--outline-accent-primary-pressed)] color-info:enabled:selected:pressed:bg-accent-primary-pressed","enabled:hover:color-serious:bg-serious-muted","enabled:focus-visible:color-serious:bg-serious-muted","enabled:pressed:color-serious:bg-serious-pressed","color-serious:enabled:selected:inset-shadow-[color:var(--outline-serious-bold)] color-serious:enabled:selected:bg-serious-muted","color-serious:enabled:selected:hover:bg-serious-bold","color-serious:enabled:selected:focus-visible:bg-serious-bold","color-serious:enabled:selected:pressed:fg-serious-bold color-serious:enabled:selected:pressed:inset-shadow-[color:var(--outline-serious-pressed)] color-serious:enabled:selected:pressed:bg-serious-pressed","enabled:hover:color-critical:bg-critical-muted","enabled:pressed:color-critical:bg-critical-pressed","color-critical:enabled:selected:inset-shadow-[color:var(--outline-critical-bold)] color-critical:enabled:selected:bg-critical-muted","color-critical:enabled:selected:hover:bg-critical-bold","color-critical:enabled:selected:focus-visible:bg-critical-bold","color-critical:enabled:selected:pressed:fg-critical-bold color-critical:enabled:selected:pressed:inset-shadow-[color:var(--outline-critical-pressed)] color-critical:enabled:selected:pressed:bg-critical-pressed","disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-transparent"],content:"flex min-w-0 flex-auto flex-col gap-xxs",icon:["group-enabled/options-item:group-color-info/options-item:fg-primary-bold","group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-pressed/options-item:group-color-info/options-item:fg-accent-primary-pressed","group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent","group-enabled/options-item:group-pressed/options-item:group-color-serious/options-item:fg-serious-bold","group-enabled/options-item:group-pressed/options-item:group-color-critical/options-item:fg-critical-bold"],label:["truncate","group-enabled/options-item:group-color-info/options-item:fg-primary-bold","group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent","group-enabled/options-item:group-pressed/options-item:group-color-info/options-item:fg-accent-primary-bold","group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent","group-enabled/options-item:group-pressed/options-item:group-color-serious/options-item:fg-serious-bold","group-enabled/options-item:group-pressed/options-item:group-color-critical/options-item:fg-critical-bold"],description:["group-enabled/options-item:fg-primary-muted truncate text-body-xs","group-enabled/options-item:group-hover/options-item:fg-a11y-on-accent","group-enabled/options-item:group-focus-visible/options-item:fg-a11y-on-accent","group-enabled/options-item:group-pressed/options-item:group-color-info/options-item:fg-accent-primary-bold","group-enabled/menu-item:group-selected/menu-item:group-pressed/menu-item:group-color-info/menu-item:fg-accent-primary-bold","group-enabled/options-item:group-pressed/options-item:group-color-serious/options-item:fg-serious-bold","group-enabled/options-item:group-pressed/options-item:group-color-critical/options-item:fg-critical-bold","group-disabled/options-item:fg-disabled"]}});export{i as OptionsStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/options/styles.ts"],"names":["o"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,+IACG,CAAA,OACT,CAAA,MAAQ,CAAA,MAAA,CAAA,2CAEN,CAAA,IAAA,CAAA,CAAA,wGACA,CAAA,+DACA,CAAA,6DACA,CAAA,wBACA,CAAA,iCACA,CAAA,yFACA,CAAA,yDACA,CAAA,iDACA,CAAA,6CACA,CAAA,qDACA,CAAA,0EAEO,CAAA,CAAA,OAAA,CAAA,yCAEP,CAAA,IAAA,CAAA,CAAA,0EACA,CAAA,qGACA,CAAA,6GACA,CAAA,6EACA,CAAA,wGACA,CAAA,gHAGA,CAAA,CAAA,KAAA,CAAA,CAAA,UACA,CAAA,0EACA,CAAA,qGACA,CAAA,6GACA,CAAA,6EACA,CAAA,wGACA,CAAA,gHAEF,CAAA,CAAA,WACE,CAAA,CAAA,mEACA,CAAA,uEACA,CAAA,+EACA,CAAA,yCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const OptionsStyles = tv({\n  slots: {\n    list: 'group/options max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static',\n    section: 'mt-s',\n    header: 'fg-primary-muted m-xs my-s text-header-xs',\n    item: [\n      'group/options-item fg-primary-bold flex items-center gap-s p-s text-body-s outline outline-transparent',\n      'group-size-small/options:pt-xs group-size-small/options:pb-xs',\n      'group-size-large/options:pt-s group-size-large/options:pb-s',\n      'enabled:cursor-pointer',\n      'enabled:hover:fg-a11y-on-accent',\n      'enabled:focus-visible:fg-a11y-on-accent enabled:focus-visible:outline-interactive-hover',\n      'enabled:focus-visible:color-info:bg-accent-primary-bold',\n      'enabled:hover:color-info:bg-accent-primary-bold',\n      'enabled:hover:color-serious:bg-serious-bold',\n      'enabled:focus-visible:color-serious:bg-serious-bold',\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-transparent',\n    ],\n    content: 'flex min-w-0 flex-auto flex-col gap-xxs',\n    icon: [\n      'group-enabled/options-item:group-color-info/options-item:fg-primary-bold',\n      'group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-color-serious/options-item:fg-serious-bold',\n      'group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n    ],\n    label: [\n      'truncate',\n      'group-enabled/options-item:group-color-info/options-item:fg-primary-bold',\n      'group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-color-serious/options-item:fg-serious-bold',\n      'group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n    ],\n    description: [\n      'group-enabled/options-item:fg-primary-muted truncate text-body-xs',\n      'group-enabled/options-item:group-hover/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:fg-a11y-on-accent',\n      'group-disabled/options-item:fg-disabled',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/options/styles.ts"],"names":["o"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,2JACS,CAAA,cACD,CAAA,MAAA,CAAA,2CAEN,CAAA,IAAA,CAAA,CAAA,wGACA,CAAA,+DACA,CAAA,6DACA,CAAA,0DAEA,CAAA,yCACA,CAAA,uGAGA,CAAA,kDACA,CAAA,gMAGA,CAAA,0DACA,CAAA,kEACA,CAAA,yNAEA,CAAA,qGAEA,CAAA,kDAEA,CAAA,wLAEA,CAAA,8DACA,CAAA,8PAGA,CAAA,oDAEA,CAAA,qIACA,CAAA,wDACA,CAAA,oRAIA,CAAA,0EAEO,CAAA,CAAA,OAAA,CAAA,yCAEP,CAAA,IAAA,CAAA,CAAA,0EACA,CAAA,qGACA,CAAA,6GACA,CAAA,wNAIA,CAAA,gHACA,CAAA,mNAKA,CAAA,CAAA,KAAA,CAAA,CAAA,UAEA,CAAA,0EACA,CAAA,qGACA,CAAA,0NAGA,CAAA,wGACA,CAAA,yNAGA,CAAA,uHAGA,CAAA,CAAA,mEACA,CAAA,uEACA,CAAA,4LAEA,CAAA,4HAEA,CAAA,mNAIA,CAAA,yCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const OptionsStyles = tv({\n  slots: {\n    list: 'group/options max-h-[200px] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static',\n    section: 'mt-s',\n    header: 'fg-primary-muted m-xs my-s text-header-xs',\n    item: [\n      'group/options-item fg-primary-bold flex items-center gap-s p-s text-body-s outline outline-transparent',\n      'group-size-small/options:pt-xs group-size-small/options:pb-xs',\n      'group-size-large/options:pt-s group-size-large/options:pb-s',\n      'enabled:cursor-pointer',\n      'enabled:hover:fg-a11y-on-accent',\n      'enabled:focus-visible:fg-a11y-on-accent',\n      'enabled:selected:inset-shadow-[3px_0_0_0_]',\n      // info\n      'enabled:focus-visible:color-info:bg-accent-primary-muted',\n      'enabled:hover:color-info:bg-accent-primary-muted',\n      'enabled:pressed:color-info:bg-accent-primary-pressed',\n      // info + selected\n      'color-info:enabled:selected:inset-shadow-[color:var(--outline-accent-primary-bold)] color-info:enabled:selected:bg-accent-primary-muted',\n      'color-info:enabled:selected:hover:bg-accent-primary-bold',\n      'color-info:enabled:selected:focus-visible:bg-accent-primary-bold',\n      'color-info:enabled:selected:pressed:fg-accent-primary-bold color-info:enabled:selected:pressed:inset-shadow-[color:var(--outline-accent-primary-pressed)] color-info:enabled:selected:pressed:bg-accent-primary-pressed',\n      //serious\n      'enabled:hover:color-serious:bg-serious-muted',\n      'enabled:focus-visible:color-serious:bg-serious-muted',\n      'enabled:pressed:color-serious:bg-serious-pressed',\n      // serious + selected\n      'color-serious:enabled:selected:inset-shadow-[color:var(--outline-serious-bold)] color-serious:enabled:selected:bg-serious-muted',\n      'color-serious:enabled:selected:hover:bg-serious-bold',\n      'color-serious:enabled:selected:focus-visible:bg-serious-bold',\n      'color-serious:enabled:selected:pressed:fg-serious-bold color-serious:enabled:selected:pressed:inset-shadow-[color:var(--outline-serious-pressed)] color-serious:enabled:selected:pressed:bg-serious-pressed',\n      // critical\n      'enabled:hover:color-critical:bg-critical-muted',\n      'enabled:pressed:color-critical:bg-critical-pressed',\n      // critical + selected\n      'color-critical:enabled:selected:inset-shadow-[color:var(--outline-critical-bold)] color-critical:enabled:selected:bg-critical-muted',\n      'color-critical:enabled:selected:hover:bg-critical-bold',\n      'color-critical:enabled:selected:focus-visible:bg-critical-bold',\n      'color-critical:enabled:selected:pressed:fg-critical-bold color-critical:enabled:selected:pressed:inset-shadow-[color:var(--outline-critical-pressed)] color-critical:enabled:selected:pressed:bg-critical-pressed',\n\n      // disabled\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-transparent',\n    ],\n    content: 'flex min-w-0 flex-auto flex-col gap-xxs',\n    icon: [\n      'group-enabled/options-item:group-color-info/options-item:fg-primary-bold',\n      'group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-pressed/options-item:group-color-info/options-item:fg-accent-primary-pressed',\n\n      // serious\n      'group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-pressed/options-item:group-color-serious/options-item:fg-serious-bold',\n      // critical\n      'group-enabled/options-item:group-pressed/options-item:group-color-critical/options-item:fg-critical-bold',\n    ],\n    label: [\n      'truncate',\n      // info\n      'group-enabled/options-item:group-color-info/options-item:fg-primary-bold',\n      'group-enabled/options-item:group-hover/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-info/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-pressed/options-item:group-color-info/options-item:fg-accent-primary-bold',\n      // serious\n      'group-enabled/options-item:group-hover/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:group-color-serious/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-pressed/options-item:group-color-serious/options-item:fg-serious-bold',\n      // critical\n      'group-enabled/options-item:group-pressed/options-item:group-color-critical/options-item:fg-critical-bold',\n    ],\n    description: [\n      'group-enabled/options-item:fg-primary-muted truncate text-body-xs',\n      'group-enabled/options-item:group-hover/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-focus-visible/options-item:fg-a11y-on-accent',\n      'group-enabled/options-item:group-pressed/options-item:group-color-info/options-item:fg-accent-primary-bold',\n      'group-enabled/menu-item:group-selected/menu-item:group-pressed/menu-item:group-color-info/menu-item:fg-accent-primary-bold',\n      // serious\n      'group-enabled/options-item:group-pressed/options-item:group-color-serious/options-item:fg-serious-bold',\n      // critical\n      'group-enabled/options-item:group-pressed/options-item:group-color-critical/options-item:fg-critical-bold',\n      // disabled\n      'group-disabled/options-item:fg-disabled',\n    ],\n  },\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { RefAttributes } from 'react';
-import { Key, ListBoxProps, ListBoxItemProps, TextProps, ListBoxSectionProps } from 'react-aria-components';
+import { Key, ListBoxProps, TextProps, ListBoxItemProps, ListBoxSectionProps } from 'react-aria-components';
 import { IconProps } from '../icon/types.js';
 
 type OptionsDataItem = {
@@ -12,7 +12,7 @@ type OptionsItemProps<T extends OptionsDataItem> = Omit<ListBoxItemProps<T>, 'cl
         item?: ListBoxItemProps['className'];
         icon?: IconProps['className'];
     };
-    color?: 'info' | 'serious';
+    color?: 'info' | 'serious' | 'critical';
 };
 type OptionsProps<T extends OptionsDataItem> = Omit<ListBoxProps<T>, 'orientation' | 'layout'> & RefAttributes<HTMLDivElement> & {
     size?: 'small' | 'large';

package/dist/components/popover/body.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverBodyProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+
+declare function PopoverBody({ children, className }: PopoverBodyProps): react_jsx_runtime.JSX.Element;
+
+export { PopoverBody };

package/dist/components/popover/body.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {PopoverStyles}from'./styles.js';const{body:e}=PopoverStyles();function d({children:o,className:p}){return jsx("div",{className:e({className:p}),children:o})}export{d as PopoverBody};//# sourceMappingURL=body.js.map
+//# sourceMappingURL=body.js.map

package/dist/components/popover/body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/popover/body.tsx"],"names":["PopoverStyles","r","t"],"mappings":"gGAkBA,UAAiBA,CAAAA,CAAc,CAAA,CAExBC,yBAAuB,CAAA,CAAA,CAAA,oBAAyC,CACrE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAI,CAAA,CAAA,SAAkB,aAAW,CAAI,CAAA,CAAA,CAAA,CAAA,QAC/C,CAAA,CAAA,CAAA,CAAA","file":"body.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { PopoverStyles } from './styles';\nimport type { PopoverBodyProps } from './types';\n\nconst { body } = PopoverStyles();\n\nexport function PopoverBody({ children, className }: PopoverBodyProps) {\n  return <div className={body({ className })}>{children}</div>;\n}\n"]}

package/dist/components/popover/content.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PopoverContentProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+
+declare function PopoverContent({ children, className, ...rest }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+
+export { PopoverContent };

package/dist/components/popover/content.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {Popover,Dialog}from'react-aria-components';import {PopoverStyles}from'./styles.js';const{content:a}=PopoverStyles();function v({children:r,className:t,...e}){return jsx(Popover,{className:a({className:t}),...e,children:jsx(Dialog,{children:r})})}export{v as PopoverContent};//# sourceMappingURL=content.js.map
+//# sourceMappingURL=content.js.map

package/dist/components/popover/content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/popover/content.tsx"],"names":["PopoverStyles","n","rest","o","i","p"],"mappings":"mJAsBA,KAAQ,CAAA,OAAYA,EAAc,CAAA,CAE3BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAY,CAAAC,OAAA,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAW,CAAI,CAAA,CAAA,CAAGF,CAAAA,GAElD,CAAA,CAAA,SAACC,GAAY,CAAAE,MAAA,CAAA,CAAA,QAAS,CACxB,CAEJ,CAAA,CAAA,CAAA,CAAA","file":"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\n'use client';\n\nimport 'client-only';\nimport {\n  Dialog as AriaDialog,\n  Popover as AriaPopover,\n} from 'react-aria-components';\nimport { PopoverStyles } from './styles';\nimport type { PopoverContentProps } from './types';\n\nconst { content } = PopoverStyles();\n\nexport function PopoverContent({\n  children,\n  className,\n  ...rest\n}: PopoverContentProps) {\n  return (\n    <AriaPopover className={content({ className })} {...rest}>\n      {/* @ts-expect-error package version mismatch TODO */}\n      <AriaDialog>{children}</AriaDialog>\n    </AriaPopover>\n  );\n}\n"]}

package/dist/components/popover/footer.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function PopoverFooter({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { PopoverFooter };

package/dist/components/popover/footer.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {PopoverStyles}from'./styles.js';const{footer:r}=PopoverStyles();function s({children:o,className:e}){return jsx("div",{className:r({className:e}),children:o})}export{s as PopoverFooter};//# sourceMappingURL=footer.js.map
+//# sourceMappingURL=footer.js.map

package/dist/components/popover/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/popover/footer.tsx"],"names":["PopoverStyles","t","c"],"mappings":"gGAkBA,YAAmBA,CAAAA,CAAc,CAAA,CAE1BC,yBACL,CAAA,CAAA,CAAA,oBAKC,CACD,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAI,CAAA,CAAA,SAAoB,aAAW,CAAI,CAAA,CAAA,CAAA,CAAA,QACjD,CAAA,CAAA,CAAA,CAAA","file":"footer.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { PopoverStyles } from './styles';\nimport type { ReactNode } from 'react';\n\nconst { footer } = PopoverStyles();\n\nexport function PopoverFooter({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return <div className={footer({ className })}>{children}</div>;\n}\n"]}