mokona-ui 0.0.1

package/dist/chunk-LC5SUZE5.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+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 SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var Label__namespace = /*#__PURE__*/_interopNamespace(Label);
+
+var Toggle = React__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className, label, description, id } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "label", "description", "id"]);
+  const toggleId = id != null ? id : React__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 w-full", children: [
+    (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        Label__namespace.Root,
+        {
+          htmlFor: toggleId,
+          className: "text-[16px] font-medium text-[var(--color-foreground)] cursor-pointer select-none",
+          children: label
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] text-[var(--color-muted-foreground)]", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SwitchPrimitive__namespace.Root,
+      chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+        ref,
+        id: toggleId,
+        className: chunk4V3IOZPC_cjs.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__ */ jsxRuntime.jsx(
+          SwitchPrimitive__namespace.Thumb,
+          {
+            className: chunk4V3IOZPC_cjs.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";
+
+exports.Toggle = Toggle;
+//# sourceMappingURL=chunk-LC5SUZE5.cjs.map
+//# sourceMappingURL=chunk-LC5SUZE5.cjs.map

package/dist/chunk-LC5SUZE5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"names":["React","__objRest","jsxs","jsx","Label","SwitchPrimitive","__spreadProps","__spreadValues","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,MAAA,GAAeA,gBAAA,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,GAAAC,2BAAA,CAAxC,EAAA,EAAwC,CAAtC,WAAA,EAAW,OAAA,EAAO,aAAA,EAAa,IAAA,CAAA,CAAA;AAClC,EAAA,MAAM,QAAA,GAAW,kBAAYD,gBAAA,CAAA,KAAA,EAAM;AAEnC,EAAA,uBACEE,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gDAAA,EACX,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,WAAA,qBACTA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCC,cAAA;AAAA,QAAOC,gBAAA,CAAA,IAAA;AAAA,QAAN;AAAA,UACC,OAAA,EAAS,QAAA;AAAA,UACT,SAAA,EAAU,mFAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,WAAA,oBACCD,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAoD,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAEjF,CAAA;AAAA,oBAEFA,cAAA;AAAA,MAAiBE,0BAAA,CAAA,IAAA;AAAA,MAAhBC,+BAAA,CAAAC,gCAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,QAAA;AAAA,QACJ,SAAA,EAAWC,oBAAA;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,kBAAAL,cAAA;AAAA,UAAiBE,0BAAA,CAAA,KAAA;AAAA,UAAhB;AAAA,YACC,SAAA,EAAWG,oBAAA;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-LC5SUZE5.cjs","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-LCABZUFW.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-LCABZUFW.js.map
+//# sourceMappingURL=chunk-LCABZUFW.js.map

package/dist/chunk-LCABZUFW.js.map

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

package/dist/chunk-MFRGAZ4M.cjs

@@ -0,0 +1,157 @@
+'use strict';
+
+var chunkUXYAKGI2_cjs = require('./chunk-UXYAKGI2.cjs');
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+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 buttonVariants = classVarianceAuthority.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__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      variant,
+      size,
+      fullWidth,
+      asChild = false,
+      loading = false,
+      disabled,
+      children
+    } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "fullWidth",
+      "asChild",
+      "loading",
+      "disabled",
+      "children"
+    ]);
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.LazyMotion, { features: chunkUXYAKGI2_cjs.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUXYAKGI2_cjs.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__ */ jsxRuntime.jsx(
+          Comp,
+          chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+            ref,
+            className: chunk4V3IOZPC_cjs.cn(buttonVariants({ variant, size, fullWidth, className })),
+            disabled: disabled || loading,
+            "aria-disabled": disabled || loading
+          }, props), {
+            children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: size === "sm" ? 14 : 16 }),
+              children
+            ] }) : children
+          })
+        )
+      }
+    ) });
+  }
+);
+Button.displayName = "Button";
+function Spinner({ size = 16 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkUXYAKGI2_cjs.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__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "8",
+          cy: "8",
+          r: "6",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeDasharray: "25 13",
+          opacity: "0.8"
+        }
+      )
+    }
+  );
+}
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-MFRGAZ4M.cjs.map
+//# sourceMappingURL=chunk-MFRGAZ4M.cjs.map

package/dist/chunk-MFRGAZ4M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["cva","React","__objRest","Slot","jsx","LazyMotion","domAnimation","m","__spreadProps","__spreadValues","cn","jsxs","Fragment"],"mappings":"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","file":"chunk-MFRGAZ4M.cjs","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-MIR34HKE.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 DialogPrimitive = require('@radix-ui/react-dialog');
+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 DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+function BottomSheet({
+  open: openProp,
+  onOpenChange,
+  title,
+  description,
+  children,
+  trigger
+}) {
+  const [internalOpen, setInternalOpen] = React__namespace.useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const handleOpenChange = (value) => {
+    if (!isControlled) setInternalOpen(value);
+    onOpenChange == null ? void 0 : onOpenChange(value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.LazyMotion, { features: chunkUXYAKGI2_cjs.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Root, { open, onOpenChange: handleOpenChange, children: [
+    trigger && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkUXYAKGI2_cjs.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkUXYAKGI2_cjs.m.div,
+        {
+          className: "fixed inset-0 z-50 bg-[var(--color-overlay)]",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.2 }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Content, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkUXYAKGI2_cjs.m.div,
+        {
+          className: chunk4V3IOZPC_cjs.cn(
+            "fixed bottom-0 left-0 right-0 z-50",
+            "bg-[var(--color-background)] rounded-t-3xl",
+            "shadow-[var(--shadow-overlay)]",
+            "px-5 pb-safe"
+          ),
+          initial: { y: "100%" },
+          animate: { y: 0 },
+          exit: { y: "100%" },
+          transition: { type: "spring", stiffness: 300, damping: 30 },
+          drag: "y",
+          dragConstraints: { top: 0 },
+          dragElastic: { top: 0, bottom: 0.3 },
+          onDragEnd: (_, info) => {
+            if (info.offset.y > 80) handleOpenChange(false);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-3 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9 h-1 rounded-full bg-[var(--color-gray-300)]" }) }),
+            title && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "text-[18px] font-bold text-[var(--color-foreground)] mb-1", children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { className: "text-[14px] text-[var(--color-muted-foreground)] mb-4", children: description }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-8", children })
+          ]
+        }
+      ) })
+    ] }) })
+  ] }) });
+}
+
+exports.BottomSheet = BottomSheet;
+//# sourceMappingURL=chunk-MIR34HKE.cjs.map
+//# sourceMappingURL=chunk-MIR34HKE.cjs.map

package/dist/chunk-MIR34HKE.cjs.map

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

package/dist/chunk-MP442EWS.cjs

@@ -0,0 +1,152 @@
+'use strict';
+
+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 DAYS = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"];
+var MONTHS = ["1\uC6D4", "2\uC6D4", "3\uC6D4", "4\uC6D4", "5\uC6D4", "6\uC6D4", "7\uC6D4", "8\uC6D4", "9\uC6D4", "10\uC6D4", "11\uC6D4", "12\uC6D4"];
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isDisabled(date, min, max) {
+  if (min && date < new Date(min.getFullYear(), min.getMonth(), min.getDate())) return true;
+  if (max && date > new Date(max.getFullYear(), max.getMonth(), max.getDate())) return true;
+  return false;
+}
+var Calendar = ({ value, defaultValue, onChange, minDate, maxDate, className }) => {
+  const [selectedDate, setSelectedDate] = React__namespace.useState(value != null ? value : defaultValue);
+  const [viewDate, setViewDate] = React__namespace.useState(() => {
+    var _a;
+    const d = (_a = value != null ? value : defaultValue) != null ? _a : /* @__PURE__ */ new Date();
+    return new Date(d.getFullYear(), d.getMonth(), 1);
+  });
+  React__namespace.useEffect(() => {
+    if (value !== void 0) setSelectedDate(value);
+  }, [value]);
+  const year = viewDate.getFullYear();
+  const month = viewDate.getMonth();
+  const firstDay = new Date(year, month, 1).getDay();
+  const daysInMonth = new Date(year, month + 1, 0).getDate();
+  const cells = [
+    ...Array(firstDay).fill(null),
+    ...Array.from({ length: daysInMonth }, (_, i) => new Date(year, month, i + 1))
+  ];
+  while (cells.length % 7 !== 0) cells.push(null);
+  const today = /* @__PURE__ */ new Date();
+  function handleSelect(date) {
+    if (isDisabled(date, minDate, maxDate)) return;
+    setSelectedDate(date);
+    onChange == null ? void 0 : onChange(date);
+  }
+  function prevMonth() {
+    setViewDate(new Date(year, month - 1, 1));
+  }
+  function nextMonth() {
+    setViewDate(new Date(year, month + 1, 1));
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4V3IOZPC_cjs.cn("w-fit rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface)] p-4 shadow-sm", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: prevMonth,
+          "aria-label": "\uC774\uC804 \uB2EC",
+          className: chunk4V3IOZPC_cjs.cn(
+            "flex h-8 w-8 items-center justify-center rounded-lg",
+            "text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]",
+            "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[15px] font-semibold text-[var(--color-foreground)]", children: [
+        year,
+        "\uB144 ",
+        MONTHS[month]
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: nextMonth,
+          "aria-label": "\uB2E4\uC74C \uB2EC",
+          className: chunk4V3IOZPC_cjs.cn(
+            "flex h-8 w-8 items-center justify-center rounded-lg",
+            "text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]",
+            "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 mb-1", children: DAYS.map((day, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunk4V3IOZPC_cjs.cn(
+          "flex h-8 items-center justify-center text-[12px] font-medium",
+          i === 0 ? "text-[var(--color-negative)]" : i === 6 ? "text-[var(--color-primary)]" : "text-[var(--color-muted-foreground)]"
+        ),
+        children: day
+      },
+      day
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-y-1", children: cells.map((date, i) => {
+      if (!date) return /* @__PURE__ */ jsxRuntime.jsx("div", {}, `empty-${i}`);
+      const disabled = isDisabled(date, minDate, maxDate);
+      const selected = selectedDate ? isSameDay(date, selectedDate) : false;
+      const isToday = isSameDay(date, today);
+      const dayOfWeek = date.getDay();
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSelect(date),
+          disabled,
+          "aria-label": `${year}\uB144 ${month + 1}\uC6D4 ${date.getDate()}\uC77C`,
+          "aria-pressed": selected,
+          className: chunk4V3IOZPC_cjs.cn(
+            "flex h-9 w-9 items-center justify-center rounded-xl text-[14px] font-medium mx-auto",
+            "transition-colors duration-100 select-none",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-1",
+            "disabled:opacity-30 disabled:cursor-not-allowed",
+            selected ? "bg-[var(--color-primary)] text-white" : isToday ? "border border-[var(--color-primary)] text-[var(--color-primary)]" : dayOfWeek === 0 ? "text-[var(--color-negative)] hover:bg-[var(--color-muted)]" : dayOfWeek === 6 ? "text-[var(--color-primary)] hover:bg-[var(--color-muted)]" : "text-[var(--color-foreground)] hover:bg-[var(--color-muted)]"
+          ),
+          children: date.getDate()
+        },
+        date.toISOString()
+      );
+    }) })
+  ] });
+};
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) });
+}
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=chunk-MP442EWS.cjs.map
+//# sourceMappingURL=chunk-MP442EWS.cjs.map

package/dist/chunk-MP442EWS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Calendar/Calendar.tsx"],"names":["React","cn","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,IAAA,GAAO,CAAC,QAAA,EAAK,QAAA,EAAK,UAAK,QAAA,EAAK,QAAA,EAAK,UAAK,QAAG,CAAA;AAC/C,IAAM,MAAA,GAAS,CAAC,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,SAAA,EAAM,UAAA,EAAO,YAAO,UAAK,CAAA;AAEzF,SAAS,SAAA,CAAU,GAAS,CAAA,EAAS;AACnC,EAAA,OAAO,EAAE,WAAA,EAAY,KAAM,CAAA,CAAE,WAAA,MAAiB,CAAA,CAAE,QAAA,EAAS,KAAM,CAAA,CAAE,UAAS,IAAK,CAAA,CAAE,OAAA,EAAQ,KAAM,EAAE,OAAA,EAAQ;AAC3G;AAEA,SAAS,UAAA,CAAW,IAAA,EAAY,GAAA,EAAY,GAAA,EAAY;AACtD,EAAA,IAAI,GAAA,IAAO,IAAA,GAAO,IAAI,IAAA,CAAK,IAAI,WAAA,EAAY,EAAG,GAAA,CAAI,QAAA,EAAS,EAAG,GAAA,CAAI,OAAA,EAAS,GAAG,OAAO,IAAA;AACrF,EAAA,IAAI,GAAA,IAAO,IAAA,GAAO,IAAI,IAAA,CAAK,IAAI,WAAA,EAAY,EAAG,GAAA,CAAI,QAAA,EAAS,EAAG,GAAA,CAAI,OAAA,EAAS,GAAG,OAAO,IAAA;AACrF,EAAA,OAAO,KAAA;AACT;AAEA,IAAM,QAAA,GAAW,CAAC,EAAE,KAAA,EAAO,cAAc,QAAA,EAAU,OAAA,EAAS,OAAA,EAAS,SAAA,EAAU,KAAqB;AAClG,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAA2B,wBAAS,YAAY,CAAA;AAC9F,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAUA,0BAAS,MAAM;AA3BvD,IAAA,IAAA,EAAA;AA4BI,IAAA,MAAM,CAAA,GAAA,CAAI,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,YAAA,KAAT,IAAA,GAAA,EAAA,uBAA6B,IAAA,EAAK;AAC5C,IAAA,OAAO,IAAI,KAAK,CAAA,CAAE,WAAA,IAAe,CAAA,CAAE,QAAA,IAAY,CAAC,CAAA;AAAA,EAClD,CAAC,CAAA;AAED,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,KAAA,KAAU,MAAA,EAAW,eAAA,CAAgB,KAAK,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,IAAA,GAAO,SAAS,WAAA,EAAY;AAClC,EAAA,MAAM,KAAA,GAAQ,SAAS,QAAA,EAAS;AAEhC,EAAA,MAAM,WAAW,IAAI,IAAA,CAAK,MAAM,KAAA,EAAO,CAAC,EAAE,MAAA,EAAO;AACjD,EAAA,MAAM,WAAA,GAAc,IAAI,IAAA,CAAK,IAAA,EAAM,QAAQ,CAAA,EAAG,CAAC,EAAE,OAAA,EAAQ;AAEzD,EAAA,MAAM,KAAA,GAAyB;AAAA,IAC7B,GAAG,KAAA,CAAY,QAAQ,CAAA,CAAE,KAAK,IAAI,CAAA;AAAA,IAClC,GAAG,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,aAAY,EAAG,CAAC,CAAA,EAAG,CAAA,KAAM,IAAI,IAAA,CAAK,IAAA,EAAM,KAAA,EAAO,CAAA,GAAI,CAAC,CAAC;AAAA,GAC/E;AAGA,EAAA,OAAO,MAAM,MAAA,GAAS,CAAA,KAAM,CAAA,EAAG,KAAA,CAAM,KAAK,IAAI,CAAA;AAE9C,EAAA,MAAM,KAAA,uBAAY,IAAA,EAAK;AAEvB,EAAA,SAAS,aAAa,IAAA,EAAY;AAChC,IAAA,IAAI,UAAA,CAAW,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG;AACxC,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAA;AAAA,EACb;AAEA,EAAA,SAAS,SAAA,GAAY;AACnB,IAAA,WAAA,CAAY,IAAI,IAAA,CAAK,IAAA,EAAM,KAAA,GAAQ,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,EAC1C;AAEA,EAAA,SAAS,SAAA,GAAY;AACnB,IAAA,WAAA,CAAY,IAAI,IAAA,CAAK,IAAA,EAAM,KAAA,GAAQ,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,EAC1C;AAEA,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,oBAAA,CAAG,+FAAA,EAAiG,SAAS,CAAA,EAE3H,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,SAAA;AAAA,UACT,YAAA,EAAW,qBAAA;AAAA,UACX,SAAA,EAAWF,oBAAA;AAAA,YACT,qDAAA;AAAA,YACA,yGAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,yCAAC,eAAA,EAAA,EAAgB;AAAA;AAAA,OACnB;AAAA,sBACAC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0DAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QAAK,SAAA;AAAA,QAAG,OAAO,KAAK;AAAA,OAAA,EACvB,CAAA;AAAA,sBACAC,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,SAAA;AAAA,UACT,YAAA,EAAW,qBAAA;AAAA,UACX,SAAA,EAAWF,oBAAA;AAAA,YACT,qDAAA;AAAA,YACA,yGAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,yCAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB,KAAA,EACF,CAAA;AAAA,oBAGAE,cAAA,CAAC,SAAI,SAAA,EAAU,uBAAA,EACZ,eAAK,GAAA,CAAI,CAAC,KAAK,CAAA,qBACdA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAWF,oBAAA;AAAA,UACT,8DAAA;AAAA,UACA,CAAA,KAAM,CAAA,GAAI,8BAAA,GAAiC,CAAA,KAAM,IAAI,6BAAA,GAAgC;AAAA,SACvF;AAAA,QAEC,QAAA,EAAA;AAAA,OAAA;AAAA,MANI;AAAA,KAQR,CAAA,EACH,CAAA;AAAA,oBAGAE,cAAA,CAAC,SAAI,SAAA,EAAU,0BAAA,EACZ,gBAAM,GAAA,CAAI,CAAC,MAAM,CAAA,KAAM;AACtB,MAAA,IAAI,CAAC,IAAA,EAAM,sCAAQ,KAAA,EAAA,EAAA,EAAS,CAAA,MAAA,EAAS,CAAC,CAAA,CAAI,CAAA;AAE1C,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAClD,MAAA,MAAM,QAAA,GAAW,YAAA,GAAe,SAAA,CAAU,IAAA,EAAM,YAAY,CAAA,GAAI,KAAA;AAChE,MAAA,MAAM,OAAA,GAAU,SAAA,CAAU,IAAA,EAAM,KAAK,CAAA;AACrC,MAAA,MAAM,SAAA,GAAY,KAAK,MAAA,EAAO;AAE9B,MAAA,uBACEA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,YAAA,CAAa,IAAI,CAAA;AAAA,UAChC,QAAA;AAAA,UACA,YAAA,EAAY,GAAG,IAAI,CAAA,OAAA,EAAK,QAAQ,CAAC,CAAA,OAAA,EAAK,IAAA,CAAK,OAAA,EAAS,CAAA,MAAA,CAAA;AAAA,UACpD,cAAA,EAAc,QAAA;AAAA,UACd,SAAA,EAAWF,oBAAA;AAAA,YACT,qFAAA;AAAA,YACA,4CAAA;AAAA,YACA,uHAAA;AAAA,YACA,iDAAA;AAAA,YACA,QAAA,GACI,yCACA,OAAA,GACA,kEAAA,GACA,cAAc,CAAA,GACd,4DAAA,GACA,SAAA,KAAc,CAAA,GACd,2DAAA,GACA;AAAA,WACN;AAAA,UAEC,eAAK,OAAA;AAAQ,SAAA;AAAA,QAtBT,KAAK,WAAA;AAAY,OAuBxB;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,eAAA,GAAkB;AACzB,EAAA,uBACEE,cAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,WAAA,EAAY,GAAA,EAAI,eAAc,OAAA,EAAQ,cAAA,EAAe,SACrI,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB,CAAA,EAC3B,CAAA;AAEJ;AAEA,SAAS,gBAAA,GAAmB;AAC1B,EAAA,uBACEA,cAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,WAAA,EAAY,GAAA,EAAI,eAAc,OAAA,EAAQ,cAAA,EAAe,SACrI,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,eAAA,EAAgB,CAAA,EAC1B,CAAA;AAEJ","file":"chunk-MP442EWS.cjs","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CalendarProps {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  minDate?: Date;\n  maxDate?: Date;\n  className?: string;\n}\n\nconst DAYS = [\"일\", \"월\", \"화\", \"수\", \"목\", \"금\", \"토\"];\nconst MONTHS = [\"1월\", \"2월\", \"3월\", \"4월\", \"5월\", \"6월\", \"7월\", \"8월\", \"9월\", \"10월\", \"11월\", \"12월\"];\n\nfunction isSameDay(a: Date, b: Date) {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nfunction isDisabled(date: Date, min?: Date, max?: Date) {\n  if (min && date < new Date(min.getFullYear(), min.getMonth(), min.getDate())) return true;\n  if (max && date > new Date(max.getFullYear(), max.getMonth(), max.getDate())) return true;\n  return false;\n}\n\nconst Calendar = ({ value, defaultValue, onChange, minDate, maxDate, className }: CalendarProps) => {\n  const [selectedDate, setSelectedDate] = React.useState<Date | undefined>(value ?? defaultValue);\n  const [viewDate, setViewDate] = React.useState(() => {\n    const d = value ?? defaultValue ?? new Date();\n    return new Date(d.getFullYear(), d.getMonth(), 1);\n  });\n\n  React.useEffect(() => {\n    if (value !== undefined) setSelectedDate(value);\n  }, [value]);\n\n  const year = viewDate.getFullYear();\n  const month = viewDate.getMonth();\n\n  const firstDay = new Date(year, month, 1).getDay();\n  const daysInMonth = new Date(year, month + 1, 0).getDate();\n\n  const cells: (Date | null)[] = [\n    ...Array<null>(firstDay).fill(null),\n    ...Array.from({ length: daysInMonth }, (_, i) => new Date(year, month, i + 1)),\n  ];\n\n  // Pad to complete last row\n  while (cells.length % 7 !== 0) cells.push(null);\n\n  const today = new Date();\n\n  function handleSelect(date: Date) {\n    if (isDisabled(date, minDate, maxDate)) return;\n    setSelectedDate(date);\n    onChange?.(date);\n  }\n\n  function prevMonth() {\n    setViewDate(new Date(year, month - 1, 1));\n  }\n\n  function nextMonth() {\n    setViewDate(new Date(year, month + 1, 1));\n  }\n\n  return (\n    <div className={cn(\"w-fit rounded-2xl border border-[var(--color-border)] bg-[var(--color-surface)] p-4 shadow-sm\", className)}>\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <button\n          type=\"button\"\n          onClick={prevMonth}\n          aria-label=\"이전 달\"\n          className={cn(\n            \"flex h-8 w-8 items-center justify-center rounded-lg\",\n            \"text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]\"\n          )}\n        >\n          <ChevronLeftIcon />\n        </button>\n        <span className=\"text-[15px] font-semibold text-[var(--color-foreground)]\">\n          {year}년 {MONTHS[month]}\n        </span>\n        <button\n          type=\"button\"\n          onClick={nextMonth}\n          aria-label=\"다음 달\"\n          className={cn(\n            \"flex h-8 w-8 items-center justify-center rounded-lg\",\n            \"text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]\"\n          )}\n        >\n          <ChevronRightIcon />\n        </button>\n      </div>\n\n      {/* Day headers */}\n      <div className=\"grid grid-cols-7 mb-1\">\n        {DAYS.map((day, i) => (\n          <div\n            key={day}\n            className={cn(\n              \"flex h-8 items-center justify-center text-[12px] font-medium\",\n              i === 0 ? \"text-[var(--color-negative)]\" : i === 6 ? \"text-[var(--color-primary)]\" : \"text-[var(--color-muted-foreground)]\"\n            )}\n          >\n            {day}\n          </div>\n        ))}\n      </div>\n\n      {/* Date cells */}\n      <div className=\"grid grid-cols-7 gap-y-1\">\n        {cells.map((date, i) => {\n          if (!date) return <div key={`empty-${i}`} />;\n\n          const disabled = isDisabled(date, minDate, maxDate);\n          const selected = selectedDate ? isSameDay(date, selectedDate) : false;\n          const isToday = isSameDay(date, today);\n          const dayOfWeek = date.getDay();\n\n          return (\n            <button\n              key={date.toISOString()}\n              type=\"button\"\n              onClick={() => handleSelect(date)}\n              disabled={disabled}\n              aria-label={`${year}년 ${month + 1}월 ${date.getDate()}일`}\n              aria-pressed={selected}\n              className={cn(\n                \"flex h-9 w-9 items-center justify-center rounded-xl text-[14px] font-medium mx-auto\",\n                \"transition-colors duration-100 select-none\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-1\",\n                \"disabled:opacity-30 disabled:cursor-not-allowed\",\n                selected\n                  ? \"bg-[var(--color-primary)] text-white\"\n                  : isToday\n                  ? \"border border-[var(--color-primary)] text-[var(--color-primary)]\"\n                  : dayOfWeek === 0\n                  ? \"text-[var(--color-negative)] hover:bg-[var(--color-muted)]\"\n                  : dayOfWeek === 6\n                  ? \"text-[var(--color-primary)] hover:bg-[var(--color-muted)]\"\n                  : \"text-[var(--color-foreground)] hover:bg-[var(--color-muted)]\"\n              )}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n    </div>\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 { Calendar };\n"]}

package/dist/chunk-MTIJTTKO.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+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 AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+
+var avatarVariants = classVarianceAuthority.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__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className, size, src, alt, fallback } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "size", "src", "alt", "fallback"]);
+  var _a2;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    AvatarPrimitive__namespace.Root,
+    chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+      ref,
+      className: chunk4V3IOZPC_cjs.cn(avatarVariants({ size }), className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AvatarPrimitive__namespace.Image,
+          {
+            src,
+            alt,
+            className: "w-full h-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AvatarPrimitive__namespace.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";
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=chunk-MTIJTTKO.cjs.map
+//# sourceMappingURL=chunk-MTIJTTKO.cjs.map

package/dist/chunk-MTIJTTKO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["cva","React","__objRest","_a","jsxs","AvatarPrimitive","__spreadProps","__spreadValues","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,cAAA,GAAiBA,2BAAI,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,GAAeC,gBAAA,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,GAAAC,2BAAA,CAA1C,EAAA,EAA0C,CAAxC,WAAA,EAAW,MAAA,EAAM,OAAK,KAAA,EAAK,UAAA,CAAA,CAAA;AA7BhC,EAAA,IAAAC,GAAAA;AA8BE,EAAA,uBAAAC,eAAA;AAAA,IAAiBC,0BAAA,CAAA,IAAA;AAAA,IAAhBC,+BAAA,CAAAC,gCAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAWC,oBAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EAC7C,KAAA,CAAA,EAHL;AAAA,MAKC,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAiBJ,0BAAA,CAAA,KAAA;AAAA,UAAhB;AAAA,YACC,GAAA;AAAA,YACA,GAAA;AAAA,YACA,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACAI,cAAA;AAAA,UAAiBJ,0BAAA,CAAA,QAAA;AAAA,UAAhB;AAAA,YACC,SAAA,EAAU,2HAAA;AAAA,YAET,QAAA,EAAA,CAAAF,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-MTIJTTKO.cjs","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"]}