mokona-ui 0.0.1

package/dist/chunk-IOBAQ35P.js

@@ -0,0 +1,42 @@
+import { cn } from './chunk-MVGUWG27.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Tooltip = ({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  sideOffset = 6,
+  delayDuration = 300,
+  className
+}) => /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
+  /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+  /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      side,
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 max-w-[280px] rounded-xl px-3 py-2",
+        "bg-[var(--color-foreground)] text-[var(--color-background)]",
+        "text-[13px] leading-snug shadow-lg",
+        "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
+        "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
+        className
+      ),
+      children: [
+        content,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-[var(--color-foreground)]", width: 10, height: 5 })
+      ]
+    }
+  ) })
+] }) });
+
+export { Tooltip };
+//# sourceMappingURL=chunk-IOBAQ35P.js.map
+//# sourceMappingURL=chunk-IOBAQ35P.js.map

package/dist/chunk-IOBAQ35P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;AAcA,IAAM,UAAU,CAAC;AAAA,EACf,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,aAAA,GAAgB,GAAA;AAAA,EAChB;AACF,CAAA,yBACoB,gBAAA,CAAA,QAAA,EAAjB,EAA0B,aAAA,EACzB,QAAA,kBAAA,IAAA,CAAkB,uBAAjB,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,kBAC5C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,IAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,yCAAA;AAAA,QACA,6DAAA;AAAA,QACA,oCAAA;AAAA,QACA,sEAAA;AAAA,QACA,oEAAA;AAAA,QACA,sEAAA;AAAA,QACA,+EAAA;AAAA,QACA,+EAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,wBACD,GAAA,CAAkB,wBAAjB,EAAuB,SAAA,EAAU,kCAAiC,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG;AAAA;AAAA;AAAA,GAC3F,EACF;AAAA,CAAA,EACF,CAAA,EACF","file":"chunk-IOBAQ35P.js","sourcesContent":["import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  delayDuration?: number;\n  className?: string;\n}\n\nconst Tooltip = ({\n  content,\n  children,\n  side = \"top\",\n  align = \"center\",\n  sideOffset = 6,\n  delayDuration = 300,\n  className,\n}: TooltipProps) => (\n  <TooltipPrimitive.Provider delayDuration={delayDuration}>\n    <TooltipPrimitive.Root>\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          className={cn(\n            \"z-50 max-w-[280px] rounded-xl px-3 py-2\",\n            \"bg-[var(--color-foreground)] text-[var(--color-background)]\",\n            \"text-[13px] leading-snug shadow-lg\",\n            \"data-[state=delayed-open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0\",\n            \"data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95\",\n            \"data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1\",\n            \"data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1\",\n            className\n          )}\n        >\n          {content}\n          <TooltipPrimitive.Arrow className=\"fill-[var(--color-foreground)]\" width={10} height={5} />\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  </TooltipPrimitive.Provider>\n);\n\nexport { Tooltip };\n"]}

package/dist/chunk-IVANXF6O.js

@@ -0,0 +1,107 @@
+import { cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var OTPInput = ({
+  length = 6,
+  value,
+  defaultValue: defaultValueProp,
+  onChange,
+  onComplete,
+  masked = false,
+  disabled = false,
+  isError = false,
+  autoFocus = false,
+  className
+}) => {
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = React.useState(defaultValueProp != null ? defaultValueProp : "");
+  const current = isControlled ? value : internalValue;
+  const refs = React.useRef([]);
+  const digits = Array.from({ length }, (_, i) => {
+    var _a;
+    return (_a = current[i]) != null ? _a : "";
+  });
+  function update(next) {
+    if (!isControlled) setInternalValue(next);
+    onChange == null ? void 0 : onChange(next);
+    if (next.length === length) onComplete == null ? void 0 : onComplete(next);
+  }
+  function handleChange(index, raw) {
+    var _a;
+    const char = raw.replace(/\D/g, "").slice(-1);
+    if (!char) return;
+    const arr = digits.slice();
+    arr[index] = char;
+    const next = arr.join("");
+    update(next);
+    if (index < length - 1) {
+      (_a = refs.current[index + 1]) == null ? void 0 : _a.focus();
+    }
+  }
+  function handleKeyDown(index, e) {
+    var _a, _b, _c, _d;
+    if (e.key === "Backspace") {
+      e.preventDefault();
+      const arr = digits.slice();
+      if (digits[index]) {
+        arr[index] = "";
+        update(arr.join(""));
+        if (index > 0) (_a = refs.current[index - 1]) == null ? void 0 : _a.focus();
+      } else if (index > 0) {
+        arr[index - 1] = "";
+        update(arr.join(""));
+        (_b = refs.current[index - 1]) == null ? void 0 : _b.focus();
+      }
+    } else if (e.key === "ArrowLeft" && index > 0) {
+      (_c = refs.current[index - 1]) == null ? void 0 : _c.focus();
+    } else if (e.key === "ArrowRight" && index < length - 1) {
+      (_d = refs.current[index + 1]) == null ? void 0 : _d.focus();
+    }
+  }
+  function handlePaste(e) {
+    var _a;
+    e.preventDefault();
+    const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
+    if (!pasted) return;
+    update(pasted.padEnd(length, "").slice(0, length).replace(/\s/g, ""));
+    const focusIndex = Math.min(pasted.length, length - 1);
+    (_a = refs.current[focusIndex]) == null ? void 0 : _a.focus();
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-3", className), children: digits.map((digit, i) => /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: (el) => {
+        refs.current[i] = el;
+      },
+      type: masked ? "password" : "text",
+      inputMode: "numeric",
+      maxLength: 1,
+      value: digit,
+      disabled,
+      autoFocus: autoFocus && i === 0,
+      "aria-label": `${i + 1}\uBC88\uC9F8 \uC785\uB825`,
+      onChange: (e) => handleChange(i, e.target.value),
+      onKeyDown: (e) => handleKeyDown(i, e),
+      onPaste: handlePaste,
+      onFocus: (e) => e.target.select(),
+      className: cn(
+        "h-14 w-12 rounded-2xl border-2 text-center text-[20px] font-semibold",
+        "text-[var(--color-foreground)] bg-[var(--color-background)]",
+        "transition-colors duration-150 outline-none",
+        "caret-transparent select-none",
+        isError ? "border-[var(--color-negative)] focus:border-[var(--color-negative)]" : [
+          "border-[var(--color-border)]",
+          "focus:border-[var(--color-primary)]",
+          digit && "border-[var(--color-primary)]"
+        ],
+        "disabled:opacity-40 disabled:cursor-not-allowed"
+      )
+    },
+    i
+  )) });
+};
+
+export { OTPInput };
+//# sourceMappingURL=chunk-IVANXF6O.js.map
+//# sourceMappingURL=chunk-IVANXF6O.js.map

package/dist/chunk-IVANXF6O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OTPInput/OTPInput.tsx"],"names":[],"mappings":"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","file":"chunk-IVANXF6O.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface OTPInputProps {\n  length?: number;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  masked?: boolean;\n  disabled?: boolean;\n  isError?: boolean;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nconst OTPInput = ({\n  length = 6,\n  value,\n  defaultValue: defaultValueProp,\n  onChange,\n  onComplete,\n  masked = false,\n  disabled = false,\n  isError = false,\n  autoFocus = false,\n  className,\n}: OTPInputProps) => {\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = React.useState(defaultValueProp ?? \"\");\n  const current = isControlled ? value : internalValue;\n\n  const refs = React.useRef<(HTMLInputElement | null)[]>([]);\n\n  const digits = Array.from({ length }, (_, i) => current[i] ?? \"\");\n\n  function update(next: string) {\n    if (!isControlled) setInternalValue(next);\n    onChange?.(next);\n    if (next.length === length) onComplete?.(next);\n  }\n\n  function handleChange(index: number, raw: string) {\n    // 숫자만 허용\n    const char = raw.replace(/\\D/g, \"\").slice(-1);\n    if (!char) return;\n\n    const arr = digits.slice();\n    arr[index] = char;\n    const next = arr.join(\"\");\n    update(next);\n\n    // 다음 셀로 포커스 이동\n    if (index < length - 1) {\n      refs.current[index + 1]?.focus();\n    }\n  }\n\n  function handleKeyDown(index: number, e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === \"Backspace\") {\n      e.preventDefault();\n      const arr = digits.slice();\n      if (digits[index]) {\n        // 현재 셀에 값 있으면 지우고 이전으로 이동\n        arr[index] = \"\";\n        update(arr.join(\"\"));\n        if (index > 0) refs.current[index - 1]?.focus();\n      } else if (index > 0) {\n        // 현재 셀 비어있으면 이전 셀 지우고 이동\n        arr[index - 1] = \"\";\n        update(arr.join(\"\"));\n        refs.current[index - 1]?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\" && index > 0) {\n      refs.current[index - 1]?.focus();\n    } else if (e.key === \"ArrowRight\" && index < length - 1) {\n      refs.current[index + 1]?.focus();\n    }\n  }\n\n  function handlePaste(e: React.ClipboardEvent) {\n    e.preventDefault();\n    const pasted = e.clipboardData.getData(\"text\").replace(/\\D/g, \"\").slice(0, length);\n    if (!pasted) return;\n    update(pasted.padEnd(length, \"\").slice(0, length).replace(/\\s/g, \"\"));\n    // 실제로는 붙여넣은 길이만큼 채우고 마지막 셀로 포커스\n    const focusIndex = Math.min(pasted.length, length - 1);\n    refs.current[focusIndex]?.focus();\n  }\n\n  return (\n    <div className={cn(\"flex gap-3\", className)}>\n      {digits.map((digit, i) => (\n        <input\n          key={i}\n          ref={(el) => { refs.current[i] = el; }}\n          type={masked ? \"password\" : \"text\"}\n          inputMode=\"numeric\"\n          maxLength={1}\n          value={digit}\n          disabled={disabled}\n          autoFocus={autoFocus && i === 0}\n          aria-label={`${i + 1}번째 입력`}\n          onChange={(e) => handleChange(i, e.target.value)}\n          onKeyDown={(e) => handleKeyDown(i, e)}\n          onPaste={handlePaste}\n          onFocus={(e) => e.target.select()}\n          className={cn(\n            \"h-14 w-12 rounded-2xl border-2 text-center text-[20px] font-semibold\",\n            \"text-[var(--color-foreground)] bg-[var(--color-background)]\",\n            \"transition-colors duration-150 outline-none\",\n            \"caret-transparent select-none\",\n            isError\n              ? \"border-[var(--color-negative)] focus:border-[var(--color-negative)]\"\n              : [\n                  \"border-[var(--color-border)]\",\n                  \"focus:border-[var(--color-primary)]\",\n                  digit && \"border-[var(--color-primary)]\",\n                ],\n            \"disabled:opacity-40 disabled:cursor-not-allowed\"\n          )}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport { OTPInput };\n"]}

package/dist/chunk-JGO5TBYB.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var chunkUXYAKGI2_cjs = require('./chunk-UXYAKGI2.cjs');
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var spinnerVariants = classVarianceAuthority.cva("", {
+  variants: {
+    size: {
+      sm: "w-4 h-4",
+      md: "w-6 h-6",
+      lg: "w-8 h-8",
+      xl: "w-12 h-12"
+    },
+    color: {
+      primary: "text-[var(--color-primary)]",
+      white: "text-white",
+      muted: "text-[var(--color-muted-foreground)]"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+function Spinner({ className, size, color, label = "\uB85C\uB529 \uC911" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.LazyMotion, { features: chunkUXYAKGI2_cjs.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkUXYAKGI2_cjs.m.svg,
+    {
+      className: chunk4V3IOZPC_cjs.cn(spinnerVariants({ size, color }), className),
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-label": label,
+      role: "status",
+      animate: { rotate: 360 },
+      transition: { duration: 0.8, repeat: Infinity, ease: "linear" },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "9",
+          stroke: "currentColor",
+          strokeWidth: "2.5",
+          strokeLinecap: "round",
+          strokeDasharray: "40 16",
+          opacity: "0.9"
+        }
+      )
+    }
+  ) });
+}
+Spinner.displayName = "Spinner";
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-JGO5TBYB.cjs.map
+//# sourceMappingURL=chunk-JGO5TBYB.cjs.map

package/dist/chunk-JGO5TBYB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.tsx"],"names":["cva","jsx","LazyMotion","domAnimation","m","cn"],"mappings":";;;;;;;AAKA,IAAM,eAAA,GAAkBA,2BAAI,EAAA,EAAI;AAAA,EAC9B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,6BAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOD,SAAS,QAAQ,EAAE,SAAA,EAAW,MAAM,KAAA,EAAO,KAAA,GAAQ,uBAAO,EAAiB;AACzE,EAAA,uBACEC,cAAA,CAACC,4BAAA,EAAA,EAAW,QAAA,EAAUC,8BAAA,EACpB,QAAA,kBAAAF,cAAA;AAAA,IAACG,mBAAA,CAAE,GAAA;AAAA,IAAF;AAAA,MACC,SAAA,EAAWC,qBAAG,eAAA,CAAgB,EAAE,MAAM,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACzD,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,EAAE,MAAA,EAAQ,GAAA,EAAI;AAAA,MACvB,YAAY,EAAE,QAAA,EAAU,KAAK,MAAA,EAAQ,QAAA,EAAU,MAAM,QAAA,EAAS;AAAA,MAE9D,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,IAAA;AAAA,UACH,EAAA,EAAG,IAAA;AAAA,UACH,CAAA,EAAE,GAAA;AAAA,UACF,MAAA,EAAO,cAAA;AAAA,UACP,WAAA,EAAY,KAAA;AAAA,UACZ,aAAA,EAAc,OAAA;AAAA,UACd,eAAA,EAAgB,OAAA;AAAA,UAChB,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA,GACF,EACF,CAAA;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-JGO5TBYB.cjs","sourcesContent":["import * as React from \"react\";\nimport { m, LazyMotion, domAnimation } from \"../../utils/motion\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst spinnerVariants = cva(\"\", {\n  variants: {\n    size: {\n      sm: \"w-4 h-4\",\n      md: \"w-6 h-6\",\n      lg: \"w-8 h-8\",\n      xl: \"w-12 h-12\",\n    },\n    color: {\n      primary: \"text-[var(--color-primary)]\",\n      white: \"text-white\",\n      muted: \"text-[var(--color-muted-foreground)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"primary\",\n  },\n});\n\nexport type SpinnerProps = VariantProps<typeof spinnerVariants> & {\n  label?: string;\n  className?: string;\n};\n\nfunction Spinner({ className, size, color, label = \"로딩 중\" }: SpinnerProps) {\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.svg\n        className={cn(spinnerVariants({ size, color }), className)}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-label={label}\n        role=\"status\"\n        animate={{ rotate: 360 }}\n        transition={{ duration: 0.8, repeat: Infinity, ease: \"linear\" }}\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeDasharray=\"40 16\"\n          opacity=\"0.9\"\n        />\n      </m.svg>\n    </LazyMotion>\n  );\n}\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n"]}

package/dist/chunk-JQ55FV4C.js

@@ -0,0 +1,75 @@
+import { cn } from './chunk-MVGUWG27.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DropdownMenu = ({
+  trigger,
+  items,
+  open,
+  onOpenChange,
+  align = "start",
+  sideOffset = 6
+}) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      align,
+      sideOffset,
+      className: 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__ */ jsx(
+            DropdownMenuPrimitive.Separator,
+            {
+              className: "my-1 h-px bg-[var(--color-border)]"
+            },
+            i
+          );
+        }
+        if (item.type === "label") {
+          return /* @__PURE__ */ jsx(
+            DropdownMenuPrimitive.Label,
+            {
+              className: "px-3 py-1.5 text-[12px] font-semibold text-[var(--color-muted-foreground)] select-none",
+              children: item.label
+            },
+            i
+          );
+        }
+        return /* @__PURE__ */ jsxs(
+          DropdownMenuPrimitive.Item,
+          {
+            disabled: item.disabled,
+            onSelect: item.onSelect,
+            className: 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__ */ jsx("span", { className: "shrink-0 text-[var(--color-muted-foreground)]", children: item.icon }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+              item.shortcut && /* @__PURE__ */ jsx("span", { className: "ml-auto text-[12px] text-[var(--color-muted-foreground)]", children: item.shortcut })
+            ]
+          },
+          i
+        );
+      })
+    }
+  ) })
+] });
+
+export { DropdownMenu };
+//# sourceMappingURL=chunk-JQ55FV4C.js.map
+//# sourceMappingURL=chunk-JQ55FV4C.js.map

package/dist/chunk-JQ55FV4C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"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,qBACE,IAAA,CAAuB,qBAAA,CAAA,IAAA,EAAtB,EAA2B,IAAA,EAAY,YAAA,EACtC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAuB,qBAAA,CAAA,OAAA,EAAtB,EAA8B,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,kBAEhD,GAAA,CAAuB,8BAAtB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAuB,qBAAA,CAAA,OAAA;AAAA,IAAtB;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;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,uBACE,GAAA;AAAA,YAAuB,qBAAA,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,uBACE,GAAA;AAAA,YAAuB,qBAAA,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,uBACE,IAAA;AAAA,UAAuB,qBAAA,CAAA,IAAA;AAAA,UAAtB;AAAA,YAEC,UAAU,IAAA,CAAK,QAAA;AAAA,YACf,UAAU,IAAA,CAAK,QAAA;AAAA,YACf,SAAA,EAAW,EAAA;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,wBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+CAAA,EACb,eAAK,IAAA,EACR,CAAA;AAAA,8BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,eAAK,KAAA,EAAM,CAAA;AAAA,cACpC,KAAK,QAAA,oBACJ,GAAA,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-JQ55FV4C.js","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-JQDD6AYM.js

@@ -0,0 +1,52 @@
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var avatarVariants = cva("relative inline-flex shrink-0 overflow-hidden rounded-full", {
+  variants: {
+    size: {
+      xs: "w-6 h-6 text-[10px]",
+      sm: "w-8 h-8 text-[12px]",
+      md: "w-10 h-10 text-[14px]",
+      lg: "w-12 h-12 text-[16px]",
+      xl: "w-16 h-16 text-[20px]"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var Avatar = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, size, src, alt, fallback } = _b, props = __objRest(_b, ["className", "size", "src", "alt", "fallback"]);
+  var _a2;
+  return /* @__PURE__ */ jsxs(
+    AvatarPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(avatarVariants({ size }), className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          AvatarPrimitive.Image,
+          {
+            src,
+            alt,
+            className: "w-full h-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AvatarPrimitive.Fallback,
+          {
+            className: "w-full h-full flex items-center justify-center bg-[var(--color-muted)] text-[var(--color-muted-foreground)] font-semibold",
+            children: (_a2 = fallback != null ? fallback : alt == null ? void 0 : alt.slice(0, 1).toUpperCase()) != null ? _a2 : "?"
+          }
+        )
+      ]
+    })
+  );
+});
+Avatar.displayName = "Avatar";
+
+export { Avatar };
+//# sourceMappingURL=chunk-JQDD6AYM.js.map
+//# sourceMappingURL=chunk-JQDD6AYM.js.map

package/dist/chunk-JQDD6AYM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["_a"],"mappings":";;;;;;AAKA,IAAM,cAAA,GAAiB,IAAI,4DAAA,EAA8D;AAAA,EACvF,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,uBAAA;AAAA,MACJ,EAAA,EAAI,uBAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC,CAAA;AAUD,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA,CAGnB,CAAC,EAAA,EAAmD,GAAA,KAAK;AAAxD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,IAAA,EAAM,GAAA,EAAK,GAAA,EAAK,QAAA,EA7BhC,GA6BG,EAAA,EAA0C,KAAA,GAAA,SAAA,CAA1C,EAAA,EAA0C,CAAxC,WAAA,EAAW,MAAA,EAAM,OAAK,KAAA,EAAK,UAAA,CAAA,CAAA;AA7BhC,EAAA,IAAAA,GAAAA;AA8BE,EAAA,uBAAA,IAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EAC7C,KAAA,CAAA,EAHL;AAAA,MAKC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAiB,eAAA,CAAA,KAAA;AAAA,UAAhB;AAAA,YACC,GAAA;AAAA,YACA,GAAA;AAAA,YACA,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACA,GAAA;AAAA,UAAiB,eAAA,CAAA,QAAA;AAAA,UAAhB;AAAA,YACC,SAAA,EAAU,2HAAA;AAAA,YAET,QAAA,EAAA,CAAAA,MAAA,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,MAAM,CAAA,EAAG,CAAA,CAAA,CAAG,WAAA,EAAA,KAA7B,IAAA,GAAAA,GAAAA,GAA8C;AAAA;AAAA;AACjD;AAAA,KAAA;AAAA,GACF;AAAA,CACD;AACD,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-JQDD6AYM.js","sourcesContent":["import * as React from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst avatarVariants = cva(\"relative inline-flex shrink-0 overflow-hidden rounded-full\", {\n  variants: {\n    size: {\n      xs: \"w-6 h-6 text-[10px]\",\n      sm: \"w-8 h-8 text-[12px]\",\n      md: \"w-10 h-10 text-[14px]\",\n      lg: \"w-12 h-12 text-[16px]\",\n      xl: \"w-16 h-16 text-[20px]\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport interface AvatarProps\n  extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {\n  src?: string;\n  alt?: string;\n  fallback?: string;\n}\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(({ className, size, src, alt, fallback, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(avatarVariants({ size }), className)}\n    {...props}\n  >\n    <AvatarPrimitive.Image\n      src={src}\n      alt={alt}\n      className=\"w-full h-full object-cover\"\n    />\n    <AvatarPrimitive.Fallback\n      className=\"w-full h-full flex items-center justify-center bg-[var(--color-muted)] text-[var(--color-muted-foreground)] font-semibold\"\n    >\n      {fallback ?? alt?.slice(0, 1).toUpperCase() ?? \"?\"}\n    </AvatarPrimitive.Fallback>\n  </AvatarPrimitive.Root>\n));\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar };\n"]}

package/dist/chunk-JWE5X3SW.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var chunkUXYAKGI2_cjs = require('./chunk-UXYAKGI2.cjs');
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+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 cardVariants = classVarianceAuthority.cva(
+  "rounded-2xl bg-[var(--color-background)] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        elevated: "shadow-[var(--shadow-md)]",
+        outlined: "border border-[var(--color-border)]",
+        filled: "bg-[var(--color-muted)]"
+      },
+      padding: {
+        none: "",
+        sm: "p-4",
+        md: "p-5",
+        lg: "p-6"
+      },
+      interactive: {
+        true: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      variant: "elevated",
+      padding: "md"
+    }
+  }
+);
+var Card = React__namespace.forwardRef(
+  ({ className, variant, padding, interactive, onClick, children, style, id, "aria-label": ariaLabel }, ref) => {
+    const isInteractive = interactive || !!onClick;
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.LazyMotion, { features: chunkUXYAKGI2_cjs.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUXYAKGI2_cjs.m.div,
+      {
+        ref,
+        id,
+        "aria-label": ariaLabel,
+        style,
+        className: chunk4V3IOZPC_cjs.cn(cardVariants({ variant, padding, interactive: isInteractive || void 0 }), className),
+        whileTap: isInteractive ? { scale: 0.98 } : void 0,
+        transition: isInteractive ? { type: "spring", stiffness: 400, damping: 20 } : void 0,
+        onClick,
+        role: onClick ? "button" : void 0,
+        tabIndex: onClick ? 0 : void 0,
+        children
+      }
+    ) });
+  }
+);
+Card.displayName = "Card";
+
+exports.Card = Card;
+exports.cardVariants = cardVariants;
+//# sourceMappingURL=chunk-JWE5X3SW.cjs.map
+//# sourceMappingURL=chunk-JWE5X3SW.cjs.map

package/dist/chunk-JWE5X3SW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":["cva","React","jsx","LazyMotion","domAnimation","m","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,YAAA,GAAeA,0BAAA;AAAA,EACnB,0DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,QAAA,EAAU,2BAAA;AAAA,QACV,QAAA,EAAU,qCAAA;AAAA,QACV,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,UAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,IAAM,IAAA,GAAaC,gBAAA,CAAA,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,OAAA,EAAS,WAAA,EAAa,OAAA,EAAS,QAAA,EAAU,KAAA,EAAO,EAAA,EAAI,YAAA,EAAc,SAAA,IAAa,GAAA,KAAQ;AAC5G,IAAA,MAAM,aAAA,GAAgB,WAAA,IAAe,CAAC,CAAC,OAAA;AAEvC,IAAA,uBACEC,cAAA,CAACC,4BAAA,EAAA,EAAW,QAAA,EAAUC,8BAAA,EACpB,QAAA,kBAAAF,cAAA;AAAA,MAACG,mBAAA,CAAE,GAAA;AAAA,MAAF;AAAA,QACC,GAAA;AAAA,QACA,EAAA;AAAA,QACA,YAAA,EAAY,SAAA;AAAA,QACZ,KAAA;AAAA,QACA,SAAA,EAAWC,oBAAA,CAAG,YAAA,CAAa,EAAE,OAAA,EAAS,OAAA,EAAS,WAAA,EAAa,aAAA,IAAiB,MAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,QACpG,QAAA,EAAU,aAAA,GAAgB,EAAE,KAAA,EAAO,MAAK,GAAI,MAAA;AAAA,QAC5C,UAAA,EAAY,gBAAgB,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,OAAA,EAAS,EAAA,EAAG,GAAI,MAAA;AAAA,QAC9E,OAAA;AAAA,QACA,IAAA,EAAM,UAAU,QAAA,GAAW,MAAA;AAAA,QAC3B,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,QAEvB;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-JWE5X3SW.cjs","sourcesContent":["import * as React from \"react\";\nimport { m, LazyMotion, domAnimation } from \"../../utils/motion\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst cardVariants = cva(\n  \"rounded-2xl bg-[var(--color-background)] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        elevated: \"shadow-[var(--shadow-md)]\",\n        outlined: \"border border-[var(--color-border)]\",\n        filled: \"bg-[var(--color-muted)]\",\n      },\n      padding: {\n        none: \"\",\n        sm: \"p-4\",\n        md: \"p-5\",\n        lg: \"p-6\",\n      },\n      interactive: {\n        true: \"cursor-pointer\",\n      },\n    },\n    defaultVariants: {\n      variant: \"elevated\",\n      padding: \"md\",\n    },\n  }\n);\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, padding, interactive, onClick, children, style, id, \"aria-label\": ariaLabel }, ref) => {\n    const isInteractive = interactive || !!onClick;\n\n    return (\n      <LazyMotion features={domAnimation}>\n        <m.div\n          ref={ref}\n          id={id}\n          aria-label={ariaLabel}\n          style={style}\n          className={cn(cardVariants({ variant, padding, interactive: isInteractive || undefined }), className)}\n          whileTap={isInteractive ? { scale: 0.98 } : undefined}\n          transition={isInteractive ? { type: \"spring\", stiffness: 400, damping: 20 } : undefined}\n          onClick={onClick as React.MouseEventHandler<HTMLDivElement>}\n          role={onClick ? \"button\" : undefined}\n          tabIndex={onClick ? 0 : undefined}\n        >\n          {children}\n        </m.div>\n      </LazyMotion>\n    );\n  }\n);\nCard.displayName = \"Card\";\n\nexport { Card, cardVariants };\n"]}

package/dist/chunk-KFFQVTKW.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+var chunkUXYAKGI2_cjs = require('./chunk-UXYAKGI2.cjs');
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var Label = require('@radix-ui/react-label');
+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 CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var Label__namespace = /*#__PURE__*/_interopNamespace(Label);
+
+var Checkbox = React__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className, label, id } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "label", "id"]);
+  const generatedId = React__namespace.useId();
+  const checkboxId = id != null ? id : generatedId;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Root,
+      chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+        ref,
+        id: checkboxId,
+        className: chunk4V3IOZPC_cjs.cn(
+          "h-5 w-5 rounded-md shrink-0",
+          "border-2 border-[var(--color-border)]",
+          "bg-[var(--color-background)]",
+          "transition-colors duration-150",
+          "data-[state=checked]:bg-[var(--color-primary)] data-[state=checked]:border-[var(--color-primary)]",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
+          "disabled:opacity-40 disabled:cursor-not-allowed",
+          className
+        )
+      }, props), {
+        children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.LazyMotion, { features: chunkUXYAKGI2_cjs.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkUXYAKGI2_cjs.m.svg,
+          {
+            width: "11",
+            height: "8",
+            viewBox: "0 0 11 8",
+            fill: "none",
+            initial: { pathLength: 0, opacity: 0 },
+            animate: { pathLength: 1, opacity: 1 },
+            transition: { duration: 0.2, ease: "easeOut" },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkUXYAKGI2_cjs.m.path,
+              {
+                d: "M1 3.5L4 6.5L10 1",
+                stroke: "white",
+                strokeWidth: "1.8",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          }
+        ) }) })
+      })
+    ),
+    label && /* @__PURE__ */ jsxRuntime.jsx(
+      Label__namespace.Root,
+      {
+        htmlFor: checkboxId,
+        className: "text-[16px] text-[var(--color-foreground)] cursor-pointer select-none",
+        children: label
+      }
+    )
+  ] });
+});
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-KFFQVTKW.cjs.map
+//# sourceMappingURL=chunk-KFFQVTKW.cjs.map

package/dist/chunk-KFFQVTKW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":["React","__objRest","jsxs","jsx","CheckboxPrimitive","__spreadProps","__spreadValues","cn","LazyMotion","domAnimation","m","Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,QAAA,GAAiBA,gBAAA,CAAA,UAAA,CAGrB,CAAC,EAAA,EAAoC,GAAA,KAAQ;AAA5C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,OAAO,EAAA,EAdvB,GAcG,IAA2B,KAAA,GAAAC,2BAAA,CAA3B,EAAA,EAA2B,CAAzB,WAAA,EAAW,OAAA,EAAO,IAAA,CAAA,CAAA;AACrB,EAAA,MAAM,cAAoBD,gBAAA,CAAA,KAAA,EAAM;AAChC,EAAA,MAAM,aAAa,EAAA,IAAA,IAAA,GAAA,EAAA,GAAM,WAAA;AAEzB,EAAA,uBACEE,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAmBC,4BAAA,CAAA,IAAA;AAAA,MAAlBC,+BAAA,CAAAC,gCAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,UAAA;AAAA,QACJ,SAAA,EAAWC,oBAAA;AAAA,UACT,6BAAA;AAAA,UACA,uCAAA;AAAA,UACA,8BAAA;AAAA,UACA,gCAAA;AAAA,UACA,mGAAA;AAAA,UACA,uHAAA;AAAA,UACA,iDAAA;AAAA,UACA;AAAA;AACF,OAAA,EACI,KAAA,CAAA,EAbL;AAAA,QAeC,QAAA,kBAAAJ,cAAA,CAAmBC,wCAAlB,EAA4B,SAAA,EAAU,oCACrC,QAAA,kBAAAD,cAAA,CAACK,4BAAA,EAAA,EAAW,UAAUC,8BAAA,EACpB,QAAA,kBAAAN,cAAA;AAAA,UAACO,mBAAA,CAAE,GAAA;AAAA,UAAF;AAAA,YACC,KAAA,EAAM,IAAA;AAAA,YACN,MAAA,EAAO,GAAA;AAAA,YACP,OAAA,EAAQ,UAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,OAAA,EAAS,EAAE,UAAA,EAAY,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,YACrC,OAAA,EAAS,EAAE,UAAA,EAAY,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,YACrC,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,SAAA,EAAU;AAAA,YAE7C,QAAA,kBAAAP,cAAA;AAAA,cAACO,mBAAA,CAAE,IAAA;AAAA,cAAF;AAAA,gBACC,CAAA,EAAE,mBAAA;AAAA,gBACF,MAAA,EAAO,OAAA;AAAA,gBACP,WAAA,EAAY,KAAA;AAAA,gBACZ,aAAA,EAAc,OAAA;AAAA,gBACd,cAAA,EAAe;AAAA;AAAA;AACjB;AAAA,WAEJ,CAAA,EACF;AAAA,OAAA;AAAA,KACF;AAAA,IACC,KAAA,oBACCP,cAAA;AAAA,MAAOQ,gBAAA,CAAA,IAAA;AAAA,MAAN;AAAA,QACC,OAAA,EAAS,UAAA;AAAA,QACT,SAAA,EAAU,uEAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-KFFQVTKW.cjs","sourcesContent":["import * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as Label from \"@radix-ui/react-label\";\nimport { m, LazyMotion, domAnimation } from \"../../utils/motion\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  label?: string;\n}\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, label, id, ...props }, ref) => {\n  const generatedId = React.useId();\n  const checkboxId = id ?? generatedId;\n\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <CheckboxPrimitive.Root\n        ref={ref}\n        id={checkboxId}\n        className={cn(\n          \"h-5 w-5 rounded-md shrink-0\",\n          \"border-2 border-[var(--color-border)]\",\n          \"bg-[var(--color-background)]\",\n          \"transition-colors duration-150\",\n          \"data-[state=checked]:bg-[var(--color-primary)] data-[state=checked]:border-[var(--color-primary)]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2\",\n          \"disabled:opacity-40 disabled:cursor-not-allowed\",\n          className\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator className=\"flex items-center justify-center\">\n          <LazyMotion features={domAnimation}>\n            <m.svg\n              width=\"11\"\n              height=\"8\"\n              viewBox=\"0 0 11 8\"\n              fill=\"none\"\n              initial={{ pathLength: 0, opacity: 0 }}\n              animate={{ pathLength: 1, opacity: 1 }}\n              transition={{ duration: 0.2, ease: \"easeOut\" }}\n            >\n              <m.path\n                d=\"M1 3.5L4 6.5L10 1\"\n                stroke=\"white\"\n                strokeWidth=\"1.8\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </m.svg>\n          </LazyMotion>\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n      {label && (\n        <Label.Root\n          htmlFor={checkboxId}\n          className=\"text-[16px] text-[var(--color-foreground)] cursor-pointer select-none\"\n        >\n          {label}\n        </Label.Root>\n      )}\n    </div>\n  );\n});\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"]}