@inzumer/ui-library 0.1.1 → 1.0.0

package/dist/chunk-KWSZ2S34.js

@@ -0,0 +1,76 @@
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonStyles = cva(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "font-medium text-sm leading-none",
+    "rounded-md",
+    "transition-colors duration-150 ease-in-out",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "select-none"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)]",
+          "border border-[var(--btn-primary-border)]",
+          "hover:bg-[var(--btn-primary-bg-hover)]",
+          "active:bg-[var(--btn-primary-bg-active)]"
+        ],
+        secondary: [
+          "bg-[var(--btn-secondary-bg)] text-[var(--btn-secondary-text)]",
+          "border border-[var(--btn-secondary-border)]",
+          "hover:bg-[var(--btn-secondary-bg-hover)]",
+          "active:bg-[var(--btn-secondary-bg-active)]"
+        ],
+        ghost: [
+          "bg-[var(--btn-ghost-bg)] text-[var(--btn-ghost-text)]",
+          "border border-[var(--btn-ghost-border)]",
+          "hover:bg-[var(--btn-ghost-bg-hover)]",
+          "active:bg-[var(--btn-ghost-bg-active)]"
+        ],
+        destructive: [
+          "bg-[var(--btn-destructive-bg)] text-[var(--btn-destructive-text)]",
+          "border border-[var(--btn-destructive-border)]",
+          "hover:bg-[var(--btn-destructive-bg-hover)]",
+          "active:bg-[var(--btn-destructive-bg-active)]"
+        ]
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        md: "h-10 px-4 text-sm",
+        lg: "h-12 px-6 text-base",
+        icon: "h-10 w-10"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = forwardRef(
+  ({ className, variant, size, fullWidth, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        className: cn(buttonStyles({ variant, size, fullWidth }), className),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button };
+//# sourceMappingURL=chunk-KWSZ2S34.js.map
+//# sourceMappingURL=chunk-KWSZ2S34.js.map

package/dist/chunk-KWSZ2S34.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Button/Button.styles.ts","../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,YAAA,GAAe,GAAA;AAAA,EAC1B;AAAA,IACE,+CAAA;AAAA,IACA,kCAAA;AAAA,IACA,YAAA;AAAA,IACA,4CAAA;AAAA,IACA,sHAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,2DAAA;AAAA,UACA,2CAAA;AAAA,UACA,wCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAA,EAAW;AAAA,UACT,+DAAA;AAAA,UACA,6CAAA;AAAA,UACA,0CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL,uDAAA;AAAA,UACA,yCAAA;AAAA,UACA,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,WAAA,EAAa;AAAA,UACX,mEAAA;AAAA,UACA,+CAAA;AAAA,UACA,4CAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AC7CO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAM,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC1D,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,QAClE,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-KWSZ2S34.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonStyles = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium text-sm leading-none',\n    'rounded-md',\n    'transition-colors duration-150 ease-in-out',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'select-none',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-[var(--btn-primary-bg)] text-[var(--btn-primary-text)]',\n          'border border-[var(--btn-primary-border)]',\n          'hover:bg-[var(--btn-primary-bg-hover)]',\n          'active:bg-[var(--btn-primary-bg-active)]',\n        ],\n        secondary: [\n          'bg-[var(--btn-secondary-bg)] text-[var(--btn-secondary-text)]',\n          'border border-[var(--btn-secondary-border)]',\n          'hover:bg-[var(--btn-secondary-bg-hover)]',\n          'active:bg-[var(--btn-secondary-bg-active)]',\n        ],\n        ghost: [\n          'bg-[var(--btn-ghost-bg)] text-[var(--btn-ghost-text)]',\n          'border border-[var(--btn-ghost-border)]',\n          'hover:bg-[var(--btn-ghost-bg-hover)]',\n          'active:bg-[var(--btn-ghost-bg-active)]',\n        ],\n        destructive: [\n          'bg-[var(--btn-destructive-bg)] text-[var(--btn-destructive-text)]',\n          'border border-[var(--btn-destructive-border)]',\n          'hover:bg-[var(--btn-destructive-bg-hover)]',\n          'active:bg-[var(--btn-destructive-bg-active)]',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-xs',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n        icon: 'h-10 w-10',\n      },\n      fullWidth: {\n        true: 'w-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  },\n);\n","import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, type ButtonHTMLAttributes } from 'react';\nimport { cn } from '@utils';\nimport { buttonStyles } from './Button.styles';\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonStyles> & {\n    asChild?: boolean;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, fullWidth, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(buttonStyles({ variant, size, fullWidth }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"]}

package/dist/chunk-LK2EJ4H6.js

@@ -0,0 +1,78 @@
+import { useDismissableLayer } from './chunk-JCJP427C.js';
+import { useMergedRef } from './chunk-P4Z7HH66.js';
+import { useDelayedUnmount } from './chunk-BNEEI7S5.js';
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var modalOverlayStyles = cva(
+  [
+    "fixed inset-0 z-50 flex items-center justify-center bg-[var(--surface-overlay)] p-4",
+    "transition-opacity duration-200 ease-out"
+  ],
+  {
+    variants: {
+      visible: {
+        true: "opacity-100",
+        false: "opacity-0"
+      }
+    },
+    defaultVariants: {
+      visible: false
+    }
+  }
+);
+var modalPanelStyles = cva(
+  [
+    "w-full max-w-md rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)] p-6 shadow-lg",
+    "transition-all duration-200 ease-out"
+  ],
+  {
+    variants: {
+      visible: {
+        true: "scale-100 opacity-100",
+        false: "scale-95 opacity-0"
+      }
+    },
+    defaultVariants: {
+      visible: false
+    }
+  }
+);
+var modalTitleStyles = "mb-4 text-lg font-semibold text-[var(--text-primary)]";
+var modalFooterStyles = "mt-6 flex items-center justify-end gap-2";
+var EXIT_DURATION_MS = 200;
+var Modal = forwardRef(
+  ({ open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props }, ref) => {
+    const panelRef = useRef(null);
+    const setPanelRef = useMergedRef(ref, panelRef);
+    const { mounted, visible } = useDelayedUnmount(open, EXIT_DURATION_MS);
+    useDismissableLayer(open, onClose, panelRef, closeOnBackdropClick);
+    if (!mounted) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { className: modalOverlayStyles({ visible }), children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setPanelRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": title ? "modal-title" : void 0,
+        className: cn(modalPanelStyles({ visible }), className),
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx(RichText, { as: "h2", id: "modal-title", variant: "s1", className: modalTitleStyles, children: title }),
+          children,
+          footer && /* @__PURE__ */ jsx("div", { className: modalFooterStyles, children: footer })
+        ]
+      }
+    ) });
+  }
+);
+Modal.displayName = "Modal";
+
+export { Modal };
+//# sourceMappingURL=chunk-LK2EJ4H6.js.map
+//# sourceMappingURL=chunk-LK2EJ4H6.js.map

package/dist/chunk-LK2EJ4H6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Modal/Modal.styles.ts","../src/components/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;AAEO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC;AAAA,IACE,qFAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,8GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,uBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,uDAAA;AAEzB,IAAM,iBAAA,GAAoB,0CAAA;AC7BjC,IAAM,gBAAA,GAAmB,GAAA;AAUlB,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CACE,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,oBAAA,GAAuB,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,IACrF,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,OAA8B,IAAI,CAAA;AACnD,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,GAAA,EAAK,QAAQ,CAAA;AAC9C,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,iBAAA,CAAkB,MAAM,gBAAgB,CAAA;AAErE,IAAA,mBAAA,CAAoB,IAAA,EAAM,OAAA,EAAS,QAAA,EAAU,oBAAoB,CAAA;AAEjE,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAmB,EAAE,OAAA,EAAS,CAAA,EAC5C,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,MAAA;AAAA,QACX,iBAAA,EAAiB,QAAQ,aAAA,GAAgB,MAAA;AAAA,QACzC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QACrD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,eAAc,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,gBAAA,EACxD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,QAAA;AAAA,UACA,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAoB,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,KACxD,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-LK2EJ4H6.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const modalOverlayStyles = cva(\n  [\n    'fixed inset-0 z-50 flex items-center justify-center bg-[var(--surface-overlay)] p-4',\n    'transition-opacity duration-200 ease-out',\n  ],\n  {\n    variants: {\n      visible: {\n        true: 'opacity-100',\n        false: 'opacity-0',\n      },\n    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const modalPanelStyles = cva(\n  [\n    'w-full max-w-md rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)] p-6 shadow-lg',\n    'transition-all duration-200 ease-out',\n  ],\n  {\n    variants: {\n      visible: {\n        true: 'scale-100 opacity-100',\n        false: 'scale-95 opacity-0',\n      },\n    },\n    defaultVariants: {\n      visible: false,\n    },\n  },\n);\n\nexport const modalTitleStyles = 'mb-4 text-lg font-semibold text-[var(--text-primary)]';\n\nexport const modalFooterStyles = 'mt-6 flex items-center justify-end gap-2';\n","import { forwardRef, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport { useDelayedUnmount, useDismissableLayer, useMergedRef } from '@hooks';\nimport { cn } from '@utils';\nimport {\n  modalFooterStyles,\n  modalOverlayStyles,\n  modalPanelStyles,\n  modalTitleStyles,\n} from './Modal.styles';\n\nconst EXIT_DURATION_MS = 200;\n\nexport type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n  open: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  footer?: ReactNode;\n  closeOnBackdropClick?: boolean;\n};\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { open, onClose, title, footer, closeOnBackdropClick = true, className, children, ...props },\n    ref,\n  ) => {\n    const panelRef = useRef<HTMLDivElement | null>(null);\n    const setPanelRef = useMergedRef(ref, panelRef);\n    const { mounted, visible } = useDelayedUnmount(open, EXIT_DURATION_MS);\n\n    useDismissableLayer(open, onClose, panelRef, closeOnBackdropClick);\n\n    if (!mounted) {\n      return null;\n    }\n\n    return (\n      <div className={modalOverlayStyles({ visible })}>\n        <div\n          ref={setPanelRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={title ? 'modal-title' : undefined}\n          className={cn(modalPanelStyles({ visible }), className)}\n          {...props}\n        >\n          {title && (\n            <RichText as=\"h2\" id=\"modal-title\" variant=\"s1\" className={modalTitleStyles}>\n              {title}\n            </RichText>\n          )}\n          {children}\n          {footer && <div className={modalFooterStyles}>{footer}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n"]}

package/dist/chunk-N5CLCKR3.js

@@ -0,0 +1,71 @@
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var cardStyles = cva(
+  ["rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)]", "shadow-sm"],
+  {
+    variants: {
+      padding: {
+        true: "p-6",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      padding: true
+    }
+  }
+);
+var cardHeaderStyles = "flex flex-col gap-1.5 p-6";
+var cardTitleStyles = "text-lg font-semibold leading-none text-[var(--text-primary)]";
+var cardDescriptionStyles = "text-sm text-[var(--text-secondary)]";
+var cardContentStyles = "px-6 pb-6";
+var cardFooterStyles = "flex items-center px-6 pb-6";
+var Card = forwardRef(
+  ({ className, noPadding = false, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardStyles({ padding: !noPadding }), className), ...props })
+);
+Card.displayName = "Card";
+var CardHeader = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardHeaderStyles, className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = forwardRef(
+  ({ className, as = "h3", ...props }, ref) => /* @__PURE__ */ jsx(
+    RichText,
+    {
+      ref,
+      as,
+      variant: "s1",
+      className: cn(cardTitleStyles, className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    RichText,
+    {
+      ref,
+      as: "p",
+      variant: "p3",
+      className: cn(cardDescriptionStyles, className),
+      ...props
+    }
+  )
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardContentStyles, className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardFooterStyles, className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=chunk-N5CLCKR3.js.map
+//# sourceMappingURL=chunk-N5CLCKR3.js.map

package/dist/chunk-N5CLCKR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Card/Card.styles.ts","../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,UAAA,GAAa,GAAA;AAAA,EACxB,CAAC,kFAAkF,WAAW,CAAA;AAAA,EAC9F;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,KAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,2BAAA;AAEzB,IAAM,eAAA,GAAkB,+DAAA;AAExB,IAAM,qBAAA,GAAwB,sCAAA;AAE9B,IAAM,iBAAA,GAAoB,WAAA;AAE1B,IAAM,gBAAA,GAAmB,6BAAA;ACTzB,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,SAAA,GAAY,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,UAAA,CAAW,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE7F;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAIZ,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1E;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAMlB,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,EAAA,GAAK,MAAM,GAAG,KAAA,IAAS,GAAA,qBACnC,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA;AAAA,MACvC,GAAG;AAAA;AAAA;AAGV;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAIjB,IAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAG,GAAA;AAAA,MACH,OAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAIvB,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE3E;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAInB,IAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1E;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-N5CLCKR3.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const cardStyles = cva(\n  ['rounded-xl border border-[var(--border-default)] bg-[var(--surface-secondary)]', 'shadow-sm'],\n  {\n    variants: {\n      padding: {\n        true: 'p-6',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      padding: true,\n    },\n  },\n);\n\nexport const cardHeaderStyles = 'flex flex-col gap-1.5 p-6';\n\nexport const cardTitleStyles = 'text-lg font-semibold leading-none text-[var(--text-primary)]';\n\nexport const cardDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n\nexport const cardContentStyles = 'px-6 pb-6';\n\nexport const cardFooterStyles = 'flex items-center px-6 pb-6';\n","import { forwardRef, type ForwardedRef, type HTMLAttributes } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  cardContentStyles,\n  cardDescriptionStyles,\n  cardFooterStyles,\n  cardHeaderStyles,\n  cardStyles,\n  cardTitleStyles,\n} from './Card.styles';\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  noPadding?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, noPadding = false, ...props }, ref) => (\n    <div ref={ref} className={cn(cardStyles({ padding: !noPadding }), className)} {...props} />\n  ),\n);\nCard.displayName = 'Card';\n\nexport type CardHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardHeaderStyles, className)} {...props} />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nexport type CardTitleProps = HTMLAttributes<HTMLHeadingElement> & {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, CardTitleProps>(\n  ({ className, as = 'h3', ...props }, ref) => (\n    <RichText\n      ref={ref as ForwardedRef<HTMLElement>}\n      as={as}\n      variant=\"s1\"\n      className={cn(cardTitleStyles, className)}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nexport type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <RichText\n      ref={ref as ForwardedRef<HTMLElement>}\n      as=\"p\"\n      variant=\"p3\"\n      className={cn(cardDescriptionStyles, className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nexport type CardContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardContentStyles, className)} {...props} />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nexport type CardFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(cardFooterStyles, className)} {...props} />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n"]}

package/dist/chunk-P4CV2EPR.js

@@ -0,0 +1,72 @@
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var richTextStyles = cva("text-[var(--text-primary)]", {
+  variants: {
+    variant: {
+      h1: "text-4xl leading-tight",
+      h2: "text-3xl leading-tight",
+      h3: "text-2xl leading-snug",
+      h4: "text-xl leading-snug",
+      h5: "text-lg leading-normal",
+      h6: "text-base leading-normal",
+      s1: "text-lg leading-normal",
+      s2: "text-base leading-normal",
+      s3: "text-sm leading-normal",
+      s4: "text-xs leading-normal",
+      p1: "text-lg leading-relaxed",
+      p2: "text-base leading-relaxed",
+      p3: "text-sm leading-relaxed",
+      p4: "text-xs leading-relaxed"
+    },
+    weight: {
+      light: "font-light",
+      normal: "font-normal",
+      bold: "font-bold"
+    }
+  },
+  defaultVariants: {
+    variant: "p2",
+    weight: "normal"
+  }
+});
+var elementByVariant = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  s1: "span",
+  s2: "span",
+  s3: "span",
+  s4: "span",
+  p1: "p",
+  p2: "p",
+  p3: "p",
+  p4: "p"
+};
+var RichText = forwardRef(
+  ({ as, variant, weight, bold, className, ...props }, ref) => {
+    const resolvedVariant = variant ?? "p2";
+    const Element = as ?? elementByVariant[resolvedVariant];
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        ref,
+        className: cn(
+          richTextStyles({ variant: resolvedVariant, weight: bold ? "bold" : weight }),
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+RichText.displayName = "RichText";
+
+export { RichText, elementByVariant };
+//# sourceMappingURL=chunk-P4CV2EPR.js.map
+//# sourceMappingURL=chunk-P4CV2EPR.js.map

package/dist/chunk-P4CV2EPR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/RichText/RichText.styles.ts","../src/components/atoms/RichText/RichText.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,cAAA,GAAiB,IAAI,4BAAA,EAA8B;AAAA,EAC9D,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI,uBAAA;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI,0BAAA;AAAA,MACJ,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI,0BAAA;AAAA,MACJ,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI,yBAAA;AAAA,MACJ,EAAA,EAAI,2BAAA;AAAA,MACJ,EAAA,EAAI,yBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO,YAAA;AAAA,MACP,MAAA,EAAQ,aAAA;AAAA,MACR,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,IAAA;AAAA,IACT,MAAA,EAAQ;AAAA;AAEZ,CAAC,CAAA;ACvBM,IAAM,gBAAA,GAAyD;AAAA,EACpE,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAQO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,EAAA,EAAI,OAAA,EAAS,MAAA,EAAQ,MAAM,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3D,IAAA,MAAM,kBAAkB,OAAA,IAAW,IAAA;AACnC,IAAA,MAAM,OAAA,GAAU,EAAA,IAAM,gBAAA,CAAiB,eAAe,CAAA;AAEtD,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,cAAA,CAAe,EAAE,OAAA,EAAS,eAAA,EAAiB,QAAQ,IAAA,GAAO,MAAA,GAAS,QAAQ,CAAA;AAAA,UAC3E;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-P4CV2EPR.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const richTextStyles = cva('text-[var(--text-primary)]', {\n  variants: {\n    variant: {\n      h1: 'text-4xl leading-tight',\n      h2: 'text-3xl leading-tight',\n      h3: 'text-2xl leading-snug',\n      h4: 'text-xl leading-snug',\n      h5: 'text-lg leading-normal',\n      h6: 'text-base leading-normal',\n      s1: 'text-lg leading-normal',\n      s2: 'text-base leading-normal',\n      s3: 'text-sm leading-normal',\n      s4: 'text-xs leading-normal',\n      p1: 'text-lg leading-relaxed',\n      p2: 'text-base leading-relaxed',\n      p3: 'text-sm leading-relaxed',\n      p4: 'text-xs leading-relaxed',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      bold: 'font-bold',\n    },\n  },\n  defaultVariants: {\n    variant: 'p2',\n    weight: 'normal',\n  },\n});\n","import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, type ElementType, type HTMLAttributes } from 'react';\nimport { cn } from '@utils';\nimport { richTextStyles } from './RichText.styles';\n\nexport type RichTextVariant = NonNullable<VariantProps<typeof richTextStyles>['variant']>;\n\nexport const elementByVariant: Record<RichTextVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  s1: 'span',\n  s2: 'span',\n  s3: 'span',\n  s4: 'span',\n  p1: 'p',\n  p2: 'p',\n  p3: 'p',\n  p4: 'p',\n};\n\nexport type RichTextProps = HTMLAttributes<HTMLElement> &\n  VariantProps<typeof richTextStyles> & {\n    as?: ElementType;\n    bold?: boolean;\n  };\n\nexport const RichText = forwardRef<HTMLElement, RichTextProps>(\n  ({ as, variant, weight, bold, className, ...props }, ref) => {\n    const resolvedVariant = variant ?? 'p2';\n    const Element = as ?? elementByVariant[resolvedVariant];\n\n    return (\n      <Element\n        ref={ref}\n        className={cn(\n          richTextStyles({ variant: resolvedVariant, weight: bold ? 'bold' : weight }),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nRichText.displayName = 'RichText';\n"]}

package/dist/chunk-P4Z7HH66.js

@@ -0,0 +1,14 @@
+// src/hooks/useMergedRef/useMergedRef.ts
+var useMergedRef = (...refs) => (node) => {
+  for (const ref of refs) {
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }
+};
+
+export { useMergedRef };
+//# sourceMappingURL=chunk-P4Z7HH66.js.map
+//# sourceMappingURL=chunk-P4Z7HH66.js.map

package/dist/chunk-P4Z7HH66.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useMergedRef/useMergedRef.ts"],"names":[],"mappings":";AAGO,IAAM,YAAA,GACX,CAAA,GAAO,IAAA,KACP,CAAC,IAAA,KAAmB;AAClB,EAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,IAAI,CAAA;AAAA,IACV,WAAW,GAAA,EAAK;AACd,MAAC,IAAmC,OAAA,GAAU,IAAA;AAAA,IAChD;AAAA,EACF;AACF","file":"chunk-P4Z7HH66.js","sourcesContent":["import type { MutableRefObject, Ref } from 'react';\n\n/** Combines multiple refs (forwarded + local) into a single ref callback. */\nexport const useMergedRef =\n  <T>(...refs: Array<Ref<T> | undefined>) =>\n  (node: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) {\n        (ref as MutableRefObject<T | null>).current = node;\n      }\n    }\n  };\n"]}

package/dist/chunk-PE6XEC7Y.js

@@ -0,0 +1,27 @@
+import { Link } from './chunk-D4I5OF3C.js';
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/molecules/Breadcrumbs/Breadcrumbs.styles.ts
+var breadcrumbsStyles = "flex items-center text-sm";
+var breadcrumbsListStyles = "flex items-center gap-2";
+var breadcrumbsItemStyles = "flex items-center gap-2";
+var breadcrumbsLinkStyles = "text-[var(--text-secondary)]";
+var breadcrumbsSeparatorStyles = "text-[var(--text-tertiary)]";
+var breadcrumbsCurrentStyles = "font-medium text-[var(--text-primary)]";
+var Breadcrumbs = forwardRef(
+  ({ items, current, separator = "/", className, ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn(breadcrumbsStyles, className), ...props, children: /* @__PURE__ */ jsxs("ol", { className: breadcrumbsListStyles, children: [
+    items.map((item, index) => /* @__PURE__ */ jsxs("li", { className: breadcrumbsItemStyles, children: [
+      /* @__PURE__ */ jsx(Link, { href: item.href, underline: "none", className: breadcrumbsLinkStyles, children: /* @__PURE__ */ jsx(RichText, { as: "span", variant: "s3", children: item.label }) }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: breadcrumbsSeparatorStyles, children: separator })
+    ] }, item.id ?? index)),
+    /* @__PURE__ */ jsx(RichText, { as: "li", "aria-current": "page", variant: "s3", className: breadcrumbsCurrentStyles, children: current })
+  ] }) })
+);
+Breadcrumbs.displayName = "Breadcrumbs";
+
+export { Breadcrumbs };
+//# sourceMappingURL=chunk-PE6XEC7Y.js.map
+//# sourceMappingURL=chunk-PE6XEC7Y.js.map

package/dist/chunk-PE6XEC7Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Breadcrumbs/Breadcrumbs.styles.ts","../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";;;;;;;AAAO,IAAM,iBAAA,GAAoB,2BAAA;AAE1B,IAAM,qBAAA,GAAwB,yBAAA;AAE9B,IAAM,qBAAA,GAAwB,yBAAA;AAE9B,IAAM,qBAAA,GAAwB,8BAAA;AAE9B,IAAM,0BAAA,GAA6B,6BAAA;AAEnC,IAAM,wBAAA,GAA2B,wCAAA;ACcjC,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,EAAE,KAAA,EAAO,OAAA,EAAS,SAAA,GAAY,GAAA,EAAK,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzD,GAAA,CAAC,KAAA,EAAA,EAAI,KAAU,YAAA,EAAW,YAAA,EAAa,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EACtF,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,qBAAA,EACZ,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,IAAI,CAAC,IAAA,EAAM,0BAChB,IAAA,CAAC,IAAA,EAAA,EAA0B,WAAW,qBAAA,EACpC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAK,IAAA,EAAM,IAAA,CAAK,IAAA,EAAM,SAAA,EAAU,QAAO,SAAA,EAAW,qBAAA,EACjD,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAG,MAAA,EAAO,OAAA,EAAQ,IAAA,EACzB,QAAA,EAAA,IAAA,CAAK,OACR,CAAA,EACF,CAAA;AAAA,0BACC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAW,4BAC1B,QAAA,EAAA,SAAA,EACH;AAAA,KAAA,EAAA,EARO,IAAA,CAAK,EAAA,IAAM,KASpB,CACD,CAAA;AAAA,oBACD,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,IAAA,EAAK,cAAA,EAAa,QAAO,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,wBAAA,EAC3D,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EACF,CAAA,EACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-PE6XEC7Y.js","sourcesContent":["export const breadcrumbsStyles = 'flex items-center text-sm';\n\nexport const breadcrumbsListStyles = 'flex items-center gap-2';\n\nexport const breadcrumbsItemStyles = 'flex items-center gap-2';\n\nexport const breadcrumbsLinkStyles = 'text-[var(--text-secondary)]';\n\nexport const breadcrumbsSeparatorStyles = 'text-[var(--text-tertiary)]';\n\nexport const breadcrumbsCurrentStyles = 'font-medium text-[var(--text-primary)]';\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { Link, RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  breadcrumbsCurrentStyles,\n  breadcrumbsItemStyles,\n  breadcrumbsLinkStyles,\n  breadcrumbsListStyles,\n  breadcrumbsSeparatorStyles,\n  breadcrumbsStyles,\n} from './Breadcrumbs.styles';\n\nexport interface BreadcrumbItem {\n  id?: string;\n  label: ReactNode;\n  href: string;\n}\n\nexport type BreadcrumbsProps = HTMLAttributes<HTMLElement> & {\n  items: BreadcrumbItem[];\n  current: ReactNode;\n  separator?: ReactNode;\n};\n\nexport const Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(\n  ({ items, current, separator = '/', className, ...props }, ref) => (\n    <nav ref={ref} aria-label=\"Breadcrumb\" className={cn(breadcrumbsStyles, className)} {...props}>\n      <ol className={breadcrumbsListStyles}>\n        {items.map((item, index) => (\n          <li key={item.id ?? index} className={breadcrumbsItemStyles}>\n            <Link href={item.href} underline=\"none\" className={breadcrumbsLinkStyles}>\n              <RichText as=\"span\" variant=\"s3\">\n                {item.label}\n              </RichText>\n            </Link>\n            <span aria-hidden className={breadcrumbsSeparatorStyles}>\n              {separator}\n            </span>\n          </li>\n        ))}\n        <RichText as=\"li\" aria-current=\"page\" variant=\"s3\" className={breadcrumbsCurrentStyles}>\n          {current}\n        </RichText>\n      </ol>\n    </nav>\n  ),\n);\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"]}

package/dist/chunk-PVDRNAYK.js

@@ -0,0 +1,68 @@
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useId } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var inputStyles = cva(
+  [
+    "flex w-full rounded-md px-3 py-2",
+    "text-sm text-[var(--input-text)]",
+    "bg-[var(--input-bg)]",
+    "border border-[var(--input-border)]",
+    "placeholder:text-[var(--input-placeholder)]",
+    "transition-colors duration-150 ease-in-out",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-0",
+    "focus-visible:border-[var(--input-border-focus)]",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "file:border-0 file:bg-transparent file:text-sm file:font-medium"
+  ],
+  {
+    variants: {
+      state: {
+        default: "",
+        error: "border-[var(--input-border-error)] focus-visible:ring-[var(--border-error)]"
+      },
+      inputSize: {
+        sm: "h-8 px-2 text-xs",
+        md: "h-10 px-3 text-sm",
+        lg: "h-12 px-4 text-base"
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      inputSize: "md"
+    }
+  }
+);
+var inputLabelStyles = "text-sm font-medium text-[var(--text-primary)]";
+var inputErrorStyles = "text-xs text-[var(--border-error)]";
+var inputHintStyles = "text-xs text-[var(--text-secondary)]";
+var Input = forwardRef(
+  ({ className, state, inputSize, label, hint, error, id: idProp, ...props }, ref) => {
+    const generatedId = useId();
+    const id = idProp ?? generatedId;
+    const resolvedState = error ? "error" : state;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      label && /* @__PURE__ */ jsx("label", { htmlFor: id, children: /* @__PURE__ */ jsx(RichText, { as: "span", variant: "p3", className: inputLabelStyles, children: label }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          id,
+          "aria-describedby": error ? `${id}-error` : hint ? `${id}-hint` : void 0,
+          "aria-invalid": error ? "true" : void 0,
+          className: cn(inputStyles({ state: resolvedState, inputSize }), className),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx(RichText, { as: "p", id: `${id}-error`, role: "alert", variant: "p4", className: inputErrorStyles, children: error }),
+      !error && hint && /* @__PURE__ */ jsx(RichText, { as: "p", id: `${id}-hint`, variant: "p4", className: inputHintStyles, children: hint })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=chunk-PVDRNAYK.js.map
+//# sourceMappingURL=chunk-PVDRNAYK.js.map

package/dist/chunk-PVDRNAYK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Input/Input.styles.ts","../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,WAAA,GAAc,GAAA;AAAA,EACzB;AAAA,IACE,kCAAA;AAAA,IACA,kCAAA;AAAA,IACA,sBAAA;AAAA,IACA,qCAAA;AAAA,IACA,6CAAA;AAAA,IACA,4CAAA;AAAA,IACA,sHAAA;AAAA,IACA,kDAAA;AAAA,IACA,iDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA;AACb;AAEJ,CAAA;AAEO,IAAM,gBAAA,GAAmB,gDAAA;AACzB,IAAM,gBAAA,GAAmB,oCAAA;AACzB,IAAM,eAAA,GAAkB,sCAAA;AClBxB,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClF,IAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AACrB,IAAA,MAAM,aAAA,GAAgB,QAAQ,OAAA,GAAU,KAAA;AAExC,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,GAAA,CAAC,OAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,gBAAA,EACzC,iBACH,CAAA,EACF,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,kBAAA,EAAkB,QAAQ,CAAA,EAAG,EAAE,WAAW,IAAA,GAAO,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,GAAU,MAAA;AAAA,UAChE,cAAA,EAAc,QAAQ,MAAA,GAAS,MAAA;AAAA,UAC/B,SAAA,EAAW,GAAG,WAAA,CAAY,EAAE,OAAO,aAAA,EAAe,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,UACxE,GAAG;AAAA;AAAA,OACN;AAAA,MACC,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,EAAA,EAAG,KAAI,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA,MAAA,CAAA,EAAU,MAAK,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,kBACtE,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,CAAC,KAAA,IAAS,IAAA,oBACT,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAE,CAAA,KAAA,CAAA,EAAS,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,iBACxD,QAAA,EAAA,IAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-PVDRNAYK.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const inputStyles = cva(\n  [\n    'flex w-full rounded-md px-3 py-2',\n    'text-sm text-[var(--input-text)]',\n    'bg-[var(--input-bg)]',\n    'border border-[var(--input-border)]',\n    'placeholder:text-[var(--input-placeholder)]',\n    'transition-colors duration-150 ease-in-out',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-0',\n    'focus-visible:border-[var(--input-border-focus)]',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'file:border-0 file:bg-transparent file:text-sm file:font-medium',\n  ],\n  {\n    variants: {\n      state: {\n        default: '',\n        error: 'border-[var(--input-border-error)] focus-visible:ring-[var(--border-error)]',\n      },\n      inputSize: {\n        sm: 'h-8 px-2 text-xs',\n        md: 'h-10 px-3 text-sm',\n        lg: 'h-12 px-4 text-base',\n      },\n    },\n    defaultVariants: {\n      state: 'default',\n      inputSize: 'md',\n    },\n  },\n);\n\nexport const inputLabelStyles = 'text-sm font-medium text-[var(--text-primary)]';\nexport const inputErrorStyles = 'text-xs text-[var(--border-error)]';\nexport const inputHintStyles = 'text-xs text-[var(--text-secondary)]';\n","import type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useId, type InputHTMLAttributes } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  inputErrorStyles,\n  inputHintStyles,\n  inputLabelStyles,\n  inputStyles,\n} from './Input.styles';\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement> &\n  VariantProps<typeof inputStyles> & {\n    label?: string;\n    hint?: string;\n    error?: string;\n  };\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, state, inputSize, label, hint, error, id: idProp, ...props }, ref) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const resolvedState = error ? 'error' : state;\n\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label htmlFor={id}>\n            <RichText as=\"span\" variant=\"p3\" className={inputLabelStyles}>\n              {label}\n            </RichText>\n          </label>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          aria-describedby={error ? `${id}-error` : hint ? `${id}-hint` : undefined}\n          aria-invalid={error ? 'true' : undefined}\n          className={cn(inputStyles({ state: resolvedState, inputSize }), className)}\n          {...props}\n        />\n        {error && (\n          <RichText as=\"p\" id={`${id}-error`} role=\"alert\" variant=\"p4\" className={inputErrorStyles}>\n            {error}\n          </RichText>\n        )}\n        {!error && hint && (\n          <RichText as=\"p\" id={`${id}-hint`} variant=\"p4\" className={inputHintStyles}>\n            {hint}\n          </RichText>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}

package/dist/chunk-ZABQF65Z.js

@@ -0,0 +1,74 @@
+import { RichText } from './chunk-P4CV2EPR.js';
+import { cn } from './chunk-6LLGTBM6.js';
+import { forwardRef, useId } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var switchLabelStyles = "inline-flex items-center gap-2";
+var switchLabelDisabledStyles = "cursor-not-allowed";
+var switchTrackWrapperStyles = "relative inline-flex h-6 w-11 shrink-0";
+var switchInputStyles = "peer sr-only";
+var switchLabelTextStyles = "text-sm text-[var(--text-primary)]";
+var switchTrackStyles = cva(
+  [
+    "absolute inset-0 rounded-full transition-colors duration-150 ease-in-out",
+    "peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--border-focus)] peer-focus-visible:ring-offset-2",
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-50"
+  ],
+  {
+    variants: {
+      checked: {
+        true: "bg-[var(--btn-primary-bg)]",
+        false: "bg-[var(--border-strong)]"
+      }
+    },
+    defaultVariants: {
+      checked: false
+    }
+  }
+);
+var switchThumbStyles = cva(
+  "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-transform duration-150 ease-in-out",
+  {
+    variants: {
+      checked: {
+        true: "translate-x-5",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      checked: false
+    }
+  }
+);
+var Switch = forwardRef(
+  ({ checked, onCheckedChange, disabled, className, id: idProp, label, ...props }, ref) => {
+    const generatedId = useId();
+    const id = idProp ?? generatedId;
+    return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: cn(switchLabelStyles, disabled && switchLabelDisabledStyles), children: [
+      /* @__PURE__ */ jsxs("span", { className: switchTrackWrapperStyles, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id,
+            type: "checkbox",
+            role: "switch",
+            checked,
+            disabled,
+            onChange: (event) => onCheckedChange(event.target.checked),
+            className: switchInputStyles,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn(switchTrackStyles({ checked }), className), children: /* @__PURE__ */ jsx("span", { className: switchThumbStyles({ checked }) }) })
+      ] }),
+      label && /* @__PURE__ */ jsx(RichText, { as: "span", variant: "p3", className: switchLabelTextStyles, children: label })
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+export { Switch };
+//# sourceMappingURL=chunk-ZABQF65Z.js.map
+//# sourceMappingURL=chunk-ZABQF65Z.js.map

package/dist/chunk-ZABQF65Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Switch/Switch.styles.ts","../src/components/atoms/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,iBAAA,GAAoB,gCAAA;AAE1B,IAAM,yBAAA,GAA4B,oBAAA;AAElC,IAAM,wBAAA,GAA2B,wCAAA;AAEjC,IAAM,iBAAA,GAAoB,cAAA;AAE1B,IAAM,qBAAA,GAAwB,oCAAA;AAE9B,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B;AAAA,IACE,0EAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B,iHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,eAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACtBO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,OAAA,EAAS,eAAA,EAAiB,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvF,IAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AAErB,IAAA,uBACE,IAAA,CAAC,WAAM,OAAA,EAAS,EAAA,EAAI,WAAW,EAAA,CAAG,iBAAA,EAAmB,QAAA,IAAY,yBAAyB,CAAA,EACxF,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAW,wBAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA;AAAA,YACA,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,OAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAU,CAAC,KAAA,KAAU,eAAA,CAAgB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,YACzD,SAAA,EAAW,iBAAA;AAAA,YACV,GAAG;AAAA;AAAA,SACN;AAAA,wBACA,GAAA,CAAC,UAAK,aAAA,EAAW,IAAA,EAAC,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA,EACvE,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,kBAAkB,EAAE,OAAA,EAAS,CAAA,EAAG,CAAA,EACnD;AAAA,OAAA,EACF,CAAA;AAAA,MACC,KAAA,wBACE,QAAA,EAAA,EAAS,EAAA,EAAG,QAAO,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,qBAAA,EACzC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-ZABQF65Z.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const switchLabelStyles = 'inline-flex items-center gap-2';\n\nexport const switchLabelDisabledStyles = 'cursor-not-allowed';\n\nexport const switchTrackWrapperStyles = 'relative inline-flex h-6 w-11 shrink-0';\n\nexport const switchInputStyles = 'peer sr-only';\n\nexport const switchLabelTextStyles = 'text-sm text-[var(--text-primary)]';\n\nexport const switchTrackStyles = cva(\n  [\n    'absolute inset-0 rounded-full transition-colors duration-150 ease-in-out',\n    'peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--border-focus)] peer-focus-visible:ring-offset-2',\n    'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      checked: {\n        true: 'bg-[var(--btn-primary-bg)]',\n        false: 'bg-[var(--border-strong)]',\n      },\n    },\n    defaultVariants: {\n      checked: false,\n    },\n  },\n);\n\nexport const switchThumbStyles = cva(\n  'absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-transform duration-150 ease-in-out',\n  {\n    variants: {\n      checked: {\n        true: 'translate-x-5',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      checked: false,\n    },\n  },\n);\n","import { forwardRef, useId, type InputHTMLAttributes } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  switchInputStyles,\n  switchLabelDisabledStyles,\n  switchLabelStyles,\n  switchLabelTextStyles,\n  switchThumbStyles,\n  switchTrackStyles,\n  switchTrackWrapperStyles,\n} from './Switch.styles';\n\nexport type SwitchProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'size' | 'onChange' | 'checked'\n> & {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  label?: string;\n};\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ checked, onCheckedChange, disabled, className, id: idProp, label, ...props }, ref) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n\n    return (\n      <label htmlFor={id} className={cn(switchLabelStyles, disabled && switchLabelDisabledStyles)}>\n        <span className={switchTrackWrapperStyles}>\n          <input\n            ref={ref}\n            id={id}\n            type=\"checkbox\"\n            role=\"switch\"\n            checked={checked}\n            disabled={disabled}\n            onChange={(event) => onCheckedChange(event.target.checked)}\n            className={switchInputStyles}\n            {...props}\n          />\n          <span aria-hidden className={cn(switchTrackStyles({ checked }), className)}>\n            <span className={switchThumbStyles({ checked })} />\n          </span>\n        </span>\n        {label && (\n          <RichText as=\"span\" variant=\"p3\" className={switchLabelTextStyles}>\n            {label}\n          </RichText>\n        )}\n      </label>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"]}

package/dist/components/atoms/Button/index.d.ts

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

package/dist/components/atoms/Button/index.js

@@ -0,0 +1,4 @@
+export { Button } from '../../../chunk-KWSZ2S34.js';
+import '../../../chunk-6LLGTBM6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Button/index.js.map

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

package/dist/components/atoms/Icon/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { SVGProps, ComponentType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const iconStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type IconProps = Omit<SVGProps<SVGSVGElement>, 'children'> & VariantProps<typeof iconStyles> & {
+    icon: ComponentType<SVGProps<SVGSVGElement>>;
+    label?: string;
+};
+declare const Icon: {
+    ({ icon: IconComponent, size, className, label, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Icon, type IconProps };

package/dist/components/atoms/Icon/index.js

@@ -0,0 +1,4 @@
+export { Icon } from '../../../chunk-7HQFLM4A.js';
+import '../../../chunk-6LLGTBM6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Icon/index.js.map

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