@exem-ui/react 0.1.0-next.bf3c711

package/dist/chunk-VCMZQOQM.mjs

@@ -0,0 +1,102 @@
+import { Person } from './chunk-LZWKMQJL.mjs';
+import { cva, cn } from '@exem-ui/core/utils';
+import { forwardRef } from 'react';
+import { jsx } from '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 = 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__ */ jsx("span", { children: getInitial(name) });
+};
+var renderImageContent = (src, alt, name) => {
+  return /* @__PURE__ */ 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__ */ jsx(Person, { className: cn("shrink-0", iconSize) });
+};
+var Avatar = 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__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(avatarVariants({ size, type }), fallbackPadding, className),
+        ...props,
+        children: renderContent()
+      }
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+
+export { Avatar };
+//# sourceMappingURL=chunk-VCMZQOQM.mjs.map
+//# sourceMappingURL=chunk-VCMZQOQM.mjs.map

package/dist/chunk-VCMZQOQM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/avatar/Avatar.tsx"],"names":[],"mappings":"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","file":"chunk-VCMZQOQM.mjs","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-VKN4H4WI.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-VKN4H4WI.mjs.map
+//# sourceMappingURL=chunk-VKN4H4WI.mjs.map

package/dist/chunk-VKN4H4WI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-VKN4H4WI.mjs"}

package/dist/chunk-VSB25XTY.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkNDG4LR3Q_js = require('./chunk-NDG4LR3Q.js');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+var FlatSegment = ({ items, disabled, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkNDG4LR3Q_js.Segment, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkNDG4LR3Q_js.Segment.List, { className, children: items.map((item) => /* @__PURE__ */ react.createElement(chunkNDG4LR3Q_js.Segment.Item, { ...item, key: item.value, disabled: disabled || item.disabled })) }) });
+FlatSegment.displayName = "FlatSegment";
+
+exports.FlatSegment = FlatSegment;
+//# sourceMappingURL=chunk-VSB25XTY.js.map
+//# sourceMappingURL=chunk-VSB25XTY.js.map

package/dist/chunk-VSB25XTY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flat/FlatSegment.tsx"],"names":["jsx","Segment","createElement"],"mappings":";;;;;;AAoCA,IAAM,cAAc,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,WAAW,GAAG,KAAA,EAAM,qBAC1DA,cAAA,CAACC,4BAAS,GAAG,KAAA,EACX,QAAA,kBAAAD,cAAA,CAACC,wBAAA,CAAQ,MAAR,EAAa,SAAA,EACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACVC,mBAAA,CAACD,wBAAA,CAAQ,IAAA,EAAR,EAAc,GAAG,IAAA,EAAM,GAAA,EAAK,IAAA,CAAK,OAAO,QAAA,EAAU,QAAA,IAAY,KAAK,QAAA,EAAU,CAC/E,GACH,CAAA,EACF;AAGF,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-VSB25XTY.js","sourcesContent":["import type React from 'react';\nimport { Segment, type SegmentRootProps } from '../segment/Segment';\n\ntype FlatSegmentItem = Pick<\n  React.ComponentPropsWithoutRef<typeof Segment.Item>,\n  'value' | 'children' | 'disabled' | 'leftIcon' | 'className'\n>;\n\ninterface FlatSegmentProps extends Omit<SegmentRootProps, 'children' | 'asChild'> {\n  /** 세그먼트 아이템 배열 */\n  items: FlatSegmentItem[];\n  /**\n   * 전체 비활성화 여부 (개별 아이템의 disabled와 OR 결합)\n   * @default false\n   */\n  disabled?: boolean;\n}\n\n/**\n * Segment 컴포넌트의 간소화된 Flat API입니다.\n * items 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.\n *\n * @example\n * ```tsx\n * <FlatSegment\n *   defaultValue=\"tab1\"\n *   size=\"medium\"\n *   items={[\n *     { value: 'tab1', children: '첫 번째' },\n *     { value: 'tab2', children: '두 번째' },\n *   ]}\n * />\n * ```\n *\n * @see {@link FlatSegmentProps} props 상세\n */\nconst FlatSegment = ({ items, disabled, className, ...props }: FlatSegmentProps) => (\n  <Segment {...props}>\n    <Segment.List className={className}>\n      {items.map((item) => (\n        <Segment.Item {...item} key={item.value} disabled={disabled || item.disabled} />\n      ))}\n    </Segment.List>\n  </Segment>\n);\n\nFlatSegment.displayName = 'FlatSegment';\n\nexport { FlatSegment };\nexport type { FlatSegmentProps, FlatSegmentItem };\n"]}

package/dist/chunk-VWTE74UT.mjs

@@ -0,0 +1,96 @@
+import { cva, cn } from '@exem-ui/core/utils';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { forwardRef, useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/switch/Switch.tsx
+var switchVariants = cva(
+  "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full disabled:cursor-not-allowed data-[state=checked]:bg-solid-accent-default data-[state=unchecked]:bg-elevation-elevation-4 hover:data-[state=checked]:bg-solid-accent-hovered hover:data-[state=unchecked]:bg-elevation-elevation-5 disabled:data-[state=checked]:bg-solid-accent-disabled disabled:data-[state=unchecked]:bg-elevation-elevation-3 disabled:hover:data-[state=checked]:bg-solid-accent-disabled disabled:hover:data-[state=unchecked]:bg-elevation-elevation-3",
+  {
+    variants: {
+      size: {
+        small: "h-[16px] w-[28px]",
+        medium: "h-[20px] w-[36px]",
+        large: "h-[24px] w-[44px]"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+var switchThumbVariants = cva(
+  "pointer-events-none absolute bg-icon-static-light left-[2px] top-[2px] rounded-full ring-0 data-[state=unchecked]:translate-x-0 data-[disabled]:bg-icon-inverse-disabled",
+  {
+    variants: {
+      size: {
+        small: "size-[12px] data-[state=checked]:translate-x-[12px]",
+        medium: "size-[16px] data-[state=checked]:translate-x-[16px]",
+        large: "size-[20px] data-[state=checked]:translate-x-[20px]"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+var containerVariants = cva("inline-flex items-center", {
+  variants: {
+    size: {
+      small: "gap-1",
+      medium: "gap-1.5",
+      large: "gap-2"
+    },
+    labelPosition: {
+      right: "flex-row",
+      left: "flex-row-reverse"
+    }
+  },
+  defaultVariants: {
+    size: "medium",
+    labelPosition: "right"
+  }
+});
+var switchLabelVariants = cva(
+  "cursor-pointer select-none font-regular text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled",
+  {
+    variants: {
+      size: {
+        small: "text-body-3",
+        medium: "text-body-2",
+        large: "text-body-1"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+var Switch = forwardRef(
+  ({ className, size = "medium", label, labelPosition = "right", id, ...props }, ref) => {
+    const switchId = useId();
+    const finalId = id || switchId;
+    const switchElement = /* @__PURE__ */ jsx(
+      SwitchPrimitives.Root,
+      {
+        id: finalId,
+        className: cn(switchVariants({ size }), className),
+        ...props,
+        ref,
+        children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+      }
+    );
+    if (!label) {
+      return switchElement;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: cn(containerVariants({ size, labelPosition })), children: [
+      switchElement,
+      /* @__PURE__ */ jsx("label", { htmlFor: finalId, className: cn(switchLabelVariants({ size })), children: label })
+    ] });
+  }
+);
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };
+//# sourceMappingURL=chunk-VWTE74UT.mjs.map
+//# sourceMappingURL=chunk-VWTE74UT.mjs.map

package/dist/chunk-VWTE74UT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch/Switch.tsx"],"names":[],"mappings":"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","file":"chunk-VWTE74UT.mjs","sourcesContent":["import { cn, cva, type VariantProps } from '@exem-ui/core/utils';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport type React from 'react';\nimport { forwardRef, useId } from 'react';\n\nconst switchVariants = cva(\n  'peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full disabled:cursor-not-allowed data-[state=checked]:bg-solid-accent-default data-[state=unchecked]:bg-elevation-elevation-4 hover:data-[state=checked]:bg-solid-accent-hovered hover:data-[state=unchecked]:bg-elevation-elevation-5 disabled:data-[state=checked]:bg-solid-accent-disabled disabled:data-[state=unchecked]:bg-elevation-elevation-3 disabled:hover:data-[state=checked]:bg-solid-accent-disabled disabled:hover:data-[state=unchecked]:bg-elevation-elevation-3',\n  {\n    variants: {\n      size: {\n        small: 'h-[16px] w-[28px]',\n        medium: 'h-[20px] w-[36px]',\n        large: 'h-[24px] w-[44px]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  'pointer-events-none absolute bg-icon-static-light left-[2px] top-[2px] rounded-full ring-0 data-[state=unchecked]:translate-x-0 data-[disabled]:bg-icon-inverse-disabled',\n  {\n    variants: {\n      size: {\n        small: 'size-[12px] data-[state=checked]:translate-x-[12px]',\n        medium: 'size-[16px] data-[state=checked]:translate-x-[16px]',\n        large: 'size-[20px] data-[state=checked]:translate-x-[20px]',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst containerVariants = cva('inline-flex items-center', {\n  variants: {\n    size: {\n      small: 'gap-1',\n      medium: 'gap-1.5',\n      large: 'gap-2',\n    },\n    labelPosition: {\n      right: 'flex-row',\n      left: 'flex-row-reverse',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    labelPosition: 'right',\n  },\n});\n\nconst switchLabelVariants = cva(\n  'cursor-pointer select-none font-regular text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled',\n  {\n    variants: {\n      size: {\n        small: 'text-body-3',\n        medium: 'text-body-2',\n        large: 'text-body-1',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\ninterface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>,\n    VariantProps<typeof switchVariants> {\n  /** 스위치 옆에 표시할 레이블 텍스트 */\n  label?: string;\n  /**\n   * 레이블 위치\n   * @default 'right'\n   */\n  labelPosition?: 'left' | 'right';\n}\n\ntype SwitchComponent = React.ForwardRefExoticComponent<\n  SwitchProps & React.RefAttributes<HTMLButtonElement>\n>;\n\n/**\n * 켜기/끄기 상태를 전환하는 스위치 컴포넌트입니다.\n *\n * @example\n * ```tsx\n * <Switch label=\"알림 받기\" size=\"medium\" />\n * <Switch label=\"다크 모드\" labelPosition=\"left\" defaultChecked />\n * ```\n *\n * @see {@link SwitchProps} props 상세\n */\nconst Switch = forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, size = 'medium', label, labelPosition = 'right', id, ...props }, ref) => {\n    // 고유한 ID 생성 (접근성을 위해)\n    const switchId = useId();\n    const finalId = id || switchId;\n\n    const switchElement = (\n      <SwitchPrimitives.Root\n        id={finalId}\n        className={cn(switchVariants({ size }), className)}\n        {...props}\n        ref={ref}\n      >\n        <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n      </SwitchPrimitives.Root>\n    );\n\n    if (!label) {\n      return switchElement;\n    }\n\n    return (\n      <div className={cn(containerVariants({ size, labelPosition }))}>\n        {switchElement}\n        <label htmlFor={finalId} className={cn(switchLabelVariants({ size }))}>\n          {label}\n        </label>\n      </div>\n    );\n  },\n) as SwitchComponent;\n\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\nexport type { SwitchComponent, SwitchProps };\n"]}

package/dist/chunk-WBTL7PBV.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var utils = require('@exem-ui/core/utils');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+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 RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+
+// src/radio/Radio.tsx
+var containerVariants = utils.cva("inline-flex items-center", {
+  variants: {
+    size: { small: "gap-1", medium: "gap-1.5", large: "gap-2" },
+    labelPosition: { right: "flex-row", left: "flex-row-reverse" }
+  },
+  defaultVariants: { size: "medium", labelPosition: "right" }
+});
+var radioVariants = utils.cva(
+  "peer relative shrink-0 rounded-full border border-border-secondary ring-offset-background transition-colors hover:bg-elevation-elevation-2 bg-background-primary",
+  {
+    variants: { size: { small: "size-4", medium: "size-5", large: "size-6" } },
+    defaultVariants: { size: "medium" }
+  }
+);
+var stateClasses = [
+  "disabled:cursor-not-allowed",
+  "disabled:data-[state=unchecked]:bg-elevation-elevation-3"
+];
+var checkedStateClasses = [
+  "data-[state=checked]:border-border-accent",
+  "disabled:data-[state=checked]:border-border-accent-disabled"
+];
+var indicatorVariants = utils.cva(
+  "pointer-events-none block rounded-full bg-icon-accent data-[disabled]:bg-icon-accent-disabled",
+  {
+    variants: {
+      size: { small: "size-2.5", medium: "size-3", large: "size-3.5" }
+    },
+    defaultVariants: { size: "medium" }
+  }
+);
+var labelVariants = utils.cva(
+  "cursor-pointer select-none text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled",
+  {
+    variants: { size: { small: "text-body-3", medium: "text-body-2", large: "text-body-1" } },
+    defaultVariants: { size: "medium" }
+  }
+);
+var Radio = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { ref, className: utils.cn("grid gap-2", className), ...props })
+);
+Radio.Item = react.forwardRef(
+  ({ className, size = "medium", label, labelPosition = "right", id, disabled, ...props }, ref) => {
+    const uniqueId = react.useId();
+    const radioId = id || uniqueId;
+    const control = /* @__PURE__ */ jsxRuntime.jsx(
+      RadioGroupPrimitive__namespace.Item,
+      {
+        ref,
+        id: radioId,
+        disabled,
+        className: utils.cn(radioVariants({ size }), stateClasses, checkedStateClasses, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: utils.cn("block", indicatorVariants({ size })),
+            "data-disabled": disabled ? "" : void 0
+          }
+        ) })
+      }
+    );
+    if (!label) {
+      return control;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(containerVariants({ size, labelPosition })), children: [
+      control,
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: radioId, className: utils.cn(labelVariants({ size })), children: label })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+Radio.Item.displayName = "Radio.Item";
+
+exports.Radio = Radio;
+//# sourceMappingURL=chunk-WBTL7PBV.js.map
+//# sourceMappingURL=chunk-WBTL7PBV.js.map

package/dist/chunk-WBTL7PBV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio/Radio.tsx"],"names":["cva","forwardRef","jsx","RadioGroupPrimitive","cn","useId","jsxs"],"mappings":"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","file":"chunk-WBTL7PBV.js","sourcesContent":["import { cn, cva } from '@exem-ui/core/utils';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type React from 'react';\nimport { forwardRef, useId } from 'react';\n\ntype RadioRootProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\ntype RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {\n  /**\n   * 라디오 버튼 크기\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /** 라디오 버튼 옆에 표시할 레이블 */\n  label?: React.ReactNode;\n  /**\n   * 레이블 위치\n   * @default 'right'\n   */\n  labelPosition?: 'left' | 'right';\n};\n\ntype RadioComponent = React.ForwardRefExoticComponent<\n  RadioRootProps & React.RefAttributes<React.ElementRef<typeof RadioGroupPrimitive.Root>>\n> & {\n  Item: React.ForwardRefExoticComponent<\n    RadioItemProps & React.RefAttributes<React.ElementRef<typeof RadioGroupPrimitive.Item>>\n  >;\n};\n\nconst containerVariants = cva('inline-flex items-center', {\n  variants: {\n    size: { small: 'gap-1', medium: 'gap-1.5', large: 'gap-2' },\n    labelPosition: { right: 'flex-row', left: 'flex-row-reverse' },\n  },\n  defaultVariants: { size: 'medium', labelPosition: 'right' },\n});\n\nconst radioVariants = cva(\n  'peer relative shrink-0 rounded-full border border-border-secondary ring-offset-background transition-colors hover:bg-elevation-elevation-2 bg-background-primary',\n  {\n    variants: { size: { small: 'size-4', medium: 'size-5', large: 'size-6' } },\n    defaultVariants: { size: 'medium' },\n  },\n);\n\nconst stateClasses = [\n  'disabled:cursor-not-allowed',\n  'disabled:data-[state=unchecked]:bg-elevation-elevation-3',\n];\n\nconst checkedStateClasses = [\n  'data-[state=checked]:border-border-accent',\n  'disabled:data-[state=checked]:border-border-accent-disabled',\n];\n\nconst indicatorVariants = cva(\n  'pointer-events-none block rounded-full bg-icon-accent data-[disabled]:bg-icon-accent-disabled',\n  {\n    variants: {\n      size: { small: 'size-2.5', medium: 'size-3', large: 'size-3.5' },\n    },\n    defaultVariants: { size: 'medium' },\n  },\n);\n\nconst labelVariants = cva(\n  'cursor-pointer select-none text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled',\n  {\n    variants: { size: { small: 'text-body-3', medium: 'text-body-2', large: 'text-body-1' } },\n    defaultVariants: { size: 'medium' },\n  },\n);\n\n/**\n * 여러 옵션 중 하나를 선택하는 라디오 그룹 컴포넌트입니다.\n * Compound Component 패턴으로 `Radio.Item`과 함께 사용합니다.\n *\n * @example\n * ```tsx\n * <Radio defaultValue=\"a\">\n *   <Radio.Item value=\"a\" label=\"옵션 A\" />\n *   <Radio.Item value=\"b\" label=\"옵션 B\" />\n * </Radio>\n * ```\n *\n * @see {@link RadioRootProps} 루트 props 상세\n * @see {@link RadioItemProps} 아이템 props 상세\n */\nconst Radio = forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioRootProps>(\n  ({ className, ...props }, ref) => (\n    <RadioGroupPrimitive.Root ref={ref} className={cn('grid gap-2', className)} {...props} />\n  ),\n) as RadioComponent;\n\nRadio.Item = forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioItemProps>(\n  ({ className, size = 'medium', label, labelPosition = 'right', id, disabled, ...props }, ref) => {\n    const uniqueId = useId();\n    const radioId = id || uniqueId;\n    const control = (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        id={radioId}\n        disabled={disabled}\n        className={cn(radioVariants({ size }), stateClasses, checkedStateClasses, className)}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n          <span\n            className={cn('block', indicatorVariants({ size }))}\n            data-disabled={disabled ? '' : undefined}\n          />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    );\n    if (!label) {\n      return control;\n    }\n    return (\n      <div className={cn(containerVariants({ size, labelPosition }))}>\n        {control}\n        <label htmlFor={radioId} className={cn(labelVariants({ size }))}>\n          {label}\n        </label>\n      </div>\n    );\n  },\n) as RadioComponent['Item'];\n\nRadio.displayName = 'Radio';\nRadio.Item.displayName = 'Radio.Item';\n\nexport { Radio };\nexport type { RadioComponent, RadioRootProps, RadioItemProps };\n"]}

package/dist/chunk-WOK3EP3O.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var utils = require('@exem-ui/core/utils');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/star/Star.tsx
+var StarRoundedEmpty = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20",
+    width: "1em",
+    height: "1em",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        stroke: "#cfcfcf",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m10 14.773 4.275 2.628a.656.656 0 0 0 .978-.716l-1.162-4.905 3.804-3.282a.66.66 0 0 0-.374-1.154l-4.993-.407-1.923-4.656a.653.653 0 0 0-1.21 0L7.473 6.937l-4.993.407a.661.661 0 0 0-.374 1.158l3.805 3.281-1.163 4.902a.656.656 0 0 0 .978.716z"
+      }
+    )
+  }
+);
+var StarRoundedFilled = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20",
+    width: "1em",
+    height: "1em",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#FE9A00",
+        d: "m18.304 8.973-3.516 3.033 1.071 4.537a1.281 1.281 0 0 1-1.914 1.392L10 15.507l-3.948 2.428a1.28 1.28 0 0 1-1.911-1.392l1.075-4.537L1.7 8.973a1.286 1.286 0 0 1 .728-2.254l4.61-.372 1.778-4.303a1.278 1.278 0 0 1 2.364 0l1.778 4.303 4.61.372a1.286 1.286 0 0 1 .731 2.255z"
+      }
+    )
+  }
+);
+var Star = react.forwardRef(
+  ({ size = "medium", selected = false, className, onClick, ...props }, ref) => {
+    const sizeConfig = {
+      small: { width: 16, height: 16 },
+      medium: { width: 20, height: 20 },
+      large: { width: 24, height: 24 }
+    };
+    const config = sizeConfig[size];
+    return selected ? /* @__PURE__ */ jsxRuntime.jsx(
+      StarRoundedFilled,
+      {
+        ref,
+        width: config.width,
+        height: config.height,
+        className: utils.cn("cursor-pointer transition-colors", className),
+        onClick,
+        ...props
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      StarRoundedEmpty,
+      {
+        ref,
+        width: config.width,
+        height: config.height,
+        className: utils.cn("cursor-pointer transition-colors", className),
+        onClick,
+        ...props
+      }
+    );
+  }
+);
+Star.displayName = "Star";
+
+exports.Star = Star;
+//# sourceMappingURL=chunk-WOK3EP3O.js.map
+//# sourceMappingURL=chunk-WOK3EP3O.js.map

package/dist/chunk-WOK3EP3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/star/Star.tsx"],"names":["jsx","forwardRef","cn"],"mappings":";;;;;;;AAuBA,IAAM,gBAAA,GAAmB,CAAC,KAAA,qBACxBA,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACR,KAAA,EAAM,KAAA;AAAA,IACN,MAAA,EAAO,KAAA;AAAA,IACP,aAAA,EAAY,MAAA;AAAA,IACX,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAO,SAAA;AAAA,QACP,aAAA,EAAc,OAAA;AAAA,QACd,cAAA,EAAe,OAAA;AAAA,QACf,CAAA,EAAE;AAAA;AAAA;AACJ;AACF,CAAA;AAGF,IAAM,iBAAA,GAAoB,CAAC,KAAA,qBACzBA,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,IAAA,EAAK,MAAA;AAAA,IACL,OAAA,EAAQ,WAAA;AAAA,IACR,KAAA,EAAM,KAAA;AAAA,IACN,MAAA,EAAO,KAAA;AAAA,IACP,aAAA,EAAY,MAAA;AAAA,IACX,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,SAAA;AAAA,QACL,CAAA,EAAE;AAAA;AAAA;AACJ;AACF,CAAA;AAaF,IAAM,IAAA,GAAOC,gBAAA;AAAA,EACX,CAAC,EAAE,IAAA,GAAO,QAAA,EAAU,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5E,IAAA,MAAM,UAAA,GAAa;AAAA,MACjB,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAG;AAAA,MAC/B,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAG;AAAA,MAChC,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA;AAAG,KACjC;AACA,IAAA,MAAM,MAAA,GAAS,WAAW,IAAI,CAAA;AAE9B,IAAA,OAAO,QAAA,mBACLD,cAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,QAAQ,MAAA,CAAO,MAAA;AAAA,QACf,SAAA,EAAWE,QAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA;AAAA,QAC3D,OAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN,mBAEAF,cAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,QAAQ,MAAA,CAAO,MAAA;AAAA,QACf,SAAA,EAAWE,QAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA;AAAA,QAC3D,OAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-WOK3EP3O.js","sourcesContent":["import { cn } from '@exem-ui/core/utils';\nimport type React from 'react';\nimport { forwardRef, type SVGProps } from 'react';\n\ninterface StarProps extends React.SVGProps<SVGSVGElement> {\n  /**\n   * 별 아이콘 크기\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * 선택(채워짐) 상태 여부\n   * @default false\n   */\n  selected?: boolean;\n  /** 클릭 이벤트 핸들러 */\n  onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;\n}\n\ntype StarComponent = React.ForwardRefExoticComponent<\n  Omit<StarProps, 'ref'> & React.RefAttributes<SVGSVGElement>\n>;\n\nconst StarRoundedEmpty = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    width=\"1em\"\n    height=\"1em\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path\n      stroke=\"#cfcfcf\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"m10 14.773 4.275 2.628a.656.656 0 0 0 .978-.716l-1.162-4.905 3.804-3.282a.66.66 0 0 0-.374-1.154l-4.993-.407-1.923-4.656a.653.653 0 0 0-1.21 0L7.473 6.937l-4.993.407a.661.661 0 0 0-.374 1.158l3.805 3.281-1.163 4.902a.656.656 0 0 0 .978.716z\"\n    />\n  </svg>\n);\n\nconst StarRoundedFilled = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    width=\"1em\"\n    height=\"1em\"\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path\n      fill=\"#FE9A00\"\n      d=\"m18.304 8.973-3.516 3.033 1.071 4.537a1.281 1.281 0 0 1-1.914 1.392L10 15.507l-3.948 2.428a1.28 1.28 0 0 1-1.911-1.392l1.075-4.537L1.7 8.973a1.286 1.286 0 0 1 .728-2.254l4.61-.372 1.778-4.303a1.278 1.278 0 0 1 2.364 0l1.778 4.303 4.61.372a1.286 1.286 0 0 1 .731 2.255z\"\n    />\n  </svg>\n);\n\n/**\n * 별점 평가에 사용되는 Star 아이콘 컴포넌트입니다.\n *\n * @example\n * ```tsx\n * <Star selected size=\"medium\" onClick={() => console.log('clicked')} />\n * ```\n *\n * @see {@link StarProps} props 상세\n */\nconst Star = forwardRef<SVGSVGElement, StarProps>(\n  ({ size = 'medium', selected = false, className, onClick, ...props }, ref) => {\n    const sizeConfig = {\n      small: { width: 16, height: 16 },\n      medium: { width: 20, height: 20 },\n      large: { width: 24, height: 24 },\n    };\n    const config = sizeConfig[size];\n\n    return selected ? (\n      <StarRoundedFilled\n        ref={ref}\n        width={config.width}\n        height={config.height}\n        className={cn('cursor-pointer transition-colors', className)}\n        onClick={onClick}\n        {...props}\n      />\n    ) : (\n      <StarRoundedEmpty\n        ref={ref}\n        width={config.width}\n        height={config.height}\n        className={cn('cursor-pointer transition-colors', className)}\n        onClick={onClick}\n        {...props}\n      />\n    );\n  },\n) as StarComponent;\n\nStar.displayName = 'Star';\n\nexport { Star };\nexport type { StarComponent, StarProps };\n"]}

package/dist/chunk-WWT73GGM.mjs

@@ -0,0 +1,83 @@
+import { cva, cn } from '@exem-ui/core/utils';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { forwardRef, useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/radio/Radio.tsx
+var containerVariants = cva("inline-flex items-center", {
+  variants: {
+    size: { small: "gap-1", medium: "gap-1.5", large: "gap-2" },
+    labelPosition: { right: "flex-row", left: "flex-row-reverse" }
+  },
+  defaultVariants: { size: "medium", labelPosition: "right" }
+});
+var radioVariants = cva(
+  "peer relative shrink-0 rounded-full border border-border-secondary ring-offset-background transition-colors hover:bg-elevation-elevation-2 bg-background-primary",
+  {
+    variants: { size: { small: "size-4", medium: "size-5", large: "size-6" } },
+    defaultVariants: { size: "medium" }
+  }
+);
+var stateClasses = [
+  "disabled:cursor-not-allowed",
+  "disabled:data-[state=unchecked]:bg-elevation-elevation-3"
+];
+var checkedStateClasses = [
+  "data-[state=checked]:border-border-accent",
+  "disabled:data-[state=checked]:border-border-accent-disabled"
+];
+var indicatorVariants = cva(
+  "pointer-events-none block rounded-full bg-icon-accent data-[disabled]:bg-icon-accent-disabled",
+  {
+    variants: {
+      size: { small: "size-2.5", medium: "size-3", large: "size-3.5" }
+    },
+    defaultVariants: { size: "medium" }
+  }
+);
+var labelVariants = cva(
+  "cursor-pointer select-none text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled",
+  {
+    variants: { size: { small: "text-body-3", medium: "text-body-2", large: "text-body-1" } },
+    defaultVariants: { size: "medium" }
+  }
+);
+var Radio = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props })
+);
+Radio.Item = forwardRef(
+  ({ className, size = "medium", label, labelPosition = "right", id, disabled, ...props }, ref) => {
+    const uniqueId = useId();
+    const radioId = id || uniqueId;
+    const control = /* @__PURE__ */ jsx(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        id: radioId,
+        disabled,
+        className: cn(radioVariants({ size }), stateClasses, checkedStateClasses, className),
+        ...props,
+        children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("block", indicatorVariants({ size })),
+            "data-disabled": disabled ? "" : void 0
+          }
+        ) })
+      }
+    );
+    if (!label) {
+      return control;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: cn(containerVariants({ size, labelPosition })), children: [
+      control,
+      /* @__PURE__ */ jsx("label", { htmlFor: radioId, className: cn(labelVariants({ size })), children: label })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+Radio.Item.displayName = "Radio.Item";
+
+export { Radio };
+//# sourceMappingURL=chunk-WWT73GGM.mjs.map
+//# sourceMappingURL=chunk-WWT73GGM.mjs.map

package/dist/chunk-WWT73GGM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio/Radio.tsx"],"names":[],"mappings":"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","file":"chunk-WWT73GGM.mjs","sourcesContent":["import { cn, cva } from '@exem-ui/core/utils';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport type React from 'react';\nimport { forwardRef, useId } from 'react';\n\ntype RadioRootProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;\n\ntype RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {\n  /**\n   * 라디오 버튼 크기\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /** 라디오 버튼 옆에 표시할 레이블 */\n  label?: React.ReactNode;\n  /**\n   * 레이블 위치\n   * @default 'right'\n   */\n  labelPosition?: 'left' | 'right';\n};\n\ntype RadioComponent = React.ForwardRefExoticComponent<\n  RadioRootProps & React.RefAttributes<React.ElementRef<typeof RadioGroupPrimitive.Root>>\n> & {\n  Item: React.ForwardRefExoticComponent<\n    RadioItemProps & React.RefAttributes<React.ElementRef<typeof RadioGroupPrimitive.Item>>\n  >;\n};\n\nconst containerVariants = cva('inline-flex items-center', {\n  variants: {\n    size: { small: 'gap-1', medium: 'gap-1.5', large: 'gap-2' },\n    labelPosition: { right: 'flex-row', left: 'flex-row-reverse' },\n  },\n  defaultVariants: { size: 'medium', labelPosition: 'right' },\n});\n\nconst radioVariants = cva(\n  'peer relative shrink-0 rounded-full border border-border-secondary ring-offset-background transition-colors hover:bg-elevation-elevation-2 bg-background-primary',\n  {\n    variants: { size: { small: 'size-4', medium: 'size-5', large: 'size-6' } },\n    defaultVariants: { size: 'medium' },\n  },\n);\n\nconst stateClasses = [\n  'disabled:cursor-not-allowed',\n  'disabled:data-[state=unchecked]:bg-elevation-elevation-3',\n];\n\nconst checkedStateClasses = [\n  'data-[state=checked]:border-border-accent',\n  'disabled:data-[state=checked]:border-border-accent-disabled',\n];\n\nconst indicatorVariants = cva(\n  'pointer-events-none block rounded-full bg-icon-accent data-[disabled]:bg-icon-accent-disabled',\n  {\n    variants: {\n      size: { small: 'size-2.5', medium: 'size-3', large: 'size-3.5' },\n    },\n    defaultVariants: { size: 'medium' },\n  },\n);\n\nconst labelVariants = cva(\n  'cursor-pointer select-none text-text-primary peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled',\n  {\n    variants: { size: { small: 'text-body-3', medium: 'text-body-2', large: 'text-body-1' } },\n    defaultVariants: { size: 'medium' },\n  },\n);\n\n/**\n * 여러 옵션 중 하나를 선택하는 라디오 그룹 컴포넌트입니다.\n * Compound Component 패턴으로 `Radio.Item`과 함께 사용합니다.\n *\n * @example\n * ```tsx\n * <Radio defaultValue=\"a\">\n *   <Radio.Item value=\"a\" label=\"옵션 A\" />\n *   <Radio.Item value=\"b\" label=\"옵션 B\" />\n * </Radio>\n * ```\n *\n * @see {@link RadioRootProps} 루트 props 상세\n * @see {@link RadioItemProps} 아이템 props 상세\n */\nconst Radio = forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioRootProps>(\n  ({ className, ...props }, ref) => (\n    <RadioGroupPrimitive.Root ref={ref} className={cn('grid gap-2', className)} {...props} />\n  ),\n) as RadioComponent;\n\nRadio.Item = forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioItemProps>(\n  ({ className, size = 'medium', label, labelPosition = 'right', id, disabled, ...props }, ref) => {\n    const uniqueId = useId();\n    const radioId = id || uniqueId;\n    const control = (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        id={radioId}\n        disabled={disabled}\n        className={cn(radioVariants({ size }), stateClasses, checkedStateClasses, className)}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n          <span\n            className={cn('block', indicatorVariants({ size }))}\n            data-disabled={disabled ? '' : undefined}\n          />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    );\n    if (!label) {\n      return control;\n    }\n    return (\n      <div className={cn(containerVariants({ size, labelPosition }))}>\n        {control}\n        <label htmlFor={radioId} className={cn(labelVariants({ size }))}>\n          {label}\n        </label>\n      </div>\n    );\n  },\n) as RadioComponent['Item'];\n\nRadio.displayName = 'Radio';\nRadio.Item.displayName = 'Radio.Item';\n\nexport { Radio };\nexport type { RadioComponent, RadioRootProps, RadioItemProps };\n"]}