mokona-ui 0.0.1

package/dist/chunk-4C6E37KK.js

@@ -0,0 +1,134 @@
+import { LazyMotion, domAnimation, m } from './chunk-Y3CWICHE.js';
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "font-semibold rounded-xl",
+    "transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-40",
+    "select-none cursor-pointer"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-[var(--color-primary)] text-white",
+          "hover:bg-[var(--color-primary-hover)]",
+          "focus-visible:ring-[var(--color-primary)]"
+        ],
+        secondary: [
+          "bg-[var(--color-muted)] text-[var(--color-foreground)]",
+          "hover:bg-[var(--color-gray-200)]"
+        ],
+        outline: [
+          "border border-[var(--color-border)] bg-transparent text-[var(--color-foreground)]",
+          "hover:bg-[var(--color-muted)]"
+        ],
+        ghost: [
+          "bg-transparent text-[var(--color-foreground)]",
+          "hover:bg-[var(--color-muted)]"
+        ],
+        danger: [
+          "bg-[var(--color-negative)] text-white",
+          "hover:opacity-90"
+        ]
+      },
+      size: {
+        sm: "h-9 px-4 text-sm gap-1.5",
+        md: "h-11 px-5 text-body1 gap-2",
+        lg: "h-14 px-6 text-body1 gap-2"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      variant,
+      size,
+      fullWidth,
+      asChild = false,
+      loading = false,
+      disabled,
+      children
+    } = _b, props = __objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "fullWidth",
+      "asChild",
+      "loading",
+      "disabled",
+      "children"
+    ]);
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
+      m.div,
+      {
+        whileTap: { scale: disabled || loading ? 1 : 0.96 },
+        transition: { type: "spring", stiffness: 400, damping: 17 },
+        style: { display: "inline-flex", width: fullWidth ? "100%" : void 0 },
+        children: /* @__PURE__ */ jsx(
+          Comp,
+          __spreadProps(__spreadValues({
+            ref,
+            className: cn(buttonVariants({ variant, size, fullWidth, className })),
+            disabled: disabled || loading,
+            "aria-disabled": disabled || loading
+          }, props), {
+            children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Spinner, { size: size === "sm" ? 14 : 16 }),
+              children
+            ] }) : children
+          })
+        )
+      }
+    ) });
+  }
+);
+Button.displayName = "Button";
+function Spinner({ size = 16 }) {
+  return /* @__PURE__ */ jsx(
+    m.svg,
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      animate: { rotate: 360 },
+      transition: { duration: 0.8, repeat: Infinity, ease: "linear" },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "8",
+          cy: "8",
+          r: "6",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeDasharray: "25 13",
+          opacity: "0.8"
+        }
+      )
+    }
+  );
+}
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-4C6E37KK.js.map
+//# sourceMappingURL=chunk-4C6E37KK.js.map

package/dist/chunk-4C6E37KK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-4C6E37KK.js","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { m, LazyMotion, domAnimation } from \"../../utils/motion\";\nimport { cn } from \"../../utils/cn\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-semibold rounded-xl\",\n    \"transition-colors duration-150\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-40\",\n    \"select-none cursor-pointer\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          \"bg-[var(--color-primary)] text-white\",\n          \"hover:bg-[var(--color-primary-hover)]\",\n          \"focus-visible:ring-[var(--color-primary)]\",\n        ],\n        secondary: [\n          \"bg-[var(--color-muted)] text-[var(--color-foreground)]\",\n          \"hover:bg-[var(--color-gray-200)]\",\n        ],\n        outline: [\n          \"border border-[var(--color-border)] bg-transparent text-[var(--color-foreground)]\",\n          \"hover:bg-[var(--color-muted)]\",\n        ],\n        ghost: [\n          \"bg-transparent text-[var(--color-foreground)]\",\n          \"hover:bg-[var(--color-muted)]\",\n        ],\n        danger: [\n          \"bg-[var(--color-negative)] text-white\",\n          \"hover:opacity-90\",\n        ],\n      },\n      size: {\n        sm: \"h-9 px-4 text-sm gap-1.5\",\n        md: \"h-11 px-5 text-body1 gap-2\",\n        lg: \"h-14 px-6 text-body1 gap-2\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      asChild = false,\n      loading = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n      <LazyMotion features={domAnimation}>\n        <m.div\n          whileTap={{ scale: disabled || loading ? 1 : 0.96 }}\n          transition={{ type: \"spring\", stiffness: 400, damping: 17 }}\n          style={{ display: \"inline-flex\", width: fullWidth ? \"100%\" : undefined }}\n        >\n          <Comp\n            ref={ref}\n            className={cn(buttonVariants({ variant, size, fullWidth, className }))}\n            disabled={disabled || loading}\n            aria-disabled={disabled || loading}\n            {...props}\n          >\n            {loading ? (\n              <>\n                <Spinner size={size === \"sm\" ? 14 : 16} />\n                {children}\n              </>\n            ) : (\n              children\n            )}\n          </Comp>\n        </m.div>\n      </LazyMotion>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nfunction Spinner({ size = 16 }: { size?: number }) {\n  return (\n    <m.svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      animate={{ rotate: 360 }}\n      transition={{ duration: 0.8, repeat: Infinity, ease: \"linear\" }}\n      aria-hidden=\"true\"\n    >\n      <circle\n        cx=\"8\"\n        cy=\"8\"\n        r=\"6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeDasharray=\"25 13\"\n        opacity=\"0.8\"\n      />\n    </m.svg>\n  );\n}\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-4S23TNFZ.cjs

@@ -0,0 +1,115 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+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 AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+
+var Accordion = (_a) => {
+  var _b = _a, {
+    items,
+    type = "single",
+    defaultValue,
+    collapsible = true,
+    className
+  } = _b; chunk4V3IOZPC_cjs.__objRest(_b, [
+    "items",
+    "type",
+    "defaultValue",
+    "collapsible",
+    "className"
+  ]);
+  const rootProps = type === "single" ? {
+    type: "single",
+    defaultValue,
+    collapsible
+  } : {
+    type: "multiple",
+    defaultValue
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Root,
+    chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({}, rootProps), {
+      className: chunk4V3IOZPC_cjs.cn("w-full divide-y divide-[var(--color-border)]", className),
+      children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        AccordionPrimitive__namespace.Item,
+        {
+          value: item.value,
+          disabled: item.disabled,
+          className: "group",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+              AccordionPrimitive__namespace.Trigger,
+              {
+                className: chunk4V3IOZPC_cjs.cn(
+                  "flex w-full items-center justify-between py-4 px-0",
+                  "text-[15px] font-medium text-[var(--color-foreground)]",
+                  "transition-colors duration-150 text-left",
+                  "hover:text-[var(--color-primary)]",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2 rounded-md",
+                  "disabled:opacity-40 disabled:cursor-not-allowed",
+                  "[&[data-state=open]>svg]:rotate-180"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 pr-4", children: item.trigger }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "shrink-0 text-[var(--color-muted-foreground)] transition-transform duration-200" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              AccordionPrimitive__namespace.Content,
+              {
+                className: chunk4V3IOZPC_cjs.cn(
+                  "overflow-hidden text-[14px] text-[var(--color-muted-foreground)]",
+                  "data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-4", children: item.content })
+              }
+            )
+          ]
+        },
+        item.value
+      ))
+    })
+  );
+};
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=chunk-4S23TNFZ.cjs.map
+//# sourceMappingURL=chunk-4S23TNFZ.cjs.map

package/dist/chunk-4S23TNFZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["__objRest","jsx","AccordionPrimitive","__spreadProps","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAM,SAAA,GAAY,CAAC,EAAA,KAOG;AAPH,EAAA,IAAA,EAAA,GAAA,EAAA,CAAA,CACjB;AAAA,IAAA,KAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,YAAA;AAAA,IACA,WAAA,GAAc,IAAA;AAAA,IACd;AAAA,GA1BF,GAqBmB,EAAA,CAAA,CAMdA,2BAAA,CANc,EAAA,EAMd;AAAA,IALH,OAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GAAA;AAGA,EAAA,MAAM,SAAA,GACJ,SAAS,QAAA,GACL;AAAA,IACE,IAAA,EAAM,QAAA;AAAA,IACN,YAAA;AAAA,IACA;AAAA,GACF,GACA;AAAA,IACE,IAAA,EAAM,UAAA;AAAA,IACN;AAAA,GACF;AAEN,EAAA,uBACEC,cAAA;AAAA,IAAoBC,6BAAA,CAAA,IAAA;AAAA,IAAnBC,qEACK,SAAA,CAAA,EADL;AAAA,MAEC,SAAA,EAAWC,oBAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA;AAAA,MAEtE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACVC,eAAA;AAAA,QAAoBH,6BAAA,CAAA,IAAA;AAAA,QAAnB;AAAA,UAEC,OAAO,IAAA,CAAK,KAAA;AAAA,UACZ,UAAU,IAAA,CAAK,QAAA;AAAA,UACf,SAAA,EAAU,OAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAAD,cAAA,CAAoBC,sCAAnB,EACC,QAAA,kBAAAG,eAAA;AAAA,cAAoBH,6BAAA,CAAA,OAAA;AAAA,cAAnB;AAAA,gBACC,SAAA,EAAWE,oBAAA;AAAA,kBACT,oDAAA;AAAA,kBACA,wDAAA;AAAA,kBACA,0CAAA;AAAA,kBACA,mCAAA;AAAA,kBACA,kIAAA;AAAA,kBACA,iDAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,IAAA,CAAK,OAAA,EAAQ,CAAA;AAAA,kCAC5CA,cAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,iFAAA,EAAkF;AAAA;AAAA;AAAA,aAC/G,EACF,CAAA;AAAA,4BACAA,cAAA;AAAA,cAAoBC,6BAAA,CAAA,OAAA;AAAA,cAAnB;AAAA,gBACC,SAAA,EAAWE,oBAAA;AAAA,kBACT,kEAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAAH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,eAAK,OAAA,EAAQ;AAAA;AAAA;AACtC;AAAA,SAAA;AAAA,QA5BK,IAAA,CAAK;AAAA,OA8Bb;AAAA,KAAA;AAAA,GACH;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAU,EAA2B;AAC9D,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,IAAA;AAAA,MACN,MAAA,EAAO,IAAA;AAAA,MACP,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MACf,SAAA;AAAA,MAEA,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,cAAA,EAAe;AAAA;AAAA,GACzB;AAEJ","file":"chunk-4S23TNFZ.cjs","sourcesContent":["import * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface AccordionItem {\n  value: string;\n  trigger: React.ReactNode;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  type?: \"single\" | \"multiple\";\n  defaultValue?: string | string[];\n  value?: string | string[];\n  onValueChange?: ((value: string) => void) & ((value: string[]) => void);\n  collapsible?: boolean;\n  className?: string;\n}\n\nconst Accordion = ({\n  items,\n  type = \"single\",\n  defaultValue,\n  collapsible = true,\n  className,\n  ...props\n}: AccordionProps) => {\n  const rootProps =\n    type === \"single\"\n      ? {\n          type: \"single\" as const,\n          defaultValue: defaultValue as string | undefined,\n          collapsible,\n        }\n      : {\n          type: \"multiple\" as const,\n          defaultValue: defaultValue as string[] | undefined,\n        };\n\n  return (\n    <AccordionPrimitive.Root\n      {...rootProps}\n      className={cn(\"w-full divide-y divide-[var(--color-border)]\", className)}\n    >\n      {items.map((item) => (\n        <AccordionPrimitive.Item\n          key={item.value}\n          value={item.value}\n          disabled={item.disabled}\n          className=\"group\"\n        >\n          <AccordionPrimitive.Header>\n            <AccordionPrimitive.Trigger\n              className={cn(\n                \"flex w-full items-center justify-between py-4 px-0\",\n                \"text-[15px] font-medium text-[var(--color-foreground)]\",\n                \"transition-colors duration-150 text-left\",\n                \"hover:text-[var(--color-primary)]\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2 rounded-md\",\n                \"disabled:opacity-40 disabled:cursor-not-allowed\",\n                \"[&[data-state=open]>svg]:rotate-180\"\n              )}\n            >\n              <span className=\"flex-1 pr-4\">{item.trigger}</span>\n              <ChevronDownIcon className=\"shrink-0 text-[var(--color-muted-foreground)] transition-transform duration-200\" />\n            </AccordionPrimitive.Trigger>\n          </AccordionPrimitive.Header>\n          <AccordionPrimitive.Content\n            className={cn(\n              \"overflow-hidden text-[14px] text-[var(--color-muted-foreground)]\",\n              \"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up\"\n            )}\n          >\n            <div className=\"pb-4\">{item.content}</div>\n          </AccordionPrimitive.Content>\n        </AccordionPrimitive.Item>\n      ))}\n    </AccordionPrimitive.Root>\n  );\n};\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nexport { Accordion };\n"]}

package/dist/chunk-4V3IOZPC.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var twMerge = tailwindMerge.extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [
+        "text-display1",
+        "text-title1",
+        "text-title2",
+        "text-title3",
+        "text-body1",
+        "text-body2",
+        "text-caption1"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx.clsx(inputs));
+}
+
+exports.__objRest = __objRest;
+exports.__spreadProps = __spreadProps;
+exports.__spreadValues = __spreadValues;
+exports.cn = cn;
+//# sourceMappingURL=chunk-4V3IOZPC.cjs.map
+//# sourceMappingURL=chunk-4V3IOZPC.cjs.map

package/dist/chunk-4V3IOZPC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"names":["extendTailwindMerge","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,UAAUA,iCAAA,CAAoB;AAAA,EAClC,MAAA,EAAQ;AAAA,IACN,WAAA,EAAa;AAAA,MACX,WAAA,EAAa;AAAA,QACX,eAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA;AAAA;AACF;AACF;AAEJ,CAAC,CAAA;AAEM,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-4V3IOZPC.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [\n        \"text-display1\",\n        \"text-title1\",\n        \"text-title2\",\n        \"text-title3\",\n        \"text-body1\",\n        \"text-body2\",\n        \"text-caption1\",\n      ],\n    },\n  },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-4YQPDHZP.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+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 badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center font-semibold rounded-full select-none",
+  {
+    variants: {
+      variant: {
+        primary: "bg-[var(--color-primary)] text-white",
+        positive: "bg-[var(--color-positive)] text-white",
+        negative: "bg-[var(--color-negative)] text-white",
+        warning: "bg-[var(--color-warning)] text-white",
+        neutral: "bg-[var(--color-muted)] text-[var(--color-muted-foreground)]",
+        outline: "border border-[var(--color-border)] text-[var(--color-foreground)] bg-transparent"
+      },
+      size: {
+        sm: "text-[10px] px-1.5 h-4",
+        md: "text-[12px] px-2 h-5",
+        lg: "text-[13px] px-2.5 h-6"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Badge = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "variant", "size"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      chunk4V3IOZPC_cjs.__spreadValues({
+        ref,
+        className: chunk4V3IOZPC_cjs.cn(badgeVariants({ variant, size }), className)
+      }, props)
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-4YQPDHZP.cjs.map
+//# sourceMappingURL=chunk-4YQPDHZP.cjs.map

package/dist/chunk-4YQPDHZP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["cva","React","__objRest","jsx","__spreadValues","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EACpB,gFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,sCAAA;AAAA,QACT,QAAA,EAAU,uCAAA;AAAA,QACV,QAAA,EAAU,uCAAA;AAAA,QACV,OAAA,EAAS,sCAAA;AAAA,QACT,OAAA,EAAS,8DAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAMA,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,IAAwC,GAAA,KAAK;AAA7C,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,SAAS,IAAA,EAlCzB,GAkCG,IAA+B,KAAA,GAAAC,2BAAA,CAA/B,EAAA,EAA+B,CAA7B,WAAA,EAAW,SAAA,EAAS,MAAA,CAAA,CAAA;AACrB,IAAA,uBAAAC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAAC,gCAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,qBAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS;AAAA,OAAA,EACrD,KAAA;AAAA,KACN;AAAA,EAAA;AAEJ;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-4YQPDHZP.cjs","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center font-semibold rounded-full select-none\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-[var(--color-primary)] text-white\",\n        positive: \"bg-[var(--color-positive)] text-white\",\n        negative: \"bg-[var(--color-negative)] text-white\",\n        warning: \"bg-[var(--color-warning)] text-white\",\n        neutral: \"bg-[var(--color-muted)] text-[var(--color-muted-foreground)]\",\n        outline: \"border border-[var(--color-border)] text-[var(--color-foreground)] bg-transparent\",\n      },\n      size: {\n        sm: \"text-[10px] px-1.5 h-4\",\n        md: \"text-[12px] px-2 h-5\",\n        lg: \"text-[13px] px-2.5 h-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n);\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-6CMR4MT4.js

@@ -0,0 +1,101 @@
+import { cn, __objRest, __spreadProps, __spreadValues } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function range(start, end) {
+  return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+}
+function usePaginationRange(page, totalPages, siblingCount) {
+  return React.useMemo(() => {
+    const totalPageNumbers = siblingCount * 2 + 5;
+    if (totalPages <= totalPageNumbers) {
+      return range(1, totalPages);
+    }
+    const leftSiblingIndex = Math.max(page - siblingCount, 1);
+    const rightSiblingIndex = Math.min(page + siblingCount, totalPages);
+    const showLeftDots = leftSiblingIndex > 2;
+    const showRightDots = rightSiblingIndex < totalPages - 1;
+    if (!showLeftDots && showRightDots) {
+      const leftRange = range(1, 3 + 2 * siblingCount);
+      return [...leftRange, "...", totalPages];
+    }
+    if (showLeftDots && !showRightDots) {
+      const rightRange = range(totalPages - (3 + 2 * siblingCount) + 1, totalPages);
+      return [1, "...", ...rightRange];
+    }
+    const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+    return [1, "...", ...middleRange, "...", totalPages];
+  }, [page, totalPages, siblingCount]);
+}
+var Pagination = ({ page, totalPages, onPageChange, siblingCount = 1, className }) => {
+  const pages = usePaginationRange(page, totalPages, siblingCount);
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": "\uD398\uC774\uC9C0 \uD0D0\uC0C9", className: cn("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsx(
+      PaginationButton,
+      {
+        onClick: () => onPageChange(page - 1),
+        disabled: page <= 1,
+        "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0",
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    ),
+    pages.map(
+      (p, i) => p === "..." ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "flex h-9 w-9 items-center justify-center text-[14px] text-[var(--color-muted-foreground)] select-none",
+          children: "\u2026"
+        },
+        `dots-${i}`
+      ) : /* @__PURE__ */ jsx(
+        PaginationButton,
+        {
+          onClick: () => onPageChange(p),
+          isActive: p === page,
+          "aria-label": `${p}\uD398\uC774\uC9C0`,
+          "aria-current": p === page ? "page" : void 0,
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ jsx(
+      PaginationButton,
+      {
+        onClick: () => onPageChange(page + 1),
+        disabled: page >= totalPages,
+        "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0",
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      }
+    )
+  ] });
+};
+function PaginationButton(_a) {
+  var _b = _a, { isActive, className, children } = _b, props = __objRest(_b, ["isActive", "className", "children"]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadProps(__spreadValues({
+      type: "button",
+      className: cn(
+        "flex h-9 w-9 items-center justify-center rounded-xl text-[14px] font-medium",
+        "transition-colors duration-150 select-none",
+        "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",
+        isActive ? "bg-[var(--color-primary)] text-white" : "text-[var(--color-foreground)] hover:bg-[var(--color-muted)]",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+}
+
+export { Pagination };
+//# sourceMappingURL=chunk-6CMR4MT4.js.map
+//# sourceMappingURL=chunk-6CMR4MT4.js.map

package/dist/chunk-6CMR4MT4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-6CMR4MT4.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface PaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  siblingCount?: number;\n  className?: string;\n}\n\nfunction range(start: number, end: number) {\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i);\n}\n\nfunction usePaginationRange(page: number, totalPages: number, siblingCount: number) {\n  return React.useMemo(() => {\n    const totalPageNumbers = siblingCount * 2 + 5; // siblings + first + last + current + 2 dots\n\n    if (totalPages <= totalPageNumbers) {\n      return range(1, totalPages);\n    }\n\n    const leftSiblingIndex = Math.max(page - siblingCount, 1);\n    const rightSiblingIndex = Math.min(page + siblingCount, totalPages);\n\n    const showLeftDots = leftSiblingIndex > 2;\n    const showRightDots = rightSiblingIndex < totalPages - 1;\n\n    if (!showLeftDots && showRightDots) {\n      const leftRange = range(1, 3 + 2 * siblingCount);\n      return [...leftRange, \"...\", totalPages];\n    }\n\n    if (showLeftDots && !showRightDots) {\n      const rightRange = range(totalPages - (3 + 2 * siblingCount) + 1, totalPages);\n      return [1, \"...\", ...rightRange];\n    }\n\n    const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n    return [1, \"...\", ...middleRange, \"...\", totalPages];\n  }, [page, totalPages, siblingCount]);\n}\n\nconst Pagination = ({ page, totalPages, onPageChange, siblingCount = 1, className }: PaginationProps) => {\n  const pages = usePaginationRange(page, totalPages, siblingCount);\n\n  return (\n    <nav aria-label=\"페이지 탐색\" className={cn(\"flex items-center gap-1\", className)}>\n      <PaginationButton\n        onClick={() => onPageChange(page - 1)}\n        disabled={page <= 1}\n        aria-label=\"이전 페이지\"\n      >\n        <ChevronLeftIcon />\n      </PaginationButton>\n\n      {pages.map((p, i) =>\n        p === \"...\" ? (\n          <span\n            key={`dots-${i}`}\n            className=\"flex h-9 w-9 items-center justify-center text-[14px] text-[var(--color-muted-foreground)] select-none\"\n          >\n            …\n          </span>\n        ) : (\n          <PaginationButton\n            key={p}\n            onClick={() => onPageChange(p as number)}\n            isActive={p === page}\n            aria-label={`${p}페이지`}\n            aria-current={p === page ? \"page\" : undefined}\n          >\n            {p}\n          </PaginationButton>\n        )\n      )}\n\n      <PaginationButton\n        onClick={() => onPageChange(page + 1)}\n        disabled={page >= totalPages}\n        aria-label=\"다음 페이지\"\n      >\n        <ChevronRightIcon />\n      </PaginationButton>\n    </nav>\n  );\n};\n\ninterface PaginationButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  isActive?: boolean;\n}\n\nfunction PaginationButton({ isActive, className, children, ...props }: PaginationButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"flex h-9 w-9 items-center justify-center rounded-xl text-[14px] font-medium\",\n        \"transition-colors duration-150 select-none\",\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        isActive\n          ? \"bg-[var(--color-primary)] text-white\"\n          : \"text-[var(--color-foreground)] hover:bg-[var(--color-muted)]\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction ChevronLeftIcon() {\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=\"m15 18-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon() {\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=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nexport { Pagination };\n"]}

package/dist/chunk-7B6U7GED.js

@@ -0,0 +1,67 @@
+import { LazyMotion, domAnimation, m } from './chunk-Y3CWICHE.js';
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as Label from '@radix-ui/react-label';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Checkbox = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, label, id } = _b, props = __objRest(_b, ["className", "label", "id"]);
+  const generatedId = React.useId();
+  const checkboxId = id != null ? id : generatedId;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      __spreadProps(__spreadValues({
+        ref,
+        id: checkboxId,
+        className: 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__ */ jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
+          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__ */ jsx(
+              m.path,
+              {
+                d: "M1 3.5L4 6.5L10 1",
+                stroke: "white",
+                strokeWidth: "1.8",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          }
+        ) }) })
+      })
+    ),
+    label && /* @__PURE__ */ jsx(
+      Label.Root,
+      {
+        htmlFor: checkboxId,
+        className: "text-[16px] text-[var(--color-foreground)] cursor-pointer select-none",
+        children: label
+      }
+    )
+  ] });
+});
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox };
+//# sourceMappingURL=chunk-7B6U7GED.js.map
+//# sourceMappingURL=chunk-7B6U7GED.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;AAWA,IAAM,QAAA,GAAiB,KAAA,CAAA,UAAA,CAGrB,CAAC,EAAA,EAAoC,GAAA,KAAQ;AAA5C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,OAAO,EAAA,EAdvB,GAcG,IAA2B,KAAA,GAAA,SAAA,CAA3B,EAAA,EAA2B,CAAzB,WAAA,EAAW,OAAA,EAAO,IAAA,CAAA,CAAA;AACrB,EAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,EAAA,MAAM,aAAa,EAAA,IAAA,IAAA,GAAA,EAAA,GAAM,WAAA;AAEzB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAmB,iBAAA,CAAA,IAAA;AAAA,MAAlB,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,UAAA;AAAA,QACJ,SAAA,EAAW,EAAA;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,kBAAA,GAAA,CAAmB,6BAAlB,EAA4B,SAAA,EAAU,oCACrC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,UAAU,YAAA,EACpB,QAAA,kBAAA,GAAA;AAAA,UAAC,CAAA,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,kBAAA,GAAA;AAAA,cAAC,CAAA,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,oBACC,GAAA;AAAA,MAAO,KAAA,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-7B6U7GED.js","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"]}