@accelint/design-toolkit 0.0.2 → 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"]}
@@ -1,7 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as cva_types from 'cva/types';
3
- import { TextFieldProps } from 'react-aria-components';
3
+ import { TextFieldProps, TextAreaProps as TextAreaProps$1 } from 'react-aria-components';
4
4
  import { VariantProps } from 'cva';
5
+ import { ForwardedRef } from 'react';
5
6
 
6
7
  declare const textAreaStyles: (props?: ({
7
8
  isDisabled?: boolean | null | undefined;
@@ -10,7 +11,11 @@ declare const textAreaStyles: (props?: ({
10
11
  size?: "small" | "medium" | null | undefined;
11
12
  isClearable?: boolean | null | undefined;
12
13
  } & cva_types.ClassProp) | undefined) => string;
13
- interface TextAreaProps extends Omit<VariantProps<typeof textAreaStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps, 'className'> {
14
+ interface InputProps extends VariantProps<typeof textAreaStyles>, Omit<TextAreaProps$1, 'size'> {
15
+ selectOnFocus?: boolean;
16
+ ref?: ForwardedRef<HTMLTextAreaElement>;
17
+ }
18
+ interface TextAreaProps extends Omit<VariantProps<typeof textAreaStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps, 'className'>, Omit<InputProps, keyof TextFieldProps> {
14
19
  className?: string;
15
20
  description?: string;
16
21
  errorMessage?: string;
@@ -1,2 +1,2 @@
1
- import'client-only';import {TextField,Text,useContextProps,TextAreaContext,TextArea}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var x=cva(["block w-full rounded-medium p-s font-display outline outline-interactive"],{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"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),c=({className:i,size:r="medium",ref:s=null,...e})=>([e,s]=useContextProps(e,s,TextAreaContext),e.readOnly?jsx("span",{className:cn(x({isDisabled:false,isReadOnly:e.readOnly,size:r,className:i})),children:e.value||"\xA0"}):jsx("div",{className:"relative flex items-center",children:jsx(TextArea,{...e,onFocus:t=>{s.current?.select(),e.onFocus?.(t);},ref:s,className:({isDisabled:t,isInvalid:l})=>cn(x({isDisabled:t,isInvalid:l,isReadOnly:e.readOnly,size:r,className:i}))})}));c.displayName="TextArea.Input";function N({className:i,description:r,errorMessage:s,isDisabled:e,isInvalid:t,isReadOnly:l,label:p,placeholder:f,size:d="medium",...n}){let u=d==="small",y=!(u||t)||e,A=t&&!e&&!l;return jsxs(TextField,{...n,isDisabled:e,isInvalid:t,isReadOnly:l,className:"flex flex-col gap-xs",children:[!u&&jsx(Label,{className:"empty:hidden",isDisabled:e,isOptional:!n.isRequired,children:p}),jsx(c,{className:i,placeholder:f,size:d}),y&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",e&&"fg-disabled"]),slot:"description",children:r}),A&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:s})]})}N.displayName="TextArea";export{N as TextArea};//# sourceMappingURL=index.js.map
1
+ import'client-only';import {TextField,Text,useContextProps,TextAreaContext,TextArea}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var c=cva(["block w-full rounded-medium p-s font-display outline outline-interactive"],{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"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),p=({className:r,ref:s=null,selectOnFocus:l=false,size:t="medium",...e})=>([e,s]=useContextProps(e,s,TextAreaContext),e.readOnly?jsx("span",{className:cn(c({isDisabled:false,isReadOnly:e.readOnly,size:t,className:r})),children:e.value||"\xA0"}):jsx("div",{className:"relative flex items-center",children:jsx(TextArea,{...e,onFocus:i=>{l&&s.current?.select(),e.onFocus?.(i);},ref:s,className:({isDisabled:i,isInvalid:o})=>cn(c({isDisabled:i,isInvalid:o,isReadOnly:e.readOnly,size:t,className:r}))})}));p.displayName="TextArea.Input";function F({className:r,description:s,errorMessage:l,isDisabled:t,isInvalid:e,isReadOnly:i,label:o,placeholder:f,size:u="medium",...n}){let m=u==="small",A=!(m||e)||t,y=e&&!t&&!i;return jsxs(TextField,{...n,isDisabled:t,isInvalid:e,isReadOnly:i,className:"flex flex-col gap-xs",children:[!m&&jsx(Label,{className:"empty:hidden",isDisabled:t,isOptional:!n.isRequired,children:o}),jsx(p,{className:r,placeholder:f,size:u,...n}),A&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",t&&"fg-disabled"]),slot:"description",children:s}),y&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:l})]})}F.displayName="TextArea";export{F as TextArea};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/text-area/index.tsx"],"names":["size","props","ref","TextAreaContext","g","jsx","a","o","T","e","textAreaStyles","Input","errorMessage","isDisabled","label","placeholder","isSmall","shouldShowDescription","isInvalid","shouldShowError","isReadOnly","jsxs","AriaTextField","b","Label","P","className","AriaText","m","TextArea"],"mappings":"2PA6BE,qFAEY,CAAA,CAAA,CAAA,oBAGN,CAAA,CAAA,IAAA,CAAA,uLAGF,CAAA,CAAA,iCAGA,CAAA,CAAA,gDAIE,CAAA,CAAA,IAAA,CAAQ,qBACD,CAAA,KAAA,CAAA,cAET,CAAA,CAAA,WACQ,CAAA,CACN,IAAO,CAAA,EAAA,CACT,KAEF,CAAA,EAAA,CAAA,CAAA,CAAA,6BAGI,CAAA,IAAA,CAAA,SACA,CAAA,IAAA,CAAA,wCAGa,CAAA,CAAA,CAAA,2BAEb,CAAM,KACN,CAAA,IAAA,CAAA,QAAA,CAAA,SACF,CACF,OACiB,CAAA,CAAA,CAAA,4BAEf,CAAM,KACR,CAAA,IAAA,CAAA,QAWF,iBACAA,CAAO,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,QACD,CAAA,GACN,CAAGC,CAAAA,CAAAA,QAEFA,CAAOC,CAAG,IAAoBD,CAAOC,CAAAA,CAAAA,CAAKC,CAAe,CAAAC,eAEtDH,EAAM,CAENI,CAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QACE,CAAAC,GAAA,CAAA,MAAA,CAAA,CAAA,SAEgB,CAAAC,EAAA,CAAA,CAAA,CAAA,CAAA,2BACM,CAAA,CAAA,CAAA,QAElB,+BAIG,CAAA,CAAS,CAClB,KAAA,EAAA,MAKG,CAAA,CAAA,CAAAD,GAAA,CAAA,KAAA,CAAA,CAAA,SACH,CAAA,4BAAA,CAAA,QACML,CAAAA,GAAAA,CACJO,eAAUC,OACJ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACJR,MAAgBQ,EAAAA,CAAAA,CAAAA,CAAAA,OAElB,GAAKP,CACL,EAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAAc,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,SAEtBQ,CAAe,CAAA,CACb,mBACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,QACA,CAAA,IAAA,CAAA,CAAA,CAAA,SAKV,GAGJC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAeC,CAAA,gBAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,WACAC,CAAAA,CAAAA,CAAAA,YACAC,CAAAA,CAAAA,CAAAA,sBAEA,CAAA,CAAA,CAAA,UACA,CAAAC,EACA,KAAAC,CAAAA,CAAAA,CAAAA,WACAf,CAAAA,CAAO,gBAGP,IAAMgB,CAAUhB,CAAAA,CAAAA,CAAAA,IACViB,CAAAA,CAAAA,CAAAA,GAAAA,OAAqCC,CAAAA,CAAAA,CAAAA,EACrCC,CAAAA,EAAkBD,IAAcL,CAAAA,CAAAA,CAAc,CAACO,CAAAA,QAGnDC,CAACC,OACKrB,KACJsB,SAAYV,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,UACDK,CAAAA,CAAAA,CAAAA,sBAEX,CAAA,CAAA,CAAA,SAEC,CAAA,sBAAA,CAAA,QACEM,CAAAA,CAAA,CACC,CAAA,EAAAlB,GAAA,CAAAmB,KAAA,CAAA,CAAA,wBACYZ,CAAAA,UACA,CAAA,CAAA,CAAA,UAEX,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,QAGJ,CAAA,CAAM,CAAWa,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,CAAAA,CAAAA,uBAA2C1B,CAAM,CAAA,CAAA,IAEjEK,CAACsB,CAAAA,CAAAA,CAAA,CACC,CAAA,EAAArB,GAAA,CAAAsB,IAAA,CAAA,CAAA,SACE,CAAArB,EAAA,CAAA,CAAA,2CACc,CAAA,CAAA,EAAA,aAEX,CAEJ,CAAA,CAAA,IAAA,CAAA,aAAA,CAAA,QAIHF,CAACsB,CAAAA,CAAAA,CAAA,CACC,CAAU,EAAArB,GAAA,CAAAsB,IAAA,CAAA,CAAA,SAAA,CAAA,sCACL,CAAA,IAAA,CAAA,uBAQfC,EAAS,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,UAAA","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 Text as AriaText,\n TextArea as AriaTextArea,\n type TextAreaProps as AriaTextAreaProps,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n TextAreaContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ForwardedRef } from 'react';\nimport { Label } from '../label';\n\nconst textAreaStyles = cva(\n ['block w-full rounded-medium p-s font-display outline outline-interactive'],\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 isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textAreaStyles>,\n Omit<AriaTextAreaProps, 'size'> {\n ref?: ForwardedRef<HTMLTextAreaElement>;\n}\n\nconst Input = ({\n className,\n size = 'medium',\n ref = null,\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, TextAreaContext);\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textAreaStyles({\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaTextArea\n {...props}\n onFocus={(e) => {\n ref.current?.select();\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textAreaStyles({\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n </div>\n );\n};\nInput.displayName = 'TextArea.Input';\n\nexport interface TextAreaProps\n extends Omit<\n VariantProps<typeof textAreaStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'> {\n className?: string;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextArea({\n className,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextAreaProps) {\n const isSmall = size === 'small';\n const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...props}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input className={className} placeholder={placeholder} size={size} />\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 </AriaTextField>\n );\n}\nTextArea.displayName = 'TextArea';\n"]}
1
+ {"version":3,"sources":["../../../src/components/text-area/index.tsx"],"names":["g","className","selectOnFocus","size","ref","props","TextAreaContext","P","a","d","T","e","isDisabled","textAreaStyles","isInvalid","Input","isReadOnly","label","isSmall","shouldShowDescription","shouldShowError","jsxs","AriaTextField","b","Label","v","jsx","AriaText","x","errorMessage","TextArea"],"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 Text as AriaText,\n TextArea as AriaTextArea,\n type TextAreaProps as AriaTextAreaProps,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n TextAreaContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ForwardedRef } from 'react';\nimport { Label } from '../label';\n\nconst textAreaStyles = cva(\n ['block w-full rounded-medium p-s font-display outline outline-interactive'],\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 isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textAreaStyles>,\n Omit<AriaTextAreaProps, 'size'> {\n selectOnFocus?: boolean;\n ref?: ForwardedRef<HTMLTextAreaElement>;\n}\n\nconst Input = ({\n className,\n ref = null,\n selectOnFocus = false,\n size = 'medium',\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, TextAreaContext);\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textAreaStyles({\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaTextArea\n {...props}\n onFocus={(e) => {\n if (selectOnFocus) {\n ref.current?.select();\n }\n\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textAreaStyles({\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n </div>\n );\n};\nInput.displayName = 'TextArea.Input';\n\nexport interface TextAreaProps\n extends Omit<\n VariantProps<typeof textAreaStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'>,\n Omit<InputProps, keyof AriaTextFieldProps> {\n className?: string;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextArea({\n className,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextAreaProps) {\n const isSmall = size === 'small';\n const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...(props as AriaTextFieldProps)}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input\n className={className}\n placeholder={placeholder}\n size={size}\n {...(props as InputProps)}\n />\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 </AriaTextField>\n );\n}\nTextArea.displayName = 'TextArea';\n"]}
@@ -1,7 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as cva_types from 'cva/types';
3
- import { TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
3
+ import { TextFieldProps as TextFieldProps$1, InputProps as InputProps$1 } from 'react-aria-components';
4
4
  import { VariantProps } from 'cva';
5
+ import { ForwardedRef } from 'react';
5
6
 
6
7
  declare const textFieldStyles: (props?: ({
7
8
  isDisabled?: boolean | null | undefined;
@@ -10,7 +11,12 @@ declare const textFieldStyles: (props?: ({
10
11
  size?: "small" | "medium" | null | undefined;
11
12
  isClearable?: boolean | null | undefined;
12
13
  } & cva_types.ClassProp) | undefined) => string;
13
- interface TextFieldProps extends Omit<VariantProps<typeof textFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps$1, 'className'> {
14
+ interface InputProps extends VariantProps<typeof textFieldStyles>, Omit<InputProps$1, 'size'> {
15
+ isClearable?: boolean;
16
+ selectOnFocus?: boolean;
17
+ ref?: ForwardedRef<HTMLInputElement>;
18
+ }
19
+ interface TextFieldProps extends Omit<VariantProps<typeof textFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps$1, 'className'>, Omit<InputProps, keyof TextFieldProps$1> {
14
20
  className?: string;
15
21
  isClearable?: boolean;
16
22
  description?: string;
@@ -1,2 +1,2 @@
1
- import'client-only';import {TextField,Text,useContextProps,InputContext,Input,Button}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {useEffect}from'react';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var f=cva(["block w-full rounded-medium px-s py-xs font-display outline outline-interactive"],{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"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),p={target:{value:""}},w=({className:o,isClearable:i=true,size:s="medium",ref:t=null,...e})=>{[e,t]=useContextProps(e,t,InputContext),useEffect(()=>{function a(r){i&&r.key==="Escape"&&e.onChange?.(p);}return t.current?.addEventListener("keydown",a),()=>t.current?.removeEventListener("keydown",a)},[i,e.onChange,t]);let n=!e.readOnly&&e.value&&s!=="small"&&i&&!e.disabled;return e.readOnly?jsx("span",{className:cn(f({isClearable:false,isDisabled:false,isReadOnly:e.readOnly,size:s,className:o})),children:e.value||"\xA0"}):jsxs("div",{className:"relative flex items-center",children:[jsx(Input,{...e,onFocus:a=>{t.current?.select(),e.onFocus?.(a);},ref:t,className:({isDisabled:a,isInvalid:r})=>cn(f({isClearable:i,isDisabled:a,isInvalid:r,isReadOnly:e.readOnly,size:s,className:o}))}),n&&jsx(Button,{className:"fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(p),t.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})};function M({className:o,isClearable:i=true,description:s,errorMessage:t,isDisabled:e,isInvalid:n,isReadOnly:a,label:r,placeholder:h,size:u="medium",...c}){let m=u==="small",b=s&&(!(m||n)||e),v=t&&n&&!e&&!a;return jsxs(TextField,{...c,isDisabled:e,isInvalid:n,isReadOnly:a,className:"flex flex-col gap-xs",children:[!m&&jsx(Label,{className:"empty:hidden",isDisabled:e,isOptional:!c.isRequired,children:r}),jsx(w,{className:o,isClearable:i,placeholder:h,size:u}),b&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",e&&"fg-disabled"]),slot:"description",children:s}),v&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:t})]})}export{M as TextField};//# sourceMappingURL=index.js.map
1
+ import'client-only';import {TextField,Text,useContextProps,InputContext,Input,Button}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {useEffect}from'react';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var f=cva(["block w-full rounded-medium px-s py-xs font-display outline outline-interactive"],{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"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),y={target:{value:""}},k=({className:r,isClearable:i=true,ref:t=null,selectOnFocus:o=false,size:a="medium",...e})=>{[e,t]=useContextProps(e,t,InputContext),useEffect(()=>{function s(n){i&&n.key==="Escape"&&e.onChange?.(y);}return t.current?.addEventListener("keydown",s),()=>t.current?.removeEventListener("keydown",s)},[i,e.onChange,t]);let d=!e.readOnly&&e.value&&a!=="small"&&i&&!e.disabled;return e.readOnly?jsx("span",{className:cn(f({isClearable:false,isDisabled:false,isReadOnly:e.readOnly,size:a,className:r})),children:e.value||"\xA0"}):jsxs("div",{className:"relative flex items-center",children:[jsx(Input,{...e,onFocus:s=>{o&&t.current?.select(),e.onFocus?.(s);},ref:t,className:({isDisabled:s,isInvalid:n})=>cn(f({isClearable:i,isDisabled:s,isInvalid:n,isReadOnly:e.readOnly,size:a,className:r}))}),d&&jsx(Button,{className:"fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(y),t.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})};function M({className:r,isClearable:i=true,description:t,errorMessage:o,isDisabled:a,isInvalid:e,isReadOnly:d,label:s,placeholder:n,size:m="medium",...u}){let x=m==="small",b=t&&(!(x||e)||a),v=o&&e&&!a&&!d;return jsxs(TextField,{...u,isDisabled:a,isInvalid:e,isReadOnly:d,className:"flex flex-col gap-xs",children:[!x&&jsx(Label,{className:"empty:hidden",isDisabled:a,isOptional:!u.isRequired,children:s}),jsx(k,{className:r,isClearable:i,placeholder:n,size:m,...u}),b&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",a&&"fg-disabled"]),slot:"description",children:t}),v&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:o})]})}export{M as TextField};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["O","size","props","ref","useContextProps","InputContext","useEffect","P","handleKeyPressed","shouldShowClearButton","isClearable","jsx","l","cn","d","className","jsxs","y","g","e","isDisabled","isInvalid","Button","I","C","TextField","errorMessage","isReadOnly","label","placeholder","shouldShowDescription","isSmall","shouldShowError","AriaTextField","E","AriaText","x","description"],"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 Input as AriaInput,\n type InputProps as AriaInputProps,\n Text as AriaText,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n Button,\n InputContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { type ChangeEvent, type ForwardedRef, useEffect } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n [\n 'block w-full rounded-medium px-s py-xs font-display outline outline-interactive',\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 isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textFieldStyles>,\n Omit<AriaInputProps, 'size'> {\n isClearable?: boolean;\n ref?: ForwardedRef<HTMLInputElement>;\n}\n\nconst clearInputEvent = {\n target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nconst Input = ({\n className,\n isClearable = true,\n size = 'medium',\n ref = null,\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, InputContext);\n\n useEffect(() => {\n function handleKeyPressed(e: KeyboardEvent) {\n if (isClearable && e.key === 'Escape') {\n props.onChange?.(clearInputEvent);\n }\n }\n\n ref.current?.addEventListener('keydown', handleKeyPressed);\n\n return () => ref.current?.removeEventListener('keydown', handleKeyPressed);\n }, [isClearable, props.onChange, ref]);\n\n const shouldShowClearButton =\n !props.readOnly &&\n props.value &&\n size !== 'small' &&\n isClearable &&\n !props.disabled;\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textFieldStyles({\n isClearable: false,\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaInput\n {...props}\n onFocus={(e) => {\n ref.current?.select();\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textFieldStyles({\n isClearable,\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n {shouldShowClearButton && (\n <Button\n className='fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer'\n excludeFromTabOrder\n onPress={() => {\n props.onChange?.(clearInputEvent);\n ref.current?.focus();\n }}\n >\n <Icon>\n <CancelFill />\n </Icon>\n </Button>\n )}\n </div>\n );\n};\n\nexport interface TextFieldProps\n extends Omit<\n VariantProps<typeof textFieldStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'> {\n className?: string;\n isClearable?: boolean;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextField({\n className,\n isClearable = true,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextFieldProps) {\n const isSmall = size === 'small';\n const shouldShowDescription =\n description && (!(isSmall || isInvalid) || isDisabled);\n const shouldShowError =\n errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...props}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input\n className={className}\n isClearable={isClearable}\n placeholder={placeholder}\n size={size}\n />\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 </AriaTextField>\n );\n}\n"]}
1
+ {"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["C","className","ref","size","useContextProps","props","InputContext","useEffect","I","handleKeyPressed","shouldShowClearButton","isClearable","jsx","l","cn","c","jsxs","h","g","e","isDisabled","isInvalid","Button","P","N","O","TextField","description","label","isSmall","shouldShowError","errorMessage","AriaTextField","isReadOnly","placeholder","shouldShowDescription","AriaText","p"],"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 Input as AriaInput,\n type InputProps as AriaInputProps,\n Text as AriaText,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n Button,\n InputContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { type ChangeEvent, type ForwardedRef, useEffect } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n [\n 'block w-full rounded-medium px-s py-xs font-display outline outline-interactive',\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 isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textFieldStyles>,\n Omit<AriaInputProps, 'size'> {\n isClearable?: boolean;\n selectOnFocus?: boolean;\n ref?: ForwardedRef<HTMLInputElement>;\n}\n\nconst clearInputEvent = {\n target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nconst Input = ({\n className,\n isClearable = true,\n ref = null,\n selectOnFocus = false,\n size = 'medium',\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, InputContext);\n\n useEffect(() => {\n function handleKeyPressed(e: KeyboardEvent) {\n if (isClearable && e.key === 'Escape') {\n props.onChange?.(clearInputEvent);\n }\n }\n\n ref.current?.addEventListener('keydown', handleKeyPressed);\n\n return () => ref.current?.removeEventListener('keydown', handleKeyPressed);\n }, [isClearable, props.onChange, ref]);\n\n const shouldShowClearButton =\n !props.readOnly &&\n props.value &&\n size !== 'small' &&\n isClearable &&\n !props.disabled;\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textFieldStyles({\n isClearable: false,\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaInput\n {...props}\n onFocus={(e) => {\n if (selectOnFocus) {\n ref.current?.select();\n }\n\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textFieldStyles({\n isClearable,\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n {shouldShowClearButton && (\n <Button\n className='fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer'\n excludeFromTabOrder\n onPress={() => {\n props.onChange?.(clearInputEvent);\n ref.current?.focus();\n }}\n >\n <Icon>\n <CancelFill />\n </Icon>\n </Button>\n )}\n </div>\n );\n};\n\nexport interface TextFieldProps\n extends Omit<\n VariantProps<typeof textFieldStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'>,\n Omit<InputProps, keyof AriaTextFieldProps> {\n className?: string;\n isClearable?: boolean;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextField({\n className,\n isClearable = true,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextFieldProps) {\n const isSmall = size === 'small';\n const shouldShowDescription =\n description && (!(isSmall || isInvalid) || isDisabled);\n const shouldShowError =\n errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...(props as TextFieldProps)}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input\n className={className}\n isClearable={isClearable}\n placeholder={placeholder}\n size={size}\n {...(props as InputProps)}\n />\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 </AriaTextField>\n );\n}\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":2508,"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/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/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/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/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":4941,"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":6243,"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":7380},"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":2050}},"bytes":2073},"dist/components/text-field/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":9512},"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":2689}},"bytes":2713},"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/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/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":3610},"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/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/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/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": "0.0.2",
3
+ "version": "1.0.1",
4
4
  "private": false,
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -20,141 +20,29 @@
20
20
  },
21
21
  "default": "./dist/index.js"
22
22
  },
23
- "./accordion": {
23
+ "./*": {
24
24
  "import": {
25
- "types": "./dist/components/accordion/index.d.ts",
26
- "default": "./dist/components/accordion/index.js"
25
+ "types": "./dist/components/*/index.d.ts",
26
+ "default": "./dist/components/*/index.js"
27
27
  },
28
- "default": "./dist/components/accordion/index.js"
29
- },
30
- "./avatar": {
31
- "import": {
32
- "types": "./dist/components/avatar/index.d.ts",
33
- "default": "./dist/components/avatar/index.js"
34
- },
35
- "default": "./dist/components/avatar/index.js"
36
- },
37
- "./badge": {
38
- "import": {
39
- "types": "./dist/components/badge/index.d.ts",
40
- "default": "./dist/components/badge/index.js"
41
- },
42
- "default": "./dist/components/badge/index.js"
43
- },
44
- "./button": {
45
- "import": {
46
- "types": "./dist/components/button/index.d.ts",
47
- "default": "./dist/components/button/index.js"
48
- },
49
- "default": "./dist/components/button/index.js"
50
- },
51
- "./checkbox": {
52
- "import": {
53
- "types": "./dist/components/checkbox/index.d.ts",
54
- "default": "./dist/components/checkbox/index.js"
55
- },
56
- "default": "./dist/components/checkbox/index.js"
57
- },
58
- "./chip": {
59
- "import": {
60
- "types": "./dist/components/chip/index.d.ts",
61
- "default": "./dist/components/chip/index.js"
62
- },
63
- "default": "./dist/components/chip/index.js"
64
- },
65
- "./classification-badge": {
66
- "import": {
67
- "types": "./dist/components/classification-badge/index.d.ts",
68
- "default": "./dist/components/classification-badge/index.js"
69
- },
70
- "default": "./dist/components/classification-badge/index.js"
71
- },
72
- "./classification-banner": {
73
- "import": {
74
- "types": "./dist/components/classification-banner/index.d.ts",
75
- "default": "./dist/components/classification-banner/index.js"
76
- },
77
- "default": "./dist/components/classification-banner/index.js"
78
- },
79
- "./floating-button": {
80
- "import": {
81
- "types": "./dist/components/floating-button/index.d.ts",
82
- "default": "./dist/components/floating-button/index.js"
83
- },
84
- "default": "./dist/components/floating-button/index.js"
85
- },
86
- "./icon": {
87
- "import": {
88
- "types": "./dist/components/icon/index.d.ts",
89
- "default": "./dist/components/icon/index.js"
90
- },
91
- "default": "./dist/components/icon/index.js"
92
- },
93
- "./icon-button": {
94
- "import": {
95
- "types": "./dist/components/icon-button/index.d.ts",
96
- "default": "./dist/components/icon-button/index.js"
97
- },
98
- "default": "./dist/components/icon-button/index.js"
99
- },
100
- "./label": {
101
- "import": {
102
- "types": "./dist/components/label/index.d.ts",
103
- "default": "./dist/components/label/index.js"
104
- },
105
- "default": "./dist/components/label/index.js"
106
- },
107
- "./radio": {
108
- "import": {
109
- "types": "./dist/components/radio/index.d.ts",
110
- "default": "./dist/components/radio/index.js"
111
- },
112
- "default": "./dist/components/radio/index.js"
113
- },
114
- "./switch": {
115
- "import": {
116
- "types": "./dist/components/switch/index.d.ts",
117
- "default": "./dist/components/switch/index.js"
118
- },
119
- "default": "./dist/components/switch/index.js"
120
- },
121
- "./text-area": {
122
- "import": {
123
- "types": "./dist/components/text-area/index.d.ts",
124
- "default": "./dist/components/text-area/index.js"
125
- },
126
- "default": "./dist/components/text-area/index.js"
127
- },
128
- "./text-field": {
129
- "import": {
130
- "types": "./dist/components/text-field/index.d.ts",
131
- "default": "./dist/components/text-field/index.js"
132
- },
133
- "default": "./dist/components/text-field/index.js"
134
- },
135
- "./toggle-icon-button": {
136
- "import": {
137
- "types": "./dist/components/toggle-icon-button/index.d.ts",
138
- "default": "./dist/components/toggle-icon-button/index.js"
139
- },
140
- "default": "./dist/components/toggle-icon-button/index.js"
141
- },
142
- "./tooltip": {
143
- "import": {
144
- "types": "./dist/components/tooltip/index.d.ts",
145
- "default": "./dist/components/tooltip/index.js"
146
- },
147
- "default": "./dist/components/tooltip/index.js"
28
+ "default": "./dist/components/*/index.js"
148
29
  },
149
30
  "./styles": {
150
31
  "import": {
151
32
  "default": "./dist/index.css"
152
33
  },
153
34
  "default": "./dist/index.css"
35
+ },
36
+ "./utils": {
37
+ "import": {
38
+ "types": "./dist/lib/utils.d.ts",
39
+ "default": "./dist/lib/utils.js"
40
+ },
41
+ "default": "./dist/lib/utils.js"
154
42
  }
155
43
  },
156
44
  "peerDependencies": {
157
- "@accelint/icons": "^1.0.0",
45
+ "@accelint/icons": "^1.1.0",
158
46
  "@fontsource/roboto-flex": "5.1.0",
159
47
  "@fontsource/roboto-mono": "5.1.0",
160
48
  "@radix-ui/react-avatar": "^1.1.4",
@@ -173,7 +61,7 @@
173
61
  "react-dom": "^19.0.0",
174
62
  "tailwind-merge": "^3.2.0",
175
63
  "tailwindcss-react-aria-components": "^2.0.0",
176
- "@accelint/icons": "1.0.0"
64
+ "@accelint/icons": "1.1.0"
177
65
  },
178
66
  "devDependencies": {
179
67
  "@storybook/addon-essentials": "^8.6.12",
@@ -203,9 +91,9 @@
203
91
  "vite": "5.4.18",
204
92
  "vite-tsconfig-paths": "5.0.1",
205
93
  "vitest": "^3.1.1",
94
+ "@accelint/vitest-config": "0.1.3",
206
95
  "@accelint/biome-config": "0.1.2",
207
- "@accelint/typescript-config": "0.1.2",
208
- "@accelint/vitest-config": "0.1.3"
96
+ "@accelint/typescript-config": "0.1.2"
209
97
  },
210
98
  "$schema": "https://json.schemastore.org/package",
211
99
  "author": "https://hypergiant.com",