@exem-ui/react 0.1.0

package/dist/chunk-IDM6MZHF.js

@@ -0,0 +1,415 @@
+'use strict';
+
+var chunkMQVHREEI_js = require('./chunk-MQVHREEI.js');
+var utils = require('@exem-ui/core/utils');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var TextAreaContext = React.createContext(null);
+var useTextAreaContext = () => {
+  const context = React.useContext(TextAreaContext);
+  if (!context) {
+    throw new Error("TextArea components must be used within a TextArea");
+  }
+  return context;
+};
+var textAreaVariants = {
+  container: chunkMQVHREEI_js.commonInputVariants.container,
+  label: chunkMQVHREEI_js.commonInputVariants.label,
+  field: utils.cva(
+    "scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none",
+    {
+      variants: {
+        variant: {
+          fill: "border-transparent bg-elevation-elevation-2",
+          line: "border-border-primary"
+        },
+        size: {
+          xsmall: "min-h-[60px] px-1.5 py-[3.5px] text-body-3",
+          small: "min-h-[80px] px-2 py-1 text-body-2",
+          medium: "min-h-[100px] px-2.5 py-1.5 text-body-2",
+          large: "min-h-[120px] px-3 py-[9px] text-body-1"
+        },
+        state: {
+          default: "text-text-primary placeholder:text-text-tertiary",
+          focused: "text-text-primary placeholder:text-text-tertiary",
+          error: "text-text-primary placeholder:text-text-tertiary",
+          disabled: "cursor-not-allowed text-text-disabled placeholder:text-text-disabled"
+        }
+      },
+      compoundVariants: [
+        { variant: "fill", state: "focused", class: "border-border-focused" },
+        { variant: "fill", state: "error", class: "border-border-critical" },
+        {
+          variant: "fill",
+          state: "disabled",
+          class: "bg-elevation-elevation-2 border-transparent"
+        },
+        { variant: "line", state: "focused", class: "border-border-focused" },
+        { variant: "line", state: "error", class: "border-border-critical" },
+        { variant: "line", state: "disabled", class: "border-border-primary" }
+      ],
+      defaultVariants: { variant: "fill", size: "medium", state: "default" }
+    }
+  ),
+  descriptionContainer: utils.cva("flex flex-row items-center justify-between", {
+    variants: {
+      size: {
+        xsmall: "gap-0.5 text-caption",
+        small: "gap-1 text-body-3",
+        medium: "gap-1 text-body-3",
+        large: "gap-1 text-body-2"
+      }
+    },
+    defaultVariants: { size: "medium" }
+  }),
+  description: chunkMQVHREEI_js.commonInputVariants.description,
+  counter: utils.cva("text-nowrap font-regular", {
+    variants: {
+      disabled: {
+        true: "text-gray-04",
+        false: "text-text-tertiary"
+      }
+    },
+    defaultVariants: { disabled: false }
+  })
+};
+var TextArea = React__namespace.forwardRef(
+  ({
+    children,
+    variant = "fill",
+    size = "medium",
+    error = false,
+    disabled = false,
+    value = "",
+    maxLength,
+    className,
+    ...textAreaProps
+  }, ref) => {
+    const uniqueId = React.useId();
+    const id = `text-area-${uniqueId}`;
+    const { onChange, ...restTextAreaProps } = textAreaProps;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TextAreaContext.Provider,
+      {
+        value: { variant, size, error, disabled, id, value, maxLength, onChange },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(textAreaVariants.container, className), children: children || /* @__PURE__ */ jsxRuntime.jsx(TextArea.Field, { ...restTextAreaProps }) })
+      }
+    );
+  }
+);
+TextArea.Label = React__namespace.forwardRef(
+  ({ children, required = false, className }, ref) => {
+    const { size, disabled, id } = useTextAreaContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        ref,
+        htmlFor: id,
+        className: utils.cn(textAreaVariants.label({ size, disabled, required }), className),
+        children
+      }
+    );
+  }
+);
+TextArea.Field = React__namespace.forwardRef(
+  ({ className, onFocus, onBlur, ...props }, ref) => {
+    const {
+      variant,
+      size,
+      error,
+      disabled,
+      id,
+      maxLength,
+      value: contextValue,
+      onChange: contextOnChange
+    } = useTextAreaContext();
+    const [focused, setFocused] = React__namespace.useState(false);
+    const handleFocus = (e) => {
+      setFocused(true);
+      onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+      setFocused(false);
+      onBlur?.(e);
+    };
+    const state = disabled ? "disabled" : error ? "error" : focused ? "focused" : "default";
+    const isControlled = contextValue !== void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ref,
+        id,
+        disabled,
+        maxLength,
+        className: utils.cn(textAreaVariants.field({ variant, size, state }), className),
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChange: (e) => {
+          contextOnChange?.(e);
+        },
+        ...isControlled ? { value: contextValue } : {},
+        ...props
+      }
+    );
+  }
+);
+TextArea.Description = React__namespace.forwardRef(
+  ({ children, showCounter = true, className }, ref) => {
+    const { size, error, disabled, value = "", maxLength } = useTextAreaContext();
+    if (!children && (!showCounter || !maxLength)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: utils.cn(textAreaVariants.descriptionContainer({ size }), className), children: [
+      children && /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn(textAreaVariants.description({ size, error, disabled }), "flex-1"), children }),
+      showCounter && maxLength && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn(textAreaVariants.counter({ disabled })), children: [
+        value.length,
+        "/",
+        maxLength
+      ] })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+TextArea.Label.displayName = "TextArea.Label";
+TextArea.Field.displayName = "TextArea.Field";
+TextArea.Description.displayName = "TextArea.Description";
+var TextFieldContext = React.createContext(null);
+var useTextFieldContext = () => {
+  const context = React.useContext(TextFieldContext);
+  if (!context) {
+    throw new Error("TextField components must be used within a TextField");
+  }
+  return context;
+};
+var textFieldVariants = {
+  container: chunkMQVHREEI_js.commonInputVariants.container,
+  label: chunkMQVHREEI_js.commonInputVariants.label,
+  wrapper: utils.cva(
+    "flex w-full flex-row items-center rounded-medium border transition-colors focus-within:border-border-focused focus-within:outline-none",
+    {
+      variants: {
+        variant: {
+          fill: "border-transparent bg-elevation-elevation-2",
+          line: "border-border-primary"
+        },
+        size: {
+          xsmall: "h-6 gap-0 px-1",
+          small: "h-7 gap-0.5 px-1.5",
+          medium: "h-8 gap-0.5 px-2",
+          large: "h-10 gap-1 px-2.5"
+        },
+        state: {
+          default: "text-text-primary",
+          error: "text-text-primary",
+          disabled: "cursor-not-allowed text-text-disabled"
+        }
+      },
+      compoundVariants: [
+        { variant: "fill", state: "error", class: "border-border-critical" },
+        {
+          variant: "fill",
+          state: "disabled",
+          class: "bg-elevation-elevation-2 border-transparent"
+        },
+        { variant: "line", state: "error", class: "border-border-critical" },
+        { variant: "line", state: "disabled", class: "border-border-primary" }
+      ],
+      defaultVariants: { variant: "fill", size: "medium", state: "default" }
+    }
+  ),
+  input: utils.cva(
+    "w-full border-none bg-transparent p-0 focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+    {
+      variants: {
+        size: {
+          xsmall: "text-body-3 placeholder:text-body-3",
+          small: "text-body-2 placeholder:text-body-2",
+          medium: "text-body-2 placeholder:text-body-2",
+          large: "text-body-1 placeholder:text-body-1"
+        },
+        state: {
+          default: "text-text-primary placeholder:text-text-tertiary",
+          error: "text-text-primary placeholder:text-text-tertiary",
+          disabled: "text-text-disabled placeholder:text-text-disabled"
+        }
+      },
+      defaultVariants: { size: "medium", state: "default" }
+    }
+  ),
+  description: utils.cva("mt-0.5 font-regular text-text-tertiary", {
+    variants: {
+      size: {
+        xsmall: "text-caption",
+        small: "text-body-3",
+        medium: "text-body-3",
+        large: "text-body-2"
+      },
+      error: {
+        true: "text-text-critical",
+        false: ""
+      },
+      disabled: {
+        true: "text-text-disabled",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        disabled: true,
+        error: true,
+        class: "text-text-disabled"
+        // disabled가 error보다 우선
+      }
+    ],
+    defaultVariants: { size: "medium", error: false, disabled: false }
+  }),
+  subText: utils.cva("ml-1 shrink-0 font-regular", {
+    variants: {
+      size: {
+        xsmall: "text-body-3",
+        small: "text-body-2",
+        medium: "text-body-2",
+        large: "text-body-1"
+      },
+      disabled: {
+        true: "text-text-disabled",
+        false: "text-text-tertiary"
+      }
+    },
+    defaultVariants: { size: "medium", disabled: false }
+  }),
+  icon: utils.cva("shrink-0 text-icon-tertiary", {
+    variants: {
+      size: {
+        xsmall: "size-4",
+        small: "size-4",
+        medium: "size-4",
+        large: "size-5"
+      }
+    },
+    defaultVariants: { size: "medium" }
+  })
+};
+var TextField = React.forwardRef(
+  ({
+    children,
+    variant = "fill",
+    size = "medium",
+    error = false,
+    disabled = false,
+    className,
+    id: providedId,
+    value,
+    onChange,
+    ...inputProps
+  }, ref) => {
+    const uniqueId = React.useId();
+    const id = providedId || `text-field-${uniqueId}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(textFieldVariants.container, className), children: children || /* @__PURE__ */ jsxRuntime.jsx(TextField.Input, { ...inputProps }) }) });
+  }
+);
+TextField.Label = React.forwardRef(
+  ({ children, required = false, className }, ref) => {
+    const { size, disabled, id } = useTextFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        ref,
+        htmlFor: id,
+        className: utils.cn(textFieldVariants.label({ size, disabled, required }), className),
+        children
+      }
+    );
+  }
+);
+TextField.Input = React.forwardRef(
+  ({ className, leftIcon, rightIcon, subText, ...props }, ref) => {
+    const {
+      variant,
+      size,
+      error,
+      disabled,
+      id,
+      value: contextValue,
+      onChange: contextOnChange
+    } = useTextFieldContext();
+    const state = disabled ? "disabled" : error ? "error" : "default";
+    const isControlled = contextValue !== void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(textFieldVariants.wrapper({ variant, size, state }), className), children: [
+      leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: utils.cn("flex items-center justify-center", textFieldVariants.icon({ size })),
+          children: leftIcon
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-row items-center justify-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id,
+            disabled,
+            className: utils.cn(textFieldVariants.input({ size, state })),
+            onChange: (e) => {
+              contextOnChange?.(e);
+            },
+            ...props,
+            ...isControlled ? { value: contextValue } : {}
+          }
+        ),
+        subText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(textFieldVariants.subText({ size, disabled })), children: subText })
+      ] }),
+      rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: utils.cn("flex items-center justify-center", textFieldVariants.icon({ size })),
+          children: rightIcon
+        }
+      )
+    ] });
+  }
+);
+TextField.Description = React.forwardRef(
+  ({ children, className }, ref) => {
+    const { size, error, disabled } = useTextFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        ref,
+        className: utils.cn(textFieldVariants.description({ size, error, disabled }), className),
+        children
+      }
+    );
+  }
+);
+TextField.displayName = "TextField";
+TextField.Label.displayName = "TextField.Label";
+TextField.Input.displayName = "TextField.Input";
+TextField.Description.displayName = "TextField.Description";
+
+exports.TextArea = TextArea;
+exports.TextField = TextField;
+//# sourceMappingURL=chunk-IDM6MZHF.js.map
+//# sourceMappingURL=chunk-IDM6MZHF.js.map

package/dist/chunk-IDM6MZHF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input/TextArea.tsx","../src/input/TextField.tsx"],"names":["createContext","useContext","commonInputVariants","cva","React","useId","jsx","cn","jsxs","forwardRef"],"mappings":"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","file":"chunk-IDM6MZHF.js","sourcesContent":["import { cn, cva } from '@exem-ui/core/utils';\nimport * as React from 'react';\nimport { createContext, useContext, useId } from 'react';\n\nimport { commonInputVariants, type Size, type Variant } from './inputVariants';\n\ntype TextAreaLabelProps = {\n  children: React.ReactNode;\n  required?: boolean;\n  className?: string;\n};\n\ntype TextAreaFieldProps = Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'disabled' | 'id' | 'value' | 'onChange' | 'maxLength'\n>;\n\ntype TextAreaDescriptionProps = {\n  children?: React.ReactNode;\n  showCounter?: boolean;\n  className?: string;\n};\n\ntype TextAreaRootProps = {\n  children?: React.ReactNode;\n  /**\n   * 입력 필드 스타일 유형\n   * @default 'fill'\n   */\n  variant?: Variant;\n  size?: Size;\n  error?: boolean;\n  disabled?: boolean;\n  /**\n   * TextArea의 기본값. Context를 통해 하위 컴포넌트로 전달됩니다.\n   * TextArea.Field에서 value prop이 전달되면 Field의 value가 우선 적용됩니다.\n   *\n   * 사용 패턴:\n   * - 통합 관리: <TextArea value={state}> - Context로 모든 Field에 적용\n   * - 개별 제어: <TextArea.Field value={localState}> - 특정 Field만 개별 제어\n   */\n  value?: string;\n  maxLength?: number;\n  className?: string;\n} & Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'size' | 'disabled' | 'id' | 'className'\n>;\n\ntype TextAreaComponent = React.ForwardRefExoticComponent<\n  TextAreaRootProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Label: React.ForwardRefExoticComponent<\n    TextAreaLabelProps & React.RefAttributes<HTMLLabelElement>\n  >;\n  Field: React.ForwardRefExoticComponent<\n    TextAreaFieldProps & React.RefAttributes<HTMLTextAreaElement>\n  >;\n  Description: React.ForwardRefExoticComponent<\n    TextAreaDescriptionProps & React.RefAttributes<HTMLDivElement>\n  >;\n};\n\ntype TextAreaContextType = {\n  variant: Variant;\n  size?: Size;\n  error?: boolean;\n  disabled?: boolean;\n  id: string;\n  value?: string;\n  maxLength?: number;\n  onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;\n};\n\nconst TextAreaContext = createContext<TextAreaContextType | null>(null);\n\nconst useTextAreaContext = () => {\n  const context = useContext(TextAreaContext);\n  if (!context) {\n    throw new Error('TextArea components must be used within a TextArea');\n  }\n  return context;\n};\n\nconst textAreaVariants = {\n  container: commonInputVariants.container,\n  label: commonInputVariants.label,\n\n  field: cva(\n    'scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none',\n    {\n      variants: {\n        variant: {\n          fill: 'border-transparent bg-elevation-elevation-2',\n          line: 'border-border-primary',\n        },\n        size: {\n          xsmall: 'min-h-[60px] px-1.5 py-[3.5px] text-body-3',\n          small: 'min-h-[80px] px-2 py-1 text-body-2',\n          medium: 'min-h-[100px] px-2.5 py-1.5 text-body-2',\n          large: 'min-h-[120px] px-3 py-[9px] text-body-1',\n        },\n        state: {\n          default: 'text-text-primary placeholder:text-text-tertiary',\n          focused: 'text-text-primary placeholder:text-text-tertiary',\n          error: 'text-text-primary placeholder:text-text-tertiary',\n          disabled: 'cursor-not-allowed text-text-disabled placeholder:text-text-disabled',\n        },\n      },\n      compoundVariants: [\n        { variant: 'fill', state: 'focused', class: 'border-border-focused' },\n        { variant: 'fill', state: 'error', class: 'border-border-critical' },\n        {\n          variant: 'fill',\n          state: 'disabled',\n          class: 'bg-elevation-elevation-2 border-transparent',\n        },\n        { variant: 'line', state: 'focused', class: 'border-border-focused' },\n        { variant: 'line', state: 'error', class: 'border-border-critical' },\n        { variant: 'line', state: 'disabled', class: 'border-border-primary' },\n      ],\n      defaultVariants: { variant: 'fill', size: 'medium', state: 'default' },\n    },\n  ),\n\n  descriptionContainer: cva('flex flex-row items-center justify-between', {\n    variants: {\n      size: {\n        xsmall: 'gap-0.5 text-caption',\n        small: 'gap-1 text-body-3',\n        medium: 'gap-1 text-body-3',\n        large: 'gap-1 text-body-2',\n      },\n    },\n    defaultVariants: { size: 'medium' },\n  }),\n\n  description: commonInputVariants.description,\n\n  counter: cva('text-nowrap font-regular', {\n    variants: {\n      disabled: {\n        true: 'text-gray-04',\n        false: 'text-text-tertiary',\n      },\n    },\n    defaultVariants: { disabled: false },\n  }),\n};\n\nconst TextArea = React.forwardRef<HTMLDivElement, TextAreaRootProps>(\n  (\n    {\n      children,\n      variant = 'fill',\n      size = 'medium',\n      error = false,\n      disabled = false,\n      value = '',\n      maxLength,\n      className,\n      ...textAreaProps\n    },\n    ref,\n  ) => {\n    const uniqueId = useId();\n    const id = `text-area-${uniqueId}`;\n    const { onChange, ...restTextAreaProps } = textAreaProps;\n\n    return (\n      <TextAreaContext.Provider\n        value={{ variant, size, error, disabled, id, value, maxLength, onChange }}\n      >\n        <div ref={ref} className={cn(textAreaVariants.container, className)}>\n          {children || <TextArea.Field {...restTextAreaProps} />}\n        </div>\n      </TextAreaContext.Provider>\n    );\n  },\n) as TextAreaComponent;\n\nTextArea.Label = React.forwardRef<HTMLLabelElement, TextAreaLabelProps>(\n  ({ children, required = false, className }, ref) => {\n    const { size, disabled, id } = useTextAreaContext();\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={id}\n        className={cn(textAreaVariants.label({ size, disabled, required }), className)}\n      >\n        {children}\n      </label>\n    );\n  },\n) as TextAreaComponent['Label'];\n\nTextArea.Field = React.forwardRef<HTMLTextAreaElement, TextAreaFieldProps>(\n  ({ className, onFocus, onBlur, ...props }, ref) => {\n    const {\n      variant,\n      size,\n      error,\n      disabled,\n      id,\n      maxLength,\n      value: contextValue,\n      onChange: contextOnChange,\n    } = useTextAreaContext();\n    const [focused, setFocused] = React.useState(false);\n\n    const handleFocus = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n      setFocused(true);\n      onFocus?.(e);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n      setFocused(false);\n      onBlur?.(e);\n    };\n\n    const state = disabled ? 'disabled' : error ? 'error' : focused ? 'focused' : 'default';\n\n    const isControlled = contextValue !== undefined;\n\n    return (\n      <textarea\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        maxLength={maxLength}\n        className={cn(textAreaVariants.field({ variant, size, state }), className)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={(e) => {\n          contextOnChange?.(e);\n        }}\n        {...(isControlled ? { value: contextValue } : {})}\n        {...props}\n      />\n    );\n  },\n) as TextAreaComponent['Field'];\n\nTextArea.Description = React.forwardRef<HTMLDivElement, TextAreaDescriptionProps>(\n  ({ children, showCounter = true, className }, ref) => {\n    const { size, error, disabled, value = '', maxLength } = useTextAreaContext();\n\n    if (!children && (!showCounter || !maxLength)) {\n      return null;\n    }\n\n    return (\n      <div ref={ref} className={cn(textAreaVariants.descriptionContainer({ size }), className)}>\n        {children && (\n          <p className={cn(textAreaVariants.description({ size, error, disabled }), 'flex-1')}>\n            {children}\n          </p>\n        )}\n        {showCounter && maxLength && (\n          <span className={cn(textAreaVariants.counter({ disabled }))}>\n            {value.length}/{maxLength}\n          </span>\n        )}\n      </div>\n    );\n  },\n) as TextAreaComponent['Description'];\n\nTextArea.displayName = 'TextArea';\nTextArea.Label.displayName = 'TextArea.Label';\nTextArea.Field.displayName = 'TextArea.Field';\nTextArea.Description.displayName = 'TextArea.Description';\n\nexport { TextArea };\nexport type {\n  TextAreaComponent,\n  TextAreaRootProps,\n  TextAreaLabelProps,\n  TextAreaFieldProps,\n  TextAreaDescriptionProps,\n};\n","import { cn, cva } from '@exem-ui/core/utils';\nimport type React from 'react';\nimport { createContext, forwardRef, useContext, useId } from 'react';\nimport { commonInputVariants, type Icon, type Size, type Variant } from './inputVariants';\n\ntype TextFieldContextType = {\n  variant: Variant;\n  size: Size;\n  error: boolean;\n  disabled: boolean;\n  id: string;\n  value?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n};\n\ntype TextFieldRootProps = {\n  children?: React.ReactNode;\n  /**\n   * 입력 필드 스타일 유형\n   * @default 'fill'\n   */\n  variant?: Variant;\n  size?: Size;\n  error?: boolean;\n  disabled?: boolean;\n  className?: string;\n  value?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n} & Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'disabled' | 'className' | 'value' | 'onChange'\n>;\n\ntype TextFieldLabelProps = {\n  children: React.ReactNode;\n  required?: boolean;\n  className?: string;\n};\n\ntype TextFieldInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'disabled' | 'id' | 'value' | 'onChange'\n> & {\n  leftIcon?: Icon;\n  rightIcon?: Icon;\n  subText?: string;\n};\n\ntype TextFieldDescriptionProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype TextFieldComponent = React.ForwardRefExoticComponent<\n  TextFieldRootProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Label: React.ForwardRefExoticComponent<\n    TextFieldLabelProps & React.RefAttributes<HTMLLabelElement>\n  >;\n  Input: React.ForwardRefExoticComponent<\n    TextFieldInputProps & React.RefAttributes<HTMLInputElement>\n  >;\n  Description: React.ForwardRefExoticComponent<\n    TextFieldDescriptionProps & React.RefAttributes<HTMLParagraphElement>\n  >;\n};\n\nconst TextFieldContext = createContext<TextFieldContextType | null>(null);\n\nconst useTextFieldContext = () => {\n  const context = useContext(TextFieldContext);\n  if (!context) {\n    throw new Error('TextField components must be used within a TextField');\n  }\n  return context;\n};\n\nconst textFieldVariants = {\n  container: commonInputVariants.container,\n  label: commonInputVariants.label,\n\n  wrapper: cva(\n    'flex w-full flex-row items-center rounded-medium border transition-colors focus-within:border-border-focused focus-within:outline-none',\n    {\n      variants: {\n        variant: {\n          fill: 'border-transparent bg-elevation-elevation-2',\n          line: 'border-border-primary',\n        },\n        size: {\n          xsmall: 'h-6 gap-0 px-1',\n          small: 'h-7 gap-0.5 px-1.5',\n          medium: 'h-8 gap-0.5 px-2',\n          large: 'h-10 gap-1 px-2.5',\n        },\n        state: {\n          default: 'text-text-primary',\n          error: 'text-text-primary',\n          disabled: 'cursor-not-allowed text-text-disabled',\n        },\n      },\n      compoundVariants: [\n        { variant: 'fill', state: 'error', class: 'border-border-critical' },\n        {\n          variant: 'fill',\n          state: 'disabled',\n          class: 'bg-elevation-elevation-2 border-transparent',\n        },\n        { variant: 'line', state: 'error', class: 'border-border-critical' },\n        { variant: 'line', state: 'disabled', class: 'border-border-primary' },\n      ],\n      defaultVariants: { variant: 'fill', size: 'medium', state: 'default' },\n    },\n  ),\n\n  input: cva(\n    'w-full border-none bg-transparent p-0 focus:outline-none focus:ring-0 disabled:cursor-not-allowed',\n    {\n      variants: {\n        size: {\n          xsmall: 'text-body-3 placeholder:text-body-3',\n          small: 'text-body-2 placeholder:text-body-2',\n          medium: 'text-body-2 placeholder:text-body-2',\n          large: 'text-body-1 placeholder:text-body-1',\n        },\n        state: {\n          default: 'text-text-primary placeholder:text-text-tertiary',\n          error: 'text-text-primary placeholder:text-text-tertiary',\n          disabled: 'text-text-disabled placeholder:text-text-disabled',\n        },\n      },\n      defaultVariants: { size: 'medium', state: 'default' },\n    },\n  ),\n\n  description: cva('mt-0.5 font-regular text-text-tertiary', {\n    variants: {\n      size: {\n        xsmall: 'text-caption',\n        small: 'text-body-3',\n        medium: 'text-body-3',\n        large: 'text-body-2',\n      },\n      error: {\n        true: 'text-text-critical',\n        false: '',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: true,\n        error: true,\n        class: 'text-text-disabled', // disabled가 error보다 우선\n      },\n    ],\n    defaultVariants: { size: 'medium', error: false, disabled: false },\n  }),\n\n  subText: cva('ml-1 shrink-0 font-regular', {\n    variants: {\n      size: {\n        xsmall: 'text-body-3',\n        small: 'text-body-2',\n        medium: 'text-body-2',\n        large: 'text-body-1',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n        false: 'text-text-tertiary',\n      },\n    },\n    defaultVariants: { size: 'medium', disabled: false },\n  }),\n\n  icon: cva('shrink-0 text-icon-tertiary', {\n    variants: {\n      size: {\n        xsmall: 'size-4',\n        small: 'size-4',\n        medium: 'size-4',\n        large: 'size-5',\n      },\n    },\n    defaultVariants: { size: 'medium' },\n  }),\n};\n\nconst TextField = forwardRef<HTMLDivElement, TextFieldRootProps>(\n  (\n    {\n      children,\n      variant = 'fill',\n      size = 'medium',\n      error = false,\n      disabled = false,\n      className,\n      id: providedId,\n      value,\n      onChange,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const uniqueId = useId();\n    const id = providedId || `text-field-${uniqueId}`;\n\n    return (\n      <TextFieldContext.Provider value={{ variant, size, error, disabled, id, value, onChange }}>\n        <div ref={ref} className={cn(textFieldVariants.container, className)}>\n          {children || <TextField.Input {...inputProps} />}\n        </div>\n      </TextFieldContext.Provider>\n    );\n  },\n) as TextFieldComponent;\n\nTextField.Label = forwardRef<HTMLLabelElement, TextFieldLabelProps>(\n  ({ children, required = false, className }, ref) => {\n    const { size, disabled, id } = useTextFieldContext();\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={id}\n        className={cn(textFieldVariants.label({ size, disabled, required }), className)}\n      >\n        {children}\n      </label>\n    );\n  },\n) as TextFieldComponent['Label'];\n\nTextField.Input = forwardRef<HTMLInputElement, TextFieldInputProps>(\n  ({ className, leftIcon, rightIcon, subText, ...props }, ref) => {\n    const {\n      variant,\n      size,\n      error,\n      disabled,\n      id,\n      value: contextValue,\n      onChange: contextOnChange,\n    } = useTextFieldContext();\n    const state = disabled ? 'disabled' : error ? 'error' : 'default';\n    const isControlled = contextValue !== undefined;\n\n    return (\n      <div className={cn(textFieldVariants.wrapper({ variant, size, state }), className)}>\n        {leftIcon && (\n          <span\n            className={cn('flex items-center justify-center', textFieldVariants.icon({ size }))}\n          >\n            {leftIcon}\n          </span>\n        )}\n\n        <div className=\"flex flex-1 flex-row items-center justify-center\">\n          <input\n            ref={ref}\n            id={id}\n            disabled={disabled}\n            className={cn(textFieldVariants.input({ size, state }))}\n            onChange={(e) => {\n              contextOnChange?.(e);\n            }}\n            {...props}\n            {...(isControlled ? { value: contextValue } : {})}\n          />\n          {subText && (\n            <span className={cn(textFieldVariants.subText({ size, disabled }))}>{subText}</span>\n          )}\n        </div>\n\n        {rightIcon && (\n          <span\n            className={cn('flex items-center justify-center', textFieldVariants.icon({ size }))}\n          >\n            {rightIcon}\n          </span>\n        )}\n      </div>\n    );\n  },\n) as TextFieldComponent['Input'];\n\nTextField.Description = forwardRef<HTMLParagraphElement, TextFieldDescriptionProps>(\n  ({ children, className }, ref) => {\n    const { size, error, disabled } = useTextFieldContext();\n\n    return (\n      <p\n        ref={ref}\n        className={cn(textFieldVariants.description({ size, error, disabled }), className)}\n      >\n        {children}\n      </p>\n    );\n  },\n) as TextFieldComponent['Description'];\n\nTextField.displayName = 'TextField';\nTextField.Label.displayName = 'TextField.Label';\nTextField.Input.displayName = 'TextField.Input';\nTextField.Description.displayName = 'TextField.Description';\n\nexport { TextField };\nexport type {\n  TextFieldComponent,\n  TextFieldRootProps,\n  TextFieldLabelProps,\n  TextFieldInputProps,\n  TextFieldDescriptionProps,\n};\n"]}

package/dist/chunk-J5ZYQ3TP.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var chunk5M47B2XJ_js = require('./chunk-5M47B2XJ.js');
+var utils = require('@exem-ui/core/utils');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SIZE_CONFIG = {
+  xsmall: {
+    container: "size-[16px] text-body-3",
+    initialPadding: "px-[2.5px] leading-none tracking-tight",
+    imagePadding: "p-[2px]",
+    iconSize: "size-[12px]"
+  },
+  small: {
+    container: "size-[20px] text-body-2",
+    initialPadding: "px-[3.5px]",
+    imagePadding: "p-[3px]",
+    iconSize: "size-[14px]"
+  },
+  medium: {
+    container: "size-[24px] text-body-2",
+    initialPadding: "px-[5.5px] py-[2px]",
+    imagePadding: "p-[4px]",
+    iconSize: "size-[16px]"
+  },
+  large: {
+    container: "size-[32px] text-title-2",
+    initialPadding: "px-[8px] py-[3.5px]",
+    imagePadding: "p-[6px]",
+    iconSize: "size-[20px]"
+  }
+};
+var avatarVariants = utils.cva(
+  "flex items-center justify-center rounded-[28px] text-center font-semibold",
+  {
+    variants: {
+      size: {
+        xsmall: SIZE_CONFIG.xsmall.container,
+        small: SIZE_CONFIG.small.container,
+        medium: SIZE_CONFIG.medium.container,
+        large: SIZE_CONFIG.large.container
+      },
+      type: {
+        initial: "bg-elevation-elevation-5 text-elevation-elevation-0",
+        image: "bg-elevation-elevation-4 text-elevation-elevation-0"
+      }
+    },
+    compoundVariants: [
+      // Initial type variants
+      { type: "initial", size: "xsmall", class: SIZE_CONFIG.xsmall.initialPadding },
+      { type: "initial", size: "small", class: SIZE_CONFIG.small.initialPadding },
+      { type: "initial", size: "medium", class: SIZE_CONFIG.medium.initialPadding },
+      { type: "initial", size: "large", class: SIZE_CONFIG.large.initialPadding }
+    ],
+    defaultVariants: {
+      size: "medium",
+      type: "initial"
+    }
+  }
+);
+var getInitial = (name) => {
+  return name ? name.charAt(0).toUpperCase() : "";
+};
+var renderInitialContent = (name) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { children: getInitial(name) });
+};
+var renderImageContent = (src, alt, name) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: alt || name || "Avatar", className: "size-full rounded-full object-cover" });
+};
+var renderIconContent = (size = "medium") => {
+  const iconSize = SIZE_CONFIG[size].iconSize;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5M47B2XJ_js.Person, { className: utils.cn("shrink-0", iconSize) });
+};
+var Avatar = react.forwardRef(
+  ({ className, size = "medium", type = "initial", name, src, alt, ...props }, ref) => {
+    const resolvedSize = size || "medium";
+    const isFallback = type === "image" && !src;
+    const fallbackPadding = isFallback ? SIZE_CONFIG[resolvedSize].imagePadding : void 0;
+    const renderContent = () => {
+      if (type === "initial") {
+        return renderInitialContent(name);
+      }
+      if (type === "image") {
+        return src ? renderImageContent(src, alt, name) : renderIconContent(resolvedSize);
+      }
+      return null;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: utils.cn(avatarVariants({ size, type }), fallbackPadding, className),
+        ...props,
+        children: renderContent()
+      }
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=chunk-J5ZYQ3TP.js.map
+//# sourceMappingURL=chunk-J5ZYQ3TP.js.map

package/dist/chunk-J5ZYQ3TP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/avatar/Avatar.tsx"],"names":["cva","jsx","Person","cn","forwardRef"],"mappings":"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","file":"chunk-J5ZYQ3TP.js","sourcesContent":["import { cn, cva, type VariantProps } from '@exem-ui/core/utils';\nimport type React from 'react';\nimport { forwardRef } from 'react';\nimport { PersonIcon } from '../icon';\n\ninterface AvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof avatarVariants> {\n  /** 사용자 이름. 이미지가 없을 때 이니셜 폴백에 사용됩니다. */\n  name?: string;\n  /** 아바타 이미지 URL */\n  src?: string;\n  /** 이미지 대체 텍스트 */\n  alt?: string;\n}\n\ntype AvatarComponent = React.ForwardRefExoticComponent<\n  AvatarProps & React.RefAttributes<HTMLDivElement>\n>;\n\n// 크기별 설정 상수\nconst SIZE_CONFIG = {\n  xsmall: {\n    container: 'size-[16px] text-body-3',\n    initialPadding: 'px-[2.5px] leading-none tracking-tight',\n    imagePadding: 'p-[2px]',\n    iconSize: 'size-[12px]',\n  },\n  small: {\n    container: 'size-[20px] text-body-2',\n    initialPadding: 'px-[3.5px]',\n    imagePadding: 'p-[3px]',\n    iconSize: 'size-[14px]',\n  },\n  medium: {\n    container: 'size-[24px] text-body-2',\n    initialPadding: 'px-[5.5px] py-[2px]',\n    imagePadding: 'p-[4px]',\n    iconSize: 'size-[16px]',\n  },\n  large: {\n    container: 'size-[32px] text-title-2',\n    initialPadding: 'px-[8px] py-[3.5px]',\n    imagePadding: 'p-[6px]',\n    iconSize: 'size-[20px]',\n  },\n} as const;\n\nconst avatarVariants = cva(\n  'flex items-center justify-center rounded-[28px] text-center font-semibold',\n  {\n    variants: {\n      size: {\n        xsmall: SIZE_CONFIG.xsmall.container,\n        small: SIZE_CONFIG.small.container,\n        medium: SIZE_CONFIG.medium.container,\n        large: SIZE_CONFIG.large.container,\n      },\n      type: {\n        initial: 'bg-elevation-elevation-5 text-elevation-elevation-0',\n        image: 'bg-elevation-elevation-4 text-elevation-elevation-0',\n      },\n    },\n    compoundVariants: [\n      // Initial type variants\n      { type: 'initial', size: 'xsmall', class: SIZE_CONFIG.xsmall.initialPadding },\n      { type: 'initial', size: 'small', class: SIZE_CONFIG.small.initialPadding },\n      { type: 'initial', size: 'medium', class: SIZE_CONFIG.medium.initialPadding },\n      { type: 'initial', size: 'large', class: SIZE_CONFIG.large.initialPadding },\n    ],\n    defaultVariants: {\n      size: 'medium',\n      type: 'initial',\n    },\n  },\n);\n\nconst getInitial = (name?: string): string => {\n  return name ? name.charAt(0).toUpperCase() : '';\n};\n\nconst renderInitialContent = (name?: string) => {\n  return <span>{getInitial(name)}</span>;\n};\n\nconst renderImageContent = (src: string, alt?: string, name?: string) => {\n  return (\n    <img src={src} alt={alt || name || 'Avatar'} className=\"size-full rounded-full object-cover\" />\n  );\n};\n\nconst renderIconContent = (size: keyof typeof SIZE_CONFIG = 'medium') => {\n  const iconSize = SIZE_CONFIG[size].iconSize;\n  return <PersonIcon className={cn('shrink-0', iconSize)} />;\n};\n\n/**\n * 사용자 아바타를 표시하는 컴포넌트입니다. 이니셜, 이미지, 아이콘 폴백을 지원합니다.\n *\n * @example\n * ```tsx\n * // 이니셜 표시\n * <Avatar name=\"홍길동\" size=\"large\" />\n *\n * // 이미지 표시\n * <Avatar type=\"image\" src=\"/avatar.png\" name=\"홍길동\" />\n *\n * // 이미지 없을 때 아이콘 폴백\n * <Avatar type=\"image\" name=\"홍길동\" />\n * ```\n *\n * @see {@link AvatarProps} props 상세\n */\nconst Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n  ({ className, size = 'medium', type = 'initial', name, src, alt, ...props }, ref) => {\n    const resolvedSize = size || 'medium';\n    const isFallback = type === 'image' && !src;\n    const fallbackPadding = isFallback ? SIZE_CONFIG[resolvedSize].imagePadding : undefined;\n\n    const renderContent = () => {\n      if (type === 'initial') {\n        return renderInitialContent(name);\n      }\n\n      if (type === 'image') {\n        return src ? renderImageContent(src, alt, name) : renderIconContent(resolvedSize);\n      }\n\n      return null;\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(avatarVariants({ size, type }), fallbackPadding, className)}\n        {...props}\n      >\n        {renderContent()}\n      </div>\n    );\n  },\n) as AvatarComponent;\n\nAvatar.displayName = 'Avatar';\n\nexport { Avatar };\nexport type { AvatarComponent, AvatarProps };\n"]}

package/dist/chunk-KPAUBWZA.mjs

@@ -0,0 +1,39 @@
+import { cva, cn } from '@exem-ui/core/utils';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/badge/Badge.tsx
+var badgeVariants = cva(
+  "inline-flex items-center rounded-strong border px-[4px] text-body-3 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        accent: "border-transparent bg-solid-accent-default text-text-static-light",
+        "accent-disabled": "border-transparent bg-solid-accent-disabled text-text-inverse-disabled",
+        default: "border-transparent bg-elevation-elevation-3 text-text-secondary",
+        "default-disabled": "border-transparent bg-elevation-elevation-2 text-text-disabled"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = forwardRef(
+  ({ className, variant = "default", disabled = false, ...props }, ref) => {
+    const finalVariant = disabled ? `${variant}-disabled` : variant;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(badgeVariants({ variant: finalVariant }), className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export { Badge };
+//# sourceMappingURL=chunk-KPAUBWZA.mjs.map
+//# sourceMappingURL=chunk-KPAUBWZA.mjs.map

package/dist/chunk-KPAUBWZA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge/Badge.tsx"],"names":[],"mappings":";;;;;AAqBA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,uKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,MAAA,EAAQ,mEAAA;AAAA,QACR,iBAAA,EAAmB,wEAAA;AAAA,QACnB,OAAA,EAAS,iEAAA;AAAA,QACT,kBAAA,EAAoB;AAAA;AACtB,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAaA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,OAAA,GAAU,SAAA,EAAW,WAAW,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvE,IAAA,MAAM,YAAA,GAAe,QAAA,GAAY,CAAA,EAAG,OAAO,CAAA,SAAA,CAAA,GAAwB,OAAA;AAEnE,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,YAAA,EAAc,GAAG,SAAS,CAAA;AAAA,QAChE,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-KPAUBWZA.mjs","sourcesContent":["import { cn, cva } from '@exem-ui/core/utils';\nimport type React from 'react';\nimport { forwardRef } from 'react';\n\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * 배지 스타일 변형\n   * @default 'default'\n   */\n  variant?: 'default' | 'accent';\n  /**\n   * 비활성화 상태\n   * @default false\n   */\n  disabled?: boolean;\n}\n\ntype BadgeComponent = React.ForwardRefExoticComponent<\n  BadgeProps & React.RefAttributes<HTMLDivElement>\n>;\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-strong border px-[4px] text-body-3 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        accent: 'border-transparent bg-solid-accent-default text-text-static-light',\n        'accent-disabled': 'border-transparent bg-solid-accent-disabled text-text-inverse-disabled',\n        default: 'border-transparent bg-elevation-elevation-3 text-text-secondary',\n        'default-disabled': 'border-transparent bg-elevation-elevation-2 text-text-disabled',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\n/**\n * 상태나 카운트를 표시하는 배지 컴포넌트입니다.\n *\n * @example\n * ```tsx\n * <Badge variant=\"accent\">3</Badge>\n * <Badge variant=\"default\" disabled>0</Badge>\n * ```\n *\n * @see {@link BadgeProps} props 상세\n */\nconst Badge = forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant = 'default', disabled = false, ...props }, ref) => {\n    const finalVariant = disabled ? (`${variant}-disabled` as const) : variant;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(badgeVariants({ variant: finalVariant }), className)}\n        {...props}\n      />\n    );\n  },\n) as BadgeComponent;\n\nBadge.displayName = 'Badge';\n\nexport { Badge };\nexport type { BadgeComponent, BadgeProps };\n"]}