mokona-ui 0.0.1

package/dist/chunk-DDV6JQEW.js

@@ -0,0 +1,57 @@
+import { LazyMotion, domAnimation, m } from './chunk-Y3CWICHE.js';
+import { cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var cardVariants = 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.forwardRef(
+  ({ className, variant, padding, interactive, onClick, children, style, id, "aria-label": ariaLabel }, ref) => {
+    const isInteractive = interactive || !!onClick;
+    return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
+      m.div,
+      {
+        ref,
+        id,
+        "aria-label": ariaLabel,
+        style,
+        className: 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";
+
+export { Card, cardVariants };
+//# sourceMappingURL=chunk-DDV6JQEW.js.map
+//# sourceMappingURL=chunk-DDV6JQEW.js.map

package/dist/chunk-DDV6JQEW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,YAAA,GAAe,GAAA;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,GAAa,KAAA,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,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,QAAA,EAAU,YAAA,EACpB,QAAA,kBAAA,GAAA;AAAA,MAAC,CAAA,CAAE,GAAA;AAAA,MAAF;AAAA,QACC,GAAA;AAAA,QACA,EAAA;AAAA,QACA,YAAA,EAAY,SAAA;AAAA,QACZ,KAAA;AAAA,QACA,SAAA,EAAW,EAAA,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-DDV6JQEW.js","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-DR6JPBH7.js

@@ -0,0 +1,126 @@
+import { __objRest, __spreadValues, cn, __spreadProps } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var toastVariants = cva(
+  [
+    "flex items-center gap-3 w-full max-w-sm px-4 py-3.5 rounded-2xl shadow-lg",
+    "text-[14px] font-medium",
+    "data-[state=open]:animate-toast-in",
+    "data-[state=closed]:animate-toast-out"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--color-gray-800)] text-white",
+        positive: "bg-[var(--color-positive)] text-white",
+        negative: "bg-[var(--color-negative)] text-white",
+        warning: "bg-[var(--color-warning)] text-white"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ToastProvider = ToastPrimitive.Provider;
+var ToastViewport = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    ToastPrimitive.Viewport,
+    __spreadValues({
+      ref,
+      className: cn(
+        "fixed bottom-0 left-1/2 -translate-x-1/2 z-[100]",
+        "flex flex-col gap-2 p-5 w-full max-w-sm",
+        className
+      )
+    }, props)
+  );
+});
+ToastViewport.displayName = "ToastViewport";
+var Toast = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, variant, description, action, children } = _b, props = __objRest(_b, ["className", "variant", "description", "action", "children"]);
+  return /* @__PURE__ */ jsxs(
+    ToastPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(toastVariants({ variant }), className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(ToastPrimitive.Title, { className: "leading-snug", children }),
+          description && /* @__PURE__ */ jsx(ToastPrimitive.Description, { className: "text-[12px] opacity-80 mt-0.5", children: description })
+        ] }),
+        action,
+        /* @__PURE__ */ jsx(ToastPrimitive.Close, { className: "shrink-0 opacity-70 hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M4 4L12 12M12 4L4 12", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) }) })
+      ]
+    })
+  );
+});
+Toast.displayName = "Toast";
+var toasts = [];
+var subscribers = /* @__PURE__ */ new Set();
+function getSnapshot() {
+  return toasts;
+}
+function subscribe(callback) {
+  subscribers.add(callback);
+  return () => subscribers.delete(callback);
+}
+function notify() {
+  subscribers.forEach((cb) => cb());
+}
+function dispatch(toast2) {
+  toasts = [...toasts, toast2];
+  notify();
+}
+function dismiss(id) {
+  toasts = toasts.map((t) => t.id === id ? __spreadProps(__spreadValues({}, t), { open: false }) : t);
+  notify();
+}
+function remove(id) {
+  toasts = toasts.filter((t) => t.id !== id);
+  notify();
+}
+function toast(input) {
+  var _a;
+  const normalized = typeof input === "string" ? { children: input } : input;
+  const id = (_a = normalized.id) != null ? _a : Math.random().toString(36).slice(2);
+  dispatch(__spreadProps(__spreadValues({}, normalized), { id, open: true }));
+  return { id, dismiss: () => dismiss(id) };
+}
+toast.positive = (children, opts) => toast(__spreadProps(__spreadValues({}, opts), { children, variant: "positive" }));
+toast.negative = (children, opts) => toast(__spreadProps(__spreadValues({}, opts), { children, variant: "negative" }));
+toast.warning = (children, opts) => toast(__spreadProps(__spreadValues({}, opts), { children, variant: "warning" }));
+function useToast() {
+  const state = React.useSyncExternalStore(subscribe, getSnapshot);
+  return { toasts: state, dismiss, remove };
+}
+function Toaster() {
+  const { toasts: toasts2, remove: remove2 } = useToast();
+  return /* @__PURE__ */ jsxs(ToastProvider, { swipeDirection: "down", children: [
+    toasts2.map((_a) => {
+      var _b = _a, { id, open, children } = _b, props = __objRest(_b, ["id", "open", "children"]);
+      return /* @__PURE__ */ jsx(
+        Toast,
+        __spreadProps(__spreadValues({
+          open,
+          onOpenChange: (o) => {
+            if (!o) remove2(id);
+          }
+        }, props), {
+          children
+        }),
+        id
+      );
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] });
+}
+
+export { Toast, ToastProvider, ToastViewport, Toaster, toast, toastVariants, useToast };
+//# sourceMappingURL=chunk-DR6JPBH7.js.map
+//# sourceMappingURL=chunk-DR6JPBH7.js.map

package/dist/chunk-DR6JPBH7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/Toast.tsx","../src/components/Toast/useToast.ts","../src/components/Toast/Toaster.tsx"],"names":["toast","React2","toasts","remove","jsxs","jsx"],"mappings":";;;;;;AAKA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,2EAAA;AAAA,IACA,yBAAA;AAAA,IACA,oCAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,uCAAA;AAAA,QACT,QAAA,EAAU,uCAAA;AAAA,QACV,QAAA,EAAU,uCAAA;AAAA,QACV,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AASA,IAAM,aAAA,GAA+B,cAAA,CAAA;AAErC,IAAM,aAAA,GAAsB,KAAA,CAAA,UAAA,CAG1B,CAAC,EAAA,EAAyB,GAAA,KAAK;AAA9B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAvCL,GAuCG,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACH,EAAA,uBAAA,GAAA;AAAA,IAAgB,cAAA,CAAA,QAAA;AAAA,IAAf,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kDAAA;AAAA,QACA,yCAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAAA,CACD;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA,CAGlB,CAAC,EAAA,EAAiE,GAAA,KAAK;AAAtE,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,OAAA,EAAS,WAAA,EAAa,MAAA,EAAQ,QAAA,EAvD9C,GAuDG,EAAA,EAAwD,KAAA,GAAA,SAAA,CAAxD,EAAA,EAAwD,CAAtD,WAAA,EAAW,SAAA,EAAS,eAAa,QAAA,EAAQ,UAAA,CAAA,CAAA;AAC5C,EAAA,uBAAA,IAAA;AAAA,IAAgB,cAAA,CAAA,IAAA;AAAA,IAAf,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,GAAG,SAAS;AAAA,KAAA,EAC/C,KAAA,CAAA,EAHL;AAAA,MAKC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAgB,cAAA,CAAA,KAAA,EAAf,EAAqB,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAS,CAAA;AAAA,UACxD,+BACC,GAAA,CAAgB,cAAA,CAAA,WAAA,EAAf,EAA2B,SAAA,EAAU,iCACnC,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,MAAA;AAAA,wBACD,GAAA,CAAgB,cAAA,CAAA,KAAA,EAAf,EAAqB,SAAA,EAAU,0DAAA,EAC9B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,aAAA,EAAW,IAAA,EACrE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAA,EAAuB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ,CAAA,EAC/F,CAAA,EACF;AAAA;AAAA,KAAA;AAAA,GACF;AAAA,CACD;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;ACnEpB,IAAI,SAAuB,EAAC;AAC5B,IAAM,WAAA,uBAAkB,GAAA,EAAgB;AAExC,SAAS,WAAA,GAAc;AACrB,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,UAAU,QAAA,EAAsB;AACvC,EAAA,WAAA,CAAY,IAAI,QAAQ,CAAA;AACxB,EAAA,OAAO,MAAM,WAAA,CAAY,MAAA,CAAO,QAAQ,CAAA;AAC1C;AAEA,SAAS,MAAA,GAAS;AAChB,EAAA,WAAA,CAAY,OAAA,CAAQ,CAAC,EAAA,KAAO,EAAA,EAAI,CAAA;AAClC;AAEA,SAAS,SAASA,MAAAA,EAAmB;AACnC,EAAA,MAAA,GAAS,CAAC,GAAG,MAAA,EAAQA,MAAK,CAAA;AAC1B,EAAA,MAAA,EAAO;AACT;AAEA,SAAS,QAAQ,EAAA,EAAY;AAC3B,EAAA,MAAA,GAAS,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,KAAO,CAAA,CAAE,EAAA,KAAO,EAAA,GAAK,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,CAAA,CAAA,EAAL,EAAQ,IAAA,EAAM,KAAA,MAAU,CAAE,CAAA;AACpE,EAAA,MAAA,EAAO;AACT;AAEA,SAAS,OAAO,EAAA,EAAY;AAC1B,EAAA,MAAA,GAAS,OAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,EAAE,CAAA;AACzC,EAAA,MAAA,EAAO;AACT;AAEO,SAAS,MAAM,KAAA,EAA4B;AAzClD,EAAA,IAAA,EAAA;AA0CE,EAAA,MAAM,aAAyB,OAAO,KAAA,KAAU,WAAW,EAAE,QAAA,EAAU,OAAM,GAAI,KAAA;AACjF,EAAA,MAAM,EAAA,GAAA,CAAK,EAAA,GAAA,UAAA,CAAW,EAAA,KAAX,IAAA,GAAA,EAAA,GAAiB,IAAA,CAAK,MAAA,EAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAC,CAAA;AAC9D,EAAA,QAAA,CAAS,iCAAK,UAAA,CAAA,EAAL,EAAiB,EAAA,EAAI,IAAA,EAAM,MAAK,CAAC,CAAA;AAC1C,EAAA,OAAO,EAAE,EAAA,EAAI,OAAA,EAAS,MAAM,OAAA,CAAQ,EAAE,CAAA,EAAE;AAC1C;AAEA,KAAA,CAAM,QAAA,GAAW,CAAC,QAAA,EAA2B,IAAA,KAC3C,KAAA,CAAM,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,IAAA,CAAA,EAAL,EAAW,QAAA,EAAU,OAAA,EAAS,UAAA,EAAW,CAAC,CAAA;AAElD,KAAA,CAAM,QAAA,GAAW,CAAC,QAAA,EAA2B,IAAA,KAC3C,KAAA,CAAM,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,IAAA,CAAA,EAAL,EAAW,QAAA,EAAU,OAAA,EAAS,UAAA,EAAW,CAAC,CAAA;AAElD,KAAA,CAAM,OAAA,GAAU,CAAC,QAAA,EAA2B,IAAA,KAC1C,KAAA,CAAM,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,IAAA,CAAA,EAAL,EAAW,QAAA,EAAU,OAAA,EAAS,SAAA,EAAU,CAAC,CAAA;AAE1C,SAAS,QAAA,GAAW;AACzB,EAAA,MAAM,KAAA,GAAcC,KAAA,CAAA,oBAAA,CAAqB,SAAA,EAAW,WAAW,CAAA;AAC/D,EAAA,OAAO,EAAE,MAAA,EAAQ,KAAA,EAAO,OAAA,EAAS,MAAA,EAAO;AAC1C;ACzDO,SAAS,OAAA,GAAU;AACxB,EAAA,MAAM,EAAE,MAAA,EAAAC,OAAAA,EAAQ,MAAA,EAAAC,OAAAA,KAAW,QAAA,EAAS;AAEpC,EAAA,uBACEC,IAAAA,CAAC,aAAA,EAAA,EAAc,cAAA,EAAe,MAAA,EAC3B,QAAA,EAAA;AAAA,IAAAF,OAAAA,CAAO,GAAA,CAAI,CAAC,EAAA,KAAkC;AAAlC,MAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,EAAA,EAAI,MAAM,QAAA,EAR/B,GAQmB,IAAyB,KAAA,GAAA,SAAA,CAAzB,EAAA,EAAyB,CAAvB,IAAA,EAAI,MAAA,EAAM,UAAA,CAAA,CAAA;AACvB,MAAA,uBAAAG,GAAAA;AAAA,QAAC,KAAA;AAAA,QAAA,aAAA,CAAA,cAAA,CAAA;AAAA,UAEC,IAAA;AAAA,UACA,YAAA,EAAc,CAAC,CAAA,KAAM;AAAE,YAAA,IAAI,CAAC,CAAA,EAAGF,OAAAA,CAAO,EAAE,CAAA;AAAA,UAAG;AAAA,SAAA,EACvC,KAAA,CAAA,EAJL;AAAA,UAME;AAAA,SAAA,CAAA;AAAA,QALI;AAAA,OAMP;AAAA,IAAA,CACD,CAAA;AAAA,oBACDE,IAAC,aAAA,EAAA,EAAc;AAAA,GAAA,EACjB,CAAA;AAEJ","file":"chunk-DR6JPBH7.js","sourcesContent":["import * as React from \"react\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst toastVariants = cva(\n  [\n    \"flex items-center gap-3 w-full max-w-sm px-4 py-3.5 rounded-2xl shadow-lg\",\n    \"text-[14px] font-medium\",\n    \"data-[state=open]:animate-toast-in\",\n    \"data-[state=closed]:animate-toast-out\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--color-gray-800)] 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      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface ToastProps\n  extends React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>,\n    VariantProps<typeof toastVariants> {\n  description?: string;\n  action?: React.ReactNode;\n}\n\nconst ToastProvider = ToastPrimitive.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Viewport\n    ref={ref}\n    className={cn(\n      \"fixed bottom-0 left-1/2 -translate-x-1/2 z-[100]\",\n      \"flex flex-col gap-2 p-5 w-full max-w-sm\",\n      className\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = \"ToastViewport\";\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Root>,\n  ToastProps\n>(({ className, variant, description, action, children, ...props }, ref) => (\n  <ToastPrimitive.Root\n    ref={ref}\n    className={cn(toastVariants({ variant }), className)}\n    {...props}\n  >\n    <div className=\"flex-1 min-w-0\">\n      <ToastPrimitive.Title className=\"leading-snug\">{children}</ToastPrimitive.Title>\n      {description && (\n        <ToastPrimitive.Description className=\"text-[12px] opacity-80 mt-0.5\">\n          {description}\n        </ToastPrimitive.Description>\n      )}\n    </div>\n    {action}\n    <ToastPrimitive.Close className=\"shrink-0 opacity-70 hover:opacity-100 transition-opacity\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden>\n        <path d=\"M4 4L12 12M12 4L4 12\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n      </svg>\n    </ToastPrimitive.Close>\n  </ToastPrimitive.Root>\n));\nToast.displayName = \"Toast\";\n\nexport { ToastProvider, ToastViewport, Toast, toastVariants };\n","import * as React from \"react\";\nimport type { ToastProps } from \"./Toast\";\n\ntype ToastInput = Omit<ToastProps, \"open\" | \"onOpenChange\"> & { id?: string };\n\ninterface ToastState extends ToastInput {\n  id: string;\n  open: boolean;\n}\n\nlet toasts: ToastState[] = [];\nconst subscribers = new Set<() => void>();\n\nfunction getSnapshot() {\n  return toasts;\n}\n\nfunction subscribe(callback: () => void) {\n  subscribers.add(callback);\n  return () => subscribers.delete(callback);\n}\n\nfunction notify() {\n  subscribers.forEach((cb) => cb());\n}\n\nfunction dispatch(toast: ToastState) {\n  toasts = [...toasts, toast];\n  notify();\n}\n\nfunction dismiss(id: string) {\n  toasts = toasts.map((t) => (t.id === id ? { ...t, open: false } : t));\n  notify();\n}\n\nfunction remove(id: string) {\n  toasts = toasts.filter((t) => t.id !== id);\n  notify();\n}\n\nexport function toast(input: ToastInput | string) {\n  const normalized: ToastInput = typeof input === \"string\" ? { children: input } : input;\n  const id = normalized.id ?? Math.random().toString(36).slice(2);\n  dispatch({ ...normalized, id, open: true });\n  return { id, dismiss: () => dismiss(id) };\n}\n\ntoast.positive = (children: React.ReactNode, opts?: Partial<ToastInput>) =>\n  toast({ ...opts, children, variant: \"positive\" });\n\ntoast.negative = (children: React.ReactNode, opts?: Partial<ToastInput>) =>\n  toast({ ...opts, children, variant: \"negative\" });\n\ntoast.warning = (children: React.ReactNode, opts?: Partial<ToastInput>) =>\n  toast({ ...opts, children, variant: \"warning\" });\n\nexport function useToast() {\n  const state = React.useSyncExternalStore(subscribe, getSnapshot);\n  return { toasts: state, dismiss, remove };\n}\n","import { ToastProvider, ToastViewport, Toast } from \"./Toast\";\nimport { useToast } from \"./useToast\";\n\nexport function Toaster() {\n  const { toasts, remove } = useToast();\n\n  return (\n    <ToastProvider swipeDirection=\"down\">\n      {toasts.map(({ id, open, children, ...props }) => (\n        <Toast\n          key={id}\n          open={open}\n          onOpenChange={(o) => { if (!o) remove(id); }}\n          {...props}\n        >\n          {children}\n        </Toast>\n      ))}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n"]}

package/dist/chunk-EVF7QZMA.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var textVariants = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      display1: "text-[28px] leading-[1.3] font-bold",
+      title1: "text-[22px] leading-[1.4] font-bold",
+      title2: "text-[20px] leading-[1.4] font-bold",
+      title3: "text-[18px] leading-[1.4] font-semibold",
+      body1: "text-[16px] leading-[1.5] font-normal",
+      body2: "text-[14px] leading-[1.5] font-normal",
+      caption1: "text-[12px] leading-[1.4] font-normal"
+    },
+    color: {
+      default: "text-[var(--color-foreground)]",
+      muted: "text-[var(--color-muted-foreground)]",
+      primary: "text-[var(--color-primary)]",
+      positive: "text-[var(--color-positive)]",
+      negative: "text-[var(--color-negative)]",
+      warning: "text-[var(--color-warning)]"
+    }
+  },
+  defaultVariants: {
+    variant: "body1",
+    color: "default"
+  }
+});
+function Text(_a) {
+  var _b = _a, { className, variant, color, as } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "variant", "color", "as"]);
+  const defaultTag = variant === "display1" ? "h1" : variant === "title1" ? "h2" : variant === "title2" ? "h3" : variant === "title3" ? "h4" : variant === "caption1" ? "span" : "p";
+  const Tag = as != null ? as : defaultTag;
+  return (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    /* @__PURE__ */ jsxRuntime.jsx(Tag, chunk4V3IOZPC_cjs.__spreadValues({ className: chunk4V3IOZPC_cjs.cn(textVariants({ variant, color, className })) }, props))
+  );
+}
+Text.displayName = "Text";
+
+exports.Text = Text;
+exports.textVariants = textVariants;
+//# sourceMappingURL=chunk-EVF7QZMA.cjs.map
+//# sourceMappingURL=chunk-EVF7QZMA.cjs.map

package/dist/chunk-EVF7QZMA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["cva","__objRest","jsx","__spreadValues","cn"],"mappings":";;;;;;AAIA,IAAM,YAAA,GAAeA,2BAAI,EAAA,EAAI;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,qCAAA;AAAA,MACV,MAAA,EAAQ,qCAAA;AAAA,MACR,MAAA,EAAQ,qCAAA;AAAA,MACR,MAAA,EAAQ,yCAAA;AAAA,MACR,KAAA,EAAO,uCAAA;AAAA,MACP,KAAA,EAAO,uCAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,gCAAA;AAAA,MACT,KAAA,EAAO,sCAAA;AAAA,MACP,OAAA,EAAS,6BAAA;AAAA,MACT,QAAA,EAAU,8BAAA;AAAA,MACV,QAAA,EAAU,8BAAA;AAAA,MACV,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,OAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC;AAOD,SAAS,KAAK,EAAA,EAAwD;AAAxD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,OAAA,EAAS,KAAA,EAAO,EAAA,EAnC3C,GAmCc,EAAA,EAAoC,KAAA,GAAAC,2BAAA,CAApC,EAAA,EAAoC,CAAlC,WAAA,EAAW,SAAA,EAAS,OAAA,EAAO,IAAA,CAAA,CAAA;AACzC,EAAA,MAAM,UAAA,GACJ,OAAA,KAAY,UAAA,GAAa,IAAA,GACvB,YAAY,QAAA,GAAW,IAAA,GACvB,OAAA,KAAY,QAAA,GAAW,OACvB,OAAA,KAAY,QAAA,GAAW,IAAA,GACvB,OAAA,KAAY,aAAa,MAAA,GACzB,GAAA;AAEJ,EAAA,MAAM,MAAM,EAAA,IAAA,IAAA,GAAA,EAAA,GAAM,UAAA;AAElB,EAAA;AAAA;AAAA,oBAEEC,cAAA,CAAC,GAAA,EAAAC,gCAAA,CAAA,EAAI,SAAA,EAAWC,oBAAA,CAAG,YAAA,CAAa,EAAE,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,CAAC,CAAA,EAAA,EAAQ,KAAA,CAAe;AAAA;AAEzF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-EVF7QZMA.cjs","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst textVariants = cva(\"\", {\n  variants: {\n    variant: {\n      display1: \"text-[28px] leading-[1.3] font-bold\",\n      title1: \"text-[22px] leading-[1.4] font-bold\",\n      title2: \"text-[20px] leading-[1.4] font-bold\",\n      title3: \"text-[18px] leading-[1.4] font-semibold\",\n      body1: \"text-[16px] leading-[1.5] font-normal\",\n      body2: \"text-[14px] leading-[1.5] font-normal\",\n      caption1: \"text-[12px] leading-[1.4] font-normal\",\n    },\n    color: {\n      default: \"text-[var(--color-foreground)]\",\n      muted: \"text-[var(--color-muted-foreground)]\",\n      primary: \"text-[var(--color-primary)]\",\n      positive: \"text-[var(--color-positive)]\",\n      negative: \"text-[var(--color-negative)]\",\n      warning: \"text-[var(--color-warning)]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body1\",\n    color: \"default\",\n  },\n});\n\nexport type TextProps = React.HTMLAttributes<HTMLElement> &\n  VariantProps<typeof textVariants> & {\n    as?: React.ElementType;\n  };\n\nfunction Text({ className, variant, color, as, ...props }: TextProps) {\n  const defaultTag: React.ElementType =\n    variant === \"display1\" ? \"h1\"\n    : variant === \"title1\" ? \"h2\"\n    : variant === \"title2\" ? \"h3\"\n    : variant === \"title3\" ? \"h4\"\n    : variant === \"caption1\" ? \"span\"\n    : \"p\";\n\n  const Tag = as ?? defaultTag;\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    <Tag className={cn(textVariants({ variant, color, className }))} {...(props as any)} />\n  );\n}\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"]}

package/dist/chunk-EXARWE5B.js

@@ -0,0 +1,56 @@
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as Label from '@radix-ui/react-label';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Toggle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, label, description, id } = _b, props = __objRest(_b, ["className", "label", "description", "id"]);
+  const toggleId = id != null ? id : React.useId();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 w-full", children: [
+    (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+      label && /* @__PURE__ */ jsx(
+        Label.Root,
+        {
+          htmlFor: toggleId,
+          className: "text-[16px] font-medium text-[var(--color-foreground)] cursor-pointer select-none",
+          children: label
+        }
+      ),
+      description && /* @__PURE__ */ jsx("p", { className: "text-[13px] text-[var(--color-muted-foreground)]", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SwitchPrimitive.Root,
+      __spreadProps(__spreadValues({
+        ref,
+        id: toggleId,
+        className: cn(
+          "relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full",
+          "bg-[var(--color-gray-300)]",
+          "transition-colors duration-200 ease-in-out",
+          "data-[state=checked]:bg-[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(
+          SwitchPrimitive.Thumb,
+          {
+            className: cn(
+              "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md",
+              "transition-transform duration-200 ease-in-out",
+              "translate-x-1",
+              "data-[state=checked]:translate-x-6"
+            )
+          }
+        )
+      })
+    )
+  ] });
+});
+Toggle.displayName = "Toggle";
+
+export { Toggle };
+//# sourceMappingURL=chunk-EXARWE5B.js.map
+//# sourceMappingURL=chunk-EXARWE5B.js.map

package/dist/chunk-EXARWE5B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;AAWA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA,CAGnB,CAAC,EAAA,EAAiD,GAAA,KAAQ;AAAzD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,KAAA,EAAO,WAAA,EAAa,EAAA,EAdpC,GAcG,EAAA,EAAwC,KAAA,GAAA,SAAA,CAAxC,EAAA,EAAwC,CAAtC,WAAA,EAAW,OAAA,EAAO,aAAA,EAAa,IAAA,CAAA,CAAA;AAClC,EAAA,MAAM,QAAA,GAAW,kBAAY,KAAA,CAAA,KAAA,EAAM;AAEnC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gDAAA,EACX,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,WAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,GAAA;AAAA,QAAO,KAAA,CAAA,IAAA;AAAA,QAAN;AAAA,UACC,OAAA,EAAS,QAAA;AAAA,UACT,SAAA,EAAU,mFAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAoD,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAEjF,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAiB,eAAA,CAAA,IAAA;AAAA,MAAhB,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,QAAA;AAAA,QACJ,SAAA,EAAW,EAAA;AAAA,UACT,oEAAA;AAAA,UACA,4BAAA;AAAA,UACA,4CAAA;AAAA,UACA,gDAAA;AAAA,UACA,uHAAA;AAAA,UACA,iDAAA;AAAA,UACA;AAAA;AACF,OAAA,EACI,KAAA,CAAA,EAZL;AAAA,QAcC,QAAA,kBAAA,GAAA;AAAA,UAAiB,eAAA,CAAA,KAAA;AAAA,UAAhB;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,mEAAA;AAAA,cACA,+CAAA;AAAA,cACA,eAAA;AAAA,cACA;AAAA;AACF;AAAA;AACF,OAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ,CAAC;AACD,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-EXARWE5B.js","sourcesContent":["import * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport * as Label from \"@radix-ui/react-label\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ToggleProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n  label?: string;\n  description?: string;\n}\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitive.Root>,\n  ToggleProps\n>(({ className, label, description, id, ...props }, ref) => {\n  const toggleId = id ?? React.useId();\n\n  return (\n    <div className=\"flex items-center justify-between gap-4 w-full\">\n      {(label || description) && (\n        <div className=\"flex flex-col gap-0.5\">\n          {label && (\n            <Label.Root\n              htmlFor={toggleId}\n              className=\"text-[16px] font-medium text-[var(--color-foreground)] cursor-pointer select-none\"\n            >\n              {label}\n            </Label.Root>\n          )}\n          {description && (\n            <p className=\"text-[13px] text-[var(--color-muted-foreground)]\">{description}</p>\n          )}\n        </div>\n      )}\n      <SwitchPrimitive.Root\n        ref={ref}\n        id={toggleId}\n        className={cn(\n          \"relative inline-flex h-7 w-12 shrink-0 cursor-pointer rounded-full\",\n          \"bg-[var(--color-gray-300)]\",\n          \"transition-colors duration-200 ease-in-out\",\n          \"data-[state=checked]:bg-[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        <SwitchPrimitive.Thumb\n          className={cn(\n            \"pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md\",\n            \"transition-transform duration-200 ease-in-out\",\n            \"translate-x-1\",\n            \"data-[state=checked]:translate-x-6\"\n          )}\n        />\n      </SwitchPrimitive.Root>\n    </div>\n  );\n});\nToggle.displayName = \"Toggle\";\n\nexport { Toggle };\n"]}

package/dist/chunk-FUIIR7CU.js

@@ -0,0 +1,32 @@
+import { __objRest, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var sizeMap = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+};
+var Icon = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { icon: LucideIconComponent, size = "md", label, className } = _b, props = __objRest(_b, ["icon", "size", "label", "className"]);
+    const px = typeof size === "number" ? size : sizeMap[size];
+    return /* @__PURE__ */ jsx(
+      LucideIconComponent,
+      __spreadValues({
+        ref,
+        size: px,
+        "aria-label": label,
+        "aria-hidden": !label,
+        className: cn("shrink-0", className)
+      }, props)
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+export { Icon };
+//# sourceMappingURL=chunk-FUIIR7CU.js.map
+//# sourceMappingURL=chunk-FUIIR7CU.js.map

package/dist/chunk-FUIIR7CU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAYA,IAAM,OAAA,GAAoC;AAAA,EACxC,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA;AAAA,EACjB,CAAC,IAAwE,GAAA,KAAQ;AAAhF,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,IAAA,EAAM,mBAAA,EAAqB,IAAA,GAAO,IAAA,EAAM,KAAA,EAAO,SAAA,EArBpD,GAqBG,EAAA,EAA+D,KAAA,GAAA,SAAA,CAA/D,EAAA,EAA+D,CAA7D,MAAA,EAA2B,QAAa,OAAA,EAAO,WAAA,CAAA,CAAA;AAChD,IAAA,MAAM,KAAK,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,QAAQ,IAAI,CAAA;AAEzD,IAAA,uBACE,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAM,EAAA;AAAA,QACN,YAAA,EAAY,KAAA;AAAA,QACZ,eAAa,CAAC,KAAA;AAAA,QACd,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS;AAAA,OAAA,EAC/B,KAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-FUIIR7CU.js","sourcesContent":["import * as React from \"react\";\nimport { type LucideIcon, type LucideProps } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\n\nexport type IconSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface IconProps extends Omit<LucideProps, \"size\"> {\n  icon: LucideIcon;\n  size?: IconSize | number;\n  label?: string;\n}\n\nconst sizeMap: Record<IconSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n};\n\nconst Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ icon: LucideIconComponent, size = \"md\", label, className, ...props }, ref) => {\n    const px = typeof size === \"number\" ? size : sizeMap[size];\n\n    return (\n      <LucideIconComponent\n        ref={ref}\n        size={px}\n        aria-label={label}\n        aria-hidden={!label}\n        className={cn(\"shrink-0\", className)}\n        {...props}\n      />\n    );\n  }\n);\nIcon.displayName = \"Icon\";\n\nexport { Icon };\n"]}

package/dist/chunk-FXOOVZWB.js

@@ -0,0 +1,39 @@
+import { __objRest, cn, __spreadProps, __spreadValues } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var baseClass = "animate-pulse bg-[var(--color-muted)] overflow-hidden relative will-change-transform before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:animate-[shimmer_1.5s_infinite]";
+var Skeleton = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant = "rectangular", width, height, lines = 1, style } = _b, props = __objRest(_b, ["className", "variant", "width", "height", "lines", "style"]);
+    const variantClass = variant === "circular" ? "rounded-full" : variant === "text" ? "rounded-md" : "rounded-xl";
+    const computedClass = cn(baseClass, variantClass, className);
+    if (variant === "text" && lines > 1) {
+      return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: "flex flex-col gap-2" }, props), { children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: computedClass,
+          style: {
+            width: i === lines - 1 ? "70%" : "100%",
+            height: height != null ? height : 16
+          }
+        },
+        i
+      )) }));
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        className: computedClass,
+        style: __spreadValues({ width, height: height != null ? height : variant === "text" ? 16 : void 0 }, style),
+        "aria-hidden": "true"
+      }, props)
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+export { Skeleton };
+//# sourceMappingURL=chunk-FXOOVZWB.js.map
+//# sourceMappingURL=chunk-FXOOVZWB.js.map

package/dist/chunk-FXOOVZWB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,SAAA,GACJ,sPAAA;AAKF,IAAM,QAAA,GAAiB,KAAA,CAAA,UAAA;AAAA,EACrB,CAAC,IAAmF,GAAA,KAAQ;AAA3F,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,aAAW,OAAA,GAAU,aAAA,EAAe,KAAA,EAAO,MAAA,EAAQ,QAAQ,CAAA,EAAG,KAAA,EAjBnE,GAiBG,EAAA,EAA0E,kBAA1E,EAAA,EAA0E,CAAxE,aAAW,SAAA,EAAyB,OAAA,EAAO,UAAQ,OAAA,EAAW,OAAA,CAAA,CAAA;AAC/D,IAAA,MAAM,eACJ,OAAA,KAAY,UAAA,GAAa,cAAA,GACvB,OAAA,KAAY,SAAS,YAAA,GACrB,YAAA;AAEJ,IAAA,MAAM,aAAA,GAAgB,EAAA,CAAG,SAAA,EAAW,YAAA,EAAc,SAAS,CAAA;AAE3D,IAAA,IAAI,OAAA,KAAY,MAAA,IAAU,KAAA,GAAQ,CAAA,EAAG;AACnC,MAAA,2BACG,KAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAI,GAAA,EAAU,SAAA,EAAU,qBAAA,EAAA,EAA0B,QAAlD,EACE,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,QAAQ,KAAA,EAAO,EAAE,GAAA,CAAI,CAAC,GAAG,CAAA,qBACrC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAW,aAAA;AAAA,UACX,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,CAAA,KAAM,KAAA,GAAQ,CAAA,GAAI,KAAA,GAAQ,MAAA;AAAA,YACjC,QAAQ,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU;AAAA;AACpB,SAAA;AAAA,QALK;AAAA,OAOR,CAAA,EAAA,CACH,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,aAAA;AAAA,QACX,KAAA,EAAO,iBAAE,KAAA,EAAO,MAAA,EAAQ,0BAAW,OAAA,KAAY,MAAA,GAAS,KAAK,MAAA,EAAA,EAAe,KAAA,CAAA;AAAA,QAC5E,aAAA,EAAY;AAAA,OAAA,EACR,KAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-FXOOVZWB.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"text\" | \"circular\" | \"rectangular\";\n  width?: string | number;\n  height?: string | number;\n  lines?: number;\n}\n\nconst baseClass =\n  \"animate-pulse bg-[var(--color-muted)] overflow-hidden relative will-change-transform\" +\n  \" before:absolute before:inset-0\" +\n  \" before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent\" +\n  \" before:animate-[shimmer_1.5s_infinite]\";\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, variant = \"rectangular\", width, height, lines = 1, style, ...props }, ref) => {\n    const variantClass =\n      variant === \"circular\" ? \"rounded-full\"\n      : variant === \"text\" ? \"rounded-md\"\n      : \"rounded-xl\";\n\n    const computedClass = cn(baseClass, variantClass, className);\n\n    if (variant === \"text\" && lines > 1) {\n      return (\n        <div ref={ref} className=\"flex flex-col gap-2\" {...props}>\n          {Array.from({ length: lines }).map((_, i) => (\n            <div\n              key={i}\n              className={computedClass}\n              style={{\n                width: i === lines - 1 ? \"70%\" : \"100%\",\n                height: height ?? 16,\n              }}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={computedClass}\n        style={{ width, height: height ?? (variant === \"text\" ? 16 : undefined), ...style }}\n        aria-hidden=\"true\"\n        {...props}\n      />\n    );\n  }\n);\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton };\n"]}

package/dist/chunk-FYFPGECC.js

@@ -0,0 +1,39 @@
+import { cn } from './chunk-MVGUWG27.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Popover = ({
+  trigger,
+  children,
+  open,
+  onOpenChange,
+  side = "bottom",
+  align = "start",
+  sideOffset = 8,
+  className
+}) => /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      side,
+      align,
+      sideOffset,
+      className: 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
+    }
+  ) })
+] });
+
+export { Popover };
+//# sourceMappingURL=chunk-FYFPGECC.js.map
+//# sourceMappingURL=chunk-FYFPGECC.js.map

package/dist/chunk-FYFPGECC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":[],"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,qBACE,IAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,IAAA,EAAY,YAAA,EACjC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,kBAC3C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,IAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;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-FYFPGECC.js","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-GFZKSV7F.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var chunkUXYAKGI2_cjs = require('./chunk-UXYAKGI2.cjs');
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Chip = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, selected = false, onRemove, onClick } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "children", "selected", "onRemove", "onClick"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.LazyMotion, { features: chunkUXYAKGI2_cjs.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkUXYAKGI2_cjs.m.button,
+      chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+        ref,
+        whileTap: { scale: 0.95 },
+        transition: { type: "spring", stiffness: 400, damping: 17 },
+        onClick,
+        className: chunk4V3IOZPC_cjs.cn(
+          "inline-flex items-center gap-1.5 h-8 px-3.5 rounded-full",
+          "text-[14px] font-medium select-none",
+          "border transition-colors duration-150",
+          "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",
+          selected ? "bg-[var(--color-primary)] border-[var(--color-primary)] text-white" : "bg-[var(--color-background)] border-[var(--color-border)] text-[var(--color-foreground)] hover:bg-[var(--color-muted)]",
+          className
+        ),
+        "aria-pressed": selected
+      }, props), {
+        children: [
+          children,
+          onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              className: "flex items-center justify-center w-4 h-4 rounded-full opacity-70 hover:opacity-100 transition-opacity",
+              "aria-label": "\uC81C\uAC70",
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2L8 8M8 2L2 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+            }
+          )
+        ]
+      })
+    ) });
+  }
+);
+Chip.displayName = "Chip";
+
+exports.Chip = Chip;
+//# sourceMappingURL=chunk-GFZKSV7F.cjs.map
+//# sourceMappingURL=chunk-GFZKSV7F.cjs.map

package/dist/chunk-GFZKSV7F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Chip/Chip.tsx"],"names":["React","__objRest","jsx","LazyMotion","domAnimation","jsxs","m","__spreadProps","__spreadValues","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,IAAA,GAAaA,gBAAA,CAAA,UAAA;AAAA,EACjB,CAAC,IAAwE,GAAA,KAAK;AAA7E,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,QAAA,EAAU,QAAA,GAAW,KAAA,EAAO,UAAU,OAAA,EAVtD,GAUG,EAAA,EAA+D,KAAA,GAAAC,2BAAA,CAA/D,EAAA,EAA+D,CAA7D,WAAA,EAAW,UAAA,EAAU,YAAkB,UAAA,EAAU,SAAA,CAAA,CAAA;AAClD,IAAA,uBAAAC,cAAA,CAACC,4BAAA,EAAA,EAAW,UAAUC,8BAAA,EACpB,QAAA,kBAAAC,eAAA;AAAA,MAACC,mBAAA,CAAE,MAAA;AAAA,MAAFC,+BAAA,CAAAC,gCAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,QACxB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA,EAAG;AAAA,QAC1D,OAAA;AAAA,QACA,SAAA,EAAWC,oBAAA;AAAA,UACT,0DAAA;AAAA,UACA,qCAAA;AAAA,UACA,uCAAA;AAAA,UACA,uHAAA;AAAA,UACA,iDAAA;AAAA,UACA,WACI,oEAAA,GACA,wHAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACA,cAAA,EAAc;AAAA,OAAA,EACT,KAAA,CAAA,EAjBN;AAAA,QAmBE,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,QAAA,oBACCP,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,EAAS;AAAA,cACX,CAAA;AAAA,cACA,SAAA,EAAU,uGAAA;AAAA,cACV,YAAA,EAAW,cAAA;AAAA,cAEX,QAAA,kBAAAA,cAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,aAAA,EAAW,MACrE,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,GAAE,kBAAA,EAAmB,MAAA,EAAO,gBAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ,CAAA,EAC3F;AAAA;AAAA;AACF;AAAA,OAAA;AAAA,KAEJ,EACF,CAAA;AAAA,EAAA;AAEJ;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-GFZKSV7F.cjs","sourcesContent":["import * as React from \"react\";\nimport { m, LazyMotion, domAnimation } from \"../../utils/motion\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  selected?: boolean;\n  onRemove?: () => void;\n}\n\nconst Chip = React.forwardRef<HTMLButtonElement, ChipProps>(\n  ({ className, children, selected = false, onRemove, onClick, ...props }, ref) => (\n    <LazyMotion features={domAnimation}>\n      <m.button\n        ref={ref}\n        whileTap={{ scale: 0.95 }}\n        transition={{ type: \"spring\", stiffness: 400, damping: 17 }}\n        onClick={onClick}\n        className={cn(\n          \"inline-flex items-center gap-1.5 h-8 px-3.5 rounded-full\",\n          \"text-[14px] font-medium select-none\",\n          \"border transition-colors duration-150\",\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          selected\n            ? \"bg-[var(--color-primary)] border-[var(--color-primary)] text-white\"\n            : \"bg-[var(--color-background)] border-[var(--color-border)] text-[var(--color-foreground)] hover:bg-[var(--color-muted)]\",\n          className\n        )}\n        aria-pressed={selected}\n        {...(props as React.ComponentPropsWithoutRef<typeof m.button>)}\n      >\n        {children}\n        {onRemove && (\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onRemove();\n            }}\n            className=\"flex items-center justify-center w-4 h-4 rounded-full opacity-70 hover:opacity-100 transition-opacity\"\n            aria-label=\"제거\"\n          >\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n              <path d=\"M2 2L8 8M8 2L2 8\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n            </svg>\n          </button>\n        )}\n      </m.button>\n    </LazyMotion>\n  )\n);\nChip.displayName = \"Chip\";\n\nexport { Chip };\n"]}