@accelint/design-toolkit 2.2.1 → 2.3.0

package/dist/components/text-area-field/styles.d.ts

@@ -0,0 +1,113 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const TextAreaStylesDefaults: {
+    readonly size: "medium";
+    readonly isDisabled: false;
+    readonly isInvalid: false;
+    readonly isReadOnly: false;
+};
+declare const TextAreaStyles: tailwind_variants.TVReturnType<{
+    size: {
+        medium: {
+            input: string;
+        };
+        small: {
+            input: string;
+        };
+    };
+    isInvalid: {
+        false: string;
+        true: {
+            input: string;
+        };
+    };
+    isReadOnly: {
+        false: string;
+        true: {
+            input: string;
+        };
+    };
+    isDisabled: {
+        false: string;
+        true: {
+            input: string;
+            description: string;
+        };
+    };
+}, {
+    field: string;
+    label: string;
+    input: string[];
+    description: string;
+    error: string;
+}, undefined, {
+    size: {
+        medium: {
+            input: string;
+        };
+        small: {
+            input: string;
+        };
+    };
+    isInvalid: {
+        false: string;
+        true: {
+            input: string;
+        };
+    };
+    isReadOnly: {
+        false: string;
+        true: {
+            input: string;
+        };
+    };
+    isDisabled: {
+        false: string;
+        true: {
+            input: string;
+            description: string;
+        };
+    };
+}, {
+    field: string;
+    label: string;
+    input: string[];
+    description: string;
+    error: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        medium: {
+            input: string;
+        };
+        small: {
+            input: string;
+        };
+    };
+    isInvalid: {
+        false: string;
+        true: {
+            input: string;
+        };
+    };
+    isReadOnly: {
+        false: string;
+        true: {
+            input: string;
+        };
+    };
+    isDisabled: {
+        false: string;
+        true: {
+            input: string;
+            description: string;
+        };
+    };
+}, {
+    field: string;
+    label: string;
+    input: string[];
+    description: string;
+    error: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { TextAreaStyles, TextAreaStylesDefaults };

package/dist/components/text-area-field/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';var t={size:"medium",isDisabled:false,isInvalid:false,isReadOnly:false},l=tv({slots:{field:"flex flex-col gap-xs",label:"",input:["block w-full rounded-medium p-s font-display outline outline-interactive","text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight"],description:"fg-default-dark text-body-xs",error:"fg-serious text-body-xs"},variants:{size:{medium:{input:"text-body-s"},small:{input:"text-body-xs"}},isInvalid:{false:"",true:{input:"outline-serious"}},isReadOnly:{false:"",true:{input:"rounded-none p-0 outline-none"}},isDisabled:{false:"",true:{input:"text-disabled outline-interactive-disabled placeholder:text-disabled",description:"fg-disabled"}}},defaultVariants:t});export{l as TextAreaStyles,t as TextAreaStylesDefaults};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

package/dist/components/text-area-field/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text-area-field/styles.ts"],"names":["tv","e"],"mappings":"2CAeQ,CAAA,CAAA,IAAA,CAAA,QACN,CAAA,UACA,CAAA,KAAA,CAAA,SACA,CAAA,KAAA,CAAA,UAG4BA,CAAAA,KAC5B,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAO,CACL,KAAA,CAAO,CAAA,KAAA,CAAA,sBACA,CAAA,KACP,CAAA,EAAO,CACL,KAAA,CAAA,CAAA,0EACA,CAAA,0GAEF,CAAA,CAAA,WAAa,CAAA,8BACN,CAAA,KAAA,CAAA,yBAET,CAAA,CAAA,QACQ,CACJ,CAAA,IAAA,CAAA,CAAQ,MACN,CAAO,CAAA,KAAA,CAAA,aAET,CAAO,CACL,KAAA,CAAO,CAAA,KAAA,CAAA,cAGX,CAAA,CAAA,CAAA,SACE,CAAO,CAAA,KACP,CAAA,EACE,MAAO,CAAA,KAAA,CAAA,iBAGX,CAAA,CAAA,CAAA,WACS,CAAA,KACP,CAAA,EACE,CAAA,IAAA,CAAO,mDAIT,CAAO,MACP,CAAA,EACE,CAAA,IAAA,CACE,CAAA,KAAA,CAAA,kFACW,CAAA,aAInB,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const TextAreaStylesDefaults = {\n  size: 'medium',\n  isDisabled: false,\n  isInvalid: false,\n  isReadOnly: false,\n} as const;\n\nexport const TextAreaStyles = tv({\n  slots: {\n    field: 'flex flex-col gap-xs',\n    label: '',\n    input: [\n      'block w-full rounded-medium p-s font-display outline outline-interactive',\n      'text-default-light placeholder:text-default-dark hover:outline-interactive-hover focus:outline-highlight',\n    ],\n    description: 'fg-default-dark text-body-xs',\n    error: 'fg-serious text-body-xs',\n  },\n  variants: {\n    size: {\n      medium: {\n        input: 'text-body-s',\n      },\n      small: {\n        input: 'text-body-xs',\n      },\n    },\n    isInvalid: {\n      false: '',\n      true: {\n        input: 'outline-serious',\n      },\n    },\n    isReadOnly: {\n      false: '',\n      true: {\n        input: 'rounded-none p-0 outline-none',\n      },\n    },\n    isDisabled: {\n      false: '',\n      true: {\n        input:\n          'text-disabled outline-interactive-disabled placeholder:text-disabled',\n        description: 'fg-disabled',\n      },\n    },\n  },\n  defaultVariants: TextAreaStylesDefaults,\n});\n"]}

package/dist/components/text-area-field/types.d.ts

@@ -0,0 +1,23 @@
+import { RefAttributes, Ref, PropsWithChildren } from 'react';
+import { TextFieldProps, TextAreaProps, FieldErrorProps } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
+import { TextAreaStyles } from './styles.js';
+
+type TextAreaStyleVariants = VariantProps<typeof TextAreaStyles>;
+type TextAreaFieldProps = Omit<TextFieldProps, 'children'> & RefAttributes<HTMLDivElement> & TextAreaStyleVariants & {
+    classNames?: {
+        field?: TextFieldProps['className'];
+        label?: string;
+        input?: TextAreaProps['className'];
+        description?: string;
+        error?: FieldErrorProps['className'];
+    };
+    label?: string;
+    inputRef?: Ref<HTMLTextAreaElement>;
+    inputProps?: Omit<TextAreaProps, 'className'>;
+    description?: string;
+    errorMessage?: FieldErrorProps['children'];
+};
+type TextAreaFieldProviderProps = PropsWithChildren<Omit<TextAreaFieldProps, 'ref'>>;
+
+export type { TextAreaFieldProps, TextAreaFieldProviderProps, TextAreaStyleVariants };

package/dist/components/text-area-field/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/text-area-field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/text-field/index.js

@@ -1,2 +1,2 @@
-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 focus: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 l(n){i&&n.key==="Escape"&&e.onChange?.(y);}return t.current?.addEventListener("keydown",l),()=>t.current?.removeEventListener("keydown",l)},[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,{onFocus:l=>{o&&t.current?.select(),e.onFocus?.(l);},ref:t,className:({isDisabled:l,isInvalid:n})=>cn(f({isClearable:i,isDisabled:l,isInvalid:n,isReadOnly:e.readOnly,size:a,className:r}))}),d&&jsx(Button,{className:"fg-default-dark hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(y),t.current?.focus();},children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})};function M({className:r,isClearable:i=true,description:t,errorMessage:o,isDisabled:a,isInvalid:e,isReadOnly:d,label:l,placeholder:n,size:m="medium",...u}){let p=m==="small",b=t&&(!(p||e)||a),v=o&&e&&!a&&!d;return jsxs(TextField,{...u,isDisabled:a,isInvalid:e,isReadOnly:d,className:"flex flex-col gap-xs",children:[!p&&jsx(Label,{className:"empty:hidden",isDisabled:a,isOptional:!u.isRequired,children:l}),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
+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 focus: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 l(n){i&&n.key==="Escape"&&e.onChange?.(y);}return t.current?.addEventListener("keydown",l),()=>t.current?.removeEventListener("keydown",l)},[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,{onFocus:l=>{o&&t.current?.select(),e.onFocus?.(l);},ref:t,className:({isDisabled:l,isInvalid:n})=>cn(f({isClearable:i,isDisabled:l,isInvalid:n,isReadOnly:e.readOnly,size:a,className:r}))}),d&&jsx(Button,{className:"fg-default-dark hover:fg-interactive-hover absolute right-[5px] cursor-pointer",excludeFromTabOrder:true,onPress:()=>{e.onChange?.(y),t.current?.focus();},children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})};function M({className:r,isClearable:i=true,description:t,errorMessage:o,isDisabled:a,isInvalid:e,isReadOnly:d,label:l,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,isRequired:u.isRequired,children:l}),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
 //# sourceMappingURL=index.js.map

package/dist/components/text-field/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["C","ref","size","props","InputContext","useEffect","I","handleKeyPressed","e","shouldShowClearButton","isClearable","jsx","s","c","jsxs","h","g","textFieldStyles","Button","P","N","O","TextField","label","shouldShowDescription","isSmall","isInvalid","isDisabled","shouldShowError","errorMessage","isReadOnly","AriaTextField","F","Label","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\n'use client';\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 focus: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        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 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 size='small'>\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"]}
+{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["C","ref","size","props","InputContext","useEffect","I","A","handleKeyPressed","e","shouldShowClearButton","isClearable","jsx","s","c","jsxs","h","g","textFieldStyles","Button","P","N","O","TextField","label","isSmall","shouldShowDescription","isInvalid","isDisabled","shouldShowError","errorMessage","isReadOnly","AriaTextField","F","Label","E","AriaText","p","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\n'use client';\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 focus: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        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 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 size='small'>\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          isRequired={props.isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <Input\n        className={className}\n        isClearable={isClearable}\n        placeholder={placeholder}\n        size={size}\n        {...(props as InputProps)}\n      />\n      {shouldShowDescription && (\n        <AriaText\n          className={cn([\n            'fg-default-dark text-body-xs empty:hidden',\n            isDisabled && 'fg-disabled',\n          ])}\n          slot='description'\n        >\n          {description}\n        </AriaText>\n      )}\n      {shouldShowError && (\n        <AriaText\n          className='fg-serious text-body-xs empty:hidden'\n          slot='errorMessage'\n        >\n          {errorMessage}\n        </AriaText>\n      )}\n    </AriaTextField>\n  );\n}\n"]}

package/dist/components/tooltip/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import React__default from 'react';
+import react__default from 'react';
 import { TooltipTriggerComponentProps, Focusable, TooltipProps as TooltipProps$1 } from 'react-aria-components';
 
 declare const tooltipStyles: (props?: cva_types.ClassProp | undefined) => string;
@@ -20,7 +20,7 @@ declare namespace Tooltip {
         displayName: string;
     };
 }
-interface TooltipTriggerProps extends React__default.ComponentProps<typeof Focusable> {
+interface TooltipTriggerProps extends react__default.ComponentProps<typeof Focusable> {
 }
 declare const TooltipTrigger: {
     ({ children, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;