@accelint/design-toolkit 0.0.2 → 1.0.0
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/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/metafile-esm.json +1 -1
- package/package.json +14 -126
@@ -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/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":3156,"imports":[{"path":"./components/accordion/index.js","kind":"import-statement","external":true},{"path":"./components/avatar/index.js","kind":"import-statement","external":true},{"path":"./components/badge/index.js","kind":"import-statement","external":true},{"path":"./components/box/index.js","kind":"import-statement","external":true},{"path":"./components/button/index.js","kind":"import-statement","external":true},{"path":"./components/checkbox/index.js","kind":"import-statement","external":true},{"path":"./components/chip/index.js","kind":"import-statement","external":true},{"path":"./components/classification-badge/index.js","kind":"import-statement","external":true},{"path":"./components/classification-banner/index.js","kind":"import-statement","external":true},{"path":"./components/floating-button/index.js","kind":"import-statement","external":true},{"path":"./components/icon/index.js","kind":"import-statement","external":true},{"path":"./components/icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/label/index.js","kind":"import-statement","external":true},{"path":"./components/radio/index.js","kind":"import-statement","external":true},{"path":"./components/switch/index.js","kind":"import-statement","external":true},{"path":"./components/text-area/index.js","kind":"import-statement","external":true},{"path":"./components/text-field/index.js","kind":"import-statement","external":true},{"path":"./components/toggle-icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/tooltip/index.js","kind":"import-statement","external":true},{"path":"./lib/react.js","kind":"import-statement","external":true},{"path":"./lib/utils.js","kind":"import-statement","external":true}],"format":"esm"},"src/icons/catalog.tsx":{"bytes":12859,"imports":[{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/lib/react.ts":{"bytes":2808,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/lib/utils.ts":{"bytes":3274,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"format":"esm"},"src/components/accordion/index.tsx":{"bytes":5980,"imports":[{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../icon-button/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/avatar/index.tsx":{"bytes":3074,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"@radix-ui/react-avatar","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/badge/index.tsx":{"bytes":2113,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/box/index.tsx":{"bytes":2098,"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/checkbox/index.tsx":{"bytes":4220,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/index.tsx":{"bytes":4462,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/chip/index.tsx":{"bytes":7244,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/classification-badge/index.tsx":{"bytes":2620,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/classification-banner/index.tsx":{"bytes":2550,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/floating-button/index.tsx":{"bytes":2397,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/icon/index.tsx":{"bytes":1830,"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"../../lib/utils.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/icon-button/index.tsx":{"bytes":3006,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/label/index.tsx":{"bytes":1569,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/radio/index.tsx":{"bytes":3421,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/switch/index.tsx":{"bytes":2922,"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/text-area/index.tsx":{"bytes":5176,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/text-field/index.tsx":{"bytes":6444,"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/toggle-icon-button/index.tsx":{"bytes":3138,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/tooltip/index.tsx":{"bytes":2653,"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.css":{"imports":[],"exports":[],"entryPoint":"src/index.css","inputs":{"src/index.css":{"bytesInOutput":10598}},"bytes":10598},"dist/components/icon-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4214},"dist/components/icon-button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["IconButton"],"entryPoint":"src/components/icon-button/index.tsx","inputs":{"src/components/icon-button/index.tsx":{"bytesInOutput":1437}},"bytes":1462},"dist/components/label/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2377},"dist/components/label/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Label"],"entryPoint":"src/components/label/index.tsx","inputs":{"src/components/label/index.tsx":{"bytesInOutput":531}},"bytes":551},"dist/components/radio/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4914},"dist/components/radio/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Radio"],"entryPoint":"src/components/radio/index.tsx","inputs":{"src/components/radio/index.tsx":{"bytesInOutput":1571}},"bytes":1591},"dist/components/switch/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4049},"dist/components/switch/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Switch"],"entryPoint":"src/components/switch/index.tsx","inputs":{"src/components/switch/index.tsx":{"bytesInOutput":1678}},"bytes":1699},"dist/components/text-area/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":7679},"dist/components/text-area/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["TextArea"],"entryPoint":"src/components/text-area/index.tsx","inputs":{"src/components/text-area/index.tsx":{"bytesInOutput":2077}},"bytes":2100},"dist/components/text-field/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":9771},"dist/components/text-field/index.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["TextField"],"entryPoint":"src/components/text-field/index.tsx","inputs":{"src/components/text-field/index.tsx":{"bytesInOutput":2716}},"bytes":2740},"dist/components/toggle-icon-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4302},"dist/components/toggle-icon-button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ToggleIconButton"],"entryPoint":"src/components/toggle-icon-button/index.tsx","inputs":{"src/components/toggle-icon-button/index.tsx":{"bytesInOutput":1543}},"bytes":1574},"dist/components/tooltip/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4032},"dist/components/tooltip/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Tooltip","TooltipBody","TooltipTrigger"],"entryPoint":"src/components/tooltip/index.tsx","inputs":{"src/components/tooltip/index.tsx":{"bytesInOutput":962}},"bytes":1021},"dist/components/box/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2942},"dist/components/box/index.js":{"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Box"],"entryPoint":"src/components/box/index.tsx","inputs":{"src/components/box/index.tsx":{"bytesInOutput":551}},"bytes":569},"dist/components/checkbox/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6207},"dist/components/checkbox/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../label/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Checkbox"],"entryPoint":"src/components/checkbox/index.tsx","inputs":{"src/components/checkbox/index.tsx":{"bytesInOutput":1999}},"bytes":2022},"dist/components/button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":5766},"dist/components/button/index.js":{"imports":[{"path":"@/lib/react.js","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button"],"entryPoint":"src/components/button/index.tsx","inputs":{"src/components/button/index.tsx":{"bytesInOutput":2398}},"bytes":2419},"dist/components/chip/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":10427},"dist/components/chip/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Chip","DeletableChip","SelectableChip"],"entryPoint":"src/components/chip/index.tsx","inputs":{"src/components/chip/index.tsx":{"bytesInOutput":3227}},"bytes":3285},"dist/components/classification-badge/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3534},"dist/components/classification-badge/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ClassificationBadge"],"entryPoint":"src/components/classification-badge/index.tsx","inputs":{"src/components/classification-badge/index.tsx":{"bytesInOutput":1166}},"bytes":1200},"dist/components/classification-banner/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3379},"dist/components/classification-banner/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ClassificationBanner"],"entryPoint":"src/components/classification-banner/index.tsx","inputs":{"src/components/classification-banner/index.tsx":{"bytesInOutput":1097}},"bytes":1132},"dist/components/floating-button/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3279},"dist/components/floating-button/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["FloatingButton"],"entryPoint":"src/components/floating-button/index.tsx","inputs":{"src/components/floating-button/index.tsx":{"bytesInOutput":1103}},"bytes":1132},"dist/components/icon/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2577},"dist/components/icon/index.js":{"imports":[{"path":"cva","kind":"import-statement","external":true},{"path":"../../lib/utils.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Icon"],"entryPoint":"src/components/icon/index.tsx","inputs":{"src/components/icon/index.tsx":{"bytesInOutput":669}},"bytes":688},"dist/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4275},"dist/index.js":{"imports":[{"path":"./components/accordion/index.js","kind":"import-statement","external":true},{"path":"./components/avatar/index.js","kind":"import-statement","external":true},{"path":"./components/badge/index.js","kind":"import-statement","external":true},{"path":"./components/box/index.js","kind":"import-statement","external":true},{"path":"./components/button/index.js","kind":"import-statement","external":true},{"path":"./components/checkbox/index.js","kind":"import-statement","external":true},{"path":"./components/chip/index.js","kind":"import-statement","external":true},{"path":"./components/classification-badge/index.js","kind":"import-statement","external":true},{"path":"./components/classification-banner/index.js","kind":"import-statement","external":true},{"path":"./components/floating-button/index.js","kind":"import-statement","external":true},{"path":"./components/icon/index.js","kind":"import-statement","external":true},{"path":"./components/icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/label/index.js","kind":"import-statement","external":true},{"path":"./components/radio/index.js","kind":"import-statement","external":true},{"path":"./components/switch/index.js","kind":"import-statement","external":true},{"path":"./components/text-area/index.js","kind":"import-statement","external":true},{"path":"./components/text-field/index.js","kind":"import-statement","external":true},{"path":"./components/toggle-icon-button/index.js","kind":"import-statement","external":true},{"path":"./components/tooltip/index.js","kind":"import-statement","external":true},{"path":"./lib/react.js","kind":"import-statement","external":true},{"path":"./lib/utils.js","kind":"import-statement","external":true}],"exports":["Accordion","Avatar","Badge","Box","Button","Checkbox","Chip","ClassificationBadge","ClassificationBanner","DeletableChip","FloatingButton","Icon","IconButton","Label","Radio","SelectableChip","Switch","TextArea","TextField","ToggleIconButton","Tooltip","TooltipBody","TooltipTrigger","cn","containsExactChildren","expectsIconWrapper","twMerge"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":1338}},"bytes":1773},"dist/icons/catalog.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":27181},"dist/icons/catalog.js":{"imports":[{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/icons/catalog.tsx","inputs":{"src/icons/catalog.tsx":{"bytesInOutput":9424}},"bytes":9447},"dist/lib/react.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4061},"dist/lib/react.js":{"imports":[{"path":"react","kind":"import-statement","external":true}],"exports":["containsExactChildren","expectsIconWrapper"],"entryPoint":"src/lib/react.ts","inputs":{"src/lib/react.ts":{"bytesInOutput":621}},"bytes":681},"dist/lib/utils.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4562},"dist/lib/utils.js":{"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"exports":["cn","twMerge"],"entryPoint":"src/lib/utils.ts","inputs":{"src/lib/utils.ts":{"bytesInOutput":1558}},"bytes":1588},"dist/components/accordion/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":8814},"dist/components/accordion/index.js":{"imports":[{"path":"react-aria-components","kind":"import-statement","external":true},{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../icon/index.js","kind":"import-statement","external":true},{"path":"../icon-button/index.js","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Accordion"],"entryPoint":"src/components/accordion/index.tsx","inputs":{"src/components/accordion/index.tsx":{"bytesInOutput":2536}},"bytes":2573},"dist/components/avatar/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4329},"dist/components/avatar/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"@accelint/icons","kind":"import-statement","external":true},{"path":"@radix-ui/react-avatar","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Avatar"],"entryPoint":"src/components/avatar/index.tsx","inputs":{"src/components/avatar/index.tsx":{"bytesInOutput":1101}},"bytes":1122},"dist/components/badge/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2880},"dist/components/badge/index.js":{"imports":[{"path":"@/lib/utils.js","kind":"import-statement","external":true},{"path":"cva","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Badge"],"entryPoint":"src/components/badge/index.tsx","inputs":{"src/components/badge/index.tsx":{"bytesInOutput":833}},"bytes":853}}}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@accelint/design-toolkit",
|
3
|
-
"version": "0.0
|
3
|
+
"version": "1.0.0",
|
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",
|