@accelint/design-toolkit 6.0.0 → 7.0.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/notice/index.tsx"],"names":["actions","region","description","NoticeIcon","color","Icon","size","f","q","Information","e","A","Warning","D","Problem","H","id","classNames","primary","onPrimaryAction","onClose","notice","ToastContent","content","jsx","Text","K","secondary","Button","ButtonColorMap","shouldCloseOnAction","N","onSecondaryAction","Cancel","matchesMetadata","payload","metadata","key","value","isEqual","W","defaultColor","F","limit","state","useToastQueue","ref","useRef","V","regionProps","useToastRegion","rest","queue","useOn","O","useBus","emitActionPrimary","useEmit","NoticeEventTypes","emitActionSecondary","l","data","uuid","w","defaultTimeout","queuedNotices","dequeue","toast","setHasNotices","j","hideClearAll","hasNotices","po","className","list","b","createElement","Notice","lo","emitClose","global","placement","eo","children","NoticeList"],"mappings":"ivBA0DE,YACA,CAAA,EAAAA,CAAAA,UACAC,CACA,IAAA,CAAA,EAAA,CAASC,OACM,GAEjB,CAAA,MAAA,CAASC,CAAAA,CAAAA,OAAa,CAAAC,EAAQ,iBAAQ,SACpC,SACGC,CAAAA,CAAA,CAAK,MAAMC,CAAAA,gBAAmBC,IAAA,CAAAC,IAAW,CAAA,CAAA,IAAA,CAAA,CACvC,UAAAJ,CAAAA,QAAU,CAAA,OAAW,CAAY,QACvB,CAAA,CAAA,CAAA,GAAA,MAAeK,EAAAC,GAAA,CAAYC,WAAA,CACrCP,EAAAA,CAAAA,CAAU,cAAa,EAAQM,GAAA,CAC/BN,WAAAA,CAAAA,EAAU,cAAcQ,KAAQ,CAAAC,OAChCT,CAAAA,EAAAA,CAAU,cAAeU,EAAAJ,IAAQK,OAAA,CAAA,EAGxC,CAEA,CAAA,CAAA,GAAA,UACE,qBACA,MAAA,CAAA,CAAA,CAAU,MAAA,CAAA,WACJ,CAAA,QAAA,CAAA,4BAEI,CAAA,OAAA,CAAA,SAGL,CAAA,QACLC,CAAAA,YACAC,UACQ,CAAA,CAAA,EAAA,CAAA,CAAA,CACR,UACA,CAAA,CAAA,CAAA,KAAAC,EACA,CAAA,MAAA,CAAA,iBAEA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,WACAZ,CAAAA,0BACAa,CAAAA,CACA,CAAA,QAAA,CAAA,eACA,CAAA,CAAA,CAAAC,iBAII,CAAA,CAAA,CAAA,OAAWC,CAAAA,CAAO,CAAE,CAAA,CAAA,OAAAX,GAAWO,CAAAA,cAAAA,CAAY,eACpC,SAAW,CAAA,CAAA,EAAA,cAA0B,CAC5C,cAAYb,CACZ,CAAA,CAAA,OAAA,CAAA,CAAA,CAAWE,CAAAA,YAEVgB,CAAAA,CAAA,CAAa,WAAWC,CAAAA,CAAQ,CAAE,aAAWN,CAAAA,qBAAAA,CAAY,CAAA,SACvD,CAAA,EAAA,CAAA,CAAA,SAAaX,CAAAA,CAAAA,EAAS,OAAA,CAAA,CAAA,CACrBkB,YAAmBpB,EAAO,CAAA,GAAA,QAE3BqB,EACCf,OAAK,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,CACL,CAAA,CAAA,CAAA,CAAAA,GAAA,CAAAgB,IAAA,CAAA,CAAA,IAAuB,CAAE,aAAuB,CAAA,SAE/C,CAAA,EAAA,CAAA,CAAA,SAEDR,CAAAA,CAAAA,EAAWS,OACV,CAAA,CAAA,CAAA,QAAI,CAAA,CAAA,CAAA,CAAW3B,CAAAA,CAAAA,CAAQ,gBAAaiB,CAAY,CAAA,SAC9C,CAAA,EAAA,CAAA,CAAA,SACCO,CAACI,CAAAA,EACC,OAAOC,CAAezB,CAAK,CAAA,QAC3B,CAAQ,gBACP,KACD,KAAME,CAAAA,OACN,CAAA,YAGMwB,CAAAA,CAAAA,KACQ,CAEd,CAAA,OAIFN,CAACI,IACC,CAAA,CAAA,KAAsBxB,CAAK,EAC3B,SAAQ,CAAA,CAAA,EAAAM,GAAA,CAAAqB,MAAA,CAAA,CAAA,MAER,CAAA,CAAA,CAAA,CAAA,CAAMzB,OACN,CAAA,SACE0B,CAAAA,GAEIF,MACFV,CAAU,CAEd,aAMLQ,CAAA,CACC,IAAA,CAAA,CAAOC,EAAezB,CAAK,KAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,cACR,CAAA,CAAA,KAAA,CAASgB,CAAAA,CAET,CAAA,CAAA,CAAA,OAAAI,CAACnB,MACC,CAAA,OAAC4B,CAAAA,CAAA,CAAA,QAIT,IACF,CAEJzB,IAEA,UAAS0B,CAAAA,GACPC,CAAAA,MACAC,GAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAKA,EAIE,CAAA,CAAA,SAAO,EAAA,CAAA,CAAQD,CAAO,CAAA,CAAE,QAC3BE,EAAKC,cAA8BC,CAAQH,EAASC,CAAG,KAC3D,CALS,EAMX,CAEA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAoB,EAClBG,OAAA,CAAAxB,CAAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,SACA,EAAA,CAAA,CAAA,EAAA,CAAAyB,CAAAA,CACA,yBACA,CAAA,CAAA,CAAA,cAEA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAAnC,EAAO,MAAA,CAAA,CAAA,CACP,SAEA,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,QAAoC,CAAE,GAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAAoC,OAAA,CAAkBC,IACxD,uBAEIC,CAAAA,CAAQC,iBAGRC,CAAAA,CAAMC,CAAAA,CAAO,IAAI,CAAA,CACjB,CAAEC,+BAAAC,CAAY,KAAIC,EAAeC,CAAAA,CAAMC,MAAAA,CAAON,IAE5C,cAAS,CAAA,CAAAO,CAAM,CAAAC,cAAIC,CAAAA,CAEzB,CAAA,CACIC,CAAAA,CAAoBC,EAAQC,CAAAA,OAAiB,CAAA,CAAA,CAAA,MAC7CC,CAAAA,CAAsBF,CAAAA,MAAQC,EAAiB,CAAA,CAAA,CAAA,CAAA,CAAAE,gBAAA,CAAA,aACnCH,CAAQC,CAAAA,CAAiB,oBAAK,eAER,EACjC1C,CAAAA,CAAAA,CAAM6C,CAAAA,gBAAK,CAAA,KAAA,CAAA,CAAQ,CAAA,CAAAD,gBAAA,CAAA,KAAW5C,IAAQA,CAAAA,CAAAA,CAAAA,GACnC,CAAA,OAEC6C,CAAAA,MAAK,GACR,GAAIA,CAAAA,CAAK,GAAA,CAAA,CAAA,GAAQ,KAAMC,CAAK,CAAA,OACrBrB,CAAAA,EAAgBoB,CAAAA,CAAK,QAAQ,CAAA,EAAA,EACtCE,IAAA,EAEE,CAAA,KAAA,CAAA,CAASC,GAAkBH,CAAAA,OAAK,CAAA,QAClC,OAKAH,EAAiB,EAAA,CAAA,CAAA,OAAmB,CAExC,OAAMO,CAAgBb,GAAM,CAAA,CAAA,CAAA,CAAAQ,gBAAA,CAEtBM,OAAwB,CAAA,CAAA,EAAQC,CAAAA,MACpBN,CAAK,QAASM,CAAAA,CAAM,CAAA,CAAA,CAAA,MACtC,CAEA,CAAA,EAAID,EAAQ,CAAA,CAAA,CAAA,OAAkB,UAAWD,CAAc,CAAA,CAAA,GAAA,CAAA,CACrDb,MAAM,EAAM,CAAA,CAAA,iBAEDe,CAAAA,CAAAA,CAASD,KACZ,EAAA,CAAA,KAAY,IAGvB,WAGO,UAAU,CAAA,CAAA,GACdE,GAAchB,CAAAA,CAAMiB,SAAA,CAAA,IAAA,CAAA,CAAA,CAAA,cACtB,CAAC,CACH,CAAC,EAED,aACE,CACG,MAAA,CAAA,CAAA,EAAA,CAAA,EAACC,CAAAA,CAAAA,CAAgBC,MACf3C,CAAA,CACCrB,IAAA,CAAAiE,QAAA,CAAA,CAAA,SACc,CAAA,CAAA,CAAA,EAAA,CAAA,EACXC,GAAAA,CAAcA,QAAa,6BAEtB,CAAA,EAAA,MAAA,CACR,CAAA,EAAA,CAAA,EAAA,EAASrB,EAAM,OAChB,CAAA,SAAA,CAAA,OAAA,CAAA,CAED,CAAA,KAED,CACC,QAAA,CAAA,WAAiDqB,GAC/CC,GAAAA,CAAAA,kBAAK,CAAE,UAAAD,CAAUE,kBAAC,CACpB,CAAA,EAEC,IAAA,CAAA,CAAA,EAAA,EAAG,CAAA,CAAA,SACFC,CAAAA,CAAAA,CAACC,CAAAA,CAAA,CACE,QAAS,CAAA,CAAA,CAAA,KACV,CAAKV,EAAM,GAAAW,aACX,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CACE,OACQ,CAAA,GAAA,CAAA,CACNX,IAAM,CAAA,SAAQ,CAAA,EAAA,CAAA,CACdA,OAAM,EAAA,CAAQ,CAAA,OAAA,CAAA,kBAGM,CAAA,SAClB7D,CAAAA,CACN,UAAA,CAAA,CAAA,EAAA,MAAuBkD,CAAAA,IAAoB,CAAIW,CAAAA,CAAM,eACrD,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OACER,GAAsB,CAAA,CAAA,CAAIQ,iBAE5B,CAAA,IAAA,CAAS,IAAM,CACbA,CAAAA,CAAM,OAAA,CAAA,EAAU,CAAA,CAChBf,QAAYe,CAAAA,IAAS,CAAA,CACrBY,CAAAA,OAAsB,YACxB,CAAA,CACF,CAAA,IAGN,CAAA,CAGF,CAAA,CAAA,EAAA,CAAA,CAAA,CAAOC,OACJ,CACC,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW/E,EAAO,CAAE,OAAA,CAAA,CAAAS,GAAWO,qBAAY,CAAA,CAAA,SAC3C,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAgBgE,EAChB,MAAO7B,CAAAA,CAEN,CAAA,wBAIGH,CAAAA,CACJ,UAAWhD,CAAAA,CAAO,CAAE,YAAWgB,GAAY,CAAA,CAAA,SAC3C,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAgBgE,EAChB,MAEA,yBAA4B,CAAA,CAAA,CAAA,QACzB,CAAAvE,GAAA,CAAAwE,0BAAAC,CAAAA,QAMF,CAAA,CAAA,KAAOC,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,EAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { useBus } from '@accelint/bus/react';\nimport { uuid } from '@accelint/core';\nimport {\n  Cancel,\n  Information,\n  Problem,\n  Success,\n  Warning,\n} from '@accelint/icons';\nimport { useToastRegion } from '@react-aria/toast';\nimport { useToastQueue } from '@react-stately/toast';\nimport { isEqual } from 'lodash';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  composeRenderProps,\n  type QueuedToast,\n  Text,\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\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 { Icon } from '../icon';\nimport { NoticeEventTypes } from './events';\nimport { NoticeStyles } from './styles';\nimport type { ButtonProps } from '../button/types';\nimport type {\n  NoticeActionEvent,\n  NoticeColor,\n  NoticeContent,\n  NoticeDequeueEvent,\n  NoticeIconProps,\n  NoticeListProps,\n  NoticeProps,\n  NoticeQueueEvent,\n} from './types';\n\nconst {\n  notice,\n  content,\n  list,\n  actions,\n  region,\n  message: description,\n} = NoticeStyles();\n\nfunction 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\nconst ButtonColorMap: Record<NoticeColor, ButtonProps['color']> = {\n  normal: 'mono-bold',\n  advisory: 'mono-bold',\n  info: 'mono-bold',\n  serious: 'serious',\n  critical: 'critical',\n};\n\nexport function Notice({\n  id,\n  classNames,\n  color = 'info',\n  message,\n  primary,\n  secondary,\n  hideIcon,\n  showClose,\n  shouldCloseOnAction,\n  size = 'medium',\n  onPrimaryAction,\n  onSecondaryAction,\n  onClose,\n}: NoticeProps) {\n  return (\n    <Toast\n      className={notice({ className: classNames?.notice })}\n      toast={{ key: id, content: message, onClose }}\n      data-color={color}\n      data-size={size}\n    >\n      <ToastContent className={content({ className: classNames?.content })}>\n        {!hideIcon && size === 'medium' && (\n          <NoticeIcon color={color} size={size} />\n        )}\n        <Text\n          slot='description'\n          className={description({ className: classNames?.message })}\n        >\n          {message}\n        </Text>\n        {(primary || secondary) && (\n          <div className={actions({ className: classNames?.actions })}>\n            {primary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='filled'\n                {...primary}\n                size={size}\n                onPress={() => {\n                  onPrimaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n            {secondary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='outline'\n                {...secondary}\n                size={size}\n                onPress={() => {\n                  onSecondaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n          </div>\n        )}\n        {showClose && (\n          <Button\n            color={ButtonColorMap[color]}\n            variant='icon'\n            onPress={onClose}\n          >\n            <Icon>\n              <Cancel />\n            </Icon>\n          </Button>\n        )}\n      </ToastContent>\n    </Toast>\n  );\n}\n\nfunction 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\nfunction 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\nNotice.List = NoticeList;\n"]}
+{"version":3,"sources":["../../../src/components/notice/index.tsx"],"names":["actions","description","ButtonColorMap","I","id","classNames","color","primary","size","onPrimaryAction","onClose","notice","ToastContent","content","jsx","o","C","P","secondary","l","Button","a","shouldCloseOnAction","onSecondaryAction","showClose","Icon","Cancel","y","B"],"mappings":"6UA4ByB,KAAAA,CAAAA,MAAS,CAAA,CAAA,CAASC,OAErCC,CAAAA,CAA4D,CAChE,OAAQ,CAAA,CAAA,CAAA,OAAA,CAAA,CACR,CAAA,CAAAC,YAAA,EAAA,CAAA,CAAA,CAAA,CAAU,MAAA,CAAA,WACJ,CAAA,QAAA,CAAA,WACG,CAAA,IAAA,CAAA,WACC,CAAA,OAAA,CAAA,kBAIVC,CAAAA,UACA,CAAA,CAAAC,SACAC,CAAQ,CAAA,CAAA,EAAA,CAAA,CAAA,CACR,UACA,CAAA,CAAA,CAAA,KAAAC,CAAAA,CACA,CAAA,MAAA,CAAA,OACA,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAC,CAAAA,mBACA,CAAA,CAAA,CAAA,IAAAC,CAAAA,CACA,CAAA,QAAA,CAAA,eACA,CAAA,CAAA,CAAAC,iBAII,CAAA,CAAA,CAAA,OAAWC,CAAO,CAAE,CAAA,CAAA,CAAA,OAAWN,GAAAA,CAAAA,cAAY,CAAA,CAAA,SAC3C,CAAA,CAAA,CAAA,CAAO,SAAW,CAAA,CAAA,EAAA,MAAkB,CAAA,CAAA,CAAA,KAAQ,CAC5C,CAAA,GAAA,CAAA,CAAA,CAAA,OAAYC,CACZ,CAAA,CAAA,OAAA,CAAA,CAAA,CAAWE,CAAAA,YAEVI,CAAAA,CAAA,CAAa,WAAWC,CAAQ,CAAE,CAAA,QAAA,CAAWR,IAAAA,CAAAA,qBAAY,CAAA,CAAA,SACvD,CAAA,CAAA,CAAA,CAAA,SAAaG,CAAAA,CAAAA,EAAS,OAAA,CAAA,CAAA,CACrBM,QAAY,CAAA,CAAA,CAAOR,CAAAA,EAAO,CAAA,GAAME,QAEjC,EACCO,GAAA,CAAAC,UAAA,CAAK,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,CACL,CAAA,CAAA,CAAA,CAAAD,GAAA,CAAAE,IAAA,CAAA,CAAA,IAAyB,CAAA,aAAuB,CAAA,SAE/C,CAAA,CAAA,CAAA,CAAA,SAEDV,CAAAA,CAAAA,EAAWW,OACV,CAAA,CAAA,CAAA,QAAI,CAAA,CAAA,CAAA,CAAWlB,CAAAA,CAAQ,CAAE,EAAA,CAAA,GAAAmB,IAAA,CAAA,KAAuB,CAAA,CAAA,SAC9C,CAAA,CAAA,CAAA,CAAA,SACCL,CAACM,CAAAA,EACC,OAAOlB,CAAeI,CAAK,CAAA,QAC3B,CAAQ,CAAA,CAAA,EAAAS,GAAA,CAAAM,MAAA,CAAA,CACP,KACD,CAAA,CAAA,CAAA,CAAA,CAAMb,QACN,CAAA,QACEC,CAAAA,GAEIa,CAAAA,CAAAA,IACFZ,CAAU,CAEd,CAAA,OAIFI,CAACM,IACC,CAAA,CAAA,IAAOlB,CAAeI,CAAK,EAC3B,CAAA,KAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,EAAAS,GAAA,CAAAM,MAAA,CAAA,CAAA,KACJH,CACJ,CAAA,CAAA,CAAA,CAAA,CAAMV,OACN,CAAA,SACEe,CAAAA,GAEID,CAAAA,CAAAA,KACQ,CAEd,CAAA,OAKPE,CAAAA,IACEJ,CAAA,CACC,IAAA,CAAA,CAAOlB,EAAeI,CAAK,KAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,EAAAS,GAAA,CAAAM,MACR,CAAA,CAAA,KAAA,CAASX,CAAAA,CAET,CAAA,CAAA,CAAA,OAAAI,CAACW,MACC,CAAA,OAACC,CAAAA,CAAA,CAAA,QAIT,CAAAX,GACF,CAEJY,IAAA,CAAA,CAAA,QAAA,CAAAZ,GAAA,CAAAa,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,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\n'use client';\n\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport {\n  Text,\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { NoticeIcon } from './notice-icon';\nimport { NoticeStyles } from './styles';\nimport type { ButtonProps } from '../button/types';\nimport type { NoticeColor, NoticeProps } from './types';\n\nconst { notice, content, actions, message: description } = NoticeStyles();\n\nconst ButtonColorMap: Record<NoticeColor, ButtonProps['color']> = {\n  normal: 'mono-bold',\n  advisory: 'mono-bold',\n  info: 'mono-bold',\n  serious: 'serious',\n  critical: 'critical',\n};\n\nexport function Notice({\n  id,\n  classNames,\n  color = 'info',\n  message,\n  primary,\n  secondary,\n  hideIcon,\n  showClose,\n  shouldCloseOnAction,\n  size = 'medium',\n  onPrimaryAction,\n  onSecondaryAction,\n  onClose,\n}: NoticeProps) {\n  return (\n    <Toast\n      className={notice({ className: classNames?.notice })}\n      toast={{ key: id, content: message, onClose }}\n      data-color={color}\n      data-size={size}\n    >\n      <ToastContent className={content({ className: classNames?.content })}>\n        {!hideIcon && size === 'medium' && (\n          <NoticeIcon color={color} size={size} />\n        )}\n        <Text\n          slot='description'\n          className={description({ className: classNames?.message })}\n        >\n          {message}\n        </Text>\n        {(primary || secondary) && (\n          <div className={actions({ className: classNames?.actions })}>\n            {primary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='filled'\n                {...primary}\n                size={size}\n                onPress={() => {\n                  onPrimaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n            {secondary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='outline'\n                {...secondary}\n                size={size}\n                onPress={() => {\n                  onSecondaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n          </div>\n        )}\n        {showClose && (\n          <Button\n            color={ButtonColorMap[color]}\n            variant='icon'\n            onPress={onClose}\n          >\n            <Icon>\n              <Cancel />\n            </Icon>\n          </Button>\n        )}\n      </ToastContent>\n    </Toast>\n  );\n}\n"]}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NoticeListProps } 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 NoticeList({ id, classNames, defaultColor, defaultTimeout, hideClearAll, limit, global, placement, size, ...rest }: NoticeListProps): react_jsx_runtime.JSX.Element;
+
+export { NoticeList };

package/dist/components/notice/list.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useMemo,useState,useRef,useEffect,createElement}from'react';import {useBus}from'@accelint/bus/react';import {uuid}from'@accelint/core';import {useToastRegion}from'@react-aria/toast';import {useToastQueue}from'@react-stately/toast';import'client-only';import {UNSTABLE_ToastQueue,composeRenderProps,UNSTABLE_ToastList,UNSTABLE_ToastRegion,UNSTABLE_ToastStateContext}from'react-aria-components';import {Button}from'../button/index.js';import {Notice}from'.//index.js';import {NoticeEventTypes}from'./events.js';import {NoticeStyles}from'./styles.js';import {matchesMetadata}from'./utils.js';const{list:J,region:y}=NoticeStyles();function ae({id:s,classNames:t,defaultColor:T,defaultTimeout:v,hideClearAll:g,limit:u=3,global:E,placement:m,size:C="medium",...S}){const o=useMemo(()=>new UNSTABLE_ToastQueue({maxVisibleToasts:u}),[u]),A=useToastQueue(o),[L,P]=useState(false),l=useRef(null),{regionProps:q}=useToastRegion(S,o,l),{useEmit:c,useOn:d}=useBus(),h=c(NoticeEventTypes.actionPrimary),Q=c(NoticeEventTypes.actionSecondary),B=c(NoticeEventTypes.close);d(NoticeEventTypes.queue,e=>{(s&&e.payload.target===s||!s)&&o.add({...e.payload,id:e.payload.id||uuid(),color:T||e.payload.color},{timeout:v??e.payload.timeout});}),d(NoticeEventTypes.dequeue,e=>{const N=o.queue,r=N.filter(a=>matchesMetadata(e.payload,a.content));if(r.length&&r.length===N.length)o.clear();else for(const a of r)o.close(a.key);}),useEffect(()=>{o.subscribe(()=>{P(o.visibleToasts.length>0);});});const p=jsxs(Fragment,{children:[!g&&L&&jsx(Button,{className:composeRenderProps(t?.button,e=>e??""),variant:"outline",onPress:o.clear,children:"Clear All"}),jsx(UNSTABLE_ToastList,{className:composeRenderProps(t?.list,e=>J({className:e})),children:({toast:e})=>createElement(Notice,{...e.content,key:e.key,showClose:!(e.timeout&&e.content.primary&&e.content.secondary),classNames:t?.notice,size:C,onPrimaryAction:()=>h({id:e.content.id}),onSecondaryAction:()=>Q({id:e.content.id}),onClose:()=>{e.onClose?.(),o.close(e.key),B({id:e.content.id});}})})]});return E?jsx(UNSTABLE_ToastRegion,{className:y({className:t?.region}),"data-placement":m,queue:o,children:p}):jsx("div",{...q,className:y({className:t?.region}),"data-placement":m,ref:l,children:jsx(UNSTABLE_ToastStateContext.Provider,{value:A,children:p})})}export{ae as NoticeList};//# sourceMappingURL=list.js.map
+//# sourceMappingURL=list.js.map

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":"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","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,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/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,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/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,4 @@
+'use client';
+
+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,4 @@
+'use client';
+
+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,4 @@
+'use client';
+
+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"]}