@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.
@@ -1,7 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as cva_types from 'cva/types';
3
- import { TextFieldProps } from 'react-aria-components';
3
+ import { TextFieldProps, TextAreaProps as TextAreaProps$1 } from 'react-aria-components';
4
4
  import { VariantProps } from 'cva';
5
+ import { ForwardedRef } from 'react';
5
6
 
6
7
  declare const textAreaStyles: (props?: ({
7
8
  isDisabled?: boolean | null | undefined;
@@ -10,7 +11,11 @@ declare const textAreaStyles: (props?: ({
10
11
  size?: "small" | "medium" | null | undefined;
11
12
  isClearable?: boolean | null | undefined;
12
13
  } & cva_types.ClassProp) | undefined) => string;
13
- interface TextAreaProps extends Omit<VariantProps<typeof textAreaStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps, 'className'> {
14
+ interface InputProps extends VariantProps<typeof textAreaStyles>, Omit<TextAreaProps$1, 'size'> {
15
+ selectOnFocus?: boolean;
16
+ ref?: ForwardedRef<HTMLTextAreaElement>;
17
+ }
18
+ interface TextAreaProps extends Omit<VariantProps<typeof textAreaStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps, 'className'>, Omit<InputProps, keyof TextFieldProps> {
14
19
  className?: string;
15
20
  description?: string;
16
21
  errorMessage?: string;
@@ -1,2 +1,2 @@
1
- import'client-only';import {TextField,Text,useContextProps,TextAreaContext,TextArea}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var x=cva(["block w-full rounded-medium p-s font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),c=({className:i,size:r="medium",ref:s=null,...e})=>([e,s]=useContextProps(e,s,TextAreaContext),e.readOnly?jsx("span",{className:cn(x({isDisabled:false,isReadOnly:e.readOnly,size:r,className:i})),children:e.value||"\xA0"}):jsx("div",{className:"relative flex items-center",children:jsx(TextArea,{...e,onFocus:t=>{s.current?.select(),e.onFocus?.(t);},ref:s,className:({isDisabled:t,isInvalid:l})=>cn(x({isDisabled:t,isInvalid:l,isReadOnly:e.readOnly,size:r,className:i}))})}));c.displayName="TextArea.Input";function N({className:i,description:r,errorMessage:s,isDisabled:e,isInvalid:t,isReadOnly:l,label:p,placeholder:f,size:d="medium",...n}){let u=d==="small",y=!(u||t)||e,A=t&&!e&&!l;return jsxs(TextField,{...n,isDisabled:e,isInvalid:t,isReadOnly:l,className:"flex flex-col gap-xs",children:[!u&&jsx(Label,{className:"empty:hidden",isDisabled:e,isOptional:!n.isRequired,children:p}),jsx(c,{className:i,placeholder:f,size:d}),y&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",e&&"fg-disabled"]),slot:"description",children:r}),A&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:s})]})}N.displayName="TextArea";export{N as TextArea};//# sourceMappingURL=index.js.map
1
+ import'client-only';import {TextField,Text,useContextProps,TextAreaContext,TextArea}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var c=cva(["block w-full rounded-medium p-s font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),p=({className:r,ref:s=null,selectOnFocus:l=false,size:t="medium",...e})=>([e,s]=useContextProps(e,s,TextAreaContext),e.readOnly?jsx("span",{className:cn(c({isDisabled:false,isReadOnly:e.readOnly,size:t,className:r})),children:e.value||"\xA0"}):jsx("div",{className:"relative flex items-center",children:jsx(TextArea,{...e,onFocus:i=>{l&&s.current?.select(),e.onFocus?.(i);},ref:s,className:({isDisabled:i,isInvalid:o})=>cn(c({isDisabled:i,isInvalid:o,isReadOnly:e.readOnly,size:t,className:r}))})}));p.displayName="TextArea.Input";function F({className:r,description:s,errorMessage:l,isDisabled:t,isInvalid:e,isReadOnly:i,label:o,placeholder:f,size:u="medium",...n}){let m=u==="small",A=!(m||e)||t,y=e&&!t&&!i;return jsxs(TextField,{...n,isDisabled:t,isInvalid:e,isReadOnly:i,className:"flex flex-col gap-xs",children:[!m&&jsx(Label,{className:"empty:hidden",isDisabled:t,isOptional:!n.isRequired,children:o}),jsx(p,{className:r,placeholder:f,size:u,...n}),A&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",t&&"fg-disabled"]),slot:"description",children:s}),y&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:l})]})}F.displayName="TextArea";export{F as TextArea};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/text-area/index.tsx"],"names":["size","props","ref","TextAreaContext","g","jsx","a","o","T","e","textAreaStyles","Input","errorMessage","isDisabled","label","placeholder","isSmall","shouldShowDescription","isInvalid","shouldShowError","isReadOnly","jsxs","AriaTextField","b","Label","P","className","AriaText","m","TextArea"],"mappings":"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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 ref?: ForwardedRef<HTMLTextAreaElement>;\n}\n\nconst Input = ({\n className,\n size = 'medium',\n ref = null,\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, TextAreaContext);\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textAreaStyles({\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaTextArea\n {...props}\n onFocus={(e) => {\n ref.current?.select();\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textAreaStyles({\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n </div>\n );\n};\nInput.displayName = 'TextArea.Input';\n\nexport interface TextAreaProps\n extends Omit<\n VariantProps<typeof textAreaStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'> {\n className?: string;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextArea({\n className,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextAreaProps) {\n const isSmall = size === 'small';\n const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...props}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input className={className} placeholder={placeholder} size={size} />\n {shouldShowDescription && (\n <AriaText\n className={cn([\n 'fg-default-dark text-body-xs empty:hidden',\n isDisabled && 'fg-disabled',\n ])}\n slot='description'\n >\n {description}\n </AriaText>\n )}\n {shouldShowError && (\n <AriaText\n className='fg-serious text-body-xs empty:hidden'\n slot='errorMessage'\n >\n {errorMessage}\n </AriaText>\n )}\n </AriaTextField>\n );\n}\nTextArea.displayName = 'TextArea';\n"]}
1
+ {"version":3,"sources":["../../../src/components/text-area/index.tsx"],"names":["g","className","selectOnFocus","size","ref","props","TextAreaContext","P","a","d","T","e","isDisabled","textAreaStyles","isInvalid","Input","isReadOnly","label","isSmall","shouldShowDescription","shouldShowError","jsxs","AriaTextField","b","Label","v","jsx","AriaText","x","errorMessage","TextArea"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport 'client-only';\nimport {\n Text as AriaText,\n TextArea as AriaTextArea,\n type TextAreaProps as AriaTextAreaProps,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n TextAreaContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ForwardedRef } from 'react';\nimport { Label } from '../label';\n\nconst textAreaStyles = cva(\n ['block w-full rounded-medium p-s font-display outline outline-interactive'],\n {\n variants: {\n isDisabled: {\n true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n false:\n 'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n },\n isInvalid: {\n true: 'outline-serious',\n },\n isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textAreaStyles>,\n Omit<AriaTextAreaProps, 'size'> {\n selectOnFocus?: boolean;\n ref?: ForwardedRef<HTMLTextAreaElement>;\n}\n\nconst Input = ({\n className,\n ref = null,\n selectOnFocus = false,\n size = 'medium',\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, TextAreaContext);\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textAreaStyles({\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaTextArea\n {...props}\n onFocus={(e) => {\n if (selectOnFocus) {\n ref.current?.select();\n }\n\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textAreaStyles({\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n </div>\n );\n};\nInput.displayName = 'TextArea.Input';\n\nexport interface TextAreaProps\n extends Omit<\n VariantProps<typeof textAreaStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'>,\n Omit<InputProps, keyof AriaTextFieldProps> {\n className?: string;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextArea({\n className,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextAreaProps) {\n const isSmall = size === 'small';\n const shouldShowDescription = !(isSmall || isInvalid) || isDisabled;\n const shouldShowError = isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...(props as AriaTextFieldProps)}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input\n className={className}\n placeholder={placeholder}\n size={size}\n {...(props as InputProps)}\n />\n {shouldShowDescription && (\n <AriaText\n className={cn([\n 'fg-default-dark text-body-xs empty:hidden',\n isDisabled && 'fg-disabled',\n ])}\n slot='description'\n >\n {description}\n </AriaText>\n )}\n {shouldShowError && (\n <AriaText\n className='fg-serious text-body-xs empty:hidden'\n slot='errorMessage'\n >\n {errorMessage}\n </AriaText>\n )}\n </AriaTextField>\n );\n}\nTextArea.displayName = 'TextArea';\n"]}
@@ -1,7 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as cva_types from 'cva/types';
3
- import { TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
3
+ import { TextFieldProps as TextFieldProps$1, InputProps as InputProps$1 } from 'react-aria-components';
4
4
  import { VariantProps } from 'cva';
5
+ import { ForwardedRef } from 'react';
5
6
 
6
7
  declare const textFieldStyles: (props?: ({
7
8
  isDisabled?: boolean | null | undefined;
@@ -10,7 +11,12 @@ declare const textFieldStyles: (props?: ({
10
11
  size?: "small" | "medium" | null | undefined;
11
12
  isClearable?: boolean | null | undefined;
12
13
  } & cva_types.ClassProp) | undefined) => string;
13
- interface TextFieldProps extends Omit<VariantProps<typeof textFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps$1, 'className'> {
14
+ interface InputProps extends VariantProps<typeof textFieldStyles>, Omit<InputProps$1, 'size'> {
15
+ isClearable?: boolean;
16
+ selectOnFocus?: boolean;
17
+ ref?: ForwardedRef<HTMLInputElement>;
18
+ }
19
+ interface TextFieldProps extends Omit<VariantProps<typeof textFieldStyles>, 'isDisabled' | 'isInvalid' | 'isReadOnly'>, Omit<TextFieldProps$1, 'className'>, Omit<InputProps, keyof TextFieldProps$1> {
14
20
  className?: string;
15
21
  isClearable?: boolean;
16
22
  description?: string;
@@ -1,2 +1,2 @@
1
- import'client-only';import {TextField,Text,useContextProps,InputContext,Input,Button}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {useEffect}from'react';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var f=cva(["block w-full rounded-medium px-s py-xs font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),p={target:{value:""}},w=({className:o,isClearable:i=true,size:s="medium",ref:t=null,...e})=>{[e,t]=useContextProps(e,t,InputContext),useEffect(()=>{function a(r){i&&r.key==="Escape"&&e.onChange?.(p);}return t.current?.addEventListener("keydown",a),()=>t.current?.removeEventListener("keydown",a)},[i,e.onChange,t]);let n=!e.readOnly&&e.value&&s!=="small"&&i&&!e.disabled;return e.readOnly?jsx("span",{className:cn(f({isClearable:false,isDisabled:false,isReadOnly:e.readOnly,size:s,className:o})),children:e.value||"\xA0"}):jsxs("div",{className:"relative flex items-center",children:[jsx(Input,{...e,onFocus:a=>{t.current?.select(),e.onFocus?.(a);},ref:t,className:({isDisabled:a,isInvalid:r})=>cn(f({isClearable:i,isDisabled:a,isInvalid:r,isReadOnly:e.readOnly,size:s,className:o}))}),n&&jsx(Button,{className:"fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(p),t.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})};function M({className:o,isClearable:i=true,description:s,errorMessage:t,isDisabled:e,isInvalid:n,isReadOnly:a,label:r,placeholder:h,size:u="medium",...c}){let m=u==="small",b=s&&(!(m||n)||e),v=t&&n&&!e&&!a;return jsxs(TextField,{...c,isDisabled:e,isInvalid:n,isReadOnly:a,className:"flex flex-col gap-xs",children:[!m&&jsx(Label,{className:"empty:hidden",isDisabled:e,isOptional:!c.isRequired,children:r}),jsx(w,{className:o,isClearable:i,placeholder:h,size:u}),b&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",e&&"fg-disabled"]),slot:"description",children:s}),v&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:t})]})}export{M as TextField};//# sourceMappingURL=index.js.map
1
+ import'client-only';import {TextField,Text,useContextProps,InputContext,Input,Button}from'react-aria-components';import {cn}from'./../../lib/utils.js';import {CancelFill}from'@accelint/icons';import {cva}from'cva';import {useEffect}from'react';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {jsxs,jsx}from'react/jsx-runtime';var f=cva(["block w-full rounded-medium px-s py-xs font-display outline outline-interactive"],{variants:{isDisabled:{true:"text-disabled outline-interactive-disabled placeholder:text-disabled",false:"text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"},isInvalid:{true:"outline-serious"},isReadOnly:{true:"rounded-none p-0 outline-none"},size:{medium:"text-body-s",small:"text-body-xs"},isClearable:{true:"",false:""}},compoundVariants:[{isDisabled:true,isInvalid:true,className:"outline-interactive-disabled"},{isClearable:true,isDisabled:false,size:"medium",className:"pr-xl"}],defaultVariants:{isClearable:false,size:"medium"}}),y={target:{value:""}},k=({className:r,isClearable:i=true,ref:t=null,selectOnFocus:o=false,size:a="medium",...e})=>{[e,t]=useContextProps(e,t,InputContext),useEffect(()=>{function s(n){i&&n.key==="Escape"&&e.onChange?.(y);}return t.current?.addEventListener("keydown",s),()=>t.current?.removeEventListener("keydown",s)},[i,e.onChange,t]);let d=!e.readOnly&&e.value&&a!=="small"&&i&&!e.disabled;return e.readOnly?jsx("span",{className:cn(f({isClearable:false,isDisabled:false,isReadOnly:e.readOnly,size:a,className:r})),children:e.value||"\xA0"}):jsxs("div",{className:"relative flex items-center",children:[jsx(Input,{...e,onFocus:s=>{o&&t.current?.select(),e.onFocus?.(s);},ref:t,className:({isDisabled:s,isInvalid:n})=>cn(f({isClearable:i,isDisabled:s,isInvalid:n,isReadOnly:e.readOnly,size:a,className:r}))}),d&&jsx(Button,{className:"fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(y),t.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})};function M({className:r,isClearable:i=true,description:t,errorMessage:o,isDisabled:a,isInvalid:e,isReadOnly:d,label:s,placeholder:n,size:m="medium",...u}){let x=m==="small",b=t&&(!(x||e)||a),v=o&&e&&!a&&!d;return jsxs(TextField,{...u,isDisabled:a,isInvalid:e,isReadOnly:d,className:"flex flex-col gap-xs",children:[!x&&jsx(Label,{className:"empty:hidden",isDisabled:a,isOptional:!u.isRequired,children:s}),jsx(k,{className:r,isClearable:i,placeholder:n,size:m,...u}),b&&jsx(Text,{className:cn(["fg-default-dark text-body-xs empty:hidden",a&&"fg-disabled"]),slot:"description",children:t}),v&&jsx(Text,{className:"fg-serious text-body-xs empty:hidden",slot:"errorMessage",children:o})]})}export{M as TextField};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["O","size","props","ref","useContextProps","InputContext","useEffect","P","handleKeyPressed","shouldShowClearButton","isClearable","jsx","l","cn","d","className","jsxs","y","g","e","isDisabled","isInvalid","Button","I","C","TextField","errorMessage","isReadOnly","label","placeholder","shouldShowDescription","isSmall","shouldShowError","AriaTextField","E","AriaText","x","description"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport 'client-only';\nimport {\n Input as AriaInput,\n type InputProps as AriaInputProps,\n Text as AriaText,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n Button,\n InputContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { type ChangeEvent, type ForwardedRef, useEffect } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n [\n 'block w-full rounded-medium px-s py-xs font-display outline outline-interactive',\n ],\n {\n variants: {\n isDisabled: {\n true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n false:\n 'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n },\n isInvalid: {\n true: 'outline-serious',\n },\n isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textFieldStyles>,\n Omit<AriaInputProps, 'size'> {\n isClearable?: boolean;\n ref?: ForwardedRef<HTMLInputElement>;\n}\n\nconst clearInputEvent = {\n target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nconst Input = ({\n className,\n isClearable = true,\n size = 'medium',\n ref = null,\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, InputContext);\n\n useEffect(() => {\n function handleKeyPressed(e: KeyboardEvent) {\n if (isClearable && e.key === 'Escape') {\n props.onChange?.(clearInputEvent);\n }\n }\n\n ref.current?.addEventListener('keydown', handleKeyPressed);\n\n return () => ref.current?.removeEventListener('keydown', handleKeyPressed);\n }, [isClearable, props.onChange, ref]);\n\n const shouldShowClearButton =\n !props.readOnly &&\n props.value &&\n size !== 'small' &&\n isClearable &&\n !props.disabled;\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textFieldStyles({\n isClearable: false,\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaInput\n {...props}\n onFocus={(e) => {\n ref.current?.select();\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textFieldStyles({\n isClearable,\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n {shouldShowClearButton && (\n <Button\n className='fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer'\n excludeFromTabOrder\n onPress={() => {\n props.onChange?.(clearInputEvent);\n ref.current?.focus();\n }}\n >\n <Icon>\n <CancelFill />\n </Icon>\n </Button>\n )}\n </div>\n );\n};\n\nexport interface TextFieldProps\n extends Omit<\n VariantProps<typeof textFieldStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'> {\n className?: string;\n isClearable?: boolean;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextField({\n className,\n isClearable = true,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextFieldProps) {\n const isSmall = size === 'small';\n const shouldShowDescription =\n description && (!(isSmall || isInvalid) || isDisabled);\n const shouldShowError =\n errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...props}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input\n className={className}\n isClearable={isClearable}\n placeholder={placeholder}\n size={size}\n />\n {shouldShowDescription && (\n <AriaText\n className={cn([\n 'fg-default-dark text-body-xs empty:hidden',\n isDisabled && 'fg-disabled',\n ])}\n slot='description'\n >\n {description}\n </AriaText>\n )}\n {shouldShowError && (\n <AriaText\n className='fg-serious text-body-xs empty:hidden'\n slot='errorMessage'\n >\n {errorMessage}\n </AriaText>\n )}\n </AriaTextField>\n );\n}\n"]}
1
+ {"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["C","className","ref","size","useContextProps","props","InputContext","useEffect","I","handleKeyPressed","shouldShowClearButton","isClearable","jsx","l","cn","c","jsxs","h","g","e","isDisabled","isInvalid","Button","P","N","O","TextField","description","label","isSmall","shouldShowError","errorMessage","AriaTextField","isReadOnly","placeholder","shouldShowDescription","AriaText","p"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport 'client-only';\nimport {\n Input as AriaInput,\n type InputProps as AriaInputProps,\n Text as AriaText,\n TextField as AriaTextField,\n type TextFieldProps as AriaTextFieldProps,\n Button,\n InputContext,\n useContextProps,\n} from 'react-aria-components';\n\nimport { cn } from '@/lib/utils';\nimport { CancelFill } from '@accelint/icons';\nimport { type VariantProps, cva } from 'cva';\nimport { type ChangeEvent, type ForwardedRef, useEffect } from 'react';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\n\nconst textFieldStyles = cva(\n [\n 'block w-full rounded-medium px-s py-xs font-display outline outline-interactive',\n ],\n {\n variants: {\n isDisabled: {\n true: 'text-disabled outline-interactive-disabled placeholder:text-disabled',\n false:\n 'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n },\n isInvalid: {\n true: 'outline-serious',\n },\n isReadOnly: {\n true: 'rounded-none p-0 outline-none',\n },\n size: {\n medium: 'text-body-s',\n small: 'text-body-xs',\n },\n isClearable: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: true,\n isInvalid: true,\n className: 'outline-interactive-disabled',\n },\n {\n isClearable: true,\n isDisabled: false,\n size: 'medium',\n className: 'pr-xl',\n },\n ],\n defaultVariants: {\n isClearable: false,\n size: 'medium',\n },\n },\n);\n\ninterface InputProps\n extends VariantProps<typeof textFieldStyles>,\n Omit<AriaInputProps, 'size'> {\n isClearable?: boolean;\n selectOnFocus?: boolean;\n ref?: ForwardedRef<HTMLInputElement>;\n}\n\nconst clearInputEvent = {\n target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nconst Input = ({\n className,\n isClearable = true,\n ref = null,\n selectOnFocus = false,\n size = 'medium',\n ...props\n}: InputProps) => {\n [props, ref] = useContextProps(props, ref, InputContext);\n\n useEffect(() => {\n function handleKeyPressed(e: KeyboardEvent) {\n if (isClearable && e.key === 'Escape') {\n props.onChange?.(clearInputEvent);\n }\n }\n\n ref.current?.addEventListener('keydown', handleKeyPressed);\n\n return () => ref.current?.removeEventListener('keydown', handleKeyPressed);\n }, [isClearable, props.onChange, ref]);\n\n const shouldShowClearButton =\n !props.readOnly &&\n props.value &&\n size !== 'small' &&\n isClearable &&\n !props.disabled;\n\n if (props.readOnly) {\n return (\n <span\n className={cn(\n textFieldStyles({\n isClearable: false,\n isDisabled: false,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )}\n >\n {props.value || '\\u00A0'}\n </span>\n );\n }\n\n return (\n <div className='relative flex items-center'>\n <AriaInput\n {...props}\n onFocus={(e) => {\n if (selectOnFocus) {\n ref.current?.select();\n }\n\n props.onFocus?.(e);\n }}\n ref={ref}\n className={({ isDisabled, isInvalid }) =>\n cn(\n textFieldStyles({\n isClearable,\n isDisabled,\n isInvalid,\n isReadOnly: props.readOnly,\n size,\n className,\n }),\n )\n }\n />\n {shouldShowClearButton && (\n <Button\n className='fg-default-dark icon-size-m hover:fg-interactive-hover absolute right-[5px] cursor-pointer'\n excludeFromTabOrder\n onPress={() => {\n props.onChange?.(clearInputEvent);\n ref.current?.focus();\n }}\n >\n <Icon>\n <CancelFill />\n </Icon>\n </Button>\n )}\n </div>\n );\n};\n\nexport interface TextFieldProps\n extends Omit<\n VariantProps<typeof textFieldStyles>,\n 'isDisabled' | 'isInvalid' | 'isReadOnly'\n >,\n Omit<AriaTextFieldProps, 'className'>,\n Omit<InputProps, keyof AriaTextFieldProps> {\n className?: string;\n isClearable?: boolean;\n description?: string;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n}\n\nexport function TextField({\n className,\n isClearable = true,\n description,\n errorMessage,\n isDisabled,\n isInvalid,\n isReadOnly,\n label,\n placeholder,\n size = 'medium',\n ...props\n}: TextFieldProps) {\n const isSmall = size === 'small';\n const shouldShowDescription =\n description && (!(isSmall || isInvalid) || isDisabled);\n const shouldShowError =\n errorMessage && isInvalid && !isDisabled && !isReadOnly;\n\n return (\n <AriaTextField\n {...(props as TextFieldProps)}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n className={'flex flex-col gap-xs'}\n >\n {!isSmall && (\n <Label\n className='empty:hidden'\n isDisabled={isDisabled}\n isOptional={!props.isRequired}\n >\n {label}\n </Label>\n )}\n <Input\n className={className}\n isClearable={isClearable}\n placeholder={placeholder}\n size={size}\n {...(props as InputProps)}\n />\n {shouldShowDescription && (\n <AriaText\n className={cn([\n 'fg-default-dark text-body-xs empty:hidden',\n isDisabled && 'fg-disabled',\n ])}\n slot='description'\n >\n {description}\n </AriaText>\n )}\n {shouldShowError && (\n <AriaText\n className='fg-serious text-body-xs empty:hidden'\n slot='errorMessage'\n >\n {errorMessage}\n </AriaText>\n )}\n </AriaTextField>\n );\n}\n"]}
@@ -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.2",
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
- "./accordion": {
23
+ "./*": {
24
24
  "import": {
25
- "types": "./dist/components/accordion/index.d.ts",
26
- "default": "./dist/components/accordion/index.js"
25
+ "types": "./dist/components/*/index.d.ts",
26
+ "default": "./dist/components/*/index.js"
27
27
  },
28
- "default": "./dist/components/accordion/index.js"
29
- },
30
- "./avatar": {
31
- "import": {
32
- "types": "./dist/components/avatar/index.d.ts",
33
- "default": "./dist/components/avatar/index.js"
34
- },
35
- "default": "./dist/components/avatar/index.js"
36
- },
37
- "./badge": {
38
- "import": {
39
- "types": "./dist/components/badge/index.d.ts",
40
- "default": "./dist/components/badge/index.js"
41
- },
42
- "default": "./dist/components/badge/index.js"
43
- },
44
- "./button": {
45
- "import": {
46
- "types": "./dist/components/button/index.d.ts",
47
- "default": "./dist/components/button/index.js"
48
- },
49
- "default": "./dist/components/button/index.js"
50
- },
51
- "./checkbox": {
52
- "import": {
53
- "types": "./dist/components/checkbox/index.d.ts",
54
- "default": "./dist/components/checkbox/index.js"
55
- },
56
- "default": "./dist/components/checkbox/index.js"
57
- },
58
- "./chip": {
59
- "import": {
60
- "types": "./dist/components/chip/index.d.ts",
61
- "default": "./dist/components/chip/index.js"
62
- },
63
- "default": "./dist/components/chip/index.js"
64
- },
65
- "./classification-badge": {
66
- "import": {
67
- "types": "./dist/components/classification-badge/index.d.ts",
68
- "default": "./dist/components/classification-badge/index.js"
69
- },
70
- "default": "./dist/components/classification-badge/index.js"
71
- },
72
- "./classification-banner": {
73
- "import": {
74
- "types": "./dist/components/classification-banner/index.d.ts",
75
- "default": "./dist/components/classification-banner/index.js"
76
- },
77
- "default": "./dist/components/classification-banner/index.js"
78
- },
79
- "./floating-button": {
80
- "import": {
81
- "types": "./dist/components/floating-button/index.d.ts",
82
- "default": "./dist/components/floating-button/index.js"
83
- },
84
- "default": "./dist/components/floating-button/index.js"
85
- },
86
- "./icon": {
87
- "import": {
88
- "types": "./dist/components/icon/index.d.ts",
89
- "default": "./dist/components/icon/index.js"
90
- },
91
- "default": "./dist/components/icon/index.js"
92
- },
93
- "./icon-button": {
94
- "import": {
95
- "types": "./dist/components/icon-button/index.d.ts",
96
- "default": "./dist/components/icon-button/index.js"
97
- },
98
- "default": "./dist/components/icon-button/index.js"
99
- },
100
- "./label": {
101
- "import": {
102
- "types": "./dist/components/label/index.d.ts",
103
- "default": "./dist/components/label/index.js"
104
- },
105
- "default": "./dist/components/label/index.js"
106
- },
107
- "./radio": {
108
- "import": {
109
- "types": "./dist/components/radio/index.d.ts",
110
- "default": "./dist/components/radio/index.js"
111
- },
112
- "default": "./dist/components/radio/index.js"
113
- },
114
- "./switch": {
115
- "import": {
116
- "types": "./dist/components/switch/index.d.ts",
117
- "default": "./dist/components/switch/index.js"
118
- },
119
- "default": "./dist/components/switch/index.js"
120
- },
121
- "./text-area": {
122
- "import": {
123
- "types": "./dist/components/text-area/index.d.ts",
124
- "default": "./dist/components/text-area/index.js"
125
- },
126
- "default": "./dist/components/text-area/index.js"
127
- },
128
- "./text-field": {
129
- "import": {
130
- "types": "./dist/components/text-field/index.d.ts",
131
- "default": "./dist/components/text-field/index.js"
132
- },
133
- "default": "./dist/components/text-field/index.js"
134
- },
135
- "./toggle-icon-button": {
136
- "import": {
137
- "types": "./dist/components/toggle-icon-button/index.d.ts",
138
- "default": "./dist/components/toggle-icon-button/index.js"
139
- },
140
- "default": "./dist/components/toggle-icon-button/index.js"
141
- },
142
- "./tooltip": {
143
- "import": {
144
- "types": "./dist/components/tooltip/index.d.ts",
145
- "default": "./dist/components/tooltip/index.js"
146
- },
147
- "default": "./dist/components/tooltip/index.js"
28
+ "default": "./dist/components/*/index.js"
148
29
  },
149
30
  "./styles": {
150
31
  "import": {
151
32
  "default": "./dist/index.css"
152
33
  },
153
34
  "default": "./dist/index.css"
35
+ },
36
+ "./utils": {
37
+ "import": {
38
+ "types": "./dist/lib/utils.d.ts",
39
+ "default": "./dist/lib/utils.js"
40
+ },
41
+ "default": "./dist/lib/utils.js"
154
42
  }
155
43
  },
156
44
  "peerDependencies": {
157
- "@accelint/icons": "^1.0.0",
45
+ "@accelint/icons": "^1.1.0",
158
46
  "@fontsource/roboto-flex": "5.1.0",
159
47
  "@fontsource/roboto-mono": "5.1.0",
160
48
  "@radix-ui/react-avatar": "^1.1.4",
@@ -173,7 +61,7 @@
173
61
  "react-dom": "^19.0.0",
174
62
  "tailwind-merge": "^3.2.0",
175
63
  "tailwindcss-react-aria-components": "^2.0.0",
176
- "@accelint/icons": "1.0.0"
64
+ "@accelint/icons": "1.1.0"
177
65
  },
178
66
  "devDependencies": {
179
67
  "@storybook/addon-essentials": "^8.6.12",