@accelint/design-toolkit 0.0.1 → 0.0.2

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

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import React from 'react';
+import { DisclosureProps, ButtonProps, DisclosurePanelProps, DisclosureGroupProps } from 'react-aria-components';
+import { VariantProps } from 'cva';
+
+declare const accordionStyles: (props?: ({
+    variant?: "cozy" | "compact" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface AccordionProps extends VariantProps<typeof accordionStyles>, DisclosureProps {
+    options?: boolean;
+}
+declare function Accordion({ children, className, isDisabled, options, variant, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+    var Header: typeof AccordionHeader;
+    var Panel: typeof AccordionPanel;
+    var Group: typeof AccordionGroup;
+}
+interface AccordionHeaderProps extends Pick<AccordionProps, 'options' | 'variant'> {
+    children: React.ReactNode;
+    className?: ButtonProps['className'];
+    isDisabled?: boolean;
+}
+declare function AccordionHeader({ children }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionHeader {
+    var displayName: string;
+}
+interface AccordionPanelProps extends DisclosurePanelProps {
+}
+declare function AccordionPanel({ children, className, ...props }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionPanel {
+    var displayName: string;
+}
+interface AccordionGroupProps extends DisclosureGroupProps {
+    /** Whether multiple items can be expanded at the same time. */
+    allowsMultipleExpanded?: boolean;
+}
+declare function AccordionGroup({ allowsMultipleExpanded, children, className, ...props }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionGroup {
+    var displayName: string;
+}
+
+export { Accordion, type AccordionGroupProps, type AccordionHeaderProps, type AccordionPanelProps, type AccordionProps };

package/dist/components/accordion/index.js

@@ -0,0 +1,2 @@
+import {DisclosureGroupStateContext,Disclosure,Heading,Button,DisclosurePanel,DisclosureGroup}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {ChevronDown,Kebab}from'@accelint/icons';import {cva}from'cva';import {createContext,useContext}from'react';import {Icon}from'../icon/index.js';import {IconButton}from'../icon-button/index.js';import {jsx,jsxs}from'react/jsx-runtime';var H=cva("group flex flex-col bg-transparent",{variants:{variant:{cozy:"is-cozy",compact:"is-compact"}},defaultVariants:{variant:"cozy"}}),u=createContext({isDisabled:false,options:false,variant:"cozy"});function n({children:e,className:o,isDisabled:s=false,options:r=false,variant:i="cozy",...A}){let x=useContext(DisclosureGroupStateContext);return jsx(u.Provider,{value:{options:r,variant:i,isDisabled:s||x?.isDisabled},children:jsx(Disclosure,{...A,isDisabled:s,className:cn(`group w-full ${r?"has-options":""}`,H({variant:i,className:o})),children:v=>typeof e=="function"?e(v):e})})}n.displayName="Accordion";function m({children:e}){let{isDisabled:o,options:s,variant:r}=useContext(u);return jsxs(Heading,{className:cn(["fg-default-light flex w-full cursor-pointer items-center rounded-medium p-s outline-none focus-within:bg-interactive-hover-dark hover:bg-interactive-hover-dark",o&&"fg-disabled cursor-default focus-within:bg-transparent hover:bg-transparent"]),"data-variant":r,children:[jsxs(Button,{slot:"trigger",className:cn(["flex w-full cursor-pointer items-center rounded-medium outline-none","data-[variant=cozy]:icon-size-xl data-[variant=cozy]:gap-s data-[variant=cozy]:text-header-m","data-[variant=compact]:icon-size-l data-[variant=compact]:gap-xs data-[variant=compact]:text-header-s","ai-disabled:cursor-default"]),"data-variant":r,children:[jsx("span",{className:IconButton.as({isDisabled:o,size:r==="cozy"?"medium":"small",variant:"child"}),"aria-hidden":true,children:jsx(Icon,{children:jsx(ChevronDown,{className:cn("transform group-ai-expanded:rotate-180")})})}),e]}),s&&jsx(IconButton,{className:"ml-auto",isDisabled:o,size:r==="cozy"?"medium":"small",variant:"child",children:jsx(Icon,{children:jsx(Kebab,{})})})]})}m.displayName="Accordion.Header";n.Header=m;function f({children:e,className:o,...s}){return jsx(DisclosurePanel,{...s,className:"overflow-hidden transition-all",children:jsx("div",{className:cn("p-s",o),children:e})})}f.displayName="Accordion.Panel";n.Panel=f;function P({allowsMultipleExpanded:e=false,children:o,className:s,...r}){return jsx(DisclosureGroup,{...r,allowsMultipleExpanded:e,className:cn("flex w-full flex-col",s),children:i=>typeof o=="function"?o(i):o})}P.displayName="Accordion.Group";n.Group=P;export{n as Accordion};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["w","Accordion","children","className","options","variant","props","useContext","AriaDisclosureGroupStateContext","d","b","jsx","AccordionContext","a","isDisabled","t","AccordionHeader","jsxs","Heading","N","cn","IconButton","h","AccordionPanel","AriaDisclosurePanel","g","AccordionGroup","AriaDisclosureGroup","D"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type React from 'react';\nimport {\n  Disclosure as AriaDisclosure,\n  DisclosureGroup as AriaDisclosureGroup,\n  type DisclosureGroupProps as AriaDisclosureGroupProps,\n  DisclosureGroupStateContext as AriaDisclosureGroupStateContext,\n  DisclosurePanel as AriaDisclosurePanel,\n  type DisclosurePanelProps as AriaDisclosurePanelProps,\n  type DisclosureProps as AriaDisclosureProps,\n  Button,\n  type ButtonProps,\n  Heading,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, Kebab } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { createContext, useContext } from 'react';\nimport { Icon } from '../icon';\nimport { IconButton } from '../icon-button';\n\nconst accordionStyles = cva('group flex flex-col bg-transparent', {\n  variants: {\n    variant: {\n      cozy: 'is-cozy',\n      compact: 'is-compact',\n    },\n  },\n  defaultVariants: {\n    variant: 'cozy',\n  },\n});\n\ninterface AccordionContextType\n  extends Pick<VariantProps<typeof accordionStyles>, 'variant'> {\n  isDisabled?: boolean;\n  options?: boolean;\n}\n\nconst AccordionContext = createContext<AccordionContextType>({\n  isDisabled: false,\n  options: false,\n  variant: 'cozy',\n});\n\nexport interface AccordionProps\n  extends VariantProps<typeof accordionStyles>,\n    AriaDisclosureProps {\n  options?: boolean;\n}\n\nexport function Accordion({\n  children,\n  className,\n  isDisabled = false,\n  options = false,\n  variant = 'cozy',\n  ...props\n}: AccordionProps) {\n  // @ts-expect-error package version mismatch\n  const stateContext = useContext(AriaDisclosureGroupStateContext);\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        options,\n        variant,\n        isDisabled: isDisabled || stateContext?.isDisabled,\n      }}\n    >\n      <AriaDisclosure\n        {...props}\n        isDisabled={isDisabled}\n        className={cn(\n          `group w-full ${options ? 'has-options' : ''}`,\n          accordionStyles({ variant, className }),\n        )}\n      >\n        {(props) =>\n          typeof children === 'function' ? children(props) : children\n        }\n      </AriaDisclosure>\n    </AccordionContext.Provider>\n  );\n}\nAccordion.displayName = 'Accordion';\n\nexport interface AccordionHeaderProps\n  extends Pick<AccordionProps, 'options' | 'variant'> {\n  children: React.ReactNode;\n  className?: ButtonProps['className'];\n  isDisabled?: boolean;\n}\n\nfunction AccordionHeader({ children }: AccordionHeaderProps) {\n  const { isDisabled, options, variant } = useContext(AccordionContext);\n\n  return (\n    <Heading\n      className={cn([\n        'fg-default-light flex w-full cursor-pointer items-center rounded-medium p-s outline-none focus-within:bg-interactive-hover-dark hover:bg-interactive-hover-dark',\n        isDisabled &&\n          'fg-disabled cursor-default focus-within:bg-transparent hover:bg-transparent',\n      ])}\n      data-variant={variant}\n    >\n      <Button\n        slot='trigger'\n        className={cn([\n          'flex w-full cursor-pointer items-center rounded-medium outline-none',\n          'data-[variant=cozy]:icon-size-xl data-[variant=cozy]:gap-s data-[variant=cozy]:text-header-m',\n          'data-[variant=compact]:icon-size-l data-[variant=compact]:gap-xs data-[variant=compact]:text-header-s',\n          'ai-disabled:cursor-default',\n        ])}\n        data-variant={variant}\n      >\n        {/* @ts-expect-error package version mismatch */}\n        <span\n          className={IconButton.as({\n            isDisabled,\n            size: variant === 'cozy' ? 'medium' : 'small',\n            variant: 'child',\n          })}\n          aria-hidden\n        >\n          <Icon>\n            <ChevronDown\n              className={cn('transform group-ai-expanded:rotate-180')}\n            />\n          </Icon>\n        </span>\n        {children}\n      </Button>\n      {options && (\n        <IconButton\n          className='ml-auto'\n          isDisabled={isDisabled}\n          size={variant === 'cozy' ? 'medium' : 'small'}\n          variant='child'\n        >\n          <Icon>\n            <Kebab />\n          </Icon>\n        </IconButton>\n      )}\n    </Heading>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\nAccordion.Header = AccordionHeader;\n\nexport interface AccordionPanelProps extends AriaDisclosurePanelProps {}\n\nfunction AccordionPanel({\n  children,\n  className,\n  ...props\n}: AccordionPanelProps) {\n  return (\n    <AriaDisclosurePanel\n      {...props}\n      className={'overflow-hidden transition-all'}\n    >\n      <div className={cn('p-s', className)}>{children}</div>\n    </AriaDisclosurePanel>\n  );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\nAccordion.Panel = AccordionPanel;\n\nexport interface AccordionGroupProps extends AriaDisclosureGroupProps {\n  /** Whether multiple items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean;\n}\n\nfunction AccordionGroup({\n  allowsMultipleExpanded = false,\n  children,\n  className,\n  ...props\n}: AccordionGroupProps) {\n  return (\n    <AriaDisclosureGroup\n      {...props}\n      allowsMultipleExpanded={allowsMultipleExpanded}\n      className={cn('flex w-full flex-col', className)}\n    >\n      {(props) => (typeof children === 'function' ? children(props) : children)}\n    </AriaDisclosureGroup>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\nAccordion.Group = AccordionGroup;\n"]}

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

@@ -8,8 +8,15 @@ declare const avatarStyles: (props?: ({
     size?: "small" | "medium" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Image>, VariantProps<typeof avatarStyles> {
+    /**
+     * The fallback that the avatar will render if it cannot load the provided source.
+     *
+     * Accepts any React component.
+     */
     fallback?: React.ReactNode;
+    /** How long the system should wait before it shows the fallback component. By default there is no delay. */
     fallbackDelay?: number;
+    /** The source of an avatar can either be a URL representing an image or a React component (such as an SVG or an icon from a library). */
     source?: string | React.ReactNode;
 }
 declare const Avatar: {

package/dist/components/avatar/index.js

@@ -1,2 +1,2 @@
-import {Person}from'./../../icons/person.js';import {cn}from'./../../lib/utils.js';import*as t from'@radix-ui/react-avatar';import'client-only';import {cva}from'cva';import {jsxs,jsx}from'react/jsx-runtime';var l=cva("fg-default-dark flex items-center justify-center overflow-hidden rounded-full bg-surface-overlay",{variants:{size:{medium:"size-[32px] **:[svg]:size-xl",small:"size-xl **:[svg]:size-l"}},defaultVariants:{size:"medium"}}),g=cn(["relative inline-block","[--badge-empty-inset:0_0_auto_auto] [--badge-inset:calc(var(--spacing-xxs)*-1)_calc(var(--spacing-xxs)*-1)_auto_auto] [--badge-position:absolute]"]),v=({className:e,children:i,fallback:s,fallbackDelay:m,source:a,size:p,...c})=>jsxs("div",{className:g,children:[jsxs(t.Root,{className:cn("pointer-events-none inline-block",l({size:p,className:e})),role:"img",children:[typeof a=="string"&&jsx(t.Image,{className:"size-full object-cover object-center",src:typeof a=="string"?a:void 0,...c}),a&&typeof a!="string"?a:jsx(t.Fallback,{delayMs:m,children:s||jsx(Person,{})})]}),i]});v.displayAs="Avatar";v.as=(e,i)=>cn(l({...e,className:i}));export{v as Avatar};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {Person}from'@accelint/icons';import*as t from'@radix-ui/react-avatar';import'client-only';import {cva}from'cva';import {jsxs,jsx}from'react/jsx-runtime';var l=cva("fg-default-dark flex items-center justify-center overflow-hidden rounded-full bg-surface-overlay",{variants:{size:{medium:"size-[32px] **:[svg]:size-xl",small:"size-xl **:[svg]:size-l"}},defaultVariants:{size:"medium"}}),g=cn(["relative inline-block","[--badge-empty-inset:0_0_auto_auto] [--badge-inset:calc(var(--spacing-xxs)*-1)_calc(var(--spacing-xxs)*-1)_auto_auto] [--badge-position:absolute]"]),v=({className:e,children:i,fallback:s,fallbackDelay:m=0,source:a,size:p="medium",...c})=>jsxs("div",{className:g,children:[jsxs(t.Root,{className:cn("pointer-events-none inline-block",l({size:p,className:e})),role:"img",children:[typeof a=="string"&&jsx(t.Image,{className:"size-full object-cover object-center",src:typeof a=="string"?a:void 0,...c}),a&&typeof a!="string"?a:jsx(t.Fallback,{delayMs:m,children:s||jsx(Person,{})})]}),i]});v.displayAs="Avatar";v.as=(e,i)=>cn(l({...e,className:i}));export{v as Avatar};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["d","cn","o","className","fallbackDelay","size","n","avatarStyles","r","source","jsx","fallback","Person","children","f","Avatar","props"],"mappings":"+MAqBE,IAAA,CAAA,CAAAA,GAAA,CAAA,kGAEI,CAAA,CAAA,QACE,CAAQ,4CACD,CAAA,KAAA,CAAA,yBAGM,CAAA,CAAA,CAAA,eACT,CACR,CACF,IAG0BC,CAAAA,QAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAA,CAAA,uBAEF,CAAA,mJAWE,CAAA,CAAA,CAAAC,CACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAAC,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA,CAAAA,gBAEAC,MAEF,CAAA,CAAA,CAAA,IACO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAAC,IAAA,CAAA,KACH,CAAA,CAAA,SAAiB,CAAA,CAAA,CAAA,QACf,CAAA,CAAAA,IAAA,CAAA,CAAA,CAAA,IACE,CACAC,CAAAA,SAAAA,CAAAA,EAAAA,CAAAA,kCAAqB,CAAA,CAAA,CAAA,CAAA,IAAU,CAAC,CAClC,CACA,SAEC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAkB,CAAA,CAAA,OACA,CAAA,EAAA,QACL,EAAAC,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,SAAA,CAAA,uCACa,GAAWC,CAAAA,OAAS,CAC1C,EAAA,SACH,CAEDA,CAAAA,MAAiBA,CAAAA,GAAAA,CAAAA,CAAAA,CAAW,CAC3BA,CAAAA,EAAAA,OAEAC,CAAiB,EAAA,QAAA,CAAA,CAAhB,CAAyBF,GAASJ,CAAAA,CAAAA,CAAAA,QAChCO,CAAAA,CAAAA,OAAAA,CAAsBD,CAACE,CAAAA,SAG9B,CACCC,EAAAA,GAAAA,CACHC,MAEFC,CAAAA,EAAO,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,SACZ,CAAK,QAGJR,CAAAA,CAAAA,CAAa,EAAKS,CAAAA,CAAAA,CAAAA,CAAO,CAAAb,GAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAAW,CAAC,CAAA,SAAA,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\nimport { Person } from '@/icons/person';\nimport { cn } from '@/lib/utils';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\n\nconst avatarStyles = cva(\n  'fg-default-dark flex items-center justify-center overflow-hidden rounded-full bg-surface-overlay',\n  {\n    variants: {\n      size: {\n        medium: 'size-[32px] **:[svg]:size-xl',\n        small: 'size-xl **:[svg]:size-l',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst avatarWrapperStyles = cn([\n  'relative inline-block',\n  '[--badge-empty-inset:0_0_auto_auto] [--badge-inset:calc(var(--spacing-xxs)*-1)_calc(var(--spacing-xxs)*-1)_auto_auto] [--badge-position:absolute]',\n]);\n\nexport interface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Image>,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n  fallbackDelay?: number;\n  source?: string | React.ReactNode;\n}\n\nexport const Avatar = ({\n  className,\n  children,\n  fallback,\n  fallbackDelay,\n  source,\n  size,\n  ...props\n}: AvatarProps) => (\n  <div className={avatarWrapperStyles}>\n    <AvatarPrimitive.Root\n      className={cn(\n        'pointer-events-none inline-block',\n        avatarStyles({ size, className }),\n      )}\n      role='img'\n    >\n      {typeof source === 'string' && (\n        <AvatarPrimitive.Image\n          className='size-full object-cover object-center'\n          src={typeof source === 'string' ? source : undefined}\n          {...props}\n        />\n      )}\n      {source && typeof source !== 'string' ? (\n        source\n      ) : (\n        <AvatarPrimitive.Fallback delayMs={fallbackDelay}>\n          {fallback ? fallback : <Person />}\n        </AvatarPrimitive.Fallback>\n      )}\n    </AvatarPrimitive.Root>\n    {children}\n  </div>\n);\nAvatar.displayAs = 'Avatar';\nAvatar.as = (\n  props: VariantProps<typeof avatarStyles>,\n  className?: string | string[],\n) => cn(avatarStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["d","cn","o","className","children","fallback","source","size","n","avatarWrapperStyles","jsxs","jsx","Person","r","Avatar","props","avatarStyles"],"mappings":"uMAqBE,IAAA,CAAA,CAAAA,GAAA,CAAA,4GAEU,CACJ,CAAA,IAAA,CAAA,CAAQ,qCACD,CAAA,KAAA,CAAA,yBAGM,CAAA,CAAA,CAAA,eACT,CAAA,CAAA,IAAA,CAAA,QAKgBC,CAAG,CAC7B,CACA,CAAA,CAAA,CAAAC,EAAA,CAAA,CAAA,uBAAA,CAAA,mJAmBA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,SACAC,CAAAA,CAAAA,CAAAA,QACAC,CAAAA,CAAAA,CAAAA,wBAEAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OACAC,CAAO,CAAA,IAAA,CAAA,CAAA,CAAA,YAGN,CAAA,CAAA,GAAAC,IAAA,CAAI,KAAWC,CAAAA,CAAAA,SACdC,CAAAA,CAAAA,CAAAA,QAAC,CAAA,CAAAF,IAAA,CAAA,CACC,gBACE,CAAAN,EAAA,CAAA,kCACeK,CAAAA,CAAAA,CAAAA,CAAM,IAAAJ,CAAAA,CAAAA,CAAAA,SAElB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAEJ,CAAOG,KAAAA,CAAAA,QAAAA,CAAAA,CAAAA,OACNK,CAAAA,EAAAA,eAAC,CACC,KAAA,CAAA,CAAA,SACA,CAAA,2CAAYL,OAAW,CAAA,EAAA,QAAoB,CAAA,CAAA,CAC1C,MACH,CAEDA,GAAU,CAAA,CAAA,CAAA,CAAA,CAAA,EAAOA,OAAW,CAAA,EAAA,yBAGD,CAAA,CAAA,OACvB,CAAA,CAAA,CAAA,QAAuBM,CAAA,CAAO,EAAAC,GACjC,QAEJ,EACCT,CAAAA,CAAAA,CACH,CAEFU,CAAAA,CAAAA,CAAO,CAAY,CAAA,CAAA,EAAA,CAAA,CAAA,SAAA,CAAA,QAEjBC,CACAZ,CAAAA,CAAAA,EAAAA,CACGF,CAAGe,CAAAA,CAAAA,CAAa,GAAKD,EAAAA,CAAAA,CAAO,CAAAZ,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { Person } from '@accelint/icons';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\n\nconst avatarStyles = cva(\n  'fg-default-dark flex items-center justify-center overflow-hidden rounded-full bg-surface-overlay',\n  {\n    variants: {\n      size: {\n        medium: 'size-[32px] **:[svg]:size-xl',\n        small: 'size-xl **:[svg]:size-l',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst avatarWrapperStyles = cn([\n  'relative inline-block',\n  '[--badge-empty-inset:0_0_auto_auto] [--badge-inset:calc(var(--spacing-xxs)*-1)_calc(var(--spacing-xxs)*-1)_auto_auto] [--badge-position:absolute]',\n]);\n\nexport interface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Image>,\n    VariantProps<typeof avatarStyles> {\n  /**\n   * The fallback that the avatar will render if it cannot load the provided source.\n   *\n   * Accepts any React component.\n   */\n  fallback?: React.ReactNode;\n  /** How long the system should wait before it shows the fallback component. By default there is no delay. */\n  fallbackDelay?: number;\n  /** The source of an avatar can either be a URL representing an image or a React component (such as an SVG or an icon from a library). */\n  source?: string | React.ReactNode;\n}\n\nexport const Avatar = ({\n  className,\n  children,\n  fallback,\n  fallbackDelay = 0,\n  source,\n  size = 'medium',\n  ...props\n}: AvatarProps) => (\n  <div className={avatarWrapperStyles}>\n    <AvatarPrimitive.Root\n      className={cn(\n        'pointer-events-none inline-block',\n        avatarStyles({ size, className }),\n      )}\n      role='img'\n    >\n      {typeof source === 'string' && (\n        <AvatarPrimitive.Image\n          className='size-full object-cover object-center'\n          src={typeof source === 'string' ? source : undefined}\n          {...props}\n        />\n      )}\n      {source && typeof source !== 'string' ? (\n        source\n      ) : (\n        <AvatarPrimitive.Fallback delayMs={fallbackDelay}>\n          {fallback ? fallback : <Person />}\n        </AvatarPrimitive.Fallback>\n      )}\n    </AvatarPrimitive.Root>\n    {children}\n  </div>\n);\nAvatar.displayAs = 'Avatar';\nAvatar.as = (\n  props: VariantProps<typeof avatarStyles>,\n  className?: string | string[],\n) => cn(avatarStyles({ ...props, className }));\n"]}

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

@@ -6,8 +6,10 @@ import React from 'react';
 declare const badgeStyles: (props?: ({
     variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface BadgeProps extends VariantProps<typeof badgeStyles>, React.HTMLProps<HTMLSpanElement> {
+interface BadgeProps extends VariantProps<typeof badgeStyles>, Omit<React.HTMLProps<HTMLSpanElement>, 'children'> {
     className?: string;
+    /** Used to add text to the badge, such as the number of unread notifications. */
+    children?: string;
 }
 declare const Badge: {
     ({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;

package/dist/components/badge/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var a=cva(cn(["fg-default-light inline-flex h-l min-w-l items-center justify-center rounded-full border px-xs text-body-xs empty:size-s empty:min-w-none empty:px-none","[inset:var(--badge-inset,initial)] [position:var(--badge-position,initial)] empty:[inset:var(--badge-empty-inset,initial)]"]),{variants:{variant:{advisory:"border-advisory-bold bg-advisory-subtle",critical:"border-critical bg-critical-subtle",serious:"border-serious bg-serious-subtle",normal:"border-normal bg-normal-subtle",info:"border-info-bold bg-info-subtle"}},defaultVariants:{variant:"info"}}),r=({className:e,variant:t,...s})=>jsx("span",{className:cn(a({variant:t,className:e})),...s});r.displayName="Badge";r.as=(e,t)=>cn(a({...e,className:t}));export{r as Badge};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var a=cva(cn(["fg-default-light inline-flex h-l min-w-l items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:min-w-none empty:px-none","[inset:var(--badge-inset,initial)] [position:var(--badge-position,initial)] empty:[inset:var(--badge-empty-inset,initial)]"]),{variants:{variant:{advisory:"bg-advisory-subtle outline-advisory-bold",critical:"bg-critical-subtle outline-critical",serious:"bg-serious-subtle outline-serious",normal:"bg-normal-subtle outline-normal",info:"bg-info-subtle outline-info-bold"}},defaultVariants:{variant:"info"}}),n=({className:e,variant:t="info",...s})=>jsx("span",{className:cn(a({variant:t,className:e})),...s});n.displayName="Badge";n.as=(e,t)=>cn(a({...e,className:t}));export{n as Badge};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["o","i","variant","n","props","Badge","className","cn","badgeStyles"],"mappings":"gGAiBK,IACD,CACA,CAAAA,GAAA,CAAAC,EAAA,CAAA,CAAA,yJAAA,CAAA,4HAGU,CAAA,CAAA,CAAA,CAAA,iBAEN,CAAA,CAAA,kDACU,CAAA,QAAA,CAAA,4CAEV,CAAA,kCAAA,CAAQ,MACR,CAAA,yFAIF,CAAA,CAAA,OACF,CACF,MASoB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAWC,CAAAA,CAAAA,CAAAA,OAAkB,CAAA,CAAA,CAAA,GAClD,CAAA,CAAA,GAAAC,GAAA,CAAA,iBAGKD,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,qBAIAE,CACN,CAAA,CAAA,CAEFC,GAAoB,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,OAElBD,EACAE,CACGC,EAAAA,CAAAA,CAAAA,CAAGC,EAAY,GAAEP,EAAGG,EAAO,CAAAE,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\n\nconst badgeStyles = cva(\n  cn([\n    'fg-default-light inline-flex h-l min-w-l items-center justify-center rounded-full border px-xs text-body-xs empty:size-s empty:min-w-none empty:px-none',\n    '[inset:var(--badge-inset,initial)] [position:var(--badge-position,initial)] empty:[inset:var(--badge-empty-inset,initial)]',\n  ]),\n  {\n    variants: {\n      variant: {\n        advisory: 'border-advisory-bold bg-advisory-subtle',\n        critical: 'border-critical bg-critical-subtle',\n        serious: 'border-serious bg-serious-subtle',\n        normal: 'border-normal bg-normal-subtle',\n        info: 'border-info-bold bg-info-subtle',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends VariantProps<typeof badgeStyles>,\n    React.HTMLProps<HTMLSpanElement> {\n  className?: string;\n}\n\nexport const Badge = ({ className, variant, ...props }: BadgeProps) => (\n  <span\n    className={cn(\n      badgeStyles({\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nBadge.displayName = 'Badge';\nBadge.as = (\n  props: VariantProps<typeof badgeStyles>,\n  className?: string | string[],\n) => cn(badgeStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["o","i","className","r","variant","props","Badge","cn","badgeStyles"],"mappings":"gGAiBK,IACD,CACA,CAAAA,GAAA,CAAAC,EAAA,CAAA,CAAA,0JAAA,CAAA,4HAGU,CAAA,CAAA,CAAA,CAAA,iBAEN,CAAA,CAAA,mDACU,CAAA,QAAA,CAAA,6CAEV,CAAA,mCAAA,CAAQ,wCACF,CAAA,IAAA,CAAA,kCAGV,CAAA,CAAA,CAAA,eACW,CAAA,CAAA,OACX,CACF,MAWoB,CACpB,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,mBACU,CAAA,CAAA,CACV,MACF,CAAA,GACG,CAAA,CAAA,GAAAC,GAAA,CAAA,iBAGKC,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,qBAIAC,CACN,CAAA,CAAA,CAEFC,GAAoB,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,OAElBD,EACAH,CACGK,EAAAA,CAAAA,CAAAA,CAAGC,EAAY,GAAEP,EAAGI,EAAO,CAAAH,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\n\nconst badgeStyles = cva(\n  cn([\n    'fg-default-light inline-flex h-l min-w-l items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:min-w-none empty:px-none',\n    '[inset:var(--badge-inset,initial)] [position:var(--badge-position,initial)] empty:[inset:var(--badge-empty-inset,initial)]',\n  ]),\n  {\n    variants: {\n      variant: {\n        advisory: 'bg-advisory-subtle outline-advisory-bold',\n        critical: 'bg-critical-subtle outline-critical',\n        serious: 'bg-serious-subtle outline-serious',\n        normal: 'bg-normal-subtle outline-normal',\n        info: 'bg-info-subtle outline-info-bold',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends VariantProps<typeof badgeStyles>,\n    Omit<React.HTMLProps<HTMLSpanElement>, 'children'> {\n  className?: string;\n  /** Used to add text to the badge, such as the number of unread notifications. */\n  children?: string;\n}\n\nexport const Badge = ({\n  className,\n  variant = 'info',\n  ...props\n}: BadgeProps) => (\n  <span\n    className={cn(\n      badgeStyles({\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nBadge.displayName = 'Badge';\nBadge.as = (\n  props: VariantProps<typeof badgeStyles>,\n  className?: string | string[],\n) => cn(badgeStyles({ ...props, className }));\n"]}

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

@@ -8,7 +8,14 @@ declare const buttonStyles: (props?: ({
     size?: "small" | "medium" | "large" | "xsmall" | null | undefined;
     isDisabled?: boolean | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<ButtonProps$1, 'isDisabled'>, VariantProps<typeof buttonStyles> {
+interface ButtonProps extends Omit<ButtonProps$1, 'children' | 'isDisabled'>, VariantProps<typeof buttonStyles> {
+    /**
+     * Used to add text to the badge, such as the number of unread notifications.
+     *
+     * Can also receive a function which will be called with the parameters mentioned
+     * {@link https://react-spectrum.adobe.com/react-aria/Button.html#styling:~:text=are%20documented%20below.-,Name,-CSS%20Selector here}
+     */
+    children?: ButtonProps$1['children'];
     isDisabled?: boolean;
 }
 declare const Button: {

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var i=cva("inline-flex cursor-pointer items-center justify-center whitespace-nowrap outline-none [--icon-size:20px]",{variants:{variant:{primary:"fg-inverse-light rounded-medium ai-pressed:bg-interactive-hover-light bg-interactive-default hover:bg-interactive-hover-light",outline:"fg-default-light rounded-medium border ai-pressed:border-interactive-hover border-interactive hover:border-interactive-hover",flat:"fg-default-light rounded-medium ai-pressed:bg-interactive-hover-dark bg-transparent hover:bg-interactive-hover-dark",destructive:"fg-inverse-light rounded-medium ai-pressed:bg-serious-hover bg-serious-bold hover:bg-serious-hover",critical:"fg-default-light rounded-medium ai-pressed:bg-critical-hover bg-critical-bold hover:bg-critical-hover"},size:{large:"min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]",medium:"min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]",small:"min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]",xsmall:"min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]"},isDisabled:{true:"fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled",false:""}},compoundVariants:[{variant:"outline",isDisabled:true,className:"fg-disabled hover:fg-disabled cursor-not-allowed border-interactive-disabled bg-transparent hover:bg-transparent"},{variant:"flat",isDisabled:true,className:"fg-disabled hover:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent"}],defaultVariants:{isDisabled:false,variant:"primary",size:"medium"}}),a=({className:t,isDisabled:e,variant:s,size:o,...n})=>jsx(Button,{className:composeRenderProps(t,d=>cn("w-content",i({isDisabled:e,variant:s,size:o,className:d}))),isDisabled:e,...n});a.displayName="Button";a.as=(t,e)=>cn(i({...t,className:e}));export{a as Button};//# sourceMappingURL=index.js.map
+import {expectsIconWrapper}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var a=cva("inline-flex cursor-pointer items-center justify-center whitespace-nowrap [--icon-size:20px]",{variants:{variant:{primary:"fg-inverse-light rounded-medium ai-pressed:bg-interactive-hover-light bg-interactive-default outline-none hover:bg-interactive-hover-light focus:bg-interactive-hover-light",outline:"fg-default-light rounded-medium outline ai-pressed:outline-interactive-hover outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover",flat:"fg-default-light rounded-medium ai-pressed:bg-interactive-hover-dark bg-transparent outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark",destructive:"fg-inverse-light rounded-medium ai-pressed:bg-serious-hover bg-serious-bold outline-none hover:bg-serious-hover focus:bg-serious-hover",critical:"fg-default-light rounded-medium ai-pressed:bg-critical-hover bg-critical-bold outline-none hover:bg-critical-hover focus:bg-critical-hover"},size:{large:"min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]",medium:"min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]",small:"min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]",xsmall:"min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]"},isDisabled:{true:"fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled focus:bg-interactive-disabled",false:""}},compoundVariants:[{variant:"outline",isDisabled:true,className:"fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent outline outline-interactive-disabled hover:bg-transparent focus:bg-transparent"},{variant:"flat",isDisabled:true,className:"fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent focus:bg-transparent"}],defaultVariants:{isDisabled:false,variant:"primary",size:"medium"}}),i=({className:t,isDisabled:e,variant:n="primary",size:s="medium",...r})=>(expectsIconWrapper({children:r.children,componentName:i.displayName}),jsx(Button,{className:composeRenderProps(t,l=>cn("w-content",a({isDisabled:e,variant:n,size:s,className:l}))),isDisabled:e,...r}));i.displayName="Button";i.as=(t,e)=>cn(a({...t,className:e}));export{i as Button};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["l","size","jsx","AriaButton","b","p","cn","r","isDisabled","variant","props","Button","className","buttonStyles"],"mappings":"8JAoBE,IAAA,CAAA,CAAAA,GAAA,CAAA,0GAEE,CAAA,CAAA,QACW,CAAA,CAAA,OAEL,CAAA,CAAA,OAAA,CAAA,+HAEA,CAAA,OAAA,CAAA,8HACI,CAAA,IAAA,CAAA,iIAGN,CAAA,oGAAA,CAAA,QAEF,CAAA,uGACM,CACJ,CACE,IAAA,CAAA,CAAA,KAAA,CAAA,6EAEA,MACF,CAAA,gFAAO,CACP,KAAA,CAAA,uDAAA,CACE,MACJ,CAAA,mEACY,CAAA,CAAA,UACJ,CACN,CAAA,IAAA,CAAA,wGAAO,CACT,KAEF,CAAA,EAAA,CAAA,CAAA,CAAA,0BAGI,CAAA,SAAA,CAAA,UACA,CAAA,IAAA,CAAA,4HAIS,CAAA,CAAA,CAAA,OAAA,CACT,iBACA,CAAA,IAAA,CAAA,SAEF,CAAA,sFAEF,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UACS,CAAA,KAAA,CAAA,OAAA,CAAA,SACH,CAAA,IAAA,CAAA,QAWW,CACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,OACA,CAAAC,EACA,IACF,CACEC,CAAAA,CAAAA,GAACC,EAAA,GACCC,GAAA,CAAAC,MAAA,CAAA,CAAA,UACEC,kBACE,CAAA,CAAA,CAAA,CAAA,EAAAC,EAAA,CAAA,WAEEC,CAAAA,CAAAA,CAAAA,CAAAA,UACAC,CAAAA,CAAAA,CAAAA,QACAR,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,SAIN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UACIS,CACN,CAEFC,CAAAA,GAAqB,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,QAEnBD,CACAE,CAAAA,CAAAA,EAAAA,CACGN,CAAGO,CAAAA,CAAAA,CAAa,GAAKH,EAAAA,CAAAA,CAAO,CAAAE,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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 */\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst buttonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center whitespace-nowrap outline-none [--icon-size:20px]',\n  {\n    variants: {\n      variant: {\n        primary:\n          'fg-inverse-light rounded-medium ai-pressed:bg-interactive-hover-light bg-interactive-default hover:bg-interactive-hover-light',\n        outline:\n          'fg-default-light rounded-medium border ai-pressed:border-interactive-hover border-interactive hover:border-interactive-hover',\n        flat: 'fg-default-light rounded-medium ai-pressed:bg-interactive-hover-dark bg-transparent hover:bg-interactive-hover-dark',\n        destructive:\n          'fg-inverse-light rounded-medium ai-pressed:bg-serious-hover bg-serious-bold hover:bg-serious-hover',\n        critical:\n          'fg-default-light rounded-medium ai-pressed:bg-critical-hover bg-critical-bold hover:bg-critical-hover',\n      },\n      size: {\n        large:\n          'min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]',\n        medium:\n          'min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]',\n        small: 'min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]',\n        xsmall:\n          'min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]',\n      },\n      isDisabled: {\n        true: 'fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'outline',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled cursor-not-allowed border-interactive-disabled bg-transparent hover:bg-transparent',\n      },\n      {\n        variant: 'flat',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent',\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n      variant: 'primary',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends Omit<AriaButtonProps, 'isDisabled'>,\n    VariantProps<typeof buttonStyles> {\n  isDisabled?: boolean;\n}\n\nexport const Button = ({\n  className,\n  isDisabled,\n  variant,\n  size,\n  ...props\n}: ButtonProps) => (\n  <AriaButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        'w-content',\n        buttonStyles({\n          isDisabled,\n          variant,\n          size,\n          className,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nButton.displayName = 'Button';\nButton.as = (\n  props: VariantProps<typeof buttonStyles>,\n  className?: string | string[],\n) => cn(buttonStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["u","className","isDisabled","size","props","expectsIconWrapper","d","Button","jsx","composeRenderProps","buttonStyles","variant","cn"],"mappings":"oNAsBE,IAAA,CAAA,CAAAA,GAAA,CAAA,6FAEI,CAAA,CAAA,QACE,CAAA,CAAA,8LAGE,CAAA,OAAA,CAAA,kKACI,CAAA,IAAA,CAAA,kKAGN,CAAA,WAAA,CAAA,wIAEF,CAAA,QAAA,CAAA,4IAGI,CACF,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,oKAEO,CAAA,KAAA,CAAA,uDAEL,CAAA,MAAA,CAAA,mEAGF,CAAM,CAAA,UAAA,CAAA,CAAA,IAAA,CAAA,sIAIV,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,gBAGI,CAAA,CAAA,CAAA,OAAA,CAAA,UACA,UACE,CAAA,IAAA,CAAA,SAAA,CAAA,kKAIF,CAAA,CAAA,CAAA,OAAA,CAAA,OACA,UACE,CAAA,IAAA,CAAA,SAAA,CAAA,6HAGN,CAAA,CAAA,CAAA,iBAEE,UAAS,CAAA,KAAA,CAAA,OACH,CAAA,SACR,CACF,IAgBoB,CAAA,QACpBC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACA,CAAAC,CAAAA,SAAAA,CAAAA,CACA,WAAU,CAAA,CAAA,CAAA,OACVC,CAAAA,CAAAA,CAAAA,cACGC,CAAAA,CACL,CACEC,QACYD,CAAAA,GAAAA,CAAAA,CAAAA,IAAME,kBAChB,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAeC,aACjB,CAAC,EAGCC,WACaC,CAAAA,CAAAA,CAAAA,GAAAA,CAAAA,MAAmBR,CAAYA,CAAAA,SAGtCS,CAAAA,kBAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAa,WACX,CAAAR,EACA,CAAAS,UACAR,CAAAA,CAAAA,CAAAA,cAEF,CAAC,CACH,CACF,SACYD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CACX,CAAGE,UAIH,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAc,CACrBG,CAAAA,YAAY,QAGPK,CAAGF,EAAa,EAAE,CAAA,CAAGN,EAAO,CAAAH,GAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAAW,CAAC,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["import { expectsIconWrapper } from '@/lib/react';\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst buttonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center whitespace-nowrap [--icon-size:20px]',\n  {\n    variants: {\n      variant: {\n        primary:\n          'fg-inverse-light rounded-medium ai-pressed:bg-interactive-hover-light bg-interactive-default outline-none hover:bg-interactive-hover-light focus:bg-interactive-hover-light',\n        outline:\n          'fg-default-light rounded-medium outline ai-pressed:outline-interactive-hover outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n        flat: 'fg-default-light rounded-medium ai-pressed:bg-interactive-hover-dark bg-transparent outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark',\n        destructive:\n          'fg-inverse-light rounded-medium ai-pressed:bg-serious-hover bg-serious-bold outline-none hover:bg-serious-hover focus:bg-serious-hover',\n        critical:\n          'fg-default-light rounded-medium ai-pressed:bg-critical-hover bg-critical-bold outline-none hover:bg-critical-hover focus:bg-critical-hover',\n      },\n      size: {\n        large:\n          'min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]',\n        medium:\n          'min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]',\n        small: 'min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]',\n        xsmall:\n          'min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]',\n      },\n      isDisabled: {\n        true: 'fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled focus:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'outline',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent outline outline-interactive-disabled hover:bg-transparent focus:bg-transparent',\n      },\n      {\n        variant: 'flat',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent focus:bg-transparent',\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n      variant: 'primary',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends Omit<AriaButtonProps, 'children' | 'isDisabled'>,\n    VariantProps<typeof buttonStyles> {\n  /**\n   * Used to add text to the badge, such as the number of unread notifications.\n   *\n   * Can also receive a function which will be called with the parameters mentioned\n   * {@link https://react-spectrum.adobe.com/react-aria/Button.html#styling:~:text=are%20documented%20below.-,Name,-CSS%20Selector here}\n   */\n  children?: AriaButtonProps['children'];\n  isDisabled?: boolean;\n}\n\nexport const Button = ({\n  className,\n  isDisabled,\n  variant = 'primary',\n  size = 'medium',\n  ...props\n}: ButtonProps) => {\n  expectsIconWrapper({\n    children: props.children,\n    componentName: Button.displayName,\n  });\n\n  return (\n    <AriaButton\n      className={composeRenderProps(className, (className) =>\n        cn(\n          'w-content',\n          buttonStyles({\n            isDisabled,\n            variant,\n            size,\n            className,\n          }),\n        ),\n      )}\n      isDisabled={isDisabled}\n      {...props}\n    />\n  );\n};\nButton.displayName = 'Button';\nButton.as = (\n  props: VariantProps<typeof buttonStyles>,\n  className?: string | string[],\n) => cn(buttonStyles({ ...props, className }));\n"]}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
+
+/**
+ * This is a checkbox.
+ */
+interface CheckboxProps extends CheckboxProps$1 {
+}
+declare function Checkbox({ className, children, ...args }: CheckboxProps): react_jsx_runtime.JSX.Element;
+declare namespace Checkbox {
+    var Group: typeof CheckboxGroup;
+}
+interface CheckboxGroupProps extends CheckboxGroupProps$1 {
+    label?: string | React.JSX.Element;
+}
+declare function CheckboxGroup({ children, className, label, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxGroupProps, type CheckboxProps };

package/dist/components/checkbox/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {CheckboxIndeterminate,CheckboxSelected}from'@accelint/icons';import {cva}from'cva';import {Checkbox,CheckboxGroup}from'react-aria-components';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=cva("fg-inverse-light size-l rounded-small outline outline-interactive",{variants:{isIndeterminate:{true:"bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover"},isSelected:{true:"bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover"},isHovered:{true:"outline-interactive-hover"},isFocused:{true:"outline-interactive-hover"},isDisabled:{true:"outline-interactive-disabled hover:outline-interactive-disabled"},isReadOnly:{true:"outline-interactive-disabled hover:outline-interactive-disabled"}},compoundVariants:[{isDisabled:true,isSelected:true,className:"icon-inverse-light bg-interactive-disabled"},{isDisabled:true,isIndeterminate:true,className:"icon-inverse-light bg-interactive-disabled"},{isReadOnly:true,isSelected:true,className:"icon-inverse-light bg-interactive-disabled"},{isReadOnly:true,isIndeterminate:true,className:"icon-inverse-light bg-interactive-disabled"}],defaultVariants:{isIndeterminate:false,isSelected:false}});function k({className:e,children:r,...t}){return jsx(Checkbox,{...t,className:cn("fg-default-light flex items-center gap-m ai-disabled:text-interactive-disabled text-body-s",e),children:({isDisabled:o,isFocused:a,isHovered:h,isIndeterminate:s,isReadOnly:d,isSelected:n})=>jsxs(Fragment,{children:[jsxs("div",{className:cn(f({isDisabled:o,isFocused:a,isHovered:h,isIndeterminate:s,isReadOnly:d,isSelected:n})),"aria-hidden":true,children:[s&&!n&&jsx(CheckboxIndeterminate,{}),n&&!s&&jsx(CheckboxSelected,{})]}),r]})})}function C({children:e,className:r,label:t,...o}){return jsx(CheckboxGroup,{...o,className:cn("fg-default-light flex flex-col gap-m text-body-s",r),children:a=>jsxs(Fragment,{children:[t?jsx(Label,{children:t}):void 0,typeof e=="function"?e(a):e]})})}k.Group=C;export{k as Checkbox};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["v","Checkbox","jsx","args","x","cn","className","Fragment","l","u","c","isIndeterminate","isSelected","CheckboxIndeterminate","CheckboxSelected","i","children","label","props","g","m","CheckboxGroup"],"mappings":"oRAyBE,IAAA,CAAA,CAAAA,GAAA,CAAA,mEAEE,CAAA,CAAA,QACE,CAAA,CAAA,eAEA,CAAA,CAAA,IAAA,CAAA,gGACY,CAAA,CAAA,UACJ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,SAEA,CAAA,CAAA,IAAA,CAAA,2BACW,CAAA,CAAA,SACH,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,kFAGA,CAAA,CAAA,UAEA,CAAA,CAAA,IAAA,CAAA,iEAEF,CAAA,CAAA,CAAA,gBAEgB,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACD,CAAA,IAAA,CAAA,SAAA,CAAA,4CAGC,CAAA,CAAA,CAAA,UACK,CAAA,IAAA,CAAA,eACN,CAAA,IAAA,CAAA,SAAA,CAAA,4CAGC,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,yBAEd,CAAA,4CAEE,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SACF,CAAA,4CAEF,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,eACA,CAAA,KAAA,CAAA,UAUUC,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,SAAW,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,QAAkB,CAAkB,CACxE,CACEC,GAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OACMC,GAAAA,CACJC,QAAWC,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,SAETC,CAAAA,EAAAA,CAAAA,4FAGD,CAAA,CAAA,CAAA,CAAA,QACC,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAEAC,CAAAA,CAAA,CACE,GAAAC,IAAA,CAAAC,QAAA,CAAA,CAAA,QACE,CAAA,CAAAD,IAAA,CAAA,KAAA,CAAA,CAAA,SAEI,CAAAE,EAAA,CAAA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,eACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAGO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAEVC,CAAAA,IAAAA,CAAAA,QAAoBC,CAAcV,CAACW,CAAAA,EAAA,CAAsB,CAAA,EACzDD,yBAAc,CAACD,EAAAA,CAAmBT,CAACY,CAAAA,EAAA,CAAiB,CAAA,EAAAC,GACvD,CACCC,gBAAAA,CAAAA,EACH,CAEJ,CAAA,CAEJ,CAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACEA,CAAAA,CAAAA,CAAAA,QACAV,CAAAA,CAAAA,CAAAA,SACAW,CAAAA,CAAAA,CACA,KACqB,CAAA,CACrB,CACEf,GAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OACMgB,GAAAA,CACJC,aAAWd,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,SAETC,CAAAA,EAAAA,CAAAA,kDAGD,CAAA,CAAA,CAAA,CAAA,QACC,CACG,CAAAW,EAAAA,IAAAA,CAAAA,QAAAA,CAAAA,CAAAA,QAAS,CAAO,CAAA,CAAA,CAAAF,GAAA,CAAAK,KAAA,CAAA,CAAA,QAChB,CAAA,CAAA,CAAA,CAAA,CAAA,MAAOJ,CAAa,OAAA,CAAA,EAAA,UAA+BA,CACtD,CAEJ,CAAA,CAEJ,CAEAf,CAAAA,CAAS,CAAQoB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA","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\nimport { cn } from '@/lib/utils';\nimport { CheckboxIndeterminate, CheckboxSelected } from '@accelint/icons';\nimport { cva } from 'cva';\nimport type React from 'react';\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  type CheckboxGroupProps as AriaCheckboxGroupProps,\n  type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\n\nconst checkboxStyles = cva(\n  'fg-inverse-light size-l rounded-small outline outline-interactive',\n  {\n    variants: {\n      isIndeterminate: {\n        true: 'bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover',\n      },\n      isSelected: {\n        true: 'bg-highlight outline-highlight hover:outline-interactive-hover focus:outline-interactive-hover',\n      },\n      isHovered: {\n        true: 'outline-interactive-hover',\n      },\n      isFocused: {\n        true: 'outline-interactive-hover',\n      },\n      isDisabled: {\n        true: 'outline-interactive-disabled hover:outline-interactive-disabled',\n      },\n      isReadOnly: {\n        true: 'outline-interactive-disabled hover:outline-interactive-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: true,\n        isSelected: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isDisabled: true,\n        isIndeterminate: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isReadOnly: true,\n        isSelected: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n      {\n        isReadOnly: true,\n        isIndeterminate: true,\n        className: 'icon-inverse-light bg-interactive-disabled',\n      },\n    ],\n    defaultVariants: {\n      isIndeterminate: false,\n      isSelected: false,\n    },\n  },\n);\n\n/**\n * This is a checkbox.\n */\nexport interface CheckboxProps extends AriaCheckboxProps {}\n\nexport function Checkbox({ className, children, ...args }: CheckboxProps) {\n  return (\n    <AriaCheckbox\n      {...args}\n      className={cn(\n        'fg-default-light flex items-center gap-m ai-disabled:text-interactive-disabled text-body-s',\n        className,\n      )}\n    >\n      {({\n        isDisabled,\n        isFocused,\n        isHovered,\n        isIndeterminate,\n        isReadOnly,\n        isSelected,\n      }) => (\n        <>\n          <div\n            className={cn(\n              checkboxStyles({\n                isDisabled,\n                isFocused,\n                isHovered,\n                isIndeterminate,\n                isReadOnly,\n                isSelected,\n              }),\n            )}\n            aria-hidden\n          >\n            {isIndeterminate && !isSelected && <CheckboxIndeterminate />}\n            {isSelected && !isIndeterminate && <CheckboxSelected />}\n          </div>\n          {children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nexport interface CheckboxGroupProps extends AriaCheckboxGroupProps {\n  // children: React.JSX.Element;\n  label?: string | React.JSX.Element;\n}\n\nfunction CheckboxGroup({\n  children,\n  className,\n  label,\n  ...props\n}: CheckboxGroupProps) {\n  return (\n    <AriaCheckboxGroup\n      {...props}\n      className={cn(\n        'fg-default-light flex flex-col gap-m text-body-s',\n        className,\n      )}\n    >\n      {(props) => (\n        <>\n          {label ? <Label>{label}</Label> : undefined}\n          {typeof children === 'function' ? children(props) : children}\n        </>\n      )}\n    </AriaCheckboxGroup>\n  );\n}\n\nCheckbox.Group = CheckboxGroup;\n"]}

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

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import React, { ReactNode } from 'react';
+import { TagGroupProps, TagListProps, TagProps } from 'react-aria-components';
+
+declare const chipStyles: (props?: ({
+    variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface ChipProps extends VariantProps<typeof chipStyles>, Omit<React.HTMLProps<HTMLSpanElement>, 'children' | 'size'> {
+    className?: string;
+    /** Used to add text to the badge, such as the number of unread notifications. */
+    children?: ReactNode;
+}
+declare const Chip: {
+    ({ className, size, variant, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof chipStyles>, className?: string | string[]): string;
+    List: typeof ChipList;
+    Selectable: {
+        ({ className, isDisabled, size, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Deletable: {
+        ({ children, className, isDisabled, size, textValue, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+interface ChipListProps<T> extends Omit<TagGroupProps, 'children'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'> {
+}
+declare function ChipList<T extends object>({ children, className, items, renderEmptyState, ...props }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace ChipList {
+    var displayName: string;
+}
+declare const selectableChipStyles: (props?: ({
+    isDisabled?: boolean | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface SelectableChipProps extends VariantProps<typeof selectableChipStyles>, Omit<TagProps, 'isDisabled'> {
+}
+declare const SelectableChip: {
+    ({ className, isDisabled, size, ...props }: SelectableChipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const deletableChipStyles: (props?: ({
+    isDisabled?: boolean | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface DeletableChipProps extends VariantProps<typeof deletableChipStyles>, Omit<TagProps, 'isDisabled'> {
+}
+declare const DeletableChip: {
+    ({ children, className, isDisabled, size, textValue, ...props }: DeletableChipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Chip, type ChipListProps, type ChipProps, DeletableChip, SelectableChip };

package/dist/components/chip/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {createContext,useContext}from'react';import {Tag,Button,TagGroup,TagList}from'react-aria-components';import {Icon}from'../icon/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var d=cva(cn(["fg-default-light inline-flex w-content items-center justify-center gap-xxs rounded-full outline"]),{variants:{variant:{advisory:"bg-advisory-subtle outline-advisory-bold",critical:"bg-critical-subtle outline-critical",serious:"bg-serious-subtle outline-serious",normal:"bg-normal-subtle outline-normal",info:"bg-info-subtle outline-info-bold"},size:{medium:"icon-size-l px-s py-xs text-body-s",small:"icon-size-m px-s py-xs text-body-xs"}},defaultVariants:{size:"medium",variant:"info"}}),f=createContext(false),r=({className:e,size:t="medium",variant:s="info",...o})=>{let n=useContext(f)?Tag:"span";return jsx(n,{className:cn(d({size:t,variant:s,className:e})),...o})};r.displayName="Chip";r.as=(e,t)=>cn(d({...e,className:t}));function m({children:e,className:t,items:s,renderEmptyState:o,...l}){return jsx(f.Provider,{value:true,children:jsx(TagGroup,{...l,children:jsx(TagList,{items:s,renderEmptyState:o,className:cn("flex flex-wrap gap-xs",t),children:e})})})}m.displayName="Chip.List";r.List=m;var A=cva(cn(["fg-default-light inline-flex w-content items-center justify-center rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover","ai-selected:bg-highlight-subtle ai-selected:outline-highlight"]),{variants:{isDisabled:{true:"fg-disabled ai-selected:bg-transparent ai-selected:outline-interactive-disabled outline-interactive-disabled hover:outline-interactive-disabled focus:outline-interactive-disabled",false:"cursor-pointer"},size:{medium:"px-s py-xs text-body-s",small:"px-s py-xs text-body-xs"}},defaultVariants:{isDisabled:false,size:"medium"}}),b=({className:e,isDisabled:t=false,size:s="medium",...o})=>jsx(Tag,{className:cn(A({isDisabled:t,size:s,className:e})),...o});b.displayName="Chip.Selectable";r.Selectable=b;var N=cva(cn(["fg-default-light group inline-flex w-content items-center justify-center gap-xs rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover"]),{variants:{isDisabled:{true:"fg-disabled outline-interactive-disabled hover:outline-interactive-disabled",false:""},size:{medium:"p-xs pl-m text-body-s",small:"p-xs pl-s text-body-xs"}},defaultVariants:{isDisabled:false,size:"medium"}}),g=({children:e,className:t,isDisabled:s=false,size:o="medium",textValue:l,...n})=>{let h=l??(typeof e=="string"?e:void 0);return jsx(Tag,{className:cn(N({isDisabled:s,size:o,className:t})),textValue:h,...n,children:({allowsRemoving:u,...x})=>{if(!u)throw new Error("You have a <Chip.Deletable> in a <Chip.List> does not specify an onRemove handler.");return jsxs(Fragment,{children:[typeof e=="function"?e({allowsRemoving:u,...x}):e,jsx(Button,{slot:"remove",className:cn(["icon-size-[15px] icon-default-dark group-hover:icon-default-light group-focus:icon-default-light cursor-pointer",s&&"icon-disabled group-hover:icon-disabled cursor-not-allowed"]),children:jsx(Icon,{children:jsx(CancelFill,{})})})]})}})};g.displayName="Chip.Deletable";r.Deletable=g;export{r as Chip,g as DeletableChip,b as SelectableChip};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["Chip","v","size","variant","props","Component","useContext","Coordinator","C","c","jsx","a","className","cn","chipStyles","children","items","P","renderEmptyState","ChipList","cva","i","SelectableChip","p","internalTextValue","AriaTag","isDisabled","allowsRemoving","jsxs","Fragment","Button","S","L","y","DeletableChip"],"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\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\nimport { type ReactNode, createContext, useContext } from 'react';\nimport {\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  type TagGroupProps as AriaTagGroupProps,\n  TagList as AriaTagList,\n  type TagListProps as AriaTagListProps,\n  type TagProps as AriaTagProps,\n  Button,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\n\nconst chipStyles = cva(\n  cn([\n    'fg-default-light inline-flex w-content items-center justify-center gap-xxs rounded-full outline',\n  ]),\n  {\n    variants: {\n      variant: {\n        advisory: 'bg-advisory-subtle outline-advisory-bold',\n        critical: 'bg-critical-subtle outline-critical',\n        serious: 'bg-serious-subtle outline-serious',\n        normal: 'bg-normal-subtle outline-normal',\n        info: 'bg-info-subtle outline-info-bold',\n      },\n      size: {\n        medium: 'icon-size-l px-s py-xs text-body-s',\n        small: 'icon-size-m px-s py-xs text-body-xs',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n      variant: 'info',\n    },\n  },\n);\n\nexport interface ChipProps\n  extends VariantProps<typeof chipStyles>,\n    Omit<React.HTMLProps<HTMLSpanElement>, 'children' | 'size'> {\n  className?: string;\n  /** Used to add text to the badge, such as the number of unread notifications. */\n  children?: ReactNode;\n}\n\n// This coordinator is used as a way for the `<Chip>` component to understand\n// whether or not it is being rendered inside of a `<Chip.List>`. This allows\n// us to opt-into using an `<AriaTag>` or a `<span>` to ensure standalone\n// functionality.\nconst Coordinator = createContext(false);\n\nexport const Chip = ({\n  className,\n  size = 'medium',\n  variant = 'info',\n  ...props\n}: ChipProps) => {\n  const context = useContext(Coordinator);\n\n  // If any context was returned from the `Coordinator` context, then\n  // we are being rendered inside of a `Chip.List` and need to render\n  // an `<AriaTag>`.\n  const Component = context ? AriaTag : 'span';\n\n  return (\n    // @ts-expect-error we are intentionally omitting children.\n    <Component\n      className={cn(\n        chipStyles({\n          size,\n          variant,\n          className,\n        }),\n      )}\n      {...props}\n    />\n  );\n};\nChip.displayName = 'Chip';\nChip.as = (\n  props: VariantProps<typeof chipStyles>,\n  className?: string | string[],\n) => cn(chipStyles({ ...props, className }));\n\nexport interface ChipListProps<T>\n  extends Omit<AriaTagGroupProps, 'children'>,\n    Pick<AriaTagListProps<T>, 'items' | 'children' | 'renderEmptyState'> {}\n\nfunction ChipList<T extends object>({\n  children,\n  className,\n  items,\n  renderEmptyState,\n  ...props\n}: ChipListProps<T>) {\n  return (\n    <Coordinator.Provider value={true}>\n      <AriaTagGroup {...props}>\n        <AriaTagList<T>\n          items={items}\n          renderEmptyState={renderEmptyState}\n          className={cn('flex flex-wrap gap-xs', className)}\n        >\n          {children}\n        </AriaTagList>\n      </AriaTagGroup>\n    </Coordinator.Provider>\n  );\n}\nChipList.displayName = 'Chip.List';\nChip.List = ChipList;\n\nconst selectableChipStyles = cva(\n  cn([\n    'fg-default-light inline-flex w-content items-center justify-center rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n    'ai-selected:bg-highlight-subtle ai-selected:outline-highlight',\n  ]),\n  {\n    variants: {\n      isDisabled: {\n        true: 'fg-disabled ai-selected:bg-transparent ai-selected:outline-interactive-disabled outline-interactive-disabled hover:outline-interactive-disabled focus:outline-interactive-disabled',\n        false: 'cursor-pointer',\n      },\n      size: {\n        medium: 'px-s py-xs text-body-s',\n        small: 'px-s py-xs text-body-xs',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface SelectableChipProps\n  extends VariantProps<typeof selectableChipStyles>,\n    Omit<AriaTagProps, 'isDisabled'> {}\n\nexport const SelectableChip = ({\n  className,\n  isDisabled = false,\n  size = 'medium',\n  ...props\n}: SelectableChipProps) => (\n  <AriaTag\n    className={cn(\n      selectableChipStyles({\n        isDisabled,\n        size,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nSelectableChip.displayName = 'Chip.Selectable';\nChip.Selectable = SelectableChip;\n\nconst deletableChipStyles = cva(\n  cn([\n    'fg-default-light group inline-flex w-content items-center justify-center gap-xs rounded-full outline outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n  ]),\n  {\n    variants: {\n      isDisabled: {\n        true: 'fg-disabled outline-interactive-disabled hover:outline-interactive-disabled',\n        false: '',\n      },\n      size: {\n        medium: 'p-xs pl-m text-body-s',\n        small: 'p-xs pl-s text-body-xs',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n    },\n  },\n);\n\ninterface DeletableChipProps\n  extends VariantProps<typeof deletableChipStyles>,\n    Omit<AriaTagProps, 'isDisabled'> {}\n\nexport const DeletableChip = ({\n  children,\n  className,\n  isDisabled = false,\n  size = 'medium',\n  textValue,\n  ...props\n}: DeletableChipProps) => {\n  const internalTextValue =\n    textValue ?? (typeof children === 'string' ? children : undefined);\n\n  return (\n    <AriaTag\n      className={cn(\n        deletableChipStyles({\n          isDisabled,\n          size,\n          className,\n        }),\n      )}\n      textValue={internalTextValue}\n      {...props}\n    >\n      {({ allowsRemoving, ...props }) => {\n        if (!allowsRemoving) {\n          throw new Error(\n            'You have a <Chip.Deletable> in a <Chip.List> does not specify an onRemove handler.',\n          );\n        }\n\n        return (\n          <>\n            {typeof children === 'function'\n              ? children({ allowsRemoving, ...props })\n              : children}\n            <Button\n              slot='remove'\n              className={cn([\n                'icon-size-[15px] icon-default-dark group-hover:icon-default-light group-focus:icon-default-light cursor-pointer',\n                isDisabled &&\n                  'icon-disabled group-hover:icon-disabled cursor-not-allowed',\n              ])}\n            >\n              <Icon>\n                <CancelFill />\n              </Icon>\n            </Button>\n          </>\n        );\n      }}\n    </AriaTag>\n  );\n};\nDeletableChip.displayName = 'Chip.Deletable';\nChip.Deletable = DeletableChip;\n"]}

package/dist/components/classification-badge/index.d.ts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import { ReactNode } from 'react';
 
 declare const classificationBadge: (props?: ({
-    variant?: "missing" | "unclassified" | "cui" | "confidential" | "secret" | "top-secret" | "top-secret-sci" | null | undefined;
+    variant?: "missing" | "unclassified" | "cui" | "confidential" | "secret" | "top-secret" | "ts-sci" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ClassificationBadgeProps extends VariantProps<typeof classificationBadge> {
     className?: string;
-    children?: ReactNode;
+    /** If no text is provided, the system will fallback to safe defaults. You can override the text with children. */
+    children?: string;
 }
 declare const ClassificationBadge: {
     ({ className, size, variant, ...props }: ClassificationBadgeProps): react_jsx_runtime.JSX.Element;

package/dist/components/classification-badge/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var s=cva("inline-flex items-center justify-center rounded-full uppercase",{variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","top-secret-sci":"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['TS/SCI']"},size:{medium:"px-s py-xs text-header-s",small:"px-s py-xs text-header-xs"}},defaultVariants:{variant:"missing",size:"medium"}}),a=({className:e,size:i,variant:n,...c})=>jsx("span",{className:cn(s({size:i,variant:n,className:e})),...c});a.displayName="ClassificationBadge";a.as=(e,i)=>cn(s({...e,className:i}));export{a as ClassificationBadge};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var s=cva("inline-flex items-center justify-center rounded-full uppercase",{variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']"},size:{medium:"px-s py-xs text-header-s",small:"px-s py-xs text-header-xs"}},defaultVariants:{variant:"missing",size:"medium"}}),a=({className:i,size:e="medium",variant:n="missing",...c})=>jsx("span",{className:cn(s({size:e,variant:n,className:i})),...c});a.displayName="ClassificationBadge";a.as=(i,e)=>cn(s({...i,className:e}));export{a as ClassificationBadge};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/classification-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["size","variant","r","props","ClassificationBadge","className","cn","classificationBadge"],"mappings":"0KAmBI,CAAA,CAAA,QACW,CAAA,CAAA,OAEL,CAAA,CAAA,OAAA,CAAA,4EAEA,CAAA,YAAA,CAAA,sFAEF,CAAA,GAAA,CAAA,yEAAA,CAAA,wGAGE,CAAA,MAAA,CAAA,4FAGF,CAAA,uFAAA,CAAA,wGAGI,CACJ,CAAQ,IAAA,CAAA,CAAA,MAAA,CAAA,0BACD,CACT,KAAA,CAAA,2BAEe,CAAA,CAAA,CAAA,eACN,CAAA,CAAA,OAAA,CAAA,SACH,CAAA,IAAA,CAAA,QAWwB,CAClC,gBACA,CAAAA,EACA,IAAAC,CAAAA,CAAAA,CAAAA,OAEF,CAAA,CAAA,CAAA,GACG,CACC,CAAA,GAAAC,GAAA,CAAA,MAAA,CAAA,CAAA,SAEIF,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CACA,IAAAC,CAAAA,CAAAA,CAAAA,mBAIH,CAAA,CAAGE,EACN,CAEFC,CAAAA,GAAkC,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,qBAEhCD,CACAE,CAAAA,CAAAA,EAAAA,CACGC,EAAGC,CAAoB,CAAA,KAAKJ,CAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\n\nconst classificationBadge = cva(\n  'inline-flex items-center justify-center rounded-full uppercase',\n  {\n    variants: {\n      variant: {\n        missing:\n          \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n        unclassified:\n          \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n        cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n        confidential:\n          \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n        secret:\n          \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n        'top-secret':\n          \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n        'top-secret-sci':\n          \"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['TS/SCI']\",\n      },\n      size: {\n        medium: 'px-s py-xs text-header-s',\n        small: 'px-s py-xs text-header-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'missing',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ClassificationBadgeProps\n  extends VariantProps<typeof classificationBadge> {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ClassificationBadge = ({\n  className,\n  size,\n  variant,\n  ...props\n}: ClassificationBadgeProps) => (\n  <span\n    className={cn(\n      classificationBadge({\n        size,\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.as = (\n  props: VariantProps<typeof classificationBadge>,\n  className?: string | string[],\n) => cn(classificationBadge({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["size","f","variant","props","ClassificationBadge","className","cn","classificationBadge"],"mappings":"0KAkBI,CAAA,CAAA,QACW,CAAA,CAAA,OAEL,CAAA,CAAA,OAAA,CAAA,4EAEA,CAAA,YAAA,CAAA,sFAEF,CAAA,GAAA,CAAA,yEAAA,CAAA,wGAGE,CAAA,MAAA,CAAA,4FAGF,CAAA,uFAAA,CAAA,QAEF,CAAA,+EACM,CACJ,OAAQ,MACR,CAAA,0BAAO,oDAIT,CAAA,CAAA,OACA,CAAA,SACF,CAAA,IAAA,CAAA,QAWgC,CAClC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACAA,CAAAA,CAAAA,CAAO,IACP,CAAA,CAAA,CAAA,QAAA,CAAA,OAAU,CAAA,CAAA,CAAA,SAEZ,CAAA,GACG,CACC,CAAA,GAAAC,GAAA,CAAA,MAAA,CAAA,CAAA,SAEID,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CACA,IAAAE,CAAAA,CAAAA,CAAAA,mBAIH,CAAA,CAAGC,EACN,CAEFC,CAAAA,GAAkC,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,qBAEhCD,CACAE,CAAAA,CAAAA,EAAAA,CACGC,EAAGC,CAAoB,CAAA,KAAKJ,CAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\n\nconst classificationBadge = cva(\n  'inline-flex items-center justify-center rounded-full uppercase',\n  {\n    variants: {\n      variant: {\n        missing:\n          \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n        unclassified:\n          \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n        cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n        confidential:\n          \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n        secret:\n          \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n        'top-secret':\n          \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n        'ts-sci':\n          \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']\",\n      },\n      size: {\n        medium: 'px-s py-xs text-header-s',\n        small: 'px-s py-xs text-header-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'missing',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ClassificationBadgeProps\n  extends VariantProps<typeof classificationBadge> {\n  className?: string;\n  /** If no text is provided, the system will fallback to safe defaults. You can override the text with children. */\n  children?: string;\n}\n\nexport const ClassificationBadge = ({\n  className,\n  size = 'medium',\n  variant = 'missing',\n  ...props\n}: ClassificationBadgeProps) => (\n  <span\n    className={cn(\n      classificationBadge({\n        size,\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.as = (\n  props: VariantProps<typeof classificationBadge>,\n  className?: string | string[],\n) => cn(classificationBadge({ ...props, className }));\n"]}

package/dist/components/classification-banner/index.d.ts

@@ -4,10 +4,11 @@ import { VariantProps } from 'cva';
 import { ReactNode } from 'react';
 
 declare const classificationBanner: (props?: ({
-    variant?: "missing" | "unclassified" | "cui" | "confidential" | "secret" | "top-secret" | "top-secret-sci" | null | undefined;
+    variant?: "missing" | "unclassified" | "cui" | "confidential" | "secret" | "top-secret" | "ts-sci" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ClassificationBannerProps extends VariantProps<typeof classificationBanner> {
     className?: string;
+    /** If no text is provided, the system will fallback to safe defaults. You can override the text with children. */
     children?: ReactNode;
 }
 declare const ClassificationBanner: {

package/dist/components/classification-banner/index.js

@@ -1,3 +1,3 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var n=cva("flex select-none items-center justify-center font-medium text-header-m uppercase",{variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing_Classification']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","top-secret-sci":"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['Top_Secret//SCI']"}},defaultVariants:{variant:"missing"}}),a=({className:e,variant:t,...s})=>jsx("span",{className:cn(n({variant:t,className:e})),...s});a.displayName="ClassificationBanner";a.as=(e,t)=>cn(n({...e,className:t}));
-export{a as ClassificationBanner};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var n=cva("flex select-none items-center justify-center font-medium text-header-m uppercase",{variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing_Classification']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret//SCI']"}},defaultVariants:{variant:"missing"}}),s=({className:i,variant:e="missing",...a})=>jsx("span",{className:cn(n({variant:e,className:i})),...a});s.displayName="ClassificationBanner";s.as=(i,e)=>cn(n({...i,className:e}));
+export{s as ClassificationBanner};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/classification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["c","className","jsx","o","props","ClassificationBanner","cn","classificationBanner","i"],"mappings":"gGAiBE,IAAA,CAAA,CAAAA,GAAA,CAAA,kFAEY,CAAA,CAAA,iBAEN,CAAA,CAAA,OAEA,CAAA,2FAAA,CAAA,mGAEK,CAAA,GAAA,CAAA,sFAGL,CAAA,2FAAA,CACE,sFAEA,CAAA,YAAA,CAAA,uFAEA,CAAA,gBAAA,CAAA,gGAGN,CAAA,CAAA,CAAA,eACW,CAAA,CAAA,OAAA,CAAA,SAWsB,CACnC,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,mBAGF,CACEC,CAAAA,CAAAA,GAAC,CACC,CAAA,GAAAC,GAAA,CAAA,MAAA,CAAA,CAAA,uBAGI,CAAA,CAAA,CAAA,SAGH,CAAA,CAAGC,EACN,CAEFC,CAAAA,oBACAA,CAAAA,sBACED,CAAAA,CACAH,CACGK,EAAAA,CAAAA,CAAAA,CAAGC,EAAqB,GAAEC,EAAGJ,EAAO,CAAAH,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\n\nconst classificationBanner = cva(\n  'flex select-none items-center justify-center font-medium text-header-m uppercase',\n  {\n    variants: {\n      variant: {\n        missing:\n          \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing_Classification']\",\n        unclassified:\n          \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n        cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n        confidential:\n          \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n        secret:\n          \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n        'top-secret':\n          \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n        'top-secret-sci':\n          \"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['Top_Secret//SCI']\",\n      },\n    },\n    defaultVariants: {\n      variant: 'missing',\n    },\n  },\n);\n\nexport interface ClassificationBannerProps\n  extends VariantProps<typeof classificationBanner> {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ClassificationBanner = ({\n  className,\n  variant,\n  ...props\n}: ClassificationBannerProps) => (\n  <span\n    className={cn(\n      classificationBanner({\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.as = (\n  props: VariantProps<typeof classificationBanner>,\n  className?: string | string[],\n) => cn(classificationBanner({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["c","className","o","variant","props","ClassificationBanner","cn","classificationBanner","t"],"mappings":"gGAiBE,IAAA,CAAA,CAAAA,GAAA,CAAA,kFAEY,CAAA,CAAA,iBAEN,CAAA,CAAA,OAEA,CAAA,2FAAA,CAAA,mGAEK,CAAA,GAAA,CAAA,sFAGL,CAAA,2FAAA,CACE,sFAEA,CAAA,YAAA,CAAA,uFAEA,CAAA,QAAA,CAAA,wFAGN,CAAA,CAAA,CAAA,eACW,CAAA,CAAA,OAAA,CAAA,SAYsB,CACnC,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,mBACU,CAAA,CAAA,CAAA,SAEZ,CAAA,GACG,CAAA,CAAA,GAAAC,GAAA,CAAA,iBAGKC,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,qBAIAC,CACN,CAAA,CAAA,CAEFC,GAAmC,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,sBAEjCD,EACAH,CACGK,EAAAA,CAAAA,CAAAA,CAAGC,EAAqB,GAAEC,EAAGJ,EAAO,CAAAH,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\n\nconst classificationBanner = cva(\n  'flex select-none items-center justify-center font-medium text-header-m uppercase',\n  {\n    variants: {\n      variant: {\n        missing:\n          \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing_Classification']\",\n        unclassified:\n          \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n        cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n        confidential:\n          \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n        secret:\n          \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n        'top-secret':\n          \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n        'ts-sci':\n          \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret//SCI']\",\n      },\n    },\n    defaultVariants: {\n      variant: 'missing',\n    },\n  },\n);\n\nexport interface ClassificationBannerProps\n  extends VariantProps<typeof classificationBanner> {\n  className?: string;\n  /** If no text is provided, the system will fallback to safe defaults. You can override the text with children. */\n  children?: ReactNode;\n}\n\nexport const ClassificationBanner = ({\n  className,\n  variant = 'missing',\n  ...props\n}: ClassificationBannerProps) => (\n  <span\n    className={cn(\n      classificationBanner({\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.as = (\n  props: VariantProps<typeof classificationBanner>,\n  className?: string | string[],\n) => cn(classificationBanner({ ...props, className }));\n"]}

package/dist/components/floating-button/index.js

@@ -1,2 +1,2 @@
-import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var r=cva(["absolute right-[20px] bottom-[20px] inline-flex size-[32px] cursor-pointer items-center justify-center rounded-full border border-interactive-default bg-transparent shadow-elevation-overlay outline-none","icon-default-dark [--icon-size:var(--spacing-xl)]","hover:icon-default-light hover:border-interactive-hover hover:bg-interactive-hover-dark",""],{variants:{isDisabled:{true:"icon-disabled hover:icon-disabled cursor-not-allowed border-interactive-disabled bg-interactive-disabled hover:border-interactive-disabled hover:bg-interactive-disabled",false:""}},defaultVariants:{isDisabled:false}}),i=({className:e,isDisabled:t,...a})=>jsx(Button,{className:composeRenderProps(e,n=>cn(r({className:n,isDisabled:t}))),isDisabled:t,...a});i.displayName="FloatingButton";i.as=(e,t)=>cn(r({...e,className:t}));export{i as FloatingButton};//# sourceMappingURL=index.js.map
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var o=cva(["absolute right-[20px] bottom-[20px] inline-flex size-[32px] cursor-pointer items-center justify-center rounded-full bg-transparent shadow-elevation-overlay outline outline-interactive-default","icon-default-dark [--icon-size:var(--spacing-xl)]","hover:icon-default-light hover:bg-interactive-hover-dark hover:outline-interactive-hover","focus:icon-default-light focus:bg-interactive-hover-dark focus:outline-interactive-hover"],{variants:{isDisabled:{true:"icon-disabled hover:icon-disabled cursor-not-allowed bg-interactive-disabled outline-interactive-disabled hover:bg-interactive-disabled hover:outline-interactive-disabled focus:bg-interactive-disabled focus:outline-interactive-disabled",false:""}},defaultVariants:{isDisabled:false}}),a=({className:e,isDisabled:t,...n})=>jsx(Button,{className:composeRenderProps(e,r=>cn(o({className:r,isDisabled:t}))),isDisabled:t,...n});a.displayName="FloatingButton";a.as=(e,t)=>cn(o({...e,className:t}));export{a as FloatingButton};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/floating-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/floating-button/index.tsx"],"names":["s","FloatingButton","AriaButton","composeRenderProps","cn","floatingButtonStyles","o","isDisabled","props","className"],"mappings":"8JAuBI,IAAA,CAAA,CAAAA,GAAA,CAAA,CAAA,4MAAA,CAAA,6IAKU,CAAA,EAAA,CAAA,CAAA,CAAA,oBAEA,iLACC,CAAA,KAGX,CAAA,EAAA,CAAA,CAAA,CAAA,eACc,CAAA,CAAA,UAULC,MAAkB,CAC7B,gBACA,CAAA,CAAA,CAAA,UAEF,MACGC,CAAAA,CAAA,GACYC,GAAAA,CAAAA,MAAAA,CAAAA,CAAAA,SACTC,CAAAA,kBAAAA,CACEC,EAAqB,CACnB,EAAAC,EAAA,CAAA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAAA,CAAAA,UAIN,CAAYA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,UAEd,CAAA,CAAA,CAEFN,GAA6B,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,gBAE3BO,EACAC,CACGL,EAAAA,CAAAA,CAAAA,CAAGC,EAAqB,GAAEC,EAAGE,EAAO,CAAAC,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst floatingButtonStyles = cva(\n  [\n    'absolute right-[20px] bottom-[20px] inline-flex size-[32px] cursor-pointer items-center justify-center rounded-full border border-interactive-default bg-transparent shadow-elevation-overlay outline-none',\n    'icon-default-dark [--icon-size:var(--spacing-xl)]',\n    'hover:icon-default-light hover:border-interactive-hover hover:bg-interactive-hover-dark',\n    '',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'icon-disabled hover:icon-disabled cursor-not-allowed border-interactive-disabled bg-interactive-disabled hover:border-interactive-disabled hover:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport interface FloatingButtonProps\n  extends Omit<AriaButtonProps, 'isDisabled'> {\n  isDisabled?: boolean;\n}\n\nexport const FloatingButton = ({\n  className,\n  isDisabled,\n  ...props\n}: FloatingButtonProps) => (\n  <AriaButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        floatingButtonStyles({\n          className,\n          isDisabled,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nFloatingButton.displayName = 'FloatingButton';\nFloatingButton.as = (\n  props: VariantProps<typeof floatingButtonStyles>,\n  className?: string | string[],\n) => cn(floatingButtonStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/floating-button/index.tsx"],"names":["s","FloatingButton","AriaButton","composeRenderProps","cn","floatingButtonStyles","i","isDisabled","props","className"],"mappings":"8JAuBI,IAAA,CAAA,CAAAA,GAAA,CAAA,CAAA,iMAAA,CAAA,8IAGF,CAAA,0FAEY,CAAA,CAAA,CAAA,oBAEA,oPACC,CAAA,KAGX,CAAA,EAAA,CAAA,CAAA,CAAA,eACc,CAAA,CAAA,UAULC,MAAkB,CAC7B,gBACA,CAAA,CAAA,CAAA,UAEF,MACGC,CAAAA,CAAA,GACYC,GAAAA,CAAAA,MAAAA,CAAAA,CAAAA,SACTC,CAAAA,kBAAAA,CACEC,EAAqB,CACnB,EAAAC,EAAA,CAAA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAAA,CAAAA,UAIN,CAAYA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,UAEd,CAAA,CAAA,CAEFN,GAA6B,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,gBAE3BO,EACAC,CACGL,EAAAA,CAAAA,CAAAA,CAAGC,EAAqB,GAAEC,EAAGE,EAAO,CAAAC,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,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\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst floatingButtonStyles = cva(\n  [\n    'absolute right-[20px] bottom-[20px] inline-flex size-[32px] cursor-pointer items-center justify-center rounded-full bg-transparent shadow-elevation-overlay outline outline-interactive-default',\n    'icon-default-dark [--icon-size:var(--spacing-xl)]',\n    'hover:icon-default-light hover:bg-interactive-hover-dark hover:outline-interactive-hover',\n    'focus:icon-default-light focus:bg-interactive-hover-dark focus:outline-interactive-hover',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'icon-disabled hover:icon-disabled cursor-not-allowed bg-interactive-disabled outline-interactive-disabled hover:bg-interactive-disabled hover:outline-interactive-disabled focus:bg-interactive-disabled focus:outline-interactive-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport interface FloatingButtonProps\n  extends Omit<AriaButtonProps, 'isDisabled'> {\n  isDisabled?: boolean;\n}\n\nexport const FloatingButton = ({\n  className,\n  isDisabled,\n  ...props\n}: FloatingButtonProps) => (\n  <AriaButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        floatingButtonStyles({\n          className,\n          isDisabled,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nFloatingButton.displayName = 'FloatingButton';\nFloatingButton.as = (\n  props: VariantProps<typeof floatingButtonStyles>,\n  className?: string | string[],\n) => cn(floatingButtonStyles({ ...props, className }));\n"]}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ReactNode } from 'react';
+
+declare const iconStyles: (props?: ({
+    size?: "small" | "medium" | "large" | "xsmall" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface IconProps extends VariantProps<typeof iconStyles> {
+    className?: string;
+    children: ReactNode;
+}
+declare const Icon: {
+    ({ children, className, size, ...rest }: IconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof iconStyles>, className?: string | string[]): string;
+};
+
+export { Icon, type IconProps };

package/dist/components/icon/index.js

@@ -0,0 +1,2 @@
+import {cva}from'cva';import {cn}from'../../lib/utils.js';import {jsx}from'react/jsx-runtime';var e=cva("inline-block [color:var(--icon-color,currentColor)] [height:var(--icon-size)] [width:var(--icon-size)]",{variants:{size:{large:"h-[var(--icon-size,24px)] w-[var(--icon-size,24px)]",medium:"h-[var(--icon-size,20px)] w-[var(--icon-size,20px)]",small:"h-[var(--icon-size,16px)] w-[var(--icon-size,16px)]",xsmall:"h-[var(--icon-size,12px)] w-[var(--icon-size,12px)]"}},defaultVariants:{size:"medium"}}),a=({children:i,className:o,size:n,...s})=>jsx("span",{className:cn(e({size:n}),o),...s,children:i});a.displayName="Icon";a.as=(i,o)=>cn(e({...i,className:o}));export{a as Icon};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["iconStyles","cva","Icon","children","className","size","rest","t","cn","props"],"mappings":"8FAgBMA,IAAaC,CAAAA,CAAAA,GACjB,yGACA,CACE,CAAA,QAAU,CACR,CAAM,IAAA,CACJ,CAAO,KAAA,CAAA,qDACP,OAAQ,CACR,qDAAA,CAAA,KAAO,CACP,qDAAA,CAAA,MAAQ,sDAEZ,CAAA,CACA,CAAiB,eAAA,CACf,KAAM,CACR,QACF,CACF,CAOaC,CAAAA,CAAAA,CAAO,CAAC,CAAE,CAAA,QAAAC,CAAU,CAAA,CAAA,SAAAC,EAAW,CAAAC,IAAAA,CAAAA,CAAM,CAAGC,GAAK,KAErDC,GAAA,CAAA,MAAA,CACC,CAAWC,SAAAA,CAAAA,EACTR,EAAW,CACT,CAAA,IAAAK,CACF,CAAC,CAAA,CACDD,CACF,CACC,CAAA,CAAA,GAEA,CAAA,CAAA,QAAAD,EACH,CAGJD,EAAAA,CAAK,YAAc,CACnBA,MAAAA,CAAAA,CAAK,GAAK,CACRO,CAAAA,CACAL,CACGI,CAAAA,GAAAA,EAAGR,EAAW,CAAE,CAAA,IAAU,CAAAI,SAAAA,CAAU,CAAC,CAAC,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\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport { cn } from '../../lib/utils';\n\nconst iconStyles = cva(\n  'inline-block [color:var(--icon-color,currentColor)] [height:var(--icon-size)] [width:var(--icon-size)]',\n  {\n    variants: {\n      size: {\n        large: 'h-[var(--icon-size,24px)] w-[var(--icon-size,24px)]',\n        medium: 'h-[var(--icon-size,20px)] w-[var(--icon-size,20px)]',\n        small: 'h-[var(--icon-size,16px)] w-[var(--icon-size,16px)]',\n        xsmall: 'h-[var(--icon-size,12px)] w-[var(--icon-size,12px)]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nexport interface IconProps extends VariantProps<typeof iconStyles> {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Icon = ({ children, className, size, ...rest }: IconProps) => {\n  return (\n    <span\n      className={cn(\n        iconStyles({\n          size,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n};\nIcon.displayName = 'Icon';\nIcon.as = (\n  props: VariantProps<typeof iconStyles>,\n  className?: string | string[],\n) => cn(iconStyles({ ...props, className }));\n"]}

package/dist/components/icon-button/index.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'cva';
 import { ButtonProps } from 'react-aria-components';
 
 declare const iconButtonStyles: (props?: ({
-    variant?: "primary" | "secondary" | null | undefined;
+    variant?: "primary" | "secondary" | "child" | null | undefined;
     size?: "small" | "medium" | null | undefined;
     isDisabled?: boolean | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;