@accelint/design-toolkit 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +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\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"]}
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"]}
@@ -0,0 +1,41 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as cva_types from 'cva/types';
3
+ import { ComboBoxProps as ComboBoxProps$1, VirtualizerProps, ListLayoutOptions, ListBoxItemProps, ListBoxSectionProps } from 'react-aria-components';
4
+ import { MenuItem } from '../../types/types.js';
5
+ import { VariantProps } from 'cva';
6
+ import { ReactNode } from 'react';
7
+
8
+ declare const textFieldStyles: (props?: ({
9
+ isDisabled?: boolean | null | undefined;
10
+ isInvalid?: boolean | null | undefined;
11
+ size?: "small" | "medium" | null | undefined;
12
+ } & cva_types.ClassProp) | undefined) => string;
13
+ interface ComboBoxProps<T extends MenuItem> extends Omit<VariantProps<typeof textFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<ComboBoxProps$1<T>, 'children'>, Pick<VirtualizerProps<ListLayoutOptions>, 'layoutOptions'> {
14
+ className?: string;
15
+ children: ReactNode | ((item: T) => ReactNode);
16
+ description?: string;
17
+ errorMessage?: string;
18
+ label?: string;
19
+ placeholder?: string;
20
+ }
21
+ declare function ComboBox<T extends MenuItem>({ children, className, description, errorMessage, isDisabled, isInvalid, isReadOnly, label, placeholder, layoutOptions, size, ...props }: ComboBoxProps<T>): react_jsx_runtime.JSX.Element;
22
+ declare namespace ComboBox {
23
+ var displayName: string;
24
+ var Item: typeof ComboBoxItem;
25
+ var Section: typeof ComboBoxSection;
26
+ }
27
+ interface ComboBoxItemProps<T extends MenuItem> extends ListBoxItemProps<T> {
28
+ description?: string;
29
+ icon?: ReactNode;
30
+ name: string;
31
+ }
32
+ declare function ComboBoxItem<T extends MenuItem>({ children, className, description, icon, name, ...props }: ComboBoxItemProps<T>): react_jsx_runtime.JSX.Element;
33
+ declare namespace ComboBoxItem {
34
+ var displayName: string;
35
+ }
36
+ interface ComboBoxSectionProps<T extends MenuItem> extends ListBoxSectionProps<T> {
37
+ header?: string;
38
+ }
39
+ declare function ComboBoxSection<T extends MenuItem>({ children, header, items, }: ComboBoxSectionProps<T>): react_jsx_runtime.JSX.Element;
40
+
41
+ export { ComboBox, type ComboBoxProps, ComboBoxSection };
@@ -0,0 +1,2 @@
1
+ import'client-only';import {ComboBox,Button,Text,Popover,Virtualizer,ListLayout,ListBox,ListBoxSection,Header,Collection,Input,ListBoxItem}from'react-aria-components';import {cn}from'./../../lib/utils.js';import F from'@accelint/icons/chevron-down';import {cva}from'cva';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var _=cva(["block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive","not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},size:{medium:"text-body-s",small:"text-body-xs"}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"}],defaultVariants:{size:"medium"}}),y=({className:t,isReadOnly:s=false,size:o="medium",...r})=>jsx(Input,{...r,className:({isDisabled:i,isInvalid:a})=>cn(_({isDisabled:i,isInvalid:a,size:o,className:t}))});y.displayName="ComboBox.Input";function p({children:t,className:s,description:o,errorMessage:r,isDisabled:i,isInvalid:a,isReadOnly:l,label:A,placeholder:I,layoutOptions:v,size:u="medium",...x}){let f=u==="small",P=!(f||a)||i,L=a&&!i&&!l;return jsx(ComboBox,{...x,isDisabled:i,isInvalid:a,isReadOnly:l,className:"flex flex-col gap-xs",children:({isDisabled:m,isOpen:N})=>jsxs(Fragment,{children:[!f&&jsx(Label,{className:"empty:hidden",isDisabled:m,isOptional:!x.isRequired,children:A}),jsxs("div",{className:"relative flex items-center",children:[jsx(y,{className:s,isReadOnly:l,placeholder:I,size:u}),jsx(Button,{className:cn(["fg-default-light icon-size-xl absolute right-xs transform",m&&"fg-disabled",N&&"rotate-180",l&&"hidden"]),children:jsx(Icon,{className:"block",children:jsx(F,{})})})]}),P&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",m&&"fg-disabled"]),slot:"description",children:o}),L&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:r}),jsx(Popover,{className:"w-(--trigger-width)",children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(ListBox,{className:"grid max-h-[200px] grid-cols-[auto_1fr] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light",children:t})})})]})})}p.displayName="ComboBox";var q=cva(["fg-default-light icon-size-l col-span-2 grid grid-cols-subgrid items-center p-s pl-xs text-body-s","**:data-[slot=description]:fg-default-dark **:data-[slot=description]:text-body-xs","hover:fg-inverse-light hover:**:data-[slot=description]:fg-inverse-light hover:bg-highlight-bold","ai-focus:fg-inverse-light ai-focus:**:data-[slot=description]:fg-inverse-light ai-focus:bg-highlight-bold","ai-disabled:fg-disabled ai-disabled:**:data-[slot=description]:fg-disabled ai-disabled:bg-transparent"]);function h({children:t,className:s,description:o,icon:r,name:i,...a}){return jsx(ListBoxItem,{textValue:i,...a,className:q({className:s}),children:l=>typeof t=="function"?t(l):jsxs(Fragment,{children:[r&&jsx("span",{className:"mr-xs",children:jsx(Icon,{children:r})}),jsxs("div",{className:"col-start-2 flex flex-col gap-xxs",children:[jsx(Text,{slot:"label",children:i}),o&&jsx(Text,{"data-slot":"description",slot:"description",children:o})]})]})})}h.displayName="ComboBox.Item";p.Item=h;function E({children:t,header:s,items:o}){return jsxs(ListBoxSection,{id:s,className:"col-span-2 mt-s grid grid-cols-[auto_1fr] border-default-dark border-t first:border-none",children:[jsx(Header,{className:"col-span-2 m-xs my-s text-default-dark text-header-xs",children:s}),jsx(Collection,{items:o,children:t})]})}p.displayName="ComboBox.Section";p.Section=E;export{p as ComboBox,E as ComboBoxSection};//# sourceMappingURL=index.js.map
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/combobox/index.tsx"],"names":["className","isReadOnly","size","jsx","e","V","isDisabled","isInvalid","Input","ComboBox","children","description","errorMessage","label","isSmall","shouldShowDescription","shouldShowError","AriaComboBox","T","isOpen","jsxs","Label","H","n","C","g","AriaText","d","R","AriaListLayout","k","z","b","ComboBoxItem","AriaListBoxItem","name","comboBoxItemStyles","renderProps","Fragment","B","icon","ComboBoxSection","header","items","AriaListBoxSection","M","S"],"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 'client-only';\nimport {\n Button as AriaButton,\n ComboBox as AriaComboBox,\n type ComboBoxProps as AriaComboBoxProps,\n Header as AriaHeader,\n Input as AriaInput,\n type InputProps as AriaInputProps,\n ListBox as AriaListBox,\n Collection as AriaListBoxCollection,\n ListBoxItem as AriaListBoxItem,\n type ListBoxItemProps as AriaListBoxItemProps,\n ListBoxSection as AriaListBoxSection,\n type ListBoxSectionProps as AriaListBoxSectionProps,\n ListLayout as AriaListLayout,\n type ListLayoutOptions as AriaListLayoutOptions,\n Popover as AriaPopover,\n Text as AriaText,\n Virtualizer as AriaVirtualizer,\n type VirtualizerProps as AriaVirtualizerProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport type { MenuItem } from '@/types/types';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n [\n 'block w-full rounded-medium py-xs pr-[32px] pl-s font-display outline outline-interactive',\n 'not-disabled:read-only:rounded-none not-disabled:read-only:p-0 not-disabled:read-only:outline-transparent not-disabled:read-only:hover:outline-transparent not-disabled:read-only:focus:outline-transparent',\n ],\n {\n variants: {\n isDisabled: {\n true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n false:\n 'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n },\n isInvalid: {\n true: 'outline-serious',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n ],\n defaultVariants: {\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textFieldStyles>,\n Omit<AriaInputProps, 'size'> {\n isReadOnly?: boolean;\n}\n\nconst Input = ({\n className,\n isReadOnly = false,\n size = 'medium',\n ...props\n}: InputProps) => {\n return (\n <AriaInput\n {...props}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textFieldStyles({\n isDisabled,\n isInvalid,\n size,\n className,\n }),\n )\n }\n />\n );\n};\nInput.displayName = 'ComboBox.Input';\n\nexport interface ComboBoxProps<T extends MenuItem>\n extends Omit<\n VariantProps<typeof textFieldStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaComboBoxProps<T>, 'children'>,\n Pick<AriaVirtualizerProps<AriaListLayoutOptions>, 'layoutOptions'> {\n className?: string;\n children: ReactNode | ((item: T) => ReactNode);\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function ComboBox<T extends MenuItem>({\n children,\n className,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n layoutOptions,\n size = 'medium',\n ...props\n}: ComboBoxProps<T>) {\n const isSmall = size === 'small';\n const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaComboBox<T>\n {...props}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className='flex flex-col gap-xs'\n >\n {({ isDisabled, isOpen }) => (\n <>\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <div className='relative flex items-center'>\n <Input\n className={className}\n isReadOnly={isReadOnly}\n placeholder={placeholder}\n size={size}\n />\n <AriaButton\n className={cn([\n 'fg-default-light icon-size-xl absolute right-xs transform',\n isDisabled && 'fg-disabled',\n isOpen && 'rotate-180',\n isReadOnly && 'hidden',\n ])}\n >\n <Icon className='block'>\n <ChevronDown />\n </Icon>\n </AriaButton>\n </div>\n {shouldShowDescription && (\n <AriaText\n className={cn([\n 'fg-default-dark text-body-xs empty:hidden',\n isDisabled && 'fg-disabled',\n ])}\n slot='description'\n >\n {description}\n </AriaText>\n )}\n {shouldShowError && (\n <AriaText\n className='fg-serious text-body-xs empty:hidden'\n slot='errorMessage'\n >\n {errorMessage}\n </AriaText>\n )}\n <AriaPopover className='w-(--trigger-width)'>\n <AriaVirtualizer\n layout={AriaListLayout}\n layoutOptions={layoutOptions}\n >\n <AriaListBox className='grid max-h-[200px] grid-cols-[auto_1fr] overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light'>\n {/* @ts-expect-error package version mismatch TODO */}\n {children}\n </AriaListBox>\n </AriaVirtualizer>\n </AriaPopover>\n </>\n )}\n </AriaComboBox>\n );\n}\nComboBox.displayName = 'ComboBox';\n\nconst comboBoxItemStyles = cva([\n 'fg-default-light icon-size-l col-span-2 grid grid-cols-subgrid items-center p-s pl-xs text-body-s',\n '**:data-[slot=description]:fg-default-dark **:data-[slot=description]:text-body-xs',\n 'hover:fg-inverse-light hover:**:data-[slot=description]:fg-inverse-light hover:bg-highlight-bold',\n 'ai-focus:fg-inverse-light ai-focus:**:data-[slot=description]:fg-inverse-light ai-focus:bg-highlight-bold',\n 'ai-disabled:fg-disabled ai-disabled:**:data-[slot=description]:fg-disabled ai-disabled:bg-transparent',\n]);\n\ninterface ComboBoxItemProps<T extends MenuItem>\n extends AriaListBoxItemProps<T> {\n description?: string;\n icon?: ReactNode;\n name: string;\n}\n\nfunction ComboBoxItem<T extends MenuItem>({\n children,\n className,\n description,\n icon,\n name,\n ...props\n}: ComboBoxItemProps<T>) {\n return (\n <AriaListBoxItem<T>\n textValue={name}\n {...props}\n className={comboBoxItemStyles({ className })}\n >\n {(renderProps) => {\n if (typeof children === 'function') {\n return children(renderProps);\n }\n\n return (\n <>\n {icon && (\n <span className='mr-xs'>\n <Icon>{icon}</Icon>\n </span>\n )}\n <div className='col-start-2 flex flex-col gap-xxs'>\n <AriaText slot='label'>{name}</AriaText>\n {description && (\n <AriaText data-slot='description' slot='description'>\n {description}\n </AriaText>\n )}\n </div>\n </>\n );\n }}\n </AriaListBoxItem>\n );\n}\nComboBoxItem.displayName = 'ComboBox.Item';\n\nComboBox.Item = ComboBoxItem;\n\ninterface ComboBoxSectionProps<T extends MenuItem>\n extends AriaListBoxSectionProps<T> {\n header?: string;\n}\n\nexport function ComboBoxSection<T extends MenuItem>({\n children,\n header,\n items,\n}: ComboBoxSectionProps<T>) {\n return (\n <AriaListBoxSection\n id={header}\n className='col-span-2 mt-s grid grid-cols-[auto_1fr] border-default-dark border-t first:border-none'\n >\n <AriaHeader className='col-span-2 m-xs my-s text-default-dark text-header-xs'>\n {header}\n </AriaHeader>\n <AriaListBoxCollection items={items}>{children}</AriaListBoxCollection>\n </AriaListBoxSection>\n );\n}\nComboBox.displayName = 'ComboBox.Section';\nComboBox.Section = ComboBoxSection;\n"]}
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export { Checkbox, CheckboxGroupProps, CheckboxProps } from './components/checkb
7
7
  export { Chip, ChipListProps, ChipProps, DeletableChip, SelectableChip } from './components/chip/index.js';
8
8
  export { ClassificationBadge, ClassificationBadgeProps } from './components/classification-badge/index.js';
9
9
  export { ClassificationBanner, ClassificationBannerProps } from './components/classification-banner/index.js';
10
+ export { ComboBox, ComboBoxProps, ComboBoxSection } from './components/combobox/index.js';
10
11
  export { FloatingButton, FloatingButtonProps } from './components/floating-button/index.js';
11
12
  export { Icon, IconProps } from './components/icon/index.js';
12
13
  export { IconButton, IconButtonProps } from './components/icon-button/index.js';
@@ -19,6 +20,7 @@ export { ToggleIconButton, ToggleIconButtonProps } from './components/toggle-ico
19
20
  export { Tooltip, TooltipBody, TooltipBodyProps, TooltipProps, TooltipTrigger, TooltipTriggerProps } from './components/tooltip/index.js';
20
21
  export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
21
22
  export { cn, twMerge } from './lib/utils.js';
23
+ export { MenuItem } from './types/types.js';
22
24
  import 'react/jsx-runtime';
23
25
  import 'cva/types';
24
26
  import 'react';
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export{Accordion}from'./components/accordion/index.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button}from'./components/button/index.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,DeletableChip,SelectableChip}from'./components/chip/index.js';export{ClassificationBadge}from'./components/classification-badge/index.js';export{ClassificationBanner}from'./components/classification-banner/index.js';export{FloatingButton}from'./components/floating-button/index.js';export{Icon}from'./components/icon/index.js';export{IconButton}from'./components/icon-button/index.js';export{Label}from'./components/label/index.js';export{Radio}from'./components/radio/index.js';export{Switch}from'./components/switch/index.js';export{TextArea}from'./components/text-area/index.js';export{TextField}from'./components/text-field/index.js';export{ToggleIconButton}from'./components/toggle-icon-button/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,twMerge}from'./lib/utils.js';//# sourceMappingURL=index.js.map
1
+ export{Accordion}from'./components/accordion/index.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button}from'./components/button/index.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,DeletableChip,SelectableChip}from'./components/chip/index.js';export{ClassificationBadge}from'./components/classification-badge/index.js';export{ClassificationBanner}from'./components/classification-banner/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{FloatingButton}from'./components/floating-button/index.js';export{Icon}from'./components/icon/index.js';export{IconButton}from'./components/icon-button/index.js';export{Label}from'./components/label/index.js';export{Radio}from'./components/radio/index.js';export{Switch}from'./components/switch/index.js';export{TextArea}from'./components/text-area/index.js';export{TextField}from'./components/text-field/index.js';export{ToggleIconButton}from'./components/toggle-icon-button/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,twMerge}from'./lib/utils.js';//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"inputs":{"src/index.css":{"bytes":10598,"imports":[]},"src/index.ts":{"bytes":3156,"imports":[{"path":"./components/accordion/index.js","kind":"import-statement","external":true},{"path":"./components/avatar/index.js","kind":"import-statement","external":true},{"path":"./components/badge/index.js","kind":"import-statement","external":true},{"path":"./components/box/index.js","kind":"import-statement","external":true},{"path":"./components/button/index.js","kind":"import-statement","external":true},{"path":"./components/checkbox/index.js","kind":"import-statement","external":true},{"path":"./components/chip/index.js","kind":"import-statement","external":true},{"path":"./components/classification-badge/index.js","kind":"import-statement","external":true},{"path":"./components/classification-banner/index.js","kind":"import-statement","external":true},{"path":"./components/floating-button/index.js","kind":"import-statement","external":true},{"path":"./components/icon/index.js","kind":"import-statement","external":true},{"path":"./components/icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/label/index.js","kind":"import-statement","external":true},{"path":"./components/radio/index.js","kind":"import-statement","external":true},{"path":"./components/switch/index.js","kind":"import-statement","external":true},{"path":"./components/text-area/index.js","kind":"import-statement","external":true},{"path":"./components/text-field/index.js","kind":"import-statement","external":true},{"path":"./components/toggle-icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/tooltip/index.js","kind":"import-statement","external":true},{"path":"./lib/react.js","kind":"import-statement","external":true},{"path":"./lib/utils.js","kind":"import-statement","external":true}],"format":"esm"},"src/icons/catalog.tsx":{"bytes":12859,"imports":[{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/lib/react.ts":{"bytes":2808,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/lib/utils.ts":{"bytes":3274,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"format":"esm"},"src/components/accordion/index.tsx":{"bytes":5980,"imports":[{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../icon-button/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/avatar/index.tsx":{"bytes":3074,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"@radix-ui/react-avatar","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/badge/index.tsx":{"bytes":2113,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/box/index.tsx":{"bytes":2098,"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/checkbox/index.tsx":{"bytes":4220,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/index.tsx":{"bytes":4462,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/chip/index.tsx":{"bytes":7244,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/classification-badge/index.tsx":{"bytes":2620,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/classification-banner/index.tsx":{"bytes":2550,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/floating-button/index.tsx":{"bytes":2397,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/icon/index.tsx":{"bytes":1830,"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"../../lib/utils.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/icon-button/index.tsx":{"bytes":3006,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/label/index.tsx":{"bytes":1569,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/radio/index.tsx":{"bytes":3421,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/switch/index.tsx":{"bytes":2922,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/text-area/index.tsx":{"bytes":5176,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/text-field/index.tsx":{"bytes":6444,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/toggle-icon-button/index.tsx":{"bytes":3138,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/tooltip/index.tsx":{"bytes":2653,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.css":{"imports":[],"exports":[],"entryPoint":"src/index.css","inputs":{"src/index.css":{"bytesInOutput":10598}},"bytes":10598},"dist/components/icon-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4214},"dist/components/icon-button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["IconButton"],"entryPoint":"src/components/icon-button/index.tsx","inputs":{"src/components/icon-button/index.tsx":{"bytesInOutput":1437}},"bytes":1462},"dist/components/label/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2377},"dist/components/label/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Label"],"entryPoint":"src/components/label/index.tsx","inputs":{"src/components/label/index.tsx":{"bytesInOutput":531}},"bytes":551},"dist/components/radio/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4914},"dist/components/radio/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Radio"],"entryPoint":"src/components/radio/index.tsx","inputs":{"src/components/radio/index.tsx":{"bytesInOutput":1571}},"bytes":1591},"dist/components/switch/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4049},"dist/components/switch/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Switch"],"entryPoint":"src/components/switch/index.tsx","inputs":{"src/components/switch/index.tsx":{"bytesInOutput":1678}},"bytes":1699},"dist/components/text-area/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":7679},"dist/components/text-area/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["TextArea"],"entryPoint":"src/components/text-area/index.tsx","inputs":{"src/components/text-area/index.tsx":{"bytesInOutput":2077}},"bytes":2100},"dist/components/text-field/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":9771},"dist/components/text-field/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["TextField"],"entryPoint":"src/components/text-field/index.tsx","inputs":{"src/components/text-field/index.tsx":{"bytesInOutput":2716}},"bytes":2740},"dist/components/toggle-icon-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4302},"dist/components/toggle-icon-button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ToggleIconButton"],"entryPoint":"src/components/toggle-icon-button/index.tsx","inputs":{"src/components/toggle-icon-button/index.tsx":{"bytesInOutput":1543}},"bytes":1574},"dist/components/tooltip/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4032},"dist/components/tooltip/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Tooltip","TooltipBody","TooltipTrigger"],"entryPoint":"src/components/tooltip/index.tsx","inputs":{"src/components/tooltip/index.tsx":{"bytesInOutput":962}},"bytes":1021},"dist/components/box/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2942},"dist/components/box/index.js":{"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Box"],"entryPoint":"src/components/box/index.tsx","inputs":{"src/components/box/index.tsx":{"bytesInOutput":551}},"bytes":569},"dist/components/checkbox/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6207},"dist/components/checkbox/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Checkbox"],"entryPoint":"src/components/checkbox/index.tsx","inputs":{"src/components/checkbox/index.tsx":{"bytesInOutput":1999}},"bytes":2022},"dist/components/button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":5766},"dist/components/button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button"],"entryPoint":"src/components/button/index.tsx","inputs":{"src/components/button/index.tsx":{"bytesInOutput":2398}},"bytes":2419},"dist/components/chip/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":10427},"dist/components/chip/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Chip","DeletableChip","SelectableChip"],"entryPoint":"src/components/chip/index.tsx","inputs":{"src/components/chip/index.tsx":{"bytesInOutput":3227}},"bytes":3285},"dist/components/classification-badge/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3534},"dist/components/classification-badge/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ClassificationBadge"],"entryPoint":"src/components/classification-badge/index.tsx","inputs":{"src/components/classification-badge/index.tsx":{"bytesInOutput":1166}},"bytes":1200},"dist/components/classification-banner/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3379},"dist/components/classification-banner/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ClassificationBanner"],"entryPoint":"src/components/classification-banner/index.tsx","inputs":{"src/components/classification-banner/index.tsx":{"bytesInOutput":1097}},"bytes":1132},"dist/components/floating-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3279},"dist/components/floating-button/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["FloatingButton"],"entryPoint":"src/components/floating-button/index.tsx","inputs":{"src/components/floating-button/index.tsx":{"bytesInOutput":1103}},"bytes":1132},"dist/components/icon/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2577},"dist/components/icon/index.js":{"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"../../lib/utils.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Icon"],"entryPoint":"src/components/icon/index.tsx","inputs":{"src/components/icon/index.tsx":{"bytesInOutput":669}},"bytes":688},"dist/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4275},"dist/index.js":{"imports":[{"path":"./components/accordion/index.js","kind":"import-statement","external":true},{"path":"./components/avatar/index.js","kind":"import-statement","external":true},{"path":"./components/badge/index.js","kind":"import-statement","external":true},{"path":"./components/box/index.js","kind":"import-statement","external":true},{"path":"./components/button/index.js","kind":"import-statement","external":true},{"path":"./components/checkbox/index.js","kind":"import-statement","external":true},{"path":"./components/chip/index.js","kind":"import-statement","external":true},{"path":"./components/classification-badge/index.js","kind":"import-statement","external":true},{"path":"./components/classification-banner/index.js","kind":"import-statement","external":true},{"path":"./components/floating-button/index.js","kind":"import-statement","external":true},{"path":"./components/icon/index.js","kind":"import-statement","external":true},{"path":"./components/icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/label/index.js","kind":"import-statement","external":true},{"path":"./components/radio/index.js","kind":"import-statement","external":true},{"path":"./components/switch/index.js","kind":"import-statement","external":true},{"path":"./components/text-area/index.js","kind":"import-statement","external":true},{"path":"./components/text-field/index.js","kind":"import-statement","external":true},{"path":"./components/toggle-icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/tooltip/index.js","kind":"import-statement","external":true},{"path":"./lib/react.js","kind":"import-statement","external":true},{"path":"./lib/utils.js","kind":"import-statement","external":true}],"exports":["Accordion","Avatar","Badge","Box","Button","Checkbox","Chip","ClassificationBadge","ClassificationBanner","DeletableChip","FloatingButton","Icon","IconButton","Label","Radio","SelectableChip","Switch","TextArea","TextField","ToggleIconButton","Tooltip","TooltipBody","TooltipTrigger","cn","containsExactChildren","expectsIconWrapper","twMerge"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":1338}},"bytes":1773},"dist/icons/catalog.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":27181},"dist/icons/catalog.js":{"imports":[{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/icons/catalog.tsx","inputs":{"src/icons/catalog.tsx":{"bytesInOutput":9424}},"bytes":9447},"dist/lib/react.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4061},"dist/lib/react.js":{"imports":[{"path":"react","kind":"import-statement","external":true}],"exports":["containsExactChildren","expectsIconWrapper"],"entryPoint":"src/lib/react.ts","inputs":{"src/lib/react.ts":{"bytesInOutput":621}},"bytes":681},"dist/lib/utils.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4562},"dist/lib/utils.js":{"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"exports":["cn","twMerge"],"entryPoint":"src/lib/utils.ts","inputs":{"src/lib/utils.ts":{"bytesInOutput":1558}},"bytes":1588},"dist/components/accordion/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":8814},"dist/components/accordion/index.js":{"imports":[{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../icon-button/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Accordion"],"entryPoint":"src/components/accordion/index.tsx","inputs":{"src/components/accordion/index.tsx":{"bytesInOutput":2536}},"bytes":2573},"dist/components/avatar/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4329},"dist/components/avatar/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"@radix-ui/react-avatar","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Avatar"],"entryPoint":"src/components/avatar/index.tsx","inputs":{"src/components/avatar/index.tsx":{"bytesInOutput":1101}},"bytes":1122},"dist/components/badge/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2880},"dist/components/badge/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Badge"],"entryPoint":"src/components/badge/index.tsx","inputs":{"src/components/badge/index.tsx":{"bytesInOutput":833}},"bytes":853}}}
1
+ {"inputs":{"src/index.css":{"bytes":10598,"imports":[]},"src/index.ts":{"bytes":3330,"imports":[{"path":"./components/accordion/index.js","kind":"import-statement","external":true},{"path":"./components/avatar/index.js","kind":"import-statement","external":true},{"path":"./components/badge/index.js","kind":"import-statement","external":true},{"path":"./components/box/index.js","kind":"import-statement","external":true},{"path":"./components/button/index.js","kind":"import-statement","external":true},{"path":"./components/checkbox/index.js","kind":"import-statement","external":true},{"path":"./components/chip/index.js","kind":"import-statement","external":true},{"path":"./components/classification-badge/index.js","kind":"import-statement","external":true},{"path":"./components/classification-banner/index.js","kind":"import-statement","external":true},{"path":"./components/combobox/index.js","kind":"import-statement","external":true},{"path":"./components/floating-button/index.js","kind":"import-statement","external":true},{"path":"./components/icon/index.js","kind":"import-statement","external":true},{"path":"./components/icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/label/index.js","kind":"import-statement","external":true},{"path":"./components/radio/index.js","kind":"import-statement","external":true},{"path":"./components/switch/index.js","kind":"import-statement","external":true},{"path":"./components/text-area/index.js","kind":"import-statement","external":true},{"path":"./components/text-field/index.js","kind":"import-statement","external":true},{"path":"./components/toggle-icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/tooltip/index.js","kind":"import-statement","external":true},{"path":"./lib/react.js","kind":"import-statement","external":true},{"path":"./lib/utils.js","kind":"import-statement","external":true}],"format":"esm"},"src/icons/catalog.tsx":{"bytes":12859,"imports":[{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/lib/react.ts":{"bytes":2808,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/lib/utils.ts":{"bytes":3274,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"format":"esm"},"src/types/types.ts":{"bytes":863,"imports":[],"format":"esm"},"src/components/accordion/index.tsx":{"bytes":5989,"imports":[{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../icon-button/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/avatar/index.tsx":{"bytes":3074,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"@radix-ui/react-avatar","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/badge/index.tsx":{"bytes":2113,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/box/index.tsx":{"bytes":2098,"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/index.tsx":{"bytes":4462,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/checkbox/index.tsx":{"bytes":4220,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/chip/index.tsx":{"bytes":7244,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/classification-badge/index.tsx":{"bytes":2620,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/classification-banner/index.tsx":{"bytes":2550,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/combobox/index.tsx":{"bytes":8754,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons/chevron-down","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/floating-button/index.tsx":{"bytes":2397,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/icon/index.tsx":{"bytes":1830,"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"../../lib/utils.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/icon-button/index.tsx":{"bytes":3006,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/label/index.tsx":{"bytes":1569,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/radio/index.tsx":{"bytes":3421,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/switch/index.tsx":{"bytes":2922,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/text-area/index.tsx":{"bytes":5176,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/text-field/index.tsx":{"bytes":6444,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/toggle-icon-button/index.tsx":{"bytes":3138,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/tooltip/index.tsx":{"bytes":2653,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.css":{"imports":[],"exports":[],"entryPoint":"src/index.css","inputs":{"src/index.css":{"bytesInOutput":10598}},"bytes":10598},"dist/components/toggle-icon-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4302},"dist/components/toggle-icon-button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ToggleIconButton"],"entryPoint":"src/components/toggle-icon-button/index.tsx","inputs":{"src/components/toggle-icon-button/index.tsx":{"bytesInOutput":1543}},"bytes":1574},"dist/components/tooltip/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4032},"dist/components/tooltip/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Tooltip","TooltipBody","TooltipTrigger"],"entryPoint":"src/components/tooltip/index.tsx","inputs":{"src/components/tooltip/index.tsx":{"bytesInOutput":962}},"bytes":1021},"dist/components/floating-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3279},"dist/components/floating-button/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["FloatingButton"],"entryPoint":"src/components/floating-button/index.tsx","inputs":{"src/components/floating-button/index.tsx":{"bytesInOutput":1103}},"bytes":1132},"dist/components/icon/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2577},"dist/components/icon/index.js":{"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"../../lib/utils.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Icon"],"entryPoint":"src/components/icon/index.tsx","inputs":{"src/components/icon/index.tsx":{"bytesInOutput":669}},"bytes":688},"dist/components/icon-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4214},"dist/components/icon-button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["IconButton"],"entryPoint":"src/components/icon-button/index.tsx","inputs":{"src/components/icon-button/index.tsx":{"bytesInOutput":1437}},"bytes":1462},"dist/components/label/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2377},"dist/components/label/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Label"],"entryPoint":"src/components/label/index.tsx","inputs":{"src/components/label/index.tsx":{"bytesInOutput":531}},"bytes":551},"dist/components/radio/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4914},"dist/components/radio/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Radio"],"entryPoint":"src/components/radio/index.tsx","inputs":{"src/components/radio/index.tsx":{"bytesInOutput":1571}},"bytes":1591},"dist/components/switch/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4049},"dist/components/switch/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Switch"],"entryPoint":"src/components/switch/index.tsx","inputs":{"src/components/switch/index.tsx":{"bytesInOutput":1678}},"bytes":1699},"dist/components/text-area/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":7679},"dist/components/text-area/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["TextArea"],"entryPoint":"src/components/text-area/index.tsx","inputs":{"src/components/text-area/index.tsx":{"bytesInOutput":2077}},"bytes":2100},"dist/components/text-field/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":9771},"dist/components/text-field/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["TextField"],"entryPoint":"src/components/text-field/index.tsx","inputs":{"src/components/text-field/index.tsx":{"bytesInOutput":2716}},"bytes":2740},"dist/components/badge/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2880},"dist/components/badge/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Badge"],"entryPoint":"src/components/badge/index.tsx","inputs":{"src/components/badge/index.tsx":{"bytesInOutput":833}},"bytes":853},"dist/components/box/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2942},"dist/components/box/index.js":{"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Box"],"entryPoint":"src/components/box/index.tsx","inputs":{"src/components/box/index.tsx":{"bytesInOutput":551}},"bytes":569},"dist/components/button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":5766},"dist/components/button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button"],"entryPoint":"src/components/button/index.tsx","inputs":{"src/components/button/index.tsx":{"bytesInOutput":2398}},"bytes":2419},"dist/components/checkbox/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6207},"dist/components/checkbox/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Checkbox"],"entryPoint":"src/components/checkbox/index.tsx","inputs":{"src/components/checkbox/index.tsx":{"bytesInOutput":1999}},"bytes":2022},"dist/components/chip/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":10427},"dist/components/chip/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Chip","DeletableChip","SelectableChip"],"entryPoint":"src/components/chip/index.tsx","inputs":{"src/components/chip/index.tsx":{"bytesInOutput":3227}},"bytes":3285},"dist/components/classification-badge/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3534},"dist/components/classification-badge/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ClassificationBadge"],"entryPoint":"src/components/classification-badge/index.tsx","inputs":{"src/components/classification-badge/index.tsx":{"bytesInOutput":1166}},"bytes":1200},"dist/components/classification-banner/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3379},"dist/components/classification-banner/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ClassificationBanner"],"entryPoint":"src/components/classification-banner/index.tsx","inputs":{"src/components/classification-banner/index.tsx":{"bytesInOutput":1097}},"bytes":1132},"dist/components/combobox/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":12546},"dist/components/combobox/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons/chevron-down","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ComboBox","ComboBoxSection"],"entryPoint":"src/components/combobox/index.tsx","inputs":{"src/components/combobox/index.tsx":{"bytesInOutput":3918}},"bytes":3962},"dist/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4519},"dist/index.js":{"imports":[{"path":"./components/accordion/index.js","kind":"import-statement","external":true},{"path":"./components/avatar/index.js","kind":"import-statement","external":true},{"path":"./components/badge/index.js","kind":"import-statement","external":true},{"path":"./components/box/index.js","kind":"import-statement","external":true},{"path":"./components/button/index.js","kind":"import-statement","external":true},{"path":"./components/checkbox/index.js","kind":"import-statement","external":true},{"path":"./components/chip/index.js","kind":"import-statement","external":true},{"path":"./components/classification-badge/index.js","kind":"import-statement","external":true},{"path":"./components/classification-banner/index.js","kind":"import-statement","external":true},{"path":"./components/combobox/index.js","kind":"import-statement","external":true},{"path":"./components/floating-button/index.js","kind":"import-statement","external":true},{"path":"./components/icon/index.js","kind":"import-statement","external":true},{"path":"./components/icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/label/index.js","kind":"import-statement","external":true},{"path":"./components/radio/index.js","kind":"import-statement","external":true},{"path":"./components/switch/index.js","kind":"import-statement","external":true},{"path":"./components/text-area/index.js","kind":"import-statement","external":true},{"path":"./components/text-field/index.js","kind":"import-statement","external":true},{"path":"./components/toggle-icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/tooltip/index.js","kind":"import-statement","external":true},{"path":"./lib/react.js","kind":"import-statement","external":true},{"path":"./lib/utils.js","kind":"import-statement","external":true}],"exports":["Accordion","Avatar","Badge","Box","Button","Checkbox","Chip","ClassificationBadge","ClassificationBanner","ComboBox","ComboBoxSection","DeletableChip","FloatingButton","Icon","IconButton","Label","Radio","SelectableChip","Switch","TextArea","TextField","ToggleIconButton","Tooltip","TooltipBody","TooltipTrigger","cn","containsExactChildren","expectsIconWrapper","twMerge"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":1417}},"bytes":1887},"dist/icons/catalog.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":27181},"dist/icons/catalog.js":{"imports":[{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/icons/catalog.tsx","inputs":{"src/icons/catalog.tsx":{"bytesInOutput":9424}},"bytes":9447},"dist/lib/react.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4061},"dist/lib/react.js":{"imports":[{"path":"react","kind":"import-statement","external":true}],"exports":["containsExactChildren","expectsIconWrapper"],"entryPoint":"src/lib/react.ts","inputs":{"src/lib/react.ts":{"bytesInOutput":621}},"bytes":681},"dist/lib/utils.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4562},"dist/lib/utils.js":{"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"exports":["cn","twMerge"],"entryPoint":"src/lib/utils.ts","inputs":{"src/lib/utils.ts":{"bytesInOutput":1558}},"bytes":1588},"dist/types/types.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/types/types.js":{"imports":[],"exports":[],"entryPoint":"src/types/types.ts","inputs":{"src/types/types.ts":{"bytesInOutput":0}},"bytes":0},"dist/components/accordion/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":8823},"dist/components/accordion/index.js":{"imports":[{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../icon-button/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Accordion"],"entryPoint":"src/components/accordion/index.tsx","inputs":{"src/components/accordion/index.tsx":{"bytesInOutput":2536}},"bytes":2573},"dist/components/avatar/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4329},"dist/components/avatar/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"@radix-ui/react-avatar","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Avatar"],"entryPoint":"src/components/avatar/index.tsx","inputs":{"src/components/avatar/index.tsx":{"bytesInOutput":1101}},"bytes":1122}}}
package/dist/styles.css CHANGED
@@ -338,9 +338,18 @@
338
338
  .right-\[20px\] {
339
339
  right: 20px;
340
340
  }
341
+ .right-xs {
342
+ right: var(--spacing-xs);
343
+ }
341
344
  .bottom-\[20px\] {
342
345
  bottom: 20px;
343
346
  }
347
+ .col-span-2 {
348
+ grid-column: span 2 / span 2;
349
+ }
350
+ .col-start-2 {
351
+ grid-column-start: 2;
352
+ }
344
353
  .container {
345
354
  width: 100%;
346
355
  @media (width >= 40rem) {
@@ -359,12 +368,24 @@
359
368
  max-width: 96rem;
360
369
  }
361
370
  }
371
+ .m-xs {
372
+ margin: var(--spacing-xs);
373
+ }
374
+ .my-s {
375
+ margin-block: var(--spacing-s);
376
+ }
362
377
  .mt-oversized {
363
378
  margin-top: var(--spacing-oversized);
364
379
  }
380
+ .mt-s {
381
+ margin-top: var(--spacing-s);
382
+ }
365
383
  .mt-xl {
366
384
  margin-top: var(--spacing-xl);
367
385
  }
386
+ .mr-xs {
387
+ margin-right: var(--spacing-xs);
388
+ }
368
389
  .ml-auto {
369
390
  margin-left: auto;
370
391
  }
@@ -377,6 +398,9 @@
377
398
  .grid {
378
399
  display: grid;
379
400
  }
401
+ .hidden {
402
+ display: none;
403
+ }
380
404
  .inline-block {
381
405
  display: inline-block;
382
406
  }
@@ -458,6 +482,9 @@
458
482
  .h-xl {
459
483
  height: var(--spacing-xl);
460
484
  }
485
+ .max-h-\[200px\] {
486
+ max-height: 200px;
487
+ }
461
488
  .min-h-\[20px\] {
462
489
  min-height: 20px;
463
490
  }
@@ -473,6 +500,12 @@
473
500
  .\[width\:var\(--icon-size\)\] {
474
501
  width: var(--icon-size);
475
502
  }
503
+ .w-\(--trigger-width\) {
504
+ width: var(--trigger-width);
505
+ }
506
+ .w-\(--trigger-width\) {
507
+ width: var(--trigger-width);
508
+ }
476
509
  .w-\[32px\] {
477
510
  width: 32px;
478
511
  }
@@ -551,6 +584,9 @@
551
584
  .flex-none {
552
585
  flex: none;
553
586
  }
587
+ .rotate-180 {
588
+ rotate: 180deg;
589
+ }
554
590
  .transform {
555
591
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
556
592
  }
@@ -575,6 +611,12 @@
575
611
  .grid-cols-3 {
576
612
  grid-template-columns: repeat(3, minmax(0, 1fr));
577
613
  }
614
+ .grid-cols-\[auto_1fr\] {
615
+ grid-template-columns: auto 1fr;
616
+ }
617
+ .grid-cols-subgrid {
618
+ grid-template-columns: subgrid;
619
+ }
578
620
  .flex-col {
579
621
  flex-direction: column;
580
622
  }
@@ -656,6 +698,12 @@
656
698
  .overflow-hidden {
657
699
  overflow: hidden;
658
700
  }
701
+ .overflow-x-clip {
702
+ overflow-x: clip;
703
+ }
704
+ .overflow-y-auto {
705
+ overflow-y: auto;
706
+ }
659
707
  .rounded-full {
660
708
  border-radius: calc(infinity * 1px);
661
709
  }
@@ -681,6 +729,10 @@
681
729
  border-style: var(--tw-border-style);
682
730
  border-width: 1px;
683
731
  }
732
+ .border-t {
733
+ border-top-style: var(--tw-border-style);
734
+ border-top-width: 1px;
735
+ }
684
736
  .border-\[\#E8178A\] {
685
737
  border-color: #E8178A;
686
738
  }
@@ -690,6 +742,9 @@
690
742
  .border-critical {
691
743
  border-color: var(--color-critical);
692
744
  }
745
+ .border-default-dark {
746
+ border-color: var(--color-default-dark);
747
+ }
693
748
  .border-highlight {
694
749
  border-color: var(--color-highlight);
695
750
  }
@@ -894,6 +949,9 @@
894
949
  .py-xs {
895
950
  padding-block: var(--spacing-xs);
896
951
  }
952
+ .pr-\[32px\] {
953
+ padding-right: 32px;
954
+ }
897
955
  .pr-xl {
898
956
  padding-right: var(--spacing-xl);
899
957
  }
@@ -903,6 +961,9 @@
903
961
  .pl-s {
904
962
  padding-left: var(--spacing-s);
905
963
  }
964
+ .pl-xs {
965
+ padding-left: var(--spacing-xs);
966
+ }
906
967
  .text-center {
907
968
  text-align: center;
908
969
  }
@@ -1176,6 +1237,9 @@
1176
1237
  .outline-serious {
1177
1238
  outline-color: var(--color-serious);
1178
1239
  }
1240
+ .outline-static-light {
1241
+ outline-color: var(--color-static-light);
1242
+ }
1179
1243
  .filter {
1180
1244
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1181
1245
  }
@@ -1240,6 +1304,9 @@
1240
1304
  .icon-size-m {
1241
1305
  --icon-size: var(--spacing-m);
1242
1306
  }
1307
+ .icon-size-xl {
1308
+ --icon-size: var(--spacing-xl);
1309
+ }
1243
1310
  .not-ai-selected\:cursor-not-allowed {
1244
1311
  &:not(*[data-selected]) {
1245
1312
  cursor: not-allowed;
@@ -1460,6 +1527,40 @@
1460
1527
  }
1461
1528
  }
1462
1529
  }
1530
+ .first\:border-none {
1531
+ &:first-child {
1532
+ --tw-border-style: none;
1533
+ border-style: none;
1534
+ }
1535
+ }
1536
+ .not-disabled\:read-only\:rounded-none {
1537
+ &:not(*:disabled) {
1538
+ &:read-only {
1539
+ border-radius: 0;
1540
+ }
1541
+ }
1542
+ }
1543
+ .not-disabled\:read-only\:rounded-none {
1544
+ &:not(*:disabled) {
1545
+ &:read-only {
1546
+ border-radius: var(--radius-none);
1547
+ }
1548
+ }
1549
+ }
1550
+ .not-disabled\:read-only\:p-0 {
1551
+ &:not(*:disabled) {
1552
+ &:read-only {
1553
+ padding: var(--spacing-0);
1554
+ }
1555
+ }
1556
+ }
1557
+ .not-disabled\:read-only\:outline-transparent {
1558
+ &:not(*:disabled) {
1559
+ &:read-only {
1560
+ outline-color: transparent;
1561
+ }
1562
+ }
1563
+ }
1463
1564
  .empty\:\[inset\:var\(--badge-empty-inset\,initial\)\] {
1464
1565
  &:empty {
1465
1566
  inset: var(--badge-empty-inset,initial);
@@ -1503,6 +1604,13 @@
1503
1604
  }
1504
1605
  }
1505
1606
  }
1607
+ .hover\:bg-highlight-bold {
1608
+ &:hover {
1609
+ @media (hover: hover) {
1610
+ background-color: var(--color-highlight-bold);
1611
+ }
1612
+ }
1613
+ }
1506
1614
  .hover\:bg-interactive-disabled {
1507
1615
  &:hover {
1508
1616
  @media (hover: hover) {
@@ -1554,6 +1662,14 @@
1554
1662
  }
1555
1663
  }
1556
1664
  }
1665
+ .hover\:fg-inverse-light {
1666
+ &:hover {
1667
+ @media (hover: hover) {
1668
+ color: var(--color-inverse-light);
1669
+ --icon-color: var(--color-inverse-light);
1670
+ }
1671
+ }
1672
+ }
1557
1673
  .hover\:outline-interactive-disabled {
1558
1674
  &:hover {
1559
1675
  @media (hover: hover) {
@@ -1591,6 +1707,17 @@
1591
1707
  }
1592
1708
  }
1593
1709
  }
1710
+ .not-disabled\:read-only\:hover\:outline-transparent {
1711
+ &:not(*:disabled) {
1712
+ &:read-only {
1713
+ &:hover {
1714
+ @media (hover: hover) {
1715
+ outline-color: transparent;
1716
+ }
1717
+ }
1718
+ }
1719
+ }
1720
+ }
1594
1721
  .focus\:bg-critical-hover {
1595
1722
  &:focus {
1596
1723
  background-color: var(--color-critical-hover);
@@ -1662,6 +1789,45 @@
1662
1789
  }
1663
1790
  }
1664
1791
  }
1792
+ .not-disabled\:read-only\:focus\:outline-transparent {
1793
+ &:not(*:disabled) {
1794
+ &:read-only {
1795
+ &:focus {
1796
+ outline-color: transparent;
1797
+ }
1798
+ }
1799
+ }
1800
+ }
1801
+ .\*\*\:data-\[slot\=description\]\:text-body-xs {
1802
+ :is(& *) {
1803
+ &[data-slot="description"] {
1804
+ font-size: var(--body-xs-size);
1805
+ font-weight: 400;
1806
+ letter-spacing: 0.5px;
1807
+ line-height: var(--body-xs-height);
1808
+ }
1809
+ }
1810
+ }
1811
+ .\*\*\:data-\[slot\=description\]\:fg-default-dark {
1812
+ :is(& *) {
1813
+ &[data-slot="description"] {
1814
+ color: var(--color-default-dark);
1815
+ --icon-color: var(--color-default-dark);
1816
+ }
1817
+ }
1818
+ }
1819
+ .hover\:\*\*\:data-\[slot\=description\]\:fg-inverse-light {
1820
+ &:hover {
1821
+ @media (hover: hover) {
1822
+ :is(& *) {
1823
+ &[data-slot="description"] {
1824
+ color: var(--color-inverse-light);
1825
+ --icon-color: var(--color-inverse-light);
1826
+ }
1827
+ }
1828
+ }
1829
+ }
1830
+ }
1665
1831
  .data-\[variant\=compact\]\:gap-xs {
1666
1832
  &[data-variant="compact"] {
1667
1833
  gap: var(--spacing-xs);
@@ -1708,6 +1874,27 @@
1708
1874
  grid-template-columns: repeat(4, minmax(0, 1fr));
1709
1875
  }
1710
1876
  }
1877
+ .ai-focus\:bg-highlight-bold {
1878
+ &[data-focused] {
1879
+ background-color: var(--color-highlight-bold);
1880
+ }
1881
+ }
1882
+ .ai-focus\:fg-inverse-light {
1883
+ &[data-focused] {
1884
+ color: var(--color-inverse-light);
1885
+ --icon-color: var(--color-inverse-light);
1886
+ }
1887
+ }
1888
+ .ai-focus\:\*\*\:data-\[slot\=description\]\:fg-inverse-light {
1889
+ &[data-focused] {
1890
+ :is(& *) {
1891
+ &[data-slot="description"] {
1892
+ color: var(--color-inverse-light);
1893
+ --icon-color: var(--color-inverse-light);
1894
+ }
1895
+ }
1896
+ }
1897
+ }
1711
1898
  .ai-pressed\:bg-critical-hover {
1712
1899
  &[data-pressed] {
1713
1900
  background-color: var(--color-critical-hover);
@@ -1815,11 +2002,32 @@
1815
2002
  cursor: not-allowed;
1816
2003
  }
1817
2004
  }
2005
+ .ai-disabled\:bg-transparent {
2006
+ &[data-disabled] {
2007
+ background-color: transparent;
2008
+ }
2009
+ }
2010
+ .ai-disabled\:fg-disabled {
2011
+ &[data-disabled] {
2012
+ color: var(--color-disabled);
2013
+ --icon-color: var(--color-disabled);
2014
+ }
2015
+ }
1818
2016
  .ai-disabled\:text-interactive-disabled {
1819
2017
  &[data-disabled] {
1820
2018
  color: var(--color-interactive-disabled);
1821
2019
  }
1822
2020
  }
2021
+ .ai-disabled\:\*\*\:data-\[slot\=description\]\:fg-disabled {
2022
+ &[data-disabled] {
2023
+ :is(& *) {
2024
+ &[data-slot="description"] {
2025
+ color: var(--color-disabled);
2026
+ --icon-color: var(--color-disabled);
2027
+ }
2028
+ }
2029
+ }
2030
+ }
1823
2031
  .\[\&\:empty\]\:before\:content-\[\'CUI\'\] {
1824
2032
  &:empty {
1825
2033
  &::before {
@@ -0,0 +1,11 @@
1
+ import { ReactNode, Key } from 'react';
2
+
3
+ interface MenuItem {
4
+ children?: MenuItem[];
5
+ description?: string;
6
+ icon?: ReactNode;
7
+ id?: Key;
8
+ name: string;
9
+ }
10
+
11
+ export type { MenuItem };
@@ -0,0 +1,2 @@
1
+ //# sourceMappingURL=types.js.map
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@accelint/design-toolkit",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "private": false,
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -91,9 +91,9 @@
91
91
  "vite": "5.4.18",
92
92
  "vite-tsconfig-paths": "5.0.1",
93
93
  "vitest": "^3.1.1",
94
+ "@accelint/vitest-config": "0.1.3",
94
95
  "@accelint/biome-config": "0.1.2",
95
- "@accelint/typescript-config": "0.1.2",
96
- "@accelint/vitest-config": "0.1.3"
96
+ "@accelint/typescript-config": "0.1.2"
97
97
  },
98
98
  "$schema": "https://json.schemastore.org/package",
99
99
  "author": "https://hypergiant.com",