mokona-ui 0.0.1

package/dist/chunk-7GQ4YVJR.js

@@ -0,0 +1,68 @@
+import { LazyMotion, domAnimation, AnimatePresence, m } from './chunk-Y3CWICHE.js';
+import { cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function BottomSheet({
+  open: openProp,
+  onOpenChange,
+  title,
+  description,
+  children,
+  trigger
+}) {
+  const [internalOpen, setInternalOpen] = React.useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const handleOpenChange = (value) => {
+    if (!isControlled) setInternalOpen(value);
+    onOpenChange == null ? void 0 : onOpenChange(value);
+  };
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs(DialogPrimitive.Root, { open, onOpenChange: handleOpenChange, children: [
+    trigger && /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+      /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { asChild: true, children: /* @__PURE__ */ jsx(
+        m.div,
+        {
+          className: "fixed inset-0 z-50 bg-[var(--color-overlay)]",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.2 }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DialogPrimitive.Content, { asChild: true, children: /* @__PURE__ */ jsxs(
+        m.div,
+        {
+          className: cn(
+            "fixed bottom-0 left-0 right-0 z-50",
+            "bg-[var(--color-background)] rounded-t-3xl",
+            "shadow-[var(--shadow-overlay)]",
+            "px-5 pb-safe"
+          ),
+          initial: { y: "100%" },
+          animate: { y: 0 },
+          exit: { y: "100%" },
+          transition: { type: "spring", stiffness: 300, damping: 30 },
+          drag: "y",
+          dragConstraints: { top: 0 },
+          dragElastic: { top: 0, bottom: 0.3 },
+          onDragEnd: (_, info) => {
+            if (info.offset.y > 80) handleOpenChange(false);
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-3 pb-4", children: /* @__PURE__ */ jsx("div", { className: "w-9 h-1 rounded-full bg-[var(--color-gray-300)]" }) }),
+            title && /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "text-[18px] font-bold text-[var(--color-foreground)] mb-1", children: title }),
+            description && /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: "text-[14px] text-[var(--color-muted-foreground)] mb-4", children: description }),
+            /* @__PURE__ */ jsx("div", { className: "pb-8", children })
+          ]
+        }
+      ) })
+    ] }) })
+  ] }) });
+}
+
+export { BottomSheet };
+//# sourceMappingURL=chunk-7GQ4YVJR.js.map
+//# sourceMappingURL=chunk-7GQ4YVJR.js.map

package/dist/chunk-7GQ4YVJR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"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","file":"chunk-7GQ4YVJR.js","sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { m, LazyMotion, domAnimation, AnimatePresence } from \"../../utils/motion\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface BottomSheetProps {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  title?: string;\n  description?: string;\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n}\n\nfunction BottomSheet({\n  open: openProp,\n  onOpenChange,\n  title,\n  description,\n  children,\n  trigger,\n}: BottomSheetProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : internalOpen;\n\n  const handleOpenChange = (value: boolean) => {\n    if (!isControlled) setInternalOpen(value);\n    onOpenChange?.(value);\n  };\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <DialogPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n        {trigger && (\n          <DialogPrimitive.Trigger asChild>{trigger}</DialogPrimitive.Trigger>\n        )}\n        <AnimatePresence>\n          {open && (\n            <DialogPrimitive.Portal>\n              <DialogPrimitive.Overlay asChild>\n                <m.div\n                  className=\"fixed inset-0 z-50 bg-[var(--color-overlay)]\"\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{ duration: 0.2 }}\n                />\n              </DialogPrimitive.Overlay>\n              <DialogPrimitive.Content asChild>\n                <m.div\n                  className={cn(\n                    \"fixed bottom-0 left-0 right-0 z-50\",\n                    \"bg-[var(--color-background)] rounded-t-3xl\",\n                    \"shadow-[var(--shadow-overlay)]\",\n                    \"px-5 pb-safe\"\n                  )}\n                  initial={{ y: \"100%\" }}\n                  animate={{ y: 0 }}\n                  exit={{ y: \"100%\" }}\n                  transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n                  drag=\"y\"\n                  dragConstraints={{ top: 0 }}\n                  dragElastic={{ top: 0, bottom: 0.3 }}\n                  onDragEnd={(_, info) => {\n                    if (info.offset.y > 80) handleOpenChange(false);\n                  }}\n                >\n                  {/* 드래그 핸들 */}\n                  <div className=\"flex justify-center pt-3 pb-4\">\n                    <div className=\"w-9 h-1 rounded-full bg-[var(--color-gray-300)]\" />\n                  </div>\n\n                  {title && (\n                    <DialogPrimitive.Title className=\"text-[18px] font-bold text-[var(--color-foreground)] mb-1\">\n                      {title}\n                    </DialogPrimitive.Title>\n                  )}\n                  {description && (\n                    <DialogPrimitive.Description className=\"text-[14px] text-[var(--color-muted-foreground)] mb-4\">\n                      {description}\n                    </DialogPrimitive.Description>\n                  )}\n                  <div className=\"pb-8\">{children}</div>\n                </m.div>\n              </DialogPrimitive.Content>\n            </DialogPrimitive.Portal>\n          )}\n        </AnimatePresence>\n      </DialogPrimitive.Root>\n    </LazyMotion>\n  );\n}\n\nexport { BottomSheet };\n"]}

package/dist/chunk-AFX7CBRR.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+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 DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+
+var DropdownMenu = ({
+  trigger,
+  items,
+  open,
+  onOpenChange,
+  align = "start",
+  sideOffset = 6
+}) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      align,
+      sideOffset,
+      className: chunk4V3IOZPC_cjs.cn(
+        "z-50 min-w-[180px] overflow-hidden rounded-2xl",
+        "border border-[var(--color-border)] bg-[var(--color-background)] shadow-lg",
+        "p-1.5",
+        "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]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"
+      ),
+      children: items.map((item, i) => {
+        if (item.type === "separator") {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            DropdownMenuPrimitive__namespace.Separator,
+            {
+              className: "my-1 h-px bg-[var(--color-border)]"
+            },
+            i
+          );
+        }
+        if (item.type === "label") {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            DropdownMenuPrimitive__namespace.Label,
+            {
+              className: "px-3 py-1.5 text-[12px] font-semibold text-[var(--color-muted-foreground)] select-none",
+              children: item.label
+            },
+            i
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          DropdownMenuPrimitive__namespace.Item,
+          {
+            disabled: item.disabled,
+            onSelect: item.onSelect,
+            className: chunk4V3IOZPC_cjs.cn(
+              "relative flex cursor-pointer select-none items-center gap-2.5 rounded-xl px-3 py-2.5",
+              "text-[15px] outline-none transition-colors duration-100",
+              "focus:bg-[var(--color-muted)] data-[highlighted]:bg-[var(--color-muted)]",
+              item.destructive ? "text-[var(--color-negative)]" : "text-[var(--color-foreground)]",
+              "data-[disabled]:opacity-40 data-[disabled]:pointer-events-none"
+            ),
+            children: [
+              item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[var(--color-muted-foreground)]", children: item.icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: item.label }),
+              item.shortcut && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-[12px] text-[var(--color-muted-foreground)]", children: item.shortcut })
+            ]
+          },
+          i
+        );
+      })
+    }
+  ) })
+] });
+
+exports.DropdownMenu = DropdownMenu;
+//# sourceMappingURL=chunk-AFX7CBRR.cjs.map
+//# sourceMappingURL=chunk-AFX7CBRR.cjs.map

package/dist/chunk-AFX7CBRR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"names":["jsxs","DropdownMenuPrimitive","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAM,eAAe,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,UAAA,GAAa;AACf,CAAA,qBACEA,eAAA,CAAuBC,gCAAA,CAAA,IAAA,EAAtB,EAA2B,IAAA,EAAY,YAAA,EACtC,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAuBD,gCAAA,CAAA,OAAA,EAAtB,EAA8B,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,kBAEhDC,cAAA,CAAuBD,yCAAtB,EACC,QAAA,kBAAAC,cAAA;AAAA,IAAuBD,gCAAA,CAAA,OAAA;AAAA,IAAtB;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAWE,oBAAA;AAAA,QACT,gDAAA;AAAA,QACA,4EAAA;AAAA,QACA,OAAA;AAAA,QACA,8DAAA;AAAA,QACA,4DAAA;AAAA,QACA,8DAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM;AACtB,QAAA,IAAI,IAAA,CAAK,SAAS,WAAA,EAAa;AAC7B,UAAA,uBACED,cAAA;AAAA,YAAuBD,gCAAA,CAAA,SAAA;AAAA,YAAtB;AAAA,cAEC,SAAA,EAAU;AAAA,aAAA;AAAA,YADL;AAAA,WAEP;AAAA,QAEJ;AAEA,QAAA,IAAI,IAAA,CAAK,SAAS,OAAA,EAAS;AACzB,UAAA,uBACEC,cAAA;AAAA,YAAuBD,gCAAA,CAAA,KAAA;AAAA,YAAtB;AAAA,cAEC,SAAA,EAAU,wFAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK;AAAA,aAAA;AAAA,YAHD;AAAA,WAIP;AAAA,QAEJ;AAEA,QAAA,uBACED,eAAA;AAAA,UAAuBC,gCAAA,CAAA,IAAA;AAAA,UAAtB;AAAA,YAEC,UAAU,IAAA,CAAK,QAAA;AAAA,YACf,UAAU,IAAA,CAAK,QAAA;AAAA,YACf,SAAA,EAAWE,oBAAA;AAAA,cACT,sFAAA;AAAA,cACA,yDAAA;AAAA,cACA,0EAAA;AAAA,cACA,IAAA,CAAK,cACD,8BAAA,GACA,gCAAA;AAAA,cACJ;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,IAAA,CAAK,wBACJD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+CAAA,EACb,eAAK,IAAA,EACR,CAAA;AAAA,8BAEFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,eAAK,KAAA,EAAM,CAAA;AAAA,cACpC,KAAK,QAAA,oBACJA,cAAA,CAAC,UAAK,SAAA,EAAU,0DAAA,EACb,eAAK,QAAA,EACR;AAAA;AAAA,WAAA;AAAA,UAtBG;AAAA,SAwBP;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH,EACF;AAAA,CAAA,EACF","file":"chunk-AFX7CBRR.cjs","sourcesContent":["import * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DropdownMenuItem {\n  type?: \"item\" | \"separator\" | \"label\";\n  label?: string;\n  icon?: React.ReactNode;\n  shortcut?: string;\n  disabled?: boolean;\n  destructive?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface DropdownMenuProps {\n  trigger: React.ReactNode;\n  items: DropdownMenuItem[];\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n}\n\nconst DropdownMenu = ({\n  trigger,\n  items,\n  open,\n  onOpenChange,\n  align = \"start\",\n  sideOffset = 6,\n}: DropdownMenuProps) => (\n  <DropdownMenuPrimitive.Root open={open} onOpenChange={onOpenChange}>\n    <DropdownMenuPrimitive.Trigger asChild>{trigger}</DropdownMenuPrimitive.Trigger>\n\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 min-w-[180px] overflow-hidden rounded-2xl\",\n          \"border border-[var(--color-border)] bg-[var(--color-background)] shadow-lg\",\n          \"p-1.5\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2\"\n        )}\n      >\n        {items.map((item, i) => {\n          if (item.type === \"separator\") {\n            return (\n              <DropdownMenuPrimitive.Separator\n                key={i}\n                className=\"my-1 h-px bg-[var(--color-border)]\"\n              />\n            );\n          }\n\n          if (item.type === \"label\") {\n            return (\n              <DropdownMenuPrimitive.Label\n                key={i}\n                className=\"px-3 py-1.5 text-[12px] font-semibold text-[var(--color-muted-foreground)] select-none\"\n              >\n                {item.label}\n              </DropdownMenuPrimitive.Label>\n            );\n          }\n\n          return (\n            <DropdownMenuPrimitive.Item\n              key={i}\n              disabled={item.disabled}\n              onSelect={item.onSelect}\n              className={cn(\n                \"relative flex cursor-pointer select-none items-center gap-2.5 rounded-xl px-3 py-2.5\",\n                \"text-[15px] outline-none transition-colors duration-100\",\n                \"focus:bg-[var(--color-muted)] data-[highlighted]:bg-[var(--color-muted)]\",\n                item.destructive\n                  ? \"text-[var(--color-negative)]\"\n                  : \"text-[var(--color-foreground)]\",\n                \"data-[disabled]:opacity-40 data-[disabled]:pointer-events-none\"\n              )}\n            >\n              {item.icon && (\n                <span className=\"shrink-0 text-[var(--color-muted-foreground)]\">\n                  {item.icon}\n                </span>\n              )}\n              <span className=\"flex-1\">{item.label}</span>\n              {item.shortcut && (\n                <span className=\"ml-auto text-[12px] text-[var(--color-muted-foreground)]\">\n                  {item.shortcut}\n                </span>\n              )}\n            </DropdownMenuPrimitive.Item>\n          );\n        })}\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  </DropdownMenuPrimitive.Root>\n);\n\nexport { DropdownMenu };\n"]}

package/dist/chunk-ARXXD2ZI.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+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 ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+
+var sizeMap = { sm: "h-1", md: "h-2", lg: "h-3" };
+var colorMap = {
+  primary: "bg-[var(--color-primary)]",
+  positive: "bg-[var(--color-positive)]",
+  negative: "bg-[var(--color-negative)]",
+  warning: "bg-[var(--color-warning)]"
+};
+var Progress = React__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className, value = 0, size = "md", color = "primary", showLabel = false } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "value", "size", "color", "showLabel"]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col gap-1.5", children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-[12px] text-[var(--color-muted-foreground)]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\uC9C4\uD589\uB960" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        Math.round(value),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressPrimitive__namespace.Root,
+      chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+        ref,
+        className: chunk4V3IOZPC_cjs.cn(
+          "relative w-full overflow-hidden rounded-full bg-[var(--color-muted)]",
+          sizeMap[size],
+          className
+        ),
+        value
+      }, props), {
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ProgressPrimitive__namespace.Indicator,
+          {
+            className: chunk4V3IOZPC_cjs.cn(
+              "h-full transition-all duration-500 ease-out rounded-full",
+              colorMap[color]
+            ),
+            style: { width: `${Math.min(100, Math.max(0, value))}%` }
+          }
+        )
+      })
+    )
+  ] });
+});
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;
+//# sourceMappingURL=chunk-ARXXD2ZI.cjs.map
+//# sourceMappingURL=chunk-ARXXD2ZI.cjs.map

package/dist/chunk-ARXXD2ZI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["React","__objRest","jsxs","jsx","ProgressPrimitive","__spreadProps","__spreadValues","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,UAAU,EAAE,EAAA,EAAI,OAAO,EAAA,EAAI,KAAA,EAAO,IAAI,KAAA,EAAM;AAClD,IAAM,QAAA,GAAW;AAAA,EACf,OAAA,EAAS,2BAAA;AAAA,EACT,QAAA,EAAU,4BAAA;AAAA,EACV,QAAA,EAAU,4BAAA;AAAA,EACV,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,QAAA,GAAiBA,gBAAA,CAAA,UAAA,CAGrB,CAAC,EAAA,EAAuF,GAAA,KAAK;AAA5F,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,aAAW,KAAA,GAAQ,CAAA,EAAG,IAAA,GAAO,IAAA,EAAM,QAAQ,SAAA,EAAW,SAAA,GAAY,KAAA,EAvBvE,GAuBG,IAA8E,KAAA,GAAAC,2BAAA,CAA9E,EAAA,EAA8E,CAA5E,WAAA,EAAW,OAAA,EAAW,QAAa,OAAA,EAAmB,WAAA,CAAA,CAAA;AACzD,EAAA,uBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACZ,QAAA,EAAA;AAAA,IAAA,SAAA,oBACCA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,UAAK,QAAA,EAAA,oBAAA,EAAG,CAAA;AAAA,sCACR,MAAA,EAAA,EAAM,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,MAAM,KAAK,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC;AAAA,KAAA,EAC5B,CAAA;AAAA,oBAEFA,cAAA;AAAA,MAAmBC,4BAAA,CAAA,IAAA;AAAA,MAAlBC,+BAAA,CAAAC,gCAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,oBAAA;AAAA,UACT,sEAAA;AAAA,UACA,QAAQ,IAAI,CAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA;AAAA,OAAA,EACI,KAAA,CAAA,EARL;AAAA,QAUC,QAAA,kBAAAJ,cAAA;AAAA,UAAmBC,4BAAA,CAAA,SAAA;AAAA,UAAlB;AAAA,YACC,SAAA,EAAWG,oBAAA;AAAA,cACT,0DAAA;AAAA,cACA,SAAS,KAAK;AAAA,aAChB;AAAA,YACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA;AAAI;AAAA;AAC1D,OAAA;AAAA;AACF,GAAA,EACF,CAAA;AAAA,CACD;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-ARXXD2ZI.cjs","sourcesContent":["import * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ProgressProps\n  extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {\n  value?: number;\n  size?: \"sm\" | \"md\" | \"lg\";\n  color?: \"primary\" | \"positive\" | \"negative\" | \"warning\";\n  showLabel?: boolean;\n}\n\nconst sizeMap = { sm: \"h-1\", md: \"h-2\", lg: \"h-3\" };\nconst colorMap = {\n  primary: \"bg-[var(--color-primary)]\",\n  positive: \"bg-[var(--color-positive)]\",\n  negative: \"bg-[var(--color-negative)]\",\n  warning: \"bg-[var(--color-warning)]\",\n};\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({ className, value = 0, size = \"md\", color = \"primary\", showLabel = false, ...props }, ref) => (\n  <div className=\"w-full flex flex-col gap-1.5\">\n    {showLabel && (\n      <div className=\"flex justify-between text-[12px] text-[var(--color-muted-foreground)]\">\n        <span>진행률</span>\n        <span>{Math.round(value)}%</span>\n      </div>\n    )}\n    <ProgressPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"relative w-full overflow-hidden rounded-full bg-[var(--color-muted)]\",\n        sizeMap[size],\n        className\n      )}\n      value={value}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className={cn(\n          \"h-full transition-all duration-500 ease-out rounded-full\",\n          colorMap[color]\n        )}\n        style={{ width: `${Math.min(100, Math.max(0, value))}%` }}\n      />\n    </ProgressPrimitive.Root>\n  </div>\n));\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"]}

package/dist/chunk-BCX5S6PO.js

@@ -0,0 +1,41 @@
+import { __objRest, cn, __spreadValues } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var spacingMap = {
+  none: "",
+  sm: "my-2",
+  md: "my-4",
+  lg: "my-6"
+};
+var Divider = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, orientation = "horizontal", spacing = "none" } = _b, props = __objRest(_b, ["className", "orientation", "spacing"]);
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("inline-block w-px self-stretch bg-[var(--color-border)]", className),
+          role: "separator",
+          "aria-orientation": "vertical"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "hr",
+      __spreadValues({
+        ref,
+        className: cn(
+          "border-none h-px bg-[var(--color-border)]",
+          spacingMap[spacing],
+          className
+        )
+      }, props)
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+export { Divider };
+//# sourceMappingURL=chunk-BCX5S6PO.js.map
+//# sourceMappingURL=chunk-BCX5S6PO.js.map

package/dist/chunk-BCX5S6PO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAM,EAAA;AAAA,EACN,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,OAAA,GAAgB,KAAA,CAAA,UAAA;AAAA,EACpB,CAAC,IAAuE,GAAA,KAAQ;AAA/E,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,OAAA,GAAU,MAAA,EAhBtD,GAgBG,EAAA,EAA8D,KAAA,GAAA,SAAA,CAA9D,EAAA,EAA8D,CAA5D,WAAA,EAAW,aAAA,EAA4B,SAAA,CAAA,CAAA;AACxC,IAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,UAClF,IAAA,EAAK,WAAA;AAAA,UACL,kBAAA,EAAiB;AAAA;AAAA,OACnB;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,2CAAA;AAAA,UACA,WAAW,OAAO,CAAA;AAAA,UAClB;AAAA;AACF,OAAA,EACI,KAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-BCX5S6PO.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  spacing?: \"none\" | \"sm\" | \"md\" | \"lg\";\n}\n\nconst spacingMap = {\n  none: \"\",\n  sm: \"my-2\",\n  md: \"my-4\",\n  lg: \"my-6\",\n};\n\nconst Divider = React.forwardRef<HTMLHRElement, DividerProps>(\n  ({ className, orientation = \"horizontal\", spacing = \"none\", ...props }, ref) => {\n    if (orientation === \"vertical\") {\n      return (\n        <div\n          className={cn(\"inline-block w-px self-stretch bg-[var(--color-border)]\", className)}\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n        />\n      );\n    }\n\n    return (\n      <hr\n        ref={ref}\n        className={cn(\n          \"border-none h-px bg-[var(--color-border)]\",\n          spacingMap[spacing],\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"]}

package/dist/chunk-BJWRAJEH.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+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 PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+
+var Popover = ({
+  trigger,
+  children,
+  open,
+  onOpenChange,
+  side = "bottom",
+  align = "start",
+  sideOffset = 8,
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsxs(PopoverPrimitive__namespace.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.Content,
+    {
+      side,
+      align,
+      sideOffset,
+      className: chunk4V3IOZPC_cjs.cn(
+        "z-50 rounded-2xl border border-[var(--color-border)] bg-[var(--color-background)] shadow-lg",
+        "outline-none",
+        "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]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      children
+    }
+  ) })
+] });
+
+exports.Popover = Popover;
+//# sourceMappingURL=chunk-BJWRAJEH.cjs.map
+//# sourceMappingURL=chunk-BJWRAJEH.cjs.map

package/dist/chunk-BJWRAJEH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":["jsxs","PopoverPrimitive","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAM,UAAU,CAAC;AAAA,EACf,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA,GAAQ,OAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb;AACF,CAAA,qBACEA,eAAA,CAAkBC,2BAAA,CAAA,IAAA,EAAjB,EAAsB,IAAA,EAAY,YAAA,EACjC,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAkBD,2BAAA,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,kBAC3CC,cAAA,CAAkBD,oCAAjB,EACC,QAAA,kBAAAC,cAAA;AAAA,IAAkBD,2BAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAWE,oBAAA;AAAA,QACT,6FAAA;AAAA,QACA,cAAA;AAAA,QACA,8DAAA;AAAA,QACA,4DAAA;AAAA,QACA,8DAAA;AAAA,QACA,+EAAA;AAAA,QACA,+EAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH,EACF;AAAA,CAAA,EACF","file":"chunk-BJWRAJEH.cjs","sourcesContent":["import * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface PopoverProps {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  className?: string;\n}\n\nconst Popover = ({\n  trigger,\n  children,\n  open,\n  onOpenChange,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 8,\n  className,\n}: PopoverProps) => (\n  <PopoverPrimitive.Root open={open} onOpenChange={onOpenChange}>\n    <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 rounded-2xl border border-[var(--color-border)] bg-[var(--color-background)] shadow-lg\",\n          \"outline-none\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2\",\n          \"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n          className\n        )}\n      >\n        {children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  </PopoverPrimitive.Root>\n);\n\nexport { Popover };\n"]}

package/dist/chunk-CX55SVMP.js

@@ -0,0 +1,68 @@
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var alertVariants = cva(
+  "flex gap-3 w-full rounded-2xl px-4 py-3.5 text-[14px]",
+  {
+    variants: {
+      variant: {
+        info: "bg-blue-50 text-blue-800 [&_svg]:text-blue-500",
+        positive: "bg-green-50 text-green-800 [&_svg]:text-[var(--color-positive)]",
+        negative: "bg-red-50 text-red-800 [&_svg]:text-[var(--color-negative)]",
+        warning: "bg-orange-50 text-orange-800 [&_svg]:text-[var(--color-warning)]",
+        neutral: "bg-[var(--color-muted)] text-[var(--color-foreground)] [&_svg]:text-[var(--color-muted-foreground)]"
+      }
+    },
+    defaultVariants: { variant: "info" }
+  }
+);
+var icons = {
+  info: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 7v4M8 5.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  positive: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M5 8l2 2 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
+  negative: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 5v3M8 10.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  warning: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 2L14.5 13H1.5L8 2z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 6v3M8 10.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  neutral: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 7v4M8 5.5v.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] })
+};
+var Alert = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant = "info", title, icon = true, children } = _b, props = __objRest(_b, ["className", "variant", "title", "icon", "children"]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant }), className)
+      }, props), {
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: icons[variant != null ? variant : "info"] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "font-semibold", children: title }),
+            children && /* @__PURE__ */ jsx("p", { className: "leading-snug opacity-90", children })
+          ] })
+        ]
+      })
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert };
+//# sourceMappingURL=chunk-CX55SVMP.js.map
+//# sourceMappingURL=chunk-CX55SVMP.js.map

package/dist/chunk-CX55SVMP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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","file":"chunk-CX55SVMP.js","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst alertVariants = cva(\n  \"flex gap-3 w-full rounded-2xl px-4 py-3.5 text-[14px]\",\n  {\n    variants: {\n      variant: {\n        info: \"bg-blue-50 text-blue-800 [&_svg]:text-blue-500\",\n        positive: \"bg-green-50 text-green-800 [&_svg]:text-[var(--color-positive)]\",\n        negative: \"bg-red-50 text-red-800 [&_svg]:text-[var(--color-negative)]\",\n        warning: \"bg-orange-50 text-orange-800 [&_svg]:text-[var(--color-warning)]\",\n        neutral: \"bg-[var(--color-muted)] text-[var(--color-foreground)] [&_svg]:text-[var(--color-muted-foreground)]\",\n      },\n    },\n    defaultVariants: { variant: \"info\" },\n  }\n);\n\nconst icons: Record<string, React.ReactNode> = {\n  info: (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 7v4M8 5.5v.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  ),\n  positive: (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M5 8l2 2 4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  ),\n  negative: (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 5v3M8 10.5v.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  ),\n  warning: (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <path d=\"M8 2L14.5 13H1.5L8 2z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n      <path d=\"M8 6v3M8 10.5v.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  ),\n  neutral: (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n      <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 7v4M8 5.5v.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  ),\n};\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  title?: string;\n  icon?: boolean;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant = \"info\", title, icon = true, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    >\n      {icon && (\n        <span className=\"mt-0.5 shrink-0\">{icons[variant ?? \"info\"]}</span>\n      )}\n      <div className=\"flex flex-col gap-0.5\">\n        {title && <p className=\"font-semibold\">{title}</p>}\n        {children && <p className=\"leading-snug opacity-90\">{children}</p>}\n      </div>\n    </div>\n  )\n);\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"]}

package/dist/chunk-CZ4RHRM2.cjs

@@ -0,0 +1,130 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var SelectPrimitive = require('@radix-ui/react-select');
+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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+
+var Select = React__namespace.forwardRef(
+  ({
+    options,
+    value,
+    defaultValue,
+    onValueChange,
+    placeholder = "\uC120\uD0DD\uD558\uC138\uC694",
+    label,
+    helperText,
+    errorMessage,
+    isError,
+    disabled,
+    className
+  }, ref) => {
+    const id = React__namespace.useId();
+    const showError = isError && errorMessage;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4V3IOZPC_cjs.cn("flex flex-col gap-1.5", className), children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "text-[14px] font-medium text-[var(--color-foreground)]", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        SelectPrimitive__namespace.Root,
+        {
+          value,
+          defaultValue,
+          onValueChange,
+          disabled,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              SelectPrimitive__namespace.Trigger,
+              {
+                ref,
+                id,
+                "aria-invalid": isError,
+                "aria-describedby": showError ? `${id}-error` : helperText ? `${id}-helper` : void 0,
+                className: chunk4V3IOZPC_cjs.cn(
+                  "flex h-12 w-full items-center justify-between rounded-xl px-4",
+                  "border border-[var(--color-border)] bg-[var(--color-input)] text-[16px]",
+                  "transition-colors duration-150",
+                  "focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:ring-offset-0 focus:border-[var(--color-primary)]",
+                  "data-[placeholder]:text-[var(--color-muted-foreground)]",
+                  isError && "border-[var(--color-negative)] focus:ring-[var(--color-negative)]",
+                  "disabled:opacity-40 disabled:cursor-not-allowed",
+                  "select-none"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { placeholder }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { className: "ml-2 shrink-0 text-[var(--color-muted-foreground)]", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              SelectPrimitive__namespace.Content,
+              {
+                position: "popper",
+                sideOffset: 6,
+                className: chunk4V3IOZPC_cjs.cn(
+                  "relative z-50 min-w-[8rem] w-[var(--radix-select-trigger-width)] overflow-hidden",
+                  "rounded-xl border border-[var(--color-border)] bg-[var(--color-background)] shadow-lg",
+                  "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]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Viewport, { className: "p-1.5", children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  SelectPrimitive__namespace.Item,
+                  {
+                    value: option.value,
+                    disabled: option.disabled,
+                    className: chunk4V3IOZPC_cjs.cn(
+                      "relative flex w-full cursor-pointer select-none items-center rounded-lg px-3 py-2.5",
+                      "text-[15px] text-[var(--color-foreground)]",
+                      "outline-none transition-colors duration-100",
+                      "focus:bg-[var(--color-muted)] data-[highlighted]:bg-[var(--color-muted)]",
+                      "data-[state=checked]:text-[var(--color-primary)] data-[state=checked]:font-medium",
+                      "data-[disabled]:opacity-40 data-[disabled]:pointer-events-none"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children: option.label }),
+                      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { className: "ml-auto pl-2", children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
+                    ]
+                  },
+                  option.value
+                )) })
+              }
+            ) })
+          ]
+        }
+      ),
+      showError ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${id}-error`, role: "alert", className: "text-[13px] text-[var(--color-negative)]", children: errorMessage }) : helperText ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${id}-helper`, className: "text-[13px] text-[var(--color-muted-foreground)]", children: helperText }) : null
+    ] });
+  }
+);
+Select.displayName = "Select";
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+
+exports.Select = Select;
+//# sourceMappingURL=chunk-CZ4RHRM2.cjs.map
+//# sourceMappingURL=chunk-CZ4RHRM2.cjs.map

package/dist/chunk-CZ4RHRM2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":["React","cn","jsxs","SelectPrimitive","jsx"],"mappings":"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","file":"chunk-CZ4RHRM2.cjs","sourcesContent":["import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface SelectProps {\n  options: SelectOption[];\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  label?: string;\n  helperText?: string;\n  errorMessage?: string;\n  isError?: boolean;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst Select = React.forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      options,\n      value,\n      defaultValue,\n      onValueChange,\n      placeholder = \"선택하세요\",\n      label,\n      helperText,\n      errorMessage,\n      isError,\n      disabled,\n      className,\n    },\n    ref\n  ) => {\n    const id = React.useId();\n    const showError = isError && errorMessage;\n\n    return (\n      <div className={cn(\"flex flex-col gap-1.5\", className)}>\n        {label && (\n          <label htmlFor={id} className=\"text-[14px] font-medium text-[var(--color-foreground)]\">\n            {label}\n          </label>\n        )}\n        <SelectPrimitive.Root\n          value={value}\n          defaultValue={defaultValue}\n          onValueChange={onValueChange}\n          disabled={disabled}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            id={id}\n            aria-invalid={isError}\n            aria-describedby={showError ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n            className={cn(\n              \"flex h-12 w-full items-center justify-between rounded-xl px-4\",\n              \"border border-[var(--color-border)] bg-[var(--color-input)] text-[16px]\",\n              \"transition-colors duration-150\",\n              \"focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:ring-offset-0 focus:border-[var(--color-primary)]\",\n              \"data-[placeholder]:text-[var(--color-muted-foreground)]\",\n              isError && \"border-[var(--color-negative)] focus:ring-[var(--color-negative)]\",\n              \"disabled:opacity-40 disabled:cursor-not-allowed\",\n              \"select-none\"\n            )}\n          >\n            <SelectPrimitive.Value placeholder={placeholder} />\n            <SelectPrimitive.Icon className=\"ml-2 shrink-0 text-[var(--color-muted-foreground)]\">\n              <ChevronDownIcon />\n            </SelectPrimitive.Icon>\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal>\n            <SelectPrimitive.Content\n              position=\"popper\"\n              sideOffset={6}\n              className={cn(\n                \"relative z-50 min-w-[8rem] w-[var(--radix-select-trigger-width)] overflow-hidden\",\n                \"rounded-xl border border-[var(--color-border)] bg-[var(--color-background)] shadow-lg\",\n                \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n                \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n                \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n                \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2\"\n              )}\n            >\n              <SelectPrimitive.Viewport className=\"p-1.5\">\n                {options.map((option) => (\n                  <SelectPrimitive.Item\n                    key={option.value}\n                    value={option.value}\n                    disabled={option.disabled}\n                    className={cn(\n                      \"relative flex w-full cursor-pointer select-none items-center rounded-lg px-3 py-2.5\",\n                      \"text-[15px] text-[var(--color-foreground)]\",\n                      \"outline-none transition-colors duration-100\",\n                      \"focus:bg-[var(--color-muted)] data-[highlighted]:bg-[var(--color-muted)]\",\n                      \"data-[state=checked]:text-[var(--color-primary)] data-[state=checked]:font-medium\",\n                      \"data-[disabled]:opacity-40 data-[disabled]:pointer-events-none\"\n                    )}\n                  >\n                    <SelectPrimitive.ItemText>{option.label}</SelectPrimitive.ItemText>\n                    <SelectPrimitive.ItemIndicator className=\"ml-auto pl-2\">\n                      <CheckIcon />\n                    </SelectPrimitive.ItemIndicator>\n                  </SelectPrimitive.Item>\n                ))}\n              </SelectPrimitive.Viewport>\n            </SelectPrimitive.Content>\n          </SelectPrimitive.Portal>\n        </SelectPrimitive.Root>\n\n        {showError ? (\n          <p id={`${id}-error`} role=\"alert\" className=\"text-[13px] text-[var(--color-negative)]\">\n            {errorMessage}\n          </p>\n        ) : helperText ? (\n          <p id={`${id}-helper`} className=\"text-[13px] text-[var(--color-muted-foreground)]\">\n            {helperText}\n          </p>\n        ) : null}\n      </div>\n    );\n  }\n);\nSelect.displayName = \"Select\";\n\nfunction ChevronDownIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nexport { Select };\n"]}