@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.
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/combobox/index.d.ts +41 -0
- package/dist/components/combobox/index.js +2 -0
- package/dist/components/combobox/index.js.map +1 -0
- package/dist/components/text-area/index.d.ts +7 -2
- package/dist/components/text-area/index.js +1 -1
- package/dist/components/text-area/index.js.map +1 -1
- package/dist/components/text-field/index.d.ts +8 -2
- package/dist/components/text-field/index.js +1 -1
- package/dist/components/text-field/index.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/styles.css +208 -0
- package/dist/types/types.d.ts +11 -0
- package/dist/types/types.js +2 -0
- package/dist/types/types.js.map +1 -0
- package/package.json +16 -128
@@ -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":"2YA4CI,sGAEF,CAAA,6MAEE,CAAA,CAAA,CAAU,QACR,CAAA,CAAA,UAEE,CAAA,CAAA,IAAA,CAAA,sEAEF,CAAA,KAAA,CAAA,0GACW,CAAA,CAAA,SAEX,CAAA,CAAA,IAAA,CAAA,iBAEU,CAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,aACD,CAAA,KAAA,CAAA,cAGO,CAAA,CAAA,CAAA,gBAEd,CAAA,CAAA,CAAA,UACW,CAAA,IAAA,CAAA,SACA,CAAA,IAAA,CAAA,SAAA,CAAA,8BAGE,CAAA,CAAA,CAAA,eACT,CAAA,CAAA,IACR,CACF,QAUAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,SACAC,CAAAA,CAAAA,CAAAA,UACA,CAAA,CAAAC,CAAO,KAAA,CAAA,IAAA,CAAA,CAAA,CACP,QAGEC,CAAAA,GAAC,CACE,IACDC,GAAA,CAAAC,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAcC,CAAAA,CAAAA,CAAAA,UAAYC,CAAAA,CAAAA,CAAAA,SAEN,CAAA,CACd,CAAAD,GAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,sBAGA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,SAOZE,CAAM,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,gBAiBJC,CAAAA,SACdC,CAAAA,CAAAA,CAAAA,QACAV,CAAAA,CAAAA,CAAAA,SACAW,CAAAA,CAAAA,CAAAA,WACAC,CAAAA,CAAAA,CAAAA,YACAN,CAAAA,CAAAA,CAAAA,UACAC,CAAAA,CAAAA,CAAAA,SACAN,CAAAA,CAAAA,CAAAA,UACAY,CACA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,aACO,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CACP,QAEMC,CAAAA,GAAAA,CAAUZ,OACVa,CAAAA,CAAAA,CAAAA,GAAAA,OAAmDT,CAAAA,CAAAA,CAAAA,EACnDU,CAAkBT,EAAAA,CAAAA,CAAa,EAACD,CAAAA,CAAc,CAACL,CAAAA,CAErD,EACEE,CAAAA,CAAAA,EAAAA,CAAAA,CAAAA,CAACc,OAECb,GAAA,CAAAc,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,SAEC,CAAA,sBAAA,CAAA,QAAG,CAAA,CAAA,CAAA,UAAYC,CAAAA,CAAO,CACrBC,MAAA,CAAA,CACG,CAACN,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA,CAAAA,QACCO,CAAA,CACC,CAAA,CAAA,EAAAjB,GAAA,CAAAkB,KAAA,CAAA,CAAA,SACA,CAAA,cAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,CAAA,UAAA,CAAAT,QAGJ,CAAA,CAAA,CAAA,CAAA,CAAIU,IAAU,CAAA,KAAA,CAAA,CAAA,SAAA,CAAA,4BACbpB,CAAAA,0BAEE,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,WAEF,CAAA,CAAA,CACAA,IAAC,CACC,CAAA,CAAA,CAAA,CAAAC,GAAA,CAAAoB,MAAA,CAAA,CAAA,yEAEgB,CAAA,CAAA,EAAA,aACJ,CAAA,CAAA,EAAA,YACI,CAAA,CAAA,EACf,QAEDrB,CAAAA,CAAAA,CAAAA,QAAgB,CAAAC,GAAA,CAAAqB,IAAA,CAAA,CAAA,SACd,SAAAtB,QACF,CACFC,GAAA,CAAA,CAAA,CACF,EACCW,CAAAA,CAAAA,CACCZ,CAACuB,CAAAA,CAAAA,CAAA,CACC,CAAA,CAAA,EAAAtB,GAAA,CAAAuB,IAAA,CAAA,CAAA,yDAEgB,CAAA,CAAA,EAAA,aAEX,CAAA,CAAA,CAAA,IAAA,CAAA,aAEJhB,CAAAA,QAIFe,CAAAA,CAAAA,CAAA,CACC,CAAA,CAAA,EAAAtB,GAAA,CAAAuB,IAAA,CAAA,CAAA,gDACK,CAAA,IAAA,CAAA,cAEJf,CAAAA,QAGJ,CAAY,CAAU,CAAA,CAAA,CAAAR,GAAA,CAAAwB,OAAA,CAAA,CAAA,SAAA,CAAA,qBACrBzB,CAAAA,wBACU0B,CACR,CAAA,MAAA,CAAAC,UAAA,CAAA,aAEA,CAAA,CAAA,CAAA3B,QAAa,CAAAC,GAAA,CAAA2B,OAAA,CAAA,CAAA,SAEV,CAAA,iKAAA,CAAArB,QAGP,CACF,EAEJ,CAEJ,CACAD,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAET,CAAA,UAA+B,CAC7B,IAAA,CAAA,CAAAuB,GAAA,CAAA,CAAA,mGAEA,CAAA,oFAAA,CAAA,kGAEA,CAAA,2GAAA,CAAA,uGAUOC,CAAAA,CAAAA,CAAAA,SACP,CAAA,CAAA,CAAAvB,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,WAEA,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,CAAA,IACuB,CACvB,CACEP,CAAAA,GAAAA,CAAAA,CAAAA,CAAAA,CAAC+B,OACYC,GAAAA,CAAAA,WAAAA,CAAAA,CAAAA,SAEAC,CAAAA,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAE9BC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QACW3B,CAAAA,CAAAA,EAAAA,OACFA,CAAAA,EAAAA,UAIP4B,CAAA,CACG,CAAA,CAAA,CAAA,CAAAf,IAAA,CAAAgB,QAAA,CAAA,CAAA,QACE,CAAA,CAAA,CAAA,EAAAnC,GAAK,CAAU,MAAA,CAAA,CAAA,SACd,CAAAD,OAAAA,CAAAA,QAAOqC,CAAAA,GAAAA,CAAAA,IAAAA,CAAAA,CAAAA,QAGV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIjB,qBACH,CAAA,mCAAA,CAAA,QAAU,CAAA,CAAAnB,GAAK,CAASuB,IAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAAQ,QAEtBhC,CAACuB,CAAA,CAAA,CAAS,yBAAwB,CAAA,aAC/B,CAAA,IAAA,CAAA,aAAA,CAAAf,QAIT,CAAA,CAGN,CAEJ,CACAsB,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAEbxB,CAAAA,eAOO,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAASgC,SACd/B,CAAAA,CAAAA,CAAAA,QACAgC,CAAAA,CAAAA,CACA,MAAAC,CACF,CAA4B,CAAA,KAExBvB,CAAAA,CAAAA,CAAAA,CAAAA,CAACwB,OAECrB,IAAA,CAAAsB,cAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAEA,CAAA,0FAAA,CAAA,QAAY,CAAA,CAAAzC,GAAA,CAAA0C,MAAA,CAAA,CAAA,SACT,CAAA,uDAAA,CAAAJ,QAEF,CAAsB,CAAA,CAAA,CAAA,CAAAtC,GAAA,CAAOuC,UAAQ,CAAA,CAAA,KAAA,CAAA,CAAA,CAAAjC,QAInC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WACTD,CAAAA,kBAAmBgC,CAAAA,CAAAA,CAAAA,OAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport '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
|
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
|
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":["
|
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
|
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"}}),
|
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
|
package/dist/metafile-esm.json
CHANGED
@@ -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 @@
|
|
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": "
|
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
|
-
"
|
23
|
+
"./*": {
|
24
24
|
"import": {
|
25
|
-
"types": "./dist/components
|
26
|
-
"default": "./dist/components
|
25
|
+
"types": "./dist/components/*/index.d.ts",
|
26
|
+
"default": "./dist/components/*/index.js"
|
27
27
|
},
|
28
|
-
"default": "./dist/components
|
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.
|
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.
|
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",
|