@accelint/design-toolkit 1.0.1 → 2.1.0

package/README.md

@@ -44,18 +44,27 @@ Also add the following to your `settings.json` file for VSCode:
     },
     "tailwindCSS.includeLanguages": {
         "javascript": "javascript",
-        "javascriptreact": "javascriptreact",
         "typescript": "typescript",
-        "typescriptreact": "typescriptreact",
-        "html": "html"
+        "html": "html",
+        "typescriptreact": "html",
+        "javascriptreact": "html"
     },
     "tailwindCSS.experimental.classRegex": [
-        ["/\\*tw\\*/ '([^']*)'"],
-        ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-        ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
-        ["className\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+        [
+            "/\\*tw\\*/ '([^']*)'"
+        ],
+        [
+            "([\"'`][^\"'`]*.*?[\"'`])",
+            "[\"'`]([^\"'`]*).*?[\"'`]"
+        ],
     ],
     "files.associations": {
         "*.css": "tailwindcss"
     }
 ```
+
+## In Depth Documentation
+
+Be sure to view topic specific documentation to understand technology choices, best practices, established patterns, and enforced opinions.
+
+- [Tailwind](./src/documentation/tailwind.md)

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

@@ -1,44 +1,35 @@
 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';
+import * as React from 'react';
+import { ContextValue } from 'react-aria-components';
+import { AccordionProps, AccordionGroupProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps } from './types.js';
+import '../../lib/types.js';
+import './styles.js';
+import 'tailwind-variants';
 
-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 {
+declare const AccordionContext: React.Context<ContextValue<AccordionProps, HTMLDivElement>>;
+declare function AccordionGroup({ ref, children, className, variant, isDisabled, ...rest }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionGroup {
     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 function AccordionHeader({ ref, children, className }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
 declare namespace AccordionHeader {
     var displayName: string;
 }
-interface AccordionPanelProps extends DisclosurePanelProps {
+declare function AccordionTrigger({ ref, children, classNames, }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
 }
-declare function AccordionPanel({ children, className, ...props }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
+declare function AccordionPanel({ ref, children, className, ...rest }: 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 {
+declare function Accordion({ ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
     var displayName: string;
+    var Group: typeof AccordionGroup;
+    var Header: typeof AccordionHeader;
+    var Trigger: typeof AccordionTrigger;
+    var Panel: typeof AccordionPanel;
 }
 
-export { Accordion, type AccordionGroupProps, type AccordionHeaderProps, type AccordionPanelProps, type AccordionProps };
+export { Accordion, AccordionContext };

package/dist/components/accordion/index.js

@@ -1,2 +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
+import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,DisclosureStateContext,Heading,Button,DisclosurePanel}from'react-aria-components';import {isSlottedContextValue}from'./../../lib/utils.js';import {ChevronDown}from'@accelint/icons';import {createContext,useContext}from'react';import {Icon}from'../icon/index.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';import {jsx,jsxs}from'react/jsx-runtime';var {group:I,accordion:V,header:B,heading:k,trigger:w,panel:z}=AccordionStyles(),l=createContext(null);function f({ref:r,children:e,className:n,variant:o=AccordionStylesDefaults.variant,isDisabled:i,...c}){return jsx(l.Provider,{value:{variant:o,isDisabled:i},children:jsx(DisclosureGroup,{...c,ref:r,className:composeRenderProps(n,a=>I({className:a,variant:o,isDisabled:i})),children:e})})}f.displayName="Accordion.Group";function v({ref:r,children:e,className:n}){let o=useContext(l),i=useContext(DisclosureStateContext),c=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,a=(isSlottedContextValue(o)?void 0:o?.isDisabled)??AccordionStylesDefaults.isDisabled,d=i?.isExpanded??AccordionStylesDefaults.isExpanded;return jsx(Icon.Provider,{size:c==="compact"?"small":"large",children:jsx("div",{ref:r,className:B({className:n,variant:c,isDisabled:a,isExpanded:d}),children:e})})}v.displayName="Accordion.Header";function x({ref:r,children:e,classNames:n}){let o=useContext(l),i=useContext(DisclosureStateContext),c=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,a=(isSlottedContextValue(o)?void 0:o?.isDisabled)??AccordionStylesDefaults.isDisabled,d=i?.isExpanded??AccordionStylesDefaults.isExpanded;return jsx(Heading,{ref:r,className:k({className:n?.heading,variant:c,isDisabled:a,isExpanded:d}),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(n?.trigger,N=>w({className:N,variant:c,isExpanded:d})),children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-dtk-expanded:rotate-180"})}),e]})})}x.displayName="Accordion.Trigger";function D({ref:r,children:e,className:n,...o}){return jsx(DisclosurePanel,{...o,ref:r,className:composeRenderProps(n,i=>z({className:i})),children:e})}D.displayName="Accordion.Panel";function p({ref:r,...e}){[e,r]=useContextProps(e,r??null,l);let{children:n,className:o,variant:i=AccordionStylesDefaults.variant,isDisabled:c,...a}=e;return jsx(l.Provider,{value:{variant:i,isDisabled:c},children:jsx(Disclosure,{...a,className:composeRenderProps(o,d=>V({className:d})),isDisabled:c,children:n})})}p.displayName="Accordion";p.Group=f;p.Header=v;p.Trigger=x;p.Panel=D;export{p as Accordion,l as AccordionContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +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 TODO\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 TODO*/}\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"]}
+{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["group","header","heading","trigger","panel","AccordionStyles","AccordionContext","createContext","h","AccordionGroup","children","variant","jsx","s","rest","H","ref","A","AccordionHeader","context","useContext","DisclosureStateContext","isSlottedContextValue","P","u","t","isDisabled","Icon","AccordionTrigger","Heading","E","jsxs","C","className","g","T","AccordionPanel","DisclosurePanel","b","Accordion","props","useContextProps","G","y","accordion"],"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 {\n  Button,\n  type ContextValue,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  DisclosureStateContext,\n  Heading,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\n\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { ChevronDown } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport { Icon } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n  AccordionGroupProps,\n  AccordionHeaderProps,\n  AccordionPanelProps,\n  AccordionProps,\n  AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = AccordionStylesDefaults.variant,\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          group({\n            className,\n            variant,\n            isDisabled,\n          }),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const state = useContext(DisclosureStateContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ??\n    AccordionStylesDefaults.isDisabled;\n  const isExpanded = state?.isExpanded ?? AccordionStylesDefaults.isExpanded;\n\n  return (\n    <Icon.Provider size={variant === 'compact' ? 'small' : 'large'}>\n      <div\n        ref={ref}\n        className={header({\n          className,\n          variant,\n          isDisabled,\n          isExpanded,\n        })}\n      >\n        {children}\n      </div>\n    </Icon.Provider>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const state = useContext(DisclosureStateContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ??\n    AccordionStylesDefaults.isDisabled;\n  const isExpanded = state?.isExpanded ?? AccordionStylesDefaults.isExpanded;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n        isDisabled,\n        isExpanded,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n            isExpanded,\n          }),\n        )}\n      >\n        <Icon>\n          <ChevronDown className='transform group-dtk-expanded:rotate-180' />\n        </Icon>\n        {children}\n      </Button>\n    </Heading>\n  );\n}\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\nfunction AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\n\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const {\n    children,\n    className,\n    variant = AccordionStylesDefaults.variant,\n    isDisabled,\n    ...rest\n  } = props;\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        variant,\n        isDisabled,\n      }}\n    >\n      <Disclosure\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          accordion({\n            className,\n          }),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\nAccordion.displayName = 'Accordion';\nAccordion.Group = AccordionGroup;\nAccordion.Header = AccordionHeader;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n"]}

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

@@ -0,0 +1,96 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const AccordionStylesDefaults: {
+    readonly variant: "cozy";
+    readonly isDisabled: false;
+    readonly isExpanded: false;
+};
+declare const AccordionStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        cozy: {
+            trigger: string;
+        };
+        compact: {
+            trigger: string;
+        };
+    };
+    isDisabled: {
+        false: {
+            header: string;
+        };
+        true: {
+            header: string;
+        };
+    };
+    isExpanded: {
+        false: {};
+        true: {};
+    };
+}, {
+    group: string;
+    accordion: string;
+    header: string;
+    heading: string;
+    trigger: string[];
+    panel: string;
+}, undefined, {
+    variant: {
+        cozy: {
+            trigger: string;
+        };
+        compact: {
+            trigger: string;
+        };
+    };
+    isDisabled: {
+        false: {
+            header: string;
+        };
+        true: {
+            header: string;
+        };
+    };
+    isExpanded: {
+        false: {};
+        true: {};
+    };
+}, {
+    group: string;
+    accordion: string;
+    header: string;
+    heading: string;
+    trigger: string[];
+    panel: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        cozy: {
+            trigger: string;
+        };
+        compact: {
+            trigger: string;
+        };
+    };
+    isDisabled: {
+        false: {
+            header: string;
+        };
+        true: {
+            header: string;
+        };
+    };
+    isExpanded: {
+        false: {};
+        true: {};
+    };
+}, {
+    group: string;
+    accordion: string;
+    header: string;
+    heading: string;
+    trigger: string[];
+    panel: string;
+}, undefined, unknown, unknown, undefined>>;
+type AccordionStyleVariants = VariantProps<typeof AccordionStyles>;
+
+export { type AccordionStyleVariants, AccordionStyles, AccordionStylesDefaults };

package/dist/components/accordion/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';var r={variant:"cozy",isDisabled:false,isExpanded:false},a=tv({slots:{group:"flex w-full flex-col",accordion:"group flex w-full flex-col bg-transparent",header:"fg-default-light flex w-full items-center gap-s rounded-medium p-s outline-none",heading:"grow",trigger:["flex w-full cursor-pointer dtk-disabled:cursor-default items-center rounded-medium outline-none"],panel:"p-s"},variants:{variant:{cozy:{trigger:"gap-s text-header-m"},compact:{trigger:"gap-xs text-header-s"}},isDisabled:{false:{header:"focus-within:bg-interactive-hover-dark hover:bg-interactive-hover-dark"},true:{header:"fg-disabled cursor-default focus-within:bg-transparent hover:bg-transparent"}},isExpanded:{false:{},true:{}}},defaultVariants:r});export{a as AccordionStyles,r as AccordionStylesDefaults};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/accordion/styles.ts"],"names":["tv","e"],"mappings":"sCAgBE,IAAA,CAAA,CAAA,CAAA,OAAS,CACT,MAAA,CAAA,UACA,CAAA,KAAA,CAAA,UAG6BA,MAC7B,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAO,CACL,KAAA,CAAO,CAAA,KAAA,CAAA,sBACP,CAAA,SAAW,CAAA,2CACX,CACE,wFACF,CAAA,OAAS,CACT,MAAA,CAAA,0GAGA,CAAO,CAAA,KACT,CACA,eACE,CAAA,CAAA,OACQ,CACJ,CAAA,IAAA,CAAA,CAAA,OAAS,CAAA,8BAGT,CAAA,CAAA,OAAS,CAAA,sBAGb,CAAA,CAAA,CAAA,UACE,CAAO,CACL,OACE,MAAA,CAAA,wEAEE,CACJ,OACE,MAAA,CAAA,6EAGN,CAAA,CAAA,CAAA,UACE,CAAO,CAAC,KACR,CAAA,EAAO,CACT,IAEF,CAAA,EAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const AccordionStylesDefaults = {\n  variant: 'cozy',\n  isDisabled: false,\n  isExpanded: false,\n} as const;\n\nexport const AccordionStyles = tv({\n  slots: {\n    group: 'flex w-full flex-col',\n    accordion: 'group flex w-full flex-col bg-transparent',\n    header:\n      'fg-default-light flex w-full items-center gap-s rounded-medium p-s outline-none',\n    heading: 'grow',\n    trigger: [\n      'flex w-full cursor-pointer dtk-disabled:cursor-default items-center rounded-medium outline-none',\n    ],\n    panel: 'p-s',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        trigger: 'gap-s text-header-m',\n      },\n      compact: {\n        trigger: 'gap-xs text-header-s',\n      },\n    },\n    isDisabled: {\n      false: {\n        header:\n          'focus-within:bg-interactive-hover-dark hover:bg-interactive-hover-dark',\n      },\n      true: {\n        header:\n          'fg-disabled cursor-default focus-within:bg-transparent hover:bg-transparent',\n      },\n    },\n    isExpanded: {\n      false: {},\n      true: {},\n    },\n  },\n  defaultVariants: AccordionStylesDefaults,\n});\n\nexport type AccordionStyleVariants = VariantProps<typeof AccordionStyles>;\n"]}

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

@@ -0,0 +1,20 @@
+import { RenderPropsClassName } from '../../lib/types.js';
+import { RefAttributes, PropsWithChildren } from 'react';
+import { DisclosureProps, DisclosureGroupProps, ButtonRenderProps, DisclosurePanelProps } from 'react-aria-components';
+import { AccordionStyleVariants } from './styles.js';
+import 'tailwind-variants';
+
+type AccordionGroupProps = DisclosureGroupProps & Pick<AccordionStyleVariants, 'variant'> & RefAttributes<HTMLDivElement>;
+type AccordionProps = DisclosureProps & Pick<AccordionStyleVariants, 'variant'> & RefAttributes<HTMLDivElement>;
+type AccordionHeaderProps = PropsWithChildren<{
+    className?: string;
+}> & RefAttributes<HTMLDivElement>;
+type AccordionTriggerProps = PropsWithChildren<{
+    classNames?: {
+        heading?: string;
+        trigger?: RenderPropsClassName<ButtonRenderProps>;
+    };
+}> & RefAttributes<HTMLDivElement>;
+type AccordionPanelProps = DisclosurePanelProps & RefAttributes<HTMLDivElement>;
+
+export type { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps };

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

@@ -2,22 +2,22 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { VariantProps } from 'cva';
-import React from 'react';
+import React__default from 'react';
 
 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> {
+interface AvatarProps extends React__default.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;
+    fallback?: React__default.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;
+    source?: string | React__default.ReactNode;
 }
 declare const Avatar: {
     ({ className, children, fallback, fallbackDelay, source, size, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["d","cn","o","source","size","n","Person","r","children","Avatar","props","className","avatarStyles"],"mappings":"uMAoBE,IAAA,CAAA,CAAAA,GAAA,CAAA,4GAGU,CACJ,CAAA,IAAA,CAAA,CAAQ,qCACD,CAAA,KAAA,CAAA,yBAGX,CAAA,CAAA,CAAA,eACQ,CAAA,CAAA,IAAA,CAAA,QAKgBC,CAAG,CAC7B,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAA,CAAA,uBACA,CAAA,mJAmBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,wBAEA,CAAA,CAAA,CAAA,CAAA,CAAAC,OACAC,CAAAA,CAAO,IAAA,CAAA,CAAA,CAAA,YAGN,CAAA,CAAA,GAAAC,IAAA,CAAI,KAAA,CAAA,CAAA,SACH,CAAA,CAAA,CAAA,QAAiB,CAAA,CAAAA,IAAA,CAAhB,CACC,gBACE,CAAAH,EAAA,CAAA,kCACe,CAAA,CAAAE,CAAAA,CAAM,IAAA,CAAA,CAAA,CAAA,SAEvB,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,IAEJ,CAAA,KAAA,CAAA,QAAA,CAAA,CAAOD,OAAW,CAAA,EAAA,eAChB,CACC,KAAA,CAAA,CAAA,SAAU,CAAA,2CACEA,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,QAAuBG,CAAA,CAAA,EAAOC,GACjC,QAEJ,EACCC,CAAAA,CAAAA,CACH,CAAA,CAEFC,CAAAA,CAAO,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,SAAY,CAAA,QAEjBC,CAAAA,CACAC,CAAAA,EAAAA,CACGV,CAAAA,CAAGW,CAAAA,CAAa,GAAEV,EAAGQ,CAAAA,CAAO,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 { 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

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import React from 'react';
+import React__default 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>, Omit<React.HTMLProps<HTMLSpanElement>, 'children'> {
+interface BadgeProps extends VariantProps<typeof badgeStyles>, Omit<React__default.HTMLProps<HTMLSpanElement>, 'children'> {
     className?: string;
     /** Used to add text to the badge, such as the number of unread notifications. */
     children?: string;

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["o","i","r","props","Badge","className","cn","badgeStyles"],"mappings":"gGAiBK,IACD,CAAA,CAAAA,GAAA,CAAAC,EAAA,CAAA,CAAA,0JACA,CAAA,4HAGA,CAAA,CAAA,CAAA,CAAA,iBAEI,CAAA,CAAA,mDACA,CAAA,QAAU,CAAA,6CACD,CAAA,mCACT,CAAQ,wCACF,CAAA,IAAA,CAAA,kCAGV,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,OACF,CACF,MAWoB,CACpB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,mBACU,CAAA,CAAA,CACV,MACF,CAAA,GACG,CAAA,CAAA,GAAAC,GAAA,CAAA,iBAGK,CAAAD,EAAA,CAAA,CAAA,CAAA,CAAA,qBAIAE,CAAAA,CACN,CAAA,CAEFC,GAAM,CAAA,CAAA,EAAA,CAAA,CAAA,WAAc,CAAA,OAElBD,EACAE,CAAAA,EAAAA,CACGC,CAAAA,CAAGC,EAAY,GAAEN,EAAGE,EAAO,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 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/box/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
-interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType;
+interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    as?: React__default.ElementType;
     /** When true, apply flex display */
     flex?: boolean;
     /** Flex direction: 'row' or 'col' */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/box/index.tsx"],"names":["Box","Component","className","flex","direction","justify","align","gap","children","rest","classes","cx","jsx"],"mappings":"6DA4BaA,CAAM,CAAA,CAAC,CAClB,EAAIC,CAAAA,CAAAA,CAAY,MAChB,SAAAC,CAAAA,CAAAA,CACA,KAAAC,CACA,CAAA,SAAA,CAAAC,EAAY,KACZ,CAAA,OAAA,CAAAC,EACA,KAAAC,CAAAA,CAAAA,CACA,IAAAC,CACA,CAAA,QAAA,CAAAC,EACA,GAAGC,CACL,IAAgB,CACd,IAAMC,EAAUC,EACdR,CAAAA,CAAAA,EAAQ,OACRA,CAASC,GAAAA,CAAAA,GAAc,MAAQ,UAAa,CAAA,UAAA,CAAA,CAC5CC,GACE,CACE,KAAA,CAAO,gBACP,MAAQ,CAAA,gBAAA,CACR,IAAK,aACL,CAAA,OAAA,CAAS,kBACT,MAAQ,CAAA,gBAAA,CACR,OAAQ,gBACV,CAAA,CAAEA,CAAO,CACXC,CAAAA,CAAAA,EACE,CACE,KAAO,CAAA,aAAA,CACP,OAAQ,cACR,CAAA,GAAA,CAAK,YACL,OAAS,CAAA,eAAA,CACT,SAAU,gBACZ,CAAA,CAAEA,CAAK,CACTC,CAAAA,CAAAA,GAAQ,QAAa,CAAOA,IAAAA,EAAAA,CAAG,GAC/BL,CACF,CAAA,CAEA,OACEU,GAACX,CAAAA,CAAAA,CAAA,CAAU,SAAWS,CAAAA,CAAAA,CAAU,GAAGD,CAChC,CAAA,QAAA,CAAAD,EACH,CAEJ","file":"index.js","sourcesContent":["import { cx } from 'cva';\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 type React from 'react';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType;\n  /** When true, apply flex display */\n  flex?: boolean;\n  /** Flex direction: 'row' or 'col' */\n  direction?: 'row' | 'col';\n  /** Horizontal alignment in flex container */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Vertical alignment in flex container */\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  /** Gap between children (matches Tailwind's spacing scale) */\n  gap?: number;\n}\n\nexport const Box = ({\n  as: Component = 'div',\n  className,\n  flex,\n  direction = 'row',\n  justify,\n  align,\n  gap,\n  children,\n  ...rest\n}: BoxProps) => {\n  const classes = cx(\n    flex && 'flex',\n    flex && (direction === 'col' ? 'flex-col' : 'flex-row'),\n    justify &&\n      {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      }[justify],\n    align &&\n      {\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        stretch: 'items-stretch',\n        baseline: 'items-baseline',\n      }[align],\n    gap !== undefined && `gap-${gap}`,\n    className,\n  );\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/box/index.tsx"],"names":["Box","Component","className","flex","direction","justify","align","gap","children","rest","classes","cx","jsx"],"mappings":"6DA4BaA,CAAAA,CAAM,CAAC,CAClB,EAAA,CAAIC,CAAAA,CAAY,MAChB,SAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,KAAA,CACZ,OAAA,CAAAC,EACA,KAAA,CAAAC,CAAAA,CACA,IAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,GAAGC,CACL,IAAgB,CACd,IAAMC,EAAUC,EAAAA,CACdR,CAAAA,EAAQ,OACRA,CAAAA,GAASC,CAAAA,GAAc,MAAQ,UAAA,CAAa,UAAA,CAAA,CAC5CC,GACE,CACE,KAAA,CAAO,gBACP,MAAA,CAAQ,gBAAA,CACR,IAAK,aAAA,CACL,OAAA,CAAS,kBACT,MAAA,CAAQ,gBAAA,CACR,OAAQ,gBACV,CAAA,CAAEA,CAAO,CAAA,CACXC,CAAAA,EACE,CACE,KAAA,CAAO,aAAA,CACP,OAAQ,cAAA,CACR,GAAA,CAAK,YACL,OAAA,CAAS,eAAA,CACT,SAAU,gBACZ,CAAA,CAAEA,CAAK,CAAA,CACTC,CAAAA,GAAQ,QAAa,CAAA,IAAA,EAAOA,CAAG,GAC/BL,CACF,CAAA,CAEA,OACEU,GAAAA,CAACX,CAAAA,CAAA,CAAU,SAAA,CAAWS,CAAAA,CAAU,GAAGD,CAAAA,CAChC,QAAA,CAAAD,EACH,CAEJ","file":"index.js","sourcesContent":["import { cx } from 'cva';\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 type React from 'react';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType;\n  /** When true, apply flex display */\n  flex?: boolean;\n  /** Flex direction: 'row' or 'col' */\n  direction?: 'row' | 'col';\n  /** Horizontal alignment in flex container */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Vertical alignment in flex container */\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  /** Gap between children (matches Tailwind's spacing scale) */\n  gap?: number;\n}\n\nexport const Box = ({\n  as: Component = 'div',\n  className,\n  flex,\n  direction = 'row',\n  justify,\n  align,\n  gap,\n  children,\n  ...rest\n}: BoxProps) => {\n  const classes = cx(\n    flex && 'flex',\n    flex && (direction === 'col' ? 'flex-col' : 'flex-row'),\n    justify &&\n      {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      }[justify],\n    align &&\n      {\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        stretch: 'items-stretch',\n        baseline: 'items-baseline',\n      }[align],\n    gap !== undefined && `gap-${gap}`,\n    className,\n  );\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"]}

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-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
+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 n=cva("inline-flex cursor-pointer items-center justify-center whitespace-nowrap [--icon-size:20px]",{variants:{variant:{primary:"fg-inverse-light rounded-medium bg-interactive-default dtk-pressed:bg-interactive-hover-light outline-none hover:bg-interactive-hover-light focus:bg-interactive-hover-light",outline:"fg-default-light rounded-medium outline dtk-pressed:outline-interactive-hover outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover",flat:"fg-default-light rounded-medium bg-transparent dtk-pressed:bg-interactive-hover-dark outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark",destructive:"fg-inverse-light rounded-medium bg-serious-bold dtk-pressed:bg-serious-hover outline-none hover:bg-serious-hover focus:bg-serious-hover",critical:"fg-default-light rounded-medium bg-critical-bold dtk-pressed:bg-critical-hover 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:s="primary",size:a="medium",...r})=>(expectsIconWrapper({children:r.children,componentName:i.displayName}),jsx(Button,{className:composeRenderProps(t,d=>cn("w-content",n({isDisabled:e,variant:s,size:a,className:d}))),isDisabled:e,...r}));i.displayName="Button";i.as=(t,e)=>cn(n({...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":["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"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["u","Button","className","isDisabled","props","l","jsx","b","composeRenderProps","p","buttonStyles","cn","o"],"mappings":"oNAqBE,IAAA,CAAA,CAAAA,GAAA,CAAA,6FAGI,CAAA,CAAA,QACE,CAAA,CAAA,+LAGE,CAAA,OAAA,CAAA,mKACI,CAAA,IAAA,CAAA,mKAEJ,CAAA,WAAA,CAAA,yIAEA,CAAA,QAAA,CAAA,6IAIA,CAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,oKAGK,CAAA,KAAA,CAAA,uDAEL,CAAA,MAAA,CAAA,mEAGF,CAAA,CAAA,UAAM,CAAA,CAAA,IAAA,CAAA,sIAIV,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,gBAEa,CAAA,CAAA,CAAA,OACT,CAAA,UACA,UACE,CAAA,IAAA,CAAA,SAAA,CAAA,kKAGO,CAAA,CAAA,CAAA,OACT,CAAA,OACA,UACE,CAAA,IAAA,CAAA,SAAA,CAAA,6HAGN,CAAA,CAAA,CAAA,iBAEE,UAAS,CAAA,KAAA,CAAA,OACT,CAAA,SACF,CACF,IAgBWC,CAAS,QACpB,CAAA,CAAA,CAAA,CAAAC,CAAAA,CACA,CAAA,CAAA,SAAAC,CAAAA,CACA,WAAU,CAAA,CAAA,CAAA,OACV,CAAA,CAAA,CAAA,cACA,CAAGC,CACL,CAAA,QAEI,CAAA,GAAA,CAAA,CAAA,IAAgBC,kBAAA,CAAA,CAAA,QAChB,CAAA,CAAA,CAAA,QAAA,CAAeJ,aACjB,CAAC,EAGCK,WACE,CAAA,CAAA,CAAAC,GAAWC,CAAAA,MAAmBN,CAAAA,CAAYA,SAEtC,CAAAO,kBAAA,CAAA,CAAA,CAAA,CAAA,EACAC,EAAAA,CAAa,WACX,CAAAP,EACA,CAAA,UACA,CAAA,CAAA,CAAA,cAEF,CAAC,CACH,CACF,SACA,CAAA,CAAA,CAAA,CAAYA,CAAAA,CACX,CAAA,UAIA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,YACT,QAGPQ,CAAGD,EAAa,EAAE,CAAA,CAAGN,EAAO,CAAA,GAAAQ,EAAA,CAAA,CAAA,CAAA,CAAA,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 bg-interactive-default dtk-pressed:bg-interactive-hover-light outline-none hover:bg-interactive-hover-light focus:bg-interactive-hover-light',\n        outline:\n          'fg-default-light rounded-medium outline dtk-pressed:outline-interactive-hover outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n        flat: 'fg-default-light rounded-medium bg-transparent dtk-pressed:bg-interactive-hover-dark outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark',\n        destructive:\n          'fg-inverse-light rounded-medium bg-serious-bold dtk-pressed:bg-serious-hover outline-none hover:bg-serious-hover focus:bg-serious-hover',\n        critical:\n          'fg-default-light rounded-medium bg-critical-bold dtk-pressed:bg-critical-hover 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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1 } from 'react-aria-components';
 
 /**
@@ -12,7 +12,7 @@ declare namespace Checkbox {
     var Group: typeof CheckboxGroup;
 }
 interface CheckboxGroupProps extends CheckboxGroupProps$1 {
-    label?: string | React.JSX.Element;
+    label?: string | React__default.JSX.Element;
 }
 declare function CheckboxGroup({ children, className, label, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/checkbox/index.js

@@ -1,2 +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
+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 dtk-disabled:text-interactive-disabled text-body-s",e),children:({isDisabled:o,isFocused:a,isHovered:d,isIndeterminate:s,isReadOnly:h,isSelected:n})=>jsxs(Fragment,{children:[jsxs("div",{className:cn(f({isDisabled:o,isFocused:a,isHovered:d,isIndeterminate:s,isReadOnly:h,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

@@ -1 +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"]}
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["v","jsx","args","x","c","Fragment","l","u","isSelected","CheckboxIndeterminate","isIndeterminate","CheckboxSelected","i","p","children","label","props","g","m","Checkbox","CheckboxGroup"],"mappings":"oRAyBE,IAAA,CAAA,CAAAA,GAAA,CAAA,mEAEE,CAAA,CAAA,QACE,CAAA,CAAA,eACQ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,gGAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,SACQ,CAAA,CAAA,IAAA,CAAA,2BAER,CAAA,CAAA,kFAGA,CAAA,CAAA,UACQ,CAAA,CAAA,IAAA,CAAA,iEAGV,CAAA,CAAA,CAAA,gBAEI,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,UACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,yBACW,CAAA,4CAGX,CAAA,CAAA,CAAA,UACA,CAAA,IAAA,CAAA,eACA,CAAA,IAAA,CAAA,SAAW,CAAA,4CAGf,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,eACA,CAAA,KAAA,CAAA,UAUC,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,QAAkB,CAAkB,CACxE,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OACMC,GAAAA,CACJC,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAC,EAAA,CAAA,6FAID,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,QAAC,CAAA,CAAAD,IACC,CAAA,KAAA,CAAA,CAAA,SAEI,CAAAF,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,UAGJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAEC,CAAA,IAAA,CAAA,QAAoBI,CAAcP,CAAAA,CAACQ,EAAA,CAAA,CAAsB,EACzDD,yBAAc,CAACE,EAAAA,CAAmBT,CAAAA,CAACU,EAAA,CAAA,CAAiB,EAAAC,GACvD,CAAAC,gBACCC,CAAAA,EACH,CAAA,CAEJ,CAEJ,CAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAAC,CAAAA,CACA,KACF,CAAuB,CACrB,CAAA,GAAA,CAAA,CAAA,CACEd,CAAAA,OACMe,GAAAA,CACJC,aAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACE,CAAAb,EAAA,CAAA,kDAID,CAAA,CAAA,CAAA,CAAA,QACC,CACG,CAAA,EAAAE,IAAA,CAAAC,QAAA,CAAA,CAAA,QAAS,CAAO,CAAA,CAAA,CAAAK,GAAA,CAAAM,KAAA,CAAA,CAAA,QAAiB,CAAA,CAAA,CAAA,CACjC,CAAA,MAAOJ,CAAAA,OAAa,CAAA,EAAA,UAA+BA,CACtD,CAAA,CAEJ,CAEJ,CAEAK,CAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQC,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 dtk-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"]}