mokona-ui 0.0.1

package/dist/bottom-sheet.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BottomSheetProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+    trigger?: React.ReactNode;
+}
+declare function BottomSheet({ open: openProp, onOpenChange, title, description, children, trigger, }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+
+export { BottomSheet, type BottomSheetProps };

package/dist/bottom-sheet.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BottomSheetProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+    trigger?: React.ReactNode;
+}
+declare function BottomSheet({ open: openProp, onOpenChange, title, description, children, trigger, }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+
+export { BottomSheet, type BottomSheetProps };

package/dist/bottom-sheet.js

@@ -0,0 +1,5 @@
+export { BottomSheet } from './chunk-7GQ4YVJR.js';
+import './chunk-Y3CWICHE.js';
+import './chunk-MVGUWG27.js';
+//# sourceMappingURL=bottom-sheet.js.map
+//# sourceMappingURL=bottom-sheet.js.map

package/dist/bottom-sheet.js.map

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

package/dist/button.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkMFRGAZ4M_cjs = require('./chunk-MFRGAZ4M.cjs');
+require('./chunk-UXYAKGI2.cjs');
+require('./chunk-4V3IOZPC.cjs');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkMFRGAZ4M_cjs.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunkMFRGAZ4M_cjs.buttonVariants; }
+});
+//# sourceMappingURL=button.cjs.map
+//# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"button.cjs"}

package/dist/button.d.cts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    loading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/button.d.ts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    loading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/button.js

@@ -0,0 +1,5 @@
+export { Button, buttonVariants } from './chunk-4C6E37KK.js';
+import './chunk-Y3CWICHE.js';
+import './chunk-MVGUWG27.js';
+//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

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

package/dist/calendar.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+require('./chunk-X4QHDEEJ.cjs');
+var chunkMP442EWS_cjs = require('./chunk-MP442EWS.cjs');
+require('./chunk-4V3IOZPC.cjs');
+
+
+
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return chunkMP442EWS_cjs.Calendar; }
+});
+//# sourceMappingURL=calendar.cjs.map
+//# sourceMappingURL=calendar.cjs.map

package/dist/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar.cjs"}

package/dist/calendar.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CalendarProps {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+}
+declare const Calendar: ({ value, defaultValue, onChange, minDate, maxDate, className }: CalendarProps) => react_jsx_runtime.JSX.Element;
+
+export { Calendar, type CalendarProps };

package/dist/calendar.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CalendarProps {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+}
+declare const Calendar: ({ value, defaultValue, onChange, minDate, maxDate, className }: CalendarProps) => react_jsx_runtime.JSX.Element;
+
+export { Calendar, type CalendarProps };

package/dist/calendar.js

@@ -0,0 +1,5 @@
+import './chunk-LCABZUFW.js';
+export { Calendar } from './chunk-GGXFXP6U.js';
+import './chunk-MVGUWG27.js';
+//# sourceMappingURL=calendar.js.map
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

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

package/dist/card.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkJWE5X3SW_cjs = require('./chunk-JWE5X3SW.cjs');
+require('./chunk-UXYAKGI2.cjs');
+require('./chunk-4V3IOZPC.cjs');
+
+
+
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkJWE5X3SW_cjs.Card; }
+});
+Object.defineProperty(exports, "cardVariants", {
+  enumerable: true,
+  get: function () { return chunkJWE5X3SW_cjs.cardVariants; }
+});
+//# sourceMappingURL=card.cjs.map
+//# sourceMappingURL=card.cjs.map

package/dist/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"card.cjs"}

package/dist/card.d.cts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const cardVariants: (props?: ({
+    variant?: "filled" | "elevated" | "outlined" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, type CardProps, cardVariants };

package/dist/card.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const cardVariants: (props?: ({
+    variant?: "filled" | "elevated" | "outlined" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, type CardProps, cardVariants };

package/dist/card.js

@@ -0,0 +1,5 @@
+export { Card, cardVariants } from './chunk-DDV6JQEW.js';
+import './chunk-Y3CWICHE.js';
+import './chunk-MVGUWG27.js';
+//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

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

package/dist/checkbox.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkKFFQVTKW_cjs = require('./chunk-KFFQVTKW.cjs');
+require('./chunk-UXYAKGI2.cjs');
+require('./chunk-4V3IOZPC.cjs');
+
+
+
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkKFFQVTKW_cjs.Checkbox; }
+});
+//# sourceMappingURL=checkbox.cjs.map
+//# sourceMappingURL=checkbox.cjs.map

package/dist/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"checkbox.cjs"}

package/dist/checkbox.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    label?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/checkbox.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    label?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/checkbox.js

@@ -0,0 +1,5 @@
+export { Checkbox } from './chunk-7B6U7GED.js';
+import './chunk-Y3CWICHE.js';
+import './chunk-MVGUWG27.js';
+//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

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

package/dist/chip.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkGFZKSV7F_cjs = require('./chunk-GFZKSV7F.cjs');
+require('./chunk-UXYAKGI2.cjs');
+require('./chunk-4V3IOZPC.cjs');
+
+
+
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () { return chunkGFZKSV7F_cjs.Chip; }
+});
+//# sourceMappingURL=chip.cjs.map
+//# sourceMappingURL=chip.cjs.map

package/dist/chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chip.cjs"}

package/dist/chip.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    onRemove?: () => void;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Chip, type ChipProps };

package/dist/chip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    onRemove?: () => void;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Chip, type ChipProps };

package/dist/chip.js

@@ -0,0 +1,5 @@
+export { Chip } from './chunk-355VBEHS.js';
+import './chunk-Y3CWICHE.js';
+import './chunk-MVGUWG27.js';
+//# sourceMappingURL=chip.js.map
+//# sourceMappingURL=chip.js.map

package/dist/chip.js.map

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

package/dist/chunk-27EKI7CM.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var chunk4V3IOZPC_cjs = require('./chunk-4V3IOZPC.cjs');
+var React = require('react');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+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 RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+
+var RadioGroup = React__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className, items, orientation = "vertical" } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["className", "items", "orientation"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Root,
+    chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+      ref,
+      className: chunk4V3IOZPC_cjs.cn(
+        "flex gap-3",
+        orientation === "vertical" ? "flex-col" : "flex-row flex-wrap",
+        className
+      )
+    }, props), {
+      children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(RadioItem, { item }, item.value))
+    })
+  );
+});
+RadioGroup.displayName = "RadioGroup";
+function RadioItem({ item }) {
+  const id = React__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4V3IOZPC_cjs.cn("flex items-start gap-2.5", item.disabled && "opacity-40"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RadioGroupPrimitive__namespace.Item,
+      {
+        id,
+        value: item.value,
+        disabled: item.disabled,
+        className: chunk4V3IOZPC_cjs.cn(
+          "mt-0.5 h-5 w-5 shrink-0 rounded-full border-2 border-[var(--color-border)]",
+          "transition-colors duration-150",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
+          "data-[state=checked]:border-[var(--color-primary)]",
+          "disabled:cursor-not-allowed"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "flex items-center justify-center w-full h-full relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-[var(--color-primary)]" }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: "flex flex-col gap-0.5 cursor-pointer select-none", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[16px] text-[var(--color-foreground)]", children: item.label }),
+      item.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] text-[var(--color-muted-foreground)]", children: item.description })
+    ] })
+  ] });
+}
+
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=chunk-27EKI7CM.cjs.map
+//# sourceMappingURL=chunk-27EKI7CM.cjs.map

package/dist/chunk-27EKI7CM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"names":["React","__objRest","jsx","RadioGroupPrimitive","__spreadProps","__spreadValues","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,UAAA,GAAmBA,gBAAA,CAAA,UAAA,CAGvB,CAAC,EAAA,EAA0D,GAAA,KAAK;AAA/D,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,KAAA,EAAO,WAAA,GAAc,UAAA,EApBrC,GAoBG,IAAiD,KAAA,GAAAC,2BAAA,CAAjD,EAAA,EAAiD,CAA/C,WAAA,EAAW,OAAA,EAAO,aAAA,CAAA,CAAA;AACrB,EAAA,uBAAAC,cAAA;AAAA,IAAqBC,8BAAA,CAAA,IAAA;AAAA,IAApBC,+BAAA,CAAAC,gCAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,oBAAA;AAAA,QACT,YAAA;AAAA,QACA,WAAA,KAAgB,aAAa,UAAA,GAAa,oBAAA;AAAA,QAC1C;AAAA;AACF,KAAA,EACI,KAAA,CAAA,EAPL;AAAA,MASE,QAAA,EAAA,KAAA,CAAM,IAAI,CAAC,IAAA,oCACT,SAAA,EAAA,EAA2B,IAAA,EAAA,EAAZ,IAAA,CAAK,KAAmB,CACzC;AAAA,KAAA;AAAA,GACH;AAAA,CACD;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,SAAS,SAAA,CAAU,EAAE,IAAA,EAAK,EAAwB;AAChD,EAAA,MAAM,KAAWN,gBAAA,CAAA,KAAA,EAAM;AACvB,EAAA,uBACEO,eAAA,CAAC,SAAI,SAAA,EAAWD,oBAAA,CAAG,4BAA4B,IAAA,CAAK,QAAA,IAAY,YAAY,CAAA,EAC1E,QAAA,EAAA;AAAA,oBAAAJ,cAAA;AAAA,MAAqBC,8BAAA,CAAA,IAAA;AAAA,MAApB;AAAA,QACC,EAAA;AAAA,QACA,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,SAAA,EAAWG,oBAAA;AAAA,UACT,4EAAA;AAAA,UACA,gCAAA;AAAA,UACA,uHAAA;AAAA,UACA,oDAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAJ,cAAA,CAAqBC,0CAApB,EAA8B,SAAA,EAAU,2DACvC,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EAAqD,CAAA,EACtE;AAAA;AAAA,KACF;AAAA,oBACAK,eAAA,CAAC,OAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,WAAU,kDAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EAA8C,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,MACxE,KAAK,WAAA,oBACJA,cAAA,CAAC,UAAK,SAAA,EAAU,kDAAA,EAAoD,eAAK,WAAA,EAAY;AAAA,KAAA,EAEzF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-27EKI7CM.cjs","sourcesContent":["import * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface RadioItem {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  items: RadioItem[];\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, items, orientation = \"vertical\", ...props }, ref) => (\n  <RadioGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"flex gap-3\",\n      orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n      className\n    )}\n    {...props}\n  >\n    {items.map((item) => (\n      <RadioItem key={item.value} item={item} />\n    ))}\n  </RadioGroupPrimitive.Root>\n));\nRadioGroup.displayName = \"RadioGroup\";\n\nfunction RadioItem({ item }: { item: RadioItem }) {\n  const id = React.useId();\n  return (\n    <div className={cn(\"flex items-start gap-2.5\", item.disabled && \"opacity-40\")}>\n      <RadioGroupPrimitive.Item\n        id={id}\n        value={item.value}\n        disabled={item.disabled}\n        className={cn(\n          \"mt-0.5 h-5 w-5 shrink-0 rounded-full border-2 border-[var(--color-border)]\",\n          \"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          \"data-[state=checked]:border-[var(--color-primary)]\",\n          \"disabled:cursor-not-allowed\"\n        )}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center w-full h-full relative\">\n          <div className=\"w-2.5 h-2.5 rounded-full bg-[var(--color-primary)]\" />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n      <label htmlFor={id} className=\"flex flex-col gap-0.5 cursor-pointer select-none\">\n        <span className=\"text-[16px] text-[var(--color-foreground)]\">{item.label}</span>\n        {item.description && (\n          <span className=\"text-[13px] text-[var(--color-muted-foreground)]\">{item.description}</span>\n        )}\n      </label>\n    </div>\n  );\n}\n\nexport { RadioGroup };\n"]}

package/dist/chunk-2AOEUASU.cjs

@@ -0,0 +1,123 @@
+'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);
+
+function range(start, end) {
+  return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+}
+function usePaginationRange(page, totalPages, siblingCount) {
+  return React__namespace.useMemo(() => {
+    const totalPageNumbers = siblingCount * 2 + 5;
+    if (totalPages <= totalPageNumbers) {
+      return range(1, totalPages);
+    }
+    const leftSiblingIndex = Math.max(page - siblingCount, 1);
+    const rightSiblingIndex = Math.min(page + siblingCount, totalPages);
+    const showLeftDots = leftSiblingIndex > 2;
+    const showRightDots = rightSiblingIndex < totalPages - 1;
+    if (!showLeftDots && showRightDots) {
+      const leftRange = range(1, 3 + 2 * siblingCount);
+      return [...leftRange, "...", totalPages];
+    }
+    if (showLeftDots && !showRightDots) {
+      const rightRange = range(totalPages - (3 + 2 * siblingCount) + 1, totalPages);
+      return [1, "...", ...rightRange];
+    }
+    const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+    return [1, "...", ...middleRange, "...", totalPages];
+  }, [page, totalPages, siblingCount]);
+}
+var Pagination = ({ page, totalPages, onPageChange, siblingCount = 1, className }) => {
+  const pages = usePaginationRange(page, totalPages, siblingCount);
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "\uD398\uC774\uC9C0 \uD0D0\uC0C9", className: chunk4V3IOZPC_cjs.cn("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PaginationButton,
+      {
+        onClick: () => onPageChange(page - 1),
+        disabled: page <= 1,
+        "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+      }
+    ),
+    pages.map(
+      (p, i) => p === "..." ? /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "flex h-9 w-9 items-center justify-center text-[14px] text-[var(--color-muted-foreground)] select-none",
+          children: "\u2026"
+        },
+        `dots-${i}`
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        PaginationButton,
+        {
+          onClick: () => onPageChange(p),
+          isActive: p === page,
+          "aria-label": `${p}\uD398\uC774\uC9C0`,
+          "aria-current": p === page ? "page" : void 0,
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PaginationButton,
+      {
+        onClick: () => onPageChange(page + 1),
+        disabled: page >= totalPages,
+        "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+      }
+    )
+  ] });
+};
+function PaginationButton(_a) {
+  var _b = _a, { isActive, className, children } = _b, props = chunk4V3IOZPC_cjs.__objRest(_b, ["isActive", "className", "children"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    chunk4V3IOZPC_cjs.__spreadProps(chunk4V3IOZPC_cjs.__spreadValues({
+      type: "button",
+      className: chunk4V3IOZPC_cjs.cn(
+        "flex h-9 w-9 items-center justify-center rounded-xl text-[14px] font-medium",
+        "transition-colors duration-150 select-none",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
+        "disabled:opacity-40 disabled:cursor-not-allowed",
+        isActive ? "bg-[var(--color-primary)] text-white" : "text-[var(--color-foreground)] hover:bg-[var(--color-muted)]",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ 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.Pagination = Pagination;
+//# sourceMappingURL=chunk-2AOEUASU.cjs.map
+//# sourceMappingURL=chunk-2AOEUASU.cjs.map

package/dist/chunk-2AOEUASU.cjs.map

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

package/dist/chunk-355VBEHS.js

@@ -0,0 +1,51 @@
+import { LazyMotion, domAnimation, m } from './chunk-Y3CWICHE.js';
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-MVGUWG27.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Chip = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, selected = false, onRemove, onClick } = _b, props = __objRest(_b, ["className", "children", "selected", "onRemove", "onClick"]);
+    return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs(
+      m.button,
+      __spreadProps(__spreadValues({
+        ref,
+        whileTap: { scale: 0.95 },
+        transition: { type: "spring", stiffness: 400, damping: 17 },
+        onClick,
+        className: 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__ */ 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__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2L8 8M8 2L2 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+            }
+          )
+        ]
+      })
+    ) });
+  }
+);
+Chip.displayName = "Chip";
+
+export { Chip };
+//# sourceMappingURL=chunk-355VBEHS.js.map
+//# sourceMappingURL=chunk-355VBEHS.js.map

package/dist/chunk-355VBEHS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Chip/Chip.tsx"],"names":[],"mappings":";;;;;AASA,IAAM,IAAA,GAAa,KAAA,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,GAAA,SAAA,CAA/D,EAAA,EAA+D,CAA7D,WAAA,EAAW,UAAA,EAAU,YAAkB,UAAA,EAAU,SAAA,CAAA,CAAA;AAClD,IAAA,uBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,UAAU,YAAA,EACpB,QAAA,kBAAA,IAAA;AAAA,MAAC,CAAA,CAAE,MAAA;AAAA,MAAF,aAAA,CAAA,cAAA,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,EAAW,EAAA;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,oBACC,GAAA;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,kBAAA,GAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,aAAA,EAAW,MACrE,QAAA,kBAAA,GAAA,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-355VBEHS.js","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"]}