@exem-ui/react 0.1.0 → 0.2.0

package/dist/chunk-MQVHREEI.js

@@ -1,448 +0,0 @@
-'use strict';
-
-var chunk5M47B2XJ_js = require('./chunk-5M47B2XJ.js');
-var utils = require('@exem-ui/core/utils');
-var SelectPrimitive = require('@radix-ui/react-select');
-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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var commonInputVariants = {
-  // Container variants - 전체 컴포넌트 래퍼
-  container: utils.cva("flex flex-col"),
-  // Label variants - 라벨 텍스트
-  label: utils.cva("inline-block font-regular text-text-primary", {
-    variants: {
-      size: {
-        xsmall: "mb-[2px] text-body-3",
-        small: "mb-[4px] text-body-2",
-        medium: "mb-[4px] text-body-2",
-        large: "mb-[6px] text-body-1"
-      },
-      disabled: {
-        true: "text-text-disabled"
-      },
-      required: {
-        true: 'after:ml-0.5 after:text-text-critical after:content-["*"]'
-      }
-    },
-    compoundVariants: [
-      {
-        required: true,
-        disabled: true,
-        className: "after:text-text-disabled"
-      }
-    ],
-    defaultVariants: { size: "medium" }
-  }),
-  // Description variants - 설명 텍스트
-  description: utils.cva("mt-0.5 inline-block 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"
-      },
-      disabled: {
-        true: "text-text-disabled"
-      }
-    },
-    compoundVariants: [
-      {
-        error: true,
-        disabled: true,
-        className: "text-text-disabled"
-        // disabled 우선 적용
-      }
-    ],
-    defaultVariants: { size: "medium" }
-  }),
-  // Icon variants - 아이콘 크기
-  icon: utils.cva("shrink-0", {
-    variants: {
-      size: {
-        xsmall: "size-4",
-        small: "size-4",
-        medium: "size-4",
-        large: "size-5"
-      }
-    },
-    defaultVariants: { size: "medium" }
-  })
-};
-
-// src/input/selectVariants.ts
-var selectVariants = {
-  container: commonInputVariants.container,
-  content: utils.cn(
-    "relative border border-border-primary z-50 min-w-[8rem] overflow-hidden rounded-medium bg-background-overlay shadow-weak",
-    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-    "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1"
-  ),
-  description: commonInputVariants.description,
-  iconSize: commonInputVariants.icon,
-  item: utils.cva(
-    "relative flex w-full cursor-pointer select-none items-center rounded-weak px-2 text-body-2 text-text-primary outline-none hover:bg-elevation-elevation-2 data-[disabled]:pointer-events-none data-[state=checked]:bg-elevation-accent data-[disabled]:text-text-disabled",
-    {
-      defaultVariants: { size: "medium" },
-      variants: {
-        size: {
-          xsmall: "h-6",
-          small: "h-7",
-          medium: "h-8",
-          large: "h-10"
-        }
-      }
-    }
-  ),
-  itemText: utils.cva("truncate flex items-center flex-1 min-w-0", {
-    defaultVariants: { size: "medium" },
-    variants: {
-      size: {
-        xsmall: "h-6",
-        small: "h-7",
-        medium: "h-8",
-        large: "h-10"
-      }
-    }
-  }),
-  label: commonInputVariants.label,
-  trigger: utils.cva(
-    "group flex w-full items-center justify-between rounded-medium outline-none disabled:cursor-not-allowed disabled:bg-elevation-elevation-2 disabled:text-text-disabled data-[state=open]:border data-[state=open]:border-border-focused [&>span]:line-clamp-1 [&[data-placeholder]]:text-text-tertiary [&_svg]:text-icon-primary",
-    {
-      compoundVariants: [
-        {
-          className: "border-border-accent text-tint-foreground-sky bg-elevation-accent [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky",
-          focus: true,
-          variant: "line"
-        },
-        // active + fill: 배경만 accent로 변경
-        {
-          className: "bg-elevation-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky",
-          active: true,
-          variant: "fill"
-        },
-        // active + line: 배경 accent + 테두리 accent
-        {
-          className: "bg-elevation-accent border-border-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky",
-          active: true,
-          variant: "line"
-        }
-      ],
-      defaultVariants: {
-        active: false,
-        error: false,
-        focus: false,
-        size: "medium",
-        variant: "fill"
-      },
-      variants: {
-        active: {
-          false: "",
-          true: ""
-        },
-        error: {
-          false: "",
-          true: "border !border-border-critical"
-        },
-        focus: {
-          false: "",
-          // 현재는 line 타입만 focus 가능
-          true: ""
-        },
-        size: {
-          xsmall: "h-6 px-[4px] text-body-3",
-          small: "h-7 px-[6px] text-body-2",
-          medium: "h-8 px-[8px] text-body-2",
-          large: "h-10 px-[10px] text-body-1"
-        },
-        variant: {
-          fill: "bg-elevation-elevation-2",
-          line: "border-border-primary border"
-        }
-      }
-    }
-  ),
-  triggerInner: utils.cva("flex w-full items-center", {
-    defaultVariants: { size: "medium" },
-    variants: {
-      size: {
-        xsmall: "gap-0",
-        small: "gap-[2px]",
-        medium: "gap-[2px]",
-        large: "gap-[4px]"
-      }
-    }
-  }),
-  viewport: utils.cn("flex flex-col gap-0.5 p-1")
-};
-var SelectContext = React.createContext(null);
-var useSelectContext = () => {
-  const context = React.useContext(SelectContext);
-  if (!context) {
-    throw new Error("Select components must be used within a Select");
-  }
-  return context;
-};
-var SelectGroupContext = React.createContext(null);
-var useSelectGroupContext = () => {
-  return React.useContext(SelectGroupContext);
-};
-var Select = React.forwardRef(
-  ({
-    children,
-    size = "medium",
-    variant = "fill",
-    error = false,
-    disabled = false,
-    focus = false,
-    active = false,
-    className,
-    ...selectProps
-  }, ref) => {
-    const uniqueId = React.useId();
-    const id = `select-${uniqueId}`;
-    return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: { active, disabled, error, focus, id, size, variant }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(selectVariants.container(), className), children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { disabled, ...selectProps, children }) }) });
-  }
-);
-Select.Value = React.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { ref, className, ...props, children });
-});
-Select.Trigger = React.forwardRef(
-  ({ className, children, leftIcon, ...props }, ref) => {
-    const { size, error, id, variant, focus, active } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const groupClasses = groupContext ? utils.cn("rounded-none border-0", {
-      "rounded-l-medium": groupContext.isFirstChild,
-      "rounded-r-medium": groupContext.isLastChild,
-      // line variant: group이 외곽 border를 제공하므로, open 시 border 대신 inset ring 사용
-      "data-[state=open]:border-0 data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-border-focused": variant === "line"
-    }) : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SelectPrimitive__namespace.Trigger,
-      {
-        ref,
-        id,
-        "data-slot": "select-trigger",
-        className: utils.cn(
-          selectVariants.trigger({ active, error, focus, size, variant }),
-          groupClasses,
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(selectVariants.triggerInner({ size })), children: [
-          leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: utils.cn(
-                selectVariants.iconSize({ size }),
-                "flex items-center justify-center group-disabled:text-icon-disabled"
-              ),
-              children: leftIcon
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 truncate text-left", children }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5M47B2XJ_js.ChevronDown,
-            {
-              type: "regular",
-              className: utils.cn(
-                selectVariants.iconSize({ size }),
-                "transition-transform duration-200 group-data-[state=open]:rotate-180",
-                "group-disabled:text-icon-disabled"
-              )
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Select.Box = React.forwardRef(
-  ({ placeholder, leftIcon, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Select.Trigger, { ref, leftIcon, className, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Select.Value, { placeholder }) });
-  }
-);
-Select.List = React.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Content,
-    {
-      ref,
-      "data-slot": "select-content",
-      className: utils.cn(selectVariants.content, "max-h-60 ", className),
-      position: "popper",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        SelectPrimitive__namespace.Viewport,
-        {
-          "data-slot": "select-viewport",
-          className: utils.cn(
-            selectVariants.viewport,
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      )
-    }
-  ) })
-);
-Select.Label = React.forwardRef(
-  ({ children, required = false, size: sizeProp, className }, ref) => {
-    const { size: contextSize, disabled, id } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const size = sizeProp ?? groupContext?.size ?? contextSize;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "label",
-      {
-        ref,
-        htmlFor: id,
-        className: utils.cn(selectVariants.label({ disabled, required, size }), className),
-        children
-      }
-    );
-  }
-);
-Select.Item = React.forwardRef(
-  ({
-    className,
-    children,
-    leftIcon,
-    rightIcon,
-    leftIconSize,
-    rightIconSize,
-    size: sizeProp,
-    ...props
-  }, ref) => {
-    const { size: contextSize } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const size = sizeProp ?? groupContext?.size ?? contextSize;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SelectPrimitive__namespace.Item,
-      {
-        "data-slot": "select-item",
-        ref,
-        className: utils.cn(selectVariants.item({ size }), className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-0.5", children: [
-            leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: utils.cn(
-                  selectVariants.iconSize({ size: leftIconSize ?? size }),
-                  "flex items-center justify-center text-icon-primary"
-                ),
-                children: leftIcon
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(selectVariants.itemText({ size })), children }) })
-          ] }),
-          rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: utils.cn(
-                selectVariants.iconSize({ size: rightIconSize ?? size }),
-                "flex items-center justify-center text-icon-primary"
-              ),
-              children: rightIcon
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Select.Empty = React.forwardRef(
-  ({ children = "No data", className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex min-h-8 items-center justify-center p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body-2 text-text-disabled", children }) });
-  }
-);
-Select.Description = React.forwardRef(
-  ({ children, size: sizeProp, className }, ref) => {
-    const { size: contextSize, error, disabled } = useSelectContext();
-    const groupContext = useSelectGroupContext();
-    const size = sizeProp ?? groupContext?.size ?? contextSize;
-    if (!children) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "select-description",
-        className: utils.cn(selectVariants.description({ disabled, error, size }), className),
-        children: /* @__PURE__ */ jsxRuntime.jsx("p", { children })
-      }
-    );
-  }
-);
-Select.Group = React.forwardRef(
-  ({ children, size = "medium", variant = "fill", hasBackground = false, className }, ref) => {
-    const childArray = React__namespace.Children.toArray(children);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils.cn(
-          "flex w-fit flex-row items-stretch overflow-clip rounded-medium",
-          variant === "line" && "border border-border-primary",
-          hasBackground && "bg-elevation-elevation-0",
-          className
-        ),
-        children: childArray.map((child, index) => {
-          const isFirst = index === 0;
-          const isLast = index === childArray.length - 1;
-          return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SelectGroupContext.Provider,
-              {
-                value: { isFirstChild: isFirst, isLastChild: isLast, size, variant },
-                children: child
-              }
-            ),
-            !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px self-stretch bg-border-primary" })
-          ] }, index);
-        })
-      }
-    );
-  }
-);
-Select.displayName = "Select";
-Select.Label.displayName = "Select.Label";
-Select.Trigger.displayName = "Select.Trigger";
-Select.Box.displayName = "Select.Box";
-Select.Value.displayName = "Select.Value";
-Select.List.displayName = "Select.List";
-Select.Item.displayName = "Select.Item";
-Select.Empty.displayName = "Select.Empty";
-Select.Description.displayName = "Select.Description";
-Select.Group.displayName = "Select.Group";
-
-exports.Select = Select;
-exports.commonInputVariants = commonInputVariants;
-//# sourceMappingURL=chunk-MQVHREEI.js.map
-//# sourceMappingURL=chunk-MQVHREEI.js.map

package/dist/chunk-MQVHREEI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input/inputVariants.ts","../src/input/selectVariants.ts","../src/input/Select.tsx"],"names":["cva","cn","createContext","useContext","forwardRef","useId","jsx","SelectPrimitive","jsxs","ChevronDown","React"],"mappings":"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","file":"chunk-MQVHREEI.js","sourcesContent":["import { cva } from '@exem-ui/core/utils';\n\n// 공통 Input variants\nexport const commonInputVariants = {\n  // Container variants - 전체 컴포넌트 래퍼\n  container: cva('flex flex-col'),\n\n  // Label variants - 라벨 텍스트\n  label: cva('inline-block font-regular text-text-primary', {\n    variants: {\n      size: {\n        xsmall: 'mb-[2px] text-body-3',\n        small: 'mb-[4px] text-body-2',\n        medium: 'mb-[4px] text-body-2',\n        large: 'mb-[6px] text-body-1',\n      },\n      disabled: {\n        true: 'text-text-disabled',\n      },\n      required: {\n        true: 'after:ml-0.5 after:text-text-critical after:content-[\"*\"]',\n      },\n    },\n    compoundVariants: [\n      {\n        required: true,\n        disabled: true,\n        className: 'after:text-text-disabled',\n      },\n    ],\n    defaultVariants: { size: 'medium' },\n  }),\n\n  // Description variants - 설명 텍스트\n  description: cva('mt-0.5 inline-block 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      },\n      disabled: {\n        true: 'text-text-disabled',\n      },\n    },\n    compoundVariants: [\n      {\n        error: true,\n        disabled: true,\n        className: 'text-text-disabled', // disabled 우선 적용\n      },\n    ],\n    defaultVariants: { size: 'medium' },\n  }),\n\n  // Icon variants - 아이콘 크기\n  icon: cva('shrink-0', {\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\n// 공통 타입 정의\nexport type Size = 'xsmall' | 'small' | 'medium' | 'large';\nexport type Variant = 'fill' | 'line';\nexport type Icon = React.ReactElement<{ className?: string }>;\n","import { cn, cva } from '@exem-ui/core/utils';\nimport { commonInputVariants } from './inputVariants';\n\nexport const selectVariants = {\n  container: commonInputVariants.container,\n  content: cn(\n    'relative border border-border-primary z-50 min-w-[8rem] overflow-hidden rounded-medium bg-background-overlay shadow-weak',\n    'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n    'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n  ),\n\n  description: commonInputVariants.description,\n\n  iconSize: commonInputVariants.icon,\n\n  item: cva(\n    'relative flex w-full cursor-pointer select-none items-center rounded-weak px-2 text-body-2 text-text-primary outline-none hover:bg-elevation-elevation-2 data-[disabled]:pointer-events-none data-[state=checked]:bg-elevation-accent data-[disabled]:text-text-disabled',\n    {\n      defaultVariants: { size: 'medium' },\n      variants: {\n        size: {\n          xsmall: 'h-6',\n          small: 'h-7',\n          medium: 'h-8',\n          large: 'h-10',\n        },\n      },\n    },\n  ),\n  itemText: cva('truncate flex items-center flex-1 min-w-0', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'h-6',\n        small: 'h-7',\n        medium: 'h-8',\n        large: 'h-10',\n      },\n    },\n  }),\n\n  label: commonInputVariants.label,\n\n  trigger: cva(\n    'group flex w-full items-center justify-between rounded-medium outline-none disabled:cursor-not-allowed disabled:bg-elevation-elevation-2 disabled:text-text-disabled data-[state=open]:border data-[state=open]:border-border-focused [&>span]:line-clamp-1 [&[data-placeholder]]:text-text-tertiary [&_svg]:text-icon-primary',\n    {\n      compoundVariants: [\n        {\n          className:\n            'border-border-accent text-tint-foreground-sky bg-elevation-accent [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          focus: true,\n          variant: 'line',\n        },\n        // active + fill: 배경만 accent로 변경\n        {\n          className:\n            'bg-elevation-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          active: true,\n          variant: 'fill',\n        },\n        // active + line: 배경 accent + 테두리 accent\n        {\n          className:\n            'bg-elevation-accent border-border-accent text-tint-foreground-sky [&[data-placeholder]]:text-tint-foreground-sky [&_svg]:text-tint-foreground-sky',\n          active: true,\n          variant: 'line',\n        },\n      ],\n      defaultVariants: {\n        active: false,\n        error: false,\n        focus: false,\n        size: 'medium',\n        variant: 'fill',\n      },\n      variants: {\n        active: {\n          false: '',\n          true: '',\n        },\n        error: {\n          false: '',\n          true: 'border !border-border-critical',\n        },\n        focus: {\n          false: '',\n          // 현재는 line 타입만 focus 가능\n          true: '',\n        },\n        size: {\n          xsmall: 'h-6 px-[4px] text-body-3',\n          small: 'h-7 px-[6px] text-body-2',\n          medium: 'h-8 px-[8px] text-body-2',\n          large: 'h-10 px-[10px] text-body-1',\n        },\n        variant: {\n          fill: 'bg-elevation-elevation-2',\n          line: 'border-border-primary border',\n        },\n      },\n    },\n  ),\n\n  triggerInner: cva('flex w-full items-center', {\n    defaultVariants: { size: 'medium' },\n    variants: {\n      size: {\n        xsmall: 'gap-0',\n        small: 'gap-[2px]',\n        medium: 'gap-[2px]',\n        large: 'gap-[4px]',\n      },\n    },\n  }),\n  viewport: cn('flex flex-col gap-0.5 p-1'),\n};\n","import { cn } from '@exem-ui/core/utils';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport * as React from 'react';\nimport { createContext, forwardRef, useContext, useId } from 'react';\nimport { ChevronDownIcon } from '../icon';\n\nimport type { Icon, Size, Variant } from './inputVariants';\nimport { selectVariants } from './selectVariants';\n\ntype SelectContextValue = {\n  size: Size;\n  error: boolean;\n  focus: boolean;\n  active: boolean;\n  disabled: boolean;\n  id: string;\n  variant: Variant;\n};\n\ntype SelectGroupContextValue = {\n  isFirstChild: boolean;\n  isLastChild: boolean;\n  size?: Size;\n  variant?: Variant;\n  focus?: boolean;\n};\n\n/** Select 라벨 Props */\ntype SelectLabelProps = {\n  children: React.ReactNode;\n  required?: boolean;\n  size?: Size;\n  className?: string;\n};\n\n/** Select 트리거 Props */\ntype SelectTriggerProps = {\n  children?: React.ReactNode;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select Box (Trigger + Value 조합) Props */\ntype SelectBoxProps = {\n  placeholder?: string;\n  /** 트리거 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'>;\n\n/** Select 아이템 Props */\ntype SelectItemProps = {\n  children?: React.ReactNode;\n  /** 아이템 왼쪽에 표시할 아이콘 */\n  leftIcon?: Icon;\n  /** 아이템 오른쪽에 표시할 아이콘 */\n  rightIcon?: Icon;\n  /** 왼쪽 아이콘 크기 */\n  leftIconSize?: Size;\n  /** 오른쪽 아이콘 크기 */\n  rightIconSize?: Size;\n  size?: Size;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, 'children'>;\n\ntype SelectEmptyProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\ntype SelectDescriptionProps = {\n  children?: React.ReactNode;\n  size?: Size;\n  className?: string;\n};\n\ntype SelectGroupProps = {\n  children: React.ReactNode;\n  size?: Size;\n  /** 셀렉트 그룹 스타일 변형 */\n  variant?: Variant;\n  /** 불투명 배경 (elevation-0) 사용 여부. 반투명 배경이 비쳐보이는 것을 방지합니다. */\n  hasBackground?: boolean;\n  className?: string;\n};\n\n/** Select 루트 Props */\ntype SelectRootProps = {\n  children?: React.ReactNode;\n  /** 셀렉트 크기 */\n  size?: Size;\n  /** 셀렉트 스타일 변형 */\n  variant?: Variant;\n  /** 에러 상태 */\n  error?: boolean;\n  /** 포커스 상태 (line variant에서만 적용) */\n  focus?: boolean;\n  /** 활성화 상태 (필터 적용 등 내부 상태가 활성화됨을 표시) */\n  active?: boolean;\n  /** 비활성화 상태 */\n  disabled?: boolean;\n  className?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, 'disabled' | 'children'>;\n\ntype SelectListProps = Omit<\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n  'position'\n>;\n\ntype SelectComponent = React.ForwardRefExoticComponent<\n  SelectRootProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Label: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLLabelElement>>;\n  Trigger: React.ForwardRefExoticComponent<\n    SelectTriggerProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n  >;\n  Box: React.ForwardRefExoticComponent<\n    SelectBoxProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Trigger>>\n  >;\n  Value: React.ForwardRefExoticComponent<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value> &\n      React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Value>>\n  >;\n  List: React.ForwardRefExoticComponent<\n    SelectListProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Content>>\n  >;\n  Item: React.ForwardRefExoticComponent<\n    SelectItemProps & React.RefAttributes<React.ComponentRef<typeof SelectPrimitive.Item>>\n  >;\n  Empty: React.ForwardRefExoticComponent<SelectEmptyProps & React.RefAttributes<HTMLDivElement>>;\n  Description: React.ForwardRefExoticComponent<\n    SelectDescriptionProps & React.RefAttributes<HTMLDivElement>\n  >;\n  Group: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst SelectContext = createContext<SelectContextValue | null>(null);\n\nconst useSelectContext = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('Select components must be used within a Select');\n  }\n  return context;\n};\n\nconst SelectGroupContext = createContext<SelectGroupContextValue | null>(null);\n\nconst useSelectGroupContext = () => {\n  return useContext(SelectGroupContext);\n};\n\nconst Select = forwardRef<HTMLDivElement, SelectRootProps>(\n  (\n    {\n      children,\n      size = 'medium',\n      variant = 'fill',\n      error = false,\n      disabled = false,\n      focus = false,\n      active = false,\n      className,\n      ...selectProps\n    },\n    ref,\n  ) => {\n    const uniqueId = useId();\n    const id = `select-${uniqueId}`;\n\n    return (\n      <SelectContext.Provider value={{ active, disabled, error, focus, id, size, variant }}>\n        <div ref={ref} className={cn(selectVariants.container(), className)}>\n          <SelectPrimitive.Root disabled={disabled} {...selectProps}>\n            {children}\n          </SelectPrimitive.Root>\n        </div>\n      </SelectContext.Provider>\n    );\n  },\n) as SelectComponent;\n\nSelect.Value = forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Value>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <SelectPrimitive.Value ref={ref} className={className} {...props}>\n      {children}\n    </SelectPrimitive.Value>\n  );\n}) as SelectComponent['Value'];\n\nSelect.Trigger = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n  ({ className, children, leftIcon, ...props }, ref) => {\n    const { size, error, id, variant, focus, active } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n\n    const groupClasses = groupContext\n      ? cn('rounded-none border-0', {\n          'rounded-l-medium': groupContext.isFirstChild,\n          'rounded-r-medium': groupContext.isLastChild,\n          // line variant: group이 외곽 border를 제공하므로, open 시 border 대신 inset ring 사용\n          'data-[state=open]:border-0 data-[state=open]:ring-1 data-[state=open]:ring-inset data-[state=open]:ring-border-focused':\n            variant === 'line',\n        })\n      : undefined;\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        id={id}\n        data-slot=\"select-trigger\"\n        className={cn(\n          selectVariants.trigger({ active, error, focus, size, variant }),\n          groupClasses,\n          className,\n        )}\n        {...props}\n      >\n        <div className={cn(selectVariants.triggerInner({ size }))}>\n          {leftIcon && (\n            <span\n              className={cn(\n                selectVariants.iconSize({ size }),\n                'flex items-center justify-center group-disabled:text-icon-disabled',\n              )}\n            >\n              {leftIcon}\n            </span>\n          )}\n          <div className=\"min-w-0 flex-1 truncate text-left\">{children}</div>\n          <ChevronDownIcon\n            type=\"regular\"\n            className={cn(\n              selectVariants.iconSize({ size }),\n              'transition-transform duration-200 group-data-[state=open]:rotate-180',\n              'group-disabled:text-icon-disabled',\n            )}\n          />\n        </div>\n      </SelectPrimitive.Trigger>\n    );\n  },\n) as SelectComponent['Trigger'];\n\nSelect.Box = forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectBoxProps>(\n  ({ placeholder, leftIcon, className, ...props }, ref) => {\n    return (\n      <Select.Trigger ref={ref} leftIcon={leftIcon} className={className} {...props}>\n        <Select.Value placeholder={placeholder} />\n      </Select.Trigger>\n    );\n  },\n) as SelectComponent['Box'];\n\nSelect.List = forwardRef<React.ComponentRef<typeof SelectPrimitive.Content>, SelectListProps>(\n  ({ className, children, ...props }, ref) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        data-slot=\"select-content\"\n        className={cn(selectVariants.content, 'max-h-60 ', className)}\n        position=\"popper\"\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          data-slot=\"select-viewport\"\n          className={cn(\n            selectVariants.viewport,\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n) as SelectComponent['List'];\n\nSelect.Label = forwardRef<HTMLLabelElement, SelectLabelProps>(\n  ({ children, required = false, size: sizeProp, className }, ref) => {\n    const { size: contextSize, disabled, id } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={id}\n        className={cn(selectVariants.label({ disabled, required, size }), className)}\n      >\n        {children}\n      </label>\n    );\n  },\n) as SelectComponent['Label'];\n\nSelect.Item = forwardRef<React.ComponentRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  (\n    {\n      className,\n      children,\n      leftIcon,\n      rightIcon,\n      leftIconSize,\n      rightIconSize,\n      size: sizeProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const { size: contextSize } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    return (\n      <SelectPrimitive.Item\n        data-slot=\"select-item\"\n        ref={ref}\n        className={cn(selectVariants.item({ size }), className)}\n        {...props}\n      >\n        <div className=\"flex w-full items-center justify-between\">\n          <div className=\"flex w-full items-center gap-0.5\">\n            {leftIcon && (\n              <span\n                className={cn(\n                  selectVariants.iconSize({ size: leftIconSize ?? size }),\n                  'flex items-center justify-center text-icon-primary',\n                )}\n              >\n                {leftIcon}\n              </span>\n            )}\n            <SelectPrimitive.ItemText asChild>\n              <div className={cn(selectVariants.itemText({ size }))}>{children}</div>\n            </SelectPrimitive.ItemText>\n          </div>\n          {rightIcon && (\n            <span\n              className={cn(\n                selectVariants.iconSize({ size: rightIconSize ?? size }),\n                'flex items-center justify-center text-icon-primary',\n              )}\n            >\n              {rightIcon}\n            </span>\n          )}\n        </div>\n      </SelectPrimitive.Item>\n    );\n  },\n) as SelectComponent['Item'];\n\nSelect.Empty = forwardRef<HTMLDivElement, SelectEmptyProps>(\n  ({ children = 'No data', className }, ref) => {\n    return (\n      <div ref={ref} className={cn('flex min-h-8 items-center justify-center p-2', className)}>\n        <p className=\"text-body-2 text-text-disabled\">{children}</p>\n      </div>\n    );\n  },\n) as SelectComponent['Empty'];\n\nSelect.Description = forwardRef<HTMLDivElement, SelectDescriptionProps>(\n  ({ children, size: sizeProp, className }, ref) => {\n    const { size: contextSize, error, disabled } = useSelectContext();\n    const groupContext = useSelectGroupContext();\n    const size = sizeProp ?? groupContext?.size ?? contextSize;\n\n    if (!children) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"select-description\"\n        className={cn(selectVariants.description({ disabled, error, size }), className)}\n      >\n        <p>{children}</p>\n      </div>\n    );\n  },\n) as SelectComponent['Description'];\n\nSelect.Group = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, size = 'medium', variant = 'fill', hasBackground = false, className }, ref) => {\n    const childArray = React.Children.toArray(children);\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex w-fit flex-row items-stretch overflow-clip rounded-medium',\n          variant === 'line' && 'border border-border-primary',\n          hasBackground && 'bg-elevation-elevation-0',\n          className,\n        )}\n      >\n        {childArray.map((child, index) => {\n          const isFirst = index === 0;\n          const isLast = index === childArray.length - 1;\n\n          return (\n            <React.Fragment key={index}>\n              <SelectGroupContext.Provider\n                value={{ isFirstChild: isFirst, isLastChild: isLast, size, variant }}\n              >\n                {child}\n              </SelectGroupContext.Provider>\n              {!isLast && <div className=\"w-px self-stretch bg-border-primary\" />}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n) as SelectComponent['Group'];\n\nSelect.displayName = 'Select';\nSelect.Label.displayName = 'Select.Label';\nSelect.Trigger.displayName = 'Select.Trigger';\nSelect.Box.displayName = 'Select.Box';\nSelect.Value.displayName = 'Select.Value';\nSelect.List.displayName = 'Select.List';\nSelect.Item.displayName = 'Select.Item';\nSelect.Empty.displayName = 'Select.Empty';\nSelect.Description.displayName = 'Select.Description';\nSelect.Group.displayName = 'Select.Group';\n\nexport { Select };\nexport type {\n  SelectComponent,\n  SelectRootProps,\n  SelectBoxProps,\n  SelectDescriptionProps,\n  SelectEmptyProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectTriggerProps,\n  SelectGroupProps,\n  SelectListProps,\n};\n"]}

package/dist/chunk-MT47ECUN.js

@@ -1,127 +0,0 @@
-'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 tagVariants = utils.cva(
-  "inline-flex h-5 items-center gap-0.5 rounded-medium px-1 text-body-3 font-medium",
-  {
-    variants: {
-      color: {
-        mono: "text-tint-foreground-mono",
-        sky: "text-tint-foreground-sky",
-        red: "text-tint-foreground-red",
-        amber: "text-tint-foreground-amber",
-        green: "text-tint-foreground-green",
-        orange: "text-tint-foreground-orange",
-        cyan: "text-tint-foreground-cyan",
-        violet: "text-tint-foreground-violet",
-        pink: "text-tint-foreground-pink",
-        yellow: "text-tint-foreground-yellow",
-        lime: "text-tint-foreground-lime",
-        emerald: "text-tint-foreground-emerald",
-        teal: "text-tint-foreground-teal",
-        blue: "text-tint-foreground-blue",
-        indigo: "text-tint-foreground-indigo",
-        purple: "text-tint-foreground-purple",
-        fuchsia: "text-tint-foreground-fuchsia",
-        rose: "text-tint-foreground-rose"
-      },
-      type: {
-        fill: "",
-        line: "bg-component-tag border border-border-secondary"
-      }
-    },
-    compoundVariants: [
-      { color: "mono", type: "fill", className: "bg-tint-background-mono" },
-      { color: "sky", type: "fill", className: "bg-tint-background-sky" },
-      { color: "red", type: "fill", className: "bg-tint-background-red" },
-      { color: "amber", type: "fill", className: "bg-tint-background-amber" },
-      { color: "green", type: "fill", className: "bg-tint-background-green" },
-      { color: "orange", type: "fill", className: "bg-tint-background-orange" },
-      { color: "cyan", type: "fill", className: "bg-tint-background-cyan" },
-      { color: "violet", type: "fill", className: "bg-tint-background-violet" },
-      { color: "pink", type: "fill", className: "bg-tint-background-pink" },
-      { color: "yellow", type: "fill", className: "bg-tint-background-yellow" },
-      { color: "lime", type: "fill", className: "bg-tint-background-lime" },
-      { color: "emerald", type: "fill", className: "bg-tint-background-emerald" },
-      { color: "teal", type: "fill", className: "bg-tint-background-teal" },
-      { color: "blue", type: "fill", className: "bg-tint-background-blue" },
-      { color: "indigo", type: "fill", className: "bg-tint-background-indigo" },
-      { color: "purple", type: "fill", className: "bg-tint-background-purple" },
-      { color: "fuchsia", type: "fill", className: "bg-tint-background-fuchsia" },
-      { color: "rose", type: "fill", className: "bg-tint-background-rose" }
-    ],
-    defaultVariants: {
-      color: "mono",
-      type: "fill"
-    }
-  }
-);
-var Tag = react.forwardRef(
-  ({
-    className,
-    color,
-    type = "fill",
-    leftIcon,
-    canDelete,
-    onDelete,
-    rightSlot,
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        "data-slot": "tag",
-        className: utils.cn(tagVariants({ color, type, className })),
-        ref,
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 size-3 items-center justify-center [&>svg]:size-3", children: leftIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-0.5 text-body-3 font-medium", children }),
-          canDelete && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: (e) => {
-                e.stopPropagation();
-                onDelete?.();
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunk5M47B2XJ_js.X, { type: "regular", className: "size-3 [&>*]:stroke-current [&>path]:fill-current" })
-            }
-          ),
-          rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: rightSlot })
-        ]
-      }
-    );
-  }
-);
-Tag.displayName = "Tag";
-var DoubleTag = react.forwardRef(
-  ({ className, items, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: utils.cn(
-          "flex w-fit overflow-hidden rounded-medium border border-border-secondary",
-          className
-        ),
-        ref,
-        ...props,
-        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Tag, { color: item.color, type: "line", className: "rounded-none border-none", children: item.content }),
-          index < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[20px] w-px border-none bg-border-secondary" })
-        ] }, index))
-      }
-    );
-  }
-);
-DoubleTag.displayName = "DoubleTag";
-
-exports.DoubleTag = DoubleTag;
-exports.Tag = Tag;
-//# sourceMappingURL=chunk-MT47ECUN.js.map
-//# sourceMappingURL=chunk-MT47ECUN.js.map