rothzerg-ui 0.1.0

package/dist/components/input-otp/InputOTP.js

@@ -0,0 +1,126 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useState, useRef, useCallback } from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css              */
+function InputOTP({
+  length = 6,
+  groups,
+  value: valueProp,
+  onChange,
+  onComplete,
+  variant = "default",
+  size = "md",
+  disabled = false,
+  mask = false,
+  className
+}) {
+  const [internalValue, setInternalValue] = useState("");
+  const isControlled = valueProp !== void 0;
+  const value = isControlled ? valueProp : internalValue;
+  const [activeIndex, setActiveIndex] = useState(null);
+  const inputsRef = useRef([]);
+  const handleChange = useCallback((val) => {
+    if (!isControlled) setInternalValue(val);
+    onChange == null ? void 0 : onChange(val);
+    if (val.length === length) onComplete == null ? void 0 : onComplete(val);
+  }, [isControlled, onChange, onComplete, length]);
+  function onKeyDown(i, e) {
+    var _a, _b, _c;
+    if (e.key === "Backspace") {
+      e.preventDefault();
+      if (value[i]) {
+        const next = value.slice(0, i) + value.slice(i + 1);
+        handleChange(next);
+      } else if (i > 0) {
+        (_a = inputsRef.current[i - 1]) == null ? void 0 : _a.focus();
+        const next = value.slice(0, i - 1) + value.slice(i);
+        handleChange(next);
+      }
+    } else if (e.key === "ArrowLeft" && i > 0) {
+      e.preventDefault();
+      (_b = inputsRef.current[i - 1]) == null ? void 0 : _b.focus();
+    } else if (e.key === "ArrowRight" && i < length - 1) {
+      e.preventDefault();
+      (_c = inputsRef.current[i + 1]) == null ? void 0 : _c.focus();
+    }
+  }
+  function onInput(i, e) {
+    var _a;
+    const char = e.target.value.replace(/\D/g, "").slice(-1);
+    if (!char) return;
+    const next = (value.slice(0, i) + char + value.slice(i + 1)).slice(0, length);
+    handleChange(next);
+    if (i < length - 1) (_a = inputsRef.current[i + 1]) == null ? void 0 : _a.focus();
+  }
+  function onPaste(e) {
+    var _a;
+    e.preventDefault();
+    const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
+    handleChange(pasted.padEnd(value.length > pasted.length ? value.length : pasted.length, "").slice(0, length));
+    const focusIdx = Math.min(pasted.length, length - 1);
+    (_a = inputsRef.current[focusIdx]) == null ? void 0 : _a.focus();
+  }
+  const slotGroups = groups ? (() => {
+    let idx = 0;
+    return groups.map((g) => Array.from({ length: g }, () => idx++));
+  })() : [Array.from({ length }, (_, i) => i)];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rz-otp",
+        variant !== "default" && `rz-otp--${variant}`,
+        size !== "md" && `rz-otp--${size}`,
+        className
+      ),
+      onPaste,
+      children: slotGroups.map((group, gi) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        gi > 0 && /* @__PURE__ */ jsx("span", { className: "rz-otp__separator", children: "–" }),
+        /* @__PURE__ */ jsx("div", { className: "rz-otp__group", children: group.map((i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "rz-otp__slot",
+              activeIndex === i && "rz-otp__slot--active",
+              value[i] && "rz-otp__slot--filled"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: (el) => {
+                    inputsRef.current[i] = el;
+                  },
+                  type: mask ? "password" : "text",
+                  inputMode: "numeric",
+                  maxLength: 1,
+                  value: value[i] ? mask ? "•" : value[i] : "",
+                  disabled,
+                  onChange: (e) => onInput(i, e),
+                  onKeyDown: (e) => onKeyDown(i, e),
+                  onFocus: () => setActiveIndex(i),
+                  onBlur: () => setActiveIndex(null),
+                  "aria-label": `OTP digit ${i + 1}`,
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    opacity: 0,
+                    width: "100%",
+                    height: "100%",
+                    cursor: disabled ? "not-allowed" : "text"
+                  }
+                }
+              ),
+              value[i] ? mask ? "•" : value[i] : activeIndex === i ? /* @__PURE__ */ jsx("span", { className: "rz-otp__caret" }) : null
+            ]
+          },
+          i
+        )) })
+      ] }, gi))
+    }
+  );
+}
+export {
+  InputOTP
+};
+//# sourceMappingURL=InputOTP.js.map

package/dist/components/input-otp/InputOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.js","sources":["../../../src/components/input-otp/InputOTP.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react';\nimport { cn } from '../../utils/cn';\nimport './input-otp.css';\n\nexport type InputOTPVariant = 'default' | 'underline';\nexport type InputOTPSize = 'sm' | 'md' | 'lg';\n\nexport interface InputOTPProps {\n  /** Number of OTP digits */\n  length?: number;\n  /** Groups: array of group sizes, must sum to length */\n  groups?: number[];\n  value?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  variant?: InputOTPVariant;\n  size?: InputOTPSize;\n  disabled?: boolean;\n  /** Mask characters like a password field */\n  mask?: boolean;\n  className?: string;\n}\n\nexport function InputOTP({\n  length = 6,\n  groups,\n  value: valueProp,\n  onChange,\n  onComplete,\n  variant = 'default',\n  size = 'md',\n  disabled = false,\n  mask = false,\n  className,\n}: InputOTPProps) {\n  const [internalValue, setInternalValue] = useState('');\n  const isControlled = valueProp !== undefined;\n  const value = isControlled ? valueProp : internalValue;\n\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n\n  const handleChange = useCallback((val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onChange?.(val);\n    if (val.length === length) onComplete?.(val);\n  }, [isControlled, onChange, onComplete, length]);\n\n  function onKeyDown(i: number, e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Backspace') {\n      e.preventDefault();\n      if (value[i]) {\n        const next = value.slice(0, i) + value.slice(i + 1);\n        handleChange(next);\n      } else if (i > 0) {\n        inputsRef.current[i - 1]?.focus();\n        const next = value.slice(0, i - 1) + value.slice(i);\n        handleChange(next);\n      }\n    } else if (e.key === 'ArrowLeft' && i > 0) {\n      e.preventDefault();\n      inputsRef.current[i - 1]?.focus();\n    } else if (e.key === 'ArrowRight' && i < length - 1) {\n      e.preventDefault();\n      inputsRef.current[i + 1]?.focus();\n    }\n  }\n\n  function onInput(i: number, e: React.ChangeEvent<HTMLInputElement>) {\n    const char = e.target.value.replace(/\\D/g, '').slice(-1);\n    if (!char) return;\n    const next = (value.slice(0, i) + char + value.slice(i + 1)).slice(0, length);\n    handleChange(next);\n    if (i < length - 1) inputsRef.current[i + 1]?.focus();\n  }\n\n  function onPaste(e: React.ClipboardEvent) {\n    e.preventDefault();\n    const pasted = e.clipboardData.getData('text').replace(/\\D/g, '').slice(0, length);\n    handleChange(pasted.padEnd(value.length > pasted.length ? value.length : pasted.length, '').slice(0, length));\n    const focusIdx = Math.min(pasted.length, length - 1);\n    inputsRef.current[focusIdx]?.focus();\n  }\n\n  // Build slot indices grouped\n  const slotGroups: number[][] = groups\n    ? (() => {\n        let idx = 0;\n        return groups.map((g) => Array.from({ length: g }, () => idx++));\n      })()\n    : [Array.from({ length }, (_, i) => i)];\n\n  return (\n    <div\n      className={cn(\n        'rz-otp',\n        variant !== 'default' && `rz-otp--${variant}`,\n        size !== 'md' && `rz-otp--${size}`,\n        className,\n      )}\n      onPaste={onPaste}\n    >\n      {slotGroups.map((group, gi) => (\n        <React.Fragment key={gi}>\n          {gi > 0 && <span className=\"rz-otp__separator\">–</span>}\n          <div className=\"rz-otp__group\">\n            {group.map((i) => (\n              <div\n                key={i}\n                className={cn(\n                  'rz-otp__slot',\n                  activeIndex === i && 'rz-otp__slot--active',\n                  value[i] && 'rz-otp__slot--filled',\n                )}\n              >\n                <input\n                  ref={(el) => { inputsRef.current[i] = el; }}\n                  type={mask ? 'password' : 'text'}\n                  inputMode=\"numeric\"\n                  maxLength={1}\n                  value={value[i] ? (mask ? '•' : value[i]) : ''}\n                  disabled={disabled}\n                  onChange={(e) => onInput(i, e)}\n                  onKeyDown={(e) => onKeyDown(i, e)}\n                  onFocus={() => setActiveIndex(i)}\n                  onBlur={() => setActiveIndex(null)}\n                  aria-label={`OTP digit ${i + 1}`}\n                  style={{\n                    position: 'absolute',\n                    inset: 0,\n                    opacity: 0,\n                    width: '100%',\n                    height: '100%',\n                    cursor: disabled ? 'not-allowed' : 'text',\n                  }}\n                />\n                {value[i] ? (mask ? '•' : value[i]) : activeIndex === i ? <span className=\"rz-otp__caret\" /> : null}\n              </div>\n            ))}\n          </div>\n        </React.Fragment>\n      ))}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;AAuBO,SAAS,SAAS;AAAA,EACvB,SAAS;AAAA,EACT;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,GAAkB;AAChB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AACrD,QAAM,eAAe,cAAc;AACnC,QAAM,QAAQ,eAAe,YAAY;AAEzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAClE,QAAM,YAAY,OAAoC,EAAE;AAExD,QAAM,eAAe,YAAY,CAAC,QAAgB;AAChD,QAAI,CAAC,aAAc,kBAAiB,GAAG;AACvC,yCAAW;AACX,QAAI,IAAI,WAAW,OAAQ,0CAAa;AAAA,EAC1C,GAAG,CAAC,cAAc,UAAU,YAAY,MAAM,CAAC;AAE/C,WAAS,UAAU,GAAW,GAA0C;;AACtE,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE,eAAA;AACF,UAAI,MAAM,CAAC,GAAG;AACZ,cAAM,OAAO,MAAM,MAAM,GAAG,CAAC,IAAI,MAAM,MAAM,IAAI,CAAC;AAClD,qBAAa,IAAI;AAAA,MACnB,WAAW,IAAI,GAAG;AAChB,wBAAU,QAAQ,IAAI,CAAC,MAAvB,mBAA0B;AAC1B,cAAM,OAAO,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,MAAM,MAAM,CAAC;AAClD,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF,WAAW,EAAE,QAAQ,eAAe,IAAI,GAAG;AACzC,QAAE,eAAA;AACF,sBAAU,QAAQ,IAAI,CAAC,MAAvB,mBAA0B;AAAA,IAC5B,WAAW,EAAE,QAAQ,gBAAgB,IAAI,SAAS,GAAG;AACnD,QAAE,eAAA;AACF,sBAAU,QAAQ,IAAI,CAAC,MAAvB,mBAA0B;AAAA,IAC5B;AAAA,EACF;AAEA,WAAS,QAAQ,GAAW,GAAwC;;AAClE,UAAM,OAAO,EAAE,OAAO,MAAM,QAAQ,OAAO,EAAE,EAAE,MAAM,EAAE;AACvD,QAAI,CAAC,KAAM;AACX,UAAM,QAAQ,MAAM,MAAM,GAAG,CAAC,IAAI,OAAO,MAAM,MAAM,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM;AAC5E,iBAAa,IAAI;AACjB,QAAI,IAAI,SAAS,EAAG,iBAAU,QAAQ,IAAI,CAAC,MAAvB,mBAA0B;AAAA,EAChD;AAEA,WAAS,QAAQ,GAAyB;;AACxC,MAAE,eAAA;AACF,UAAM,SAAS,EAAE,cAAc,QAAQ,MAAM,EAAE,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,MAAM;AACjF,iBAAa,OAAO,OAAO,MAAM,SAAS,OAAO,SAAS,MAAM,SAAS,OAAO,QAAQ,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;AAC5G,UAAM,WAAW,KAAK,IAAI,OAAO,QAAQ,SAAS,CAAC;AACnD,oBAAU,QAAQ,QAAQ,MAA1B,mBAA6B;AAAA,EAC/B;AAGA,QAAM,aAAyB,UAC1B,MAAM;AACL,QAAI,MAAM;AACV,WAAO,OAAO,IAAI,CAAC,MAAM,MAAM,KAAK,EAAE,QAAQ,EAAA,GAAK,MAAM,KAAK,CAAC;AAAA,EACjE,GAAA,IACA,CAAC,MAAM,KAAK,EAAE,OAAA,GAAU,CAAC,GAAG,MAAM,CAAC,CAAC;AAExC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,aAAa,WAAW,OAAO;AAAA,QAC3C,SAAS,QAAQ,WAAW,IAAI;AAAA,QAChC;AAAA,MAAA;AAAA,MAEF;AAAA,MAEC,UAAA,WAAW,IAAI,CAAC,OAAO,OACtB,qBAACA,eAAM,UAAN,EACE,UAAA;AAAA,QAAA,KAAK,KAAK,oBAAC,QAAA,EAAK,WAAU,qBAAoB,UAAA,KAAC;AAAA,4BAC/C,OAAA,EAAI,WAAU,iBACZ,UAAA,MAAM,IAAI,CAAC,MACV;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,gBAAgB,KAAK;AAAA,cACrB,MAAM,CAAC,KAAK;AAAA,YAAA;AAAA,YAGd,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAK,CAAC,OAAO;AAAE,8BAAU,QAAQ,CAAC,IAAI;AAAA,kBAAI;AAAA,kBAC1C,MAAM,OAAO,aAAa;AAAA,kBAC1B,WAAU;AAAA,kBACV,WAAW;AAAA,kBACX,OAAO,MAAM,CAAC,IAAK,OAAO,MAAM,MAAM,CAAC,IAAK;AAAA,kBAC5C;AAAA,kBACA,UAAU,CAAC,MAAM,QAAQ,GAAG,CAAC;AAAA,kBAC7B,WAAW,CAAC,MAAM,UAAU,GAAG,CAAC;AAAA,kBAChC,SAAS,MAAM,eAAe,CAAC;AAAA,kBAC/B,QAAQ,MAAM,eAAe,IAAI;AAAA,kBACjC,cAAY,aAAa,IAAI,CAAC;AAAA,kBAC9B,OAAO;AAAA,oBACL,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,SAAS;AAAA,oBACT,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,QAAQ,WAAW,gBAAgB;AAAA,kBAAA;AAAA,gBACrC;AAAA,cAAA;AAAA,cAED,MAAM,CAAC,IAAK,OAAO,MAAM,MAAM,CAAC,IAAK,gBAAgB,IAAI,oBAAC,QAAA,EAAK,WAAU,iBAAgB,IAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UA5B1F;AAAA,QAAA,CA8BR,EAAA,CACH;AAAA,MAAA,EAAA,GApCmB,EAqCrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/input-otp/index.d.ts

@@ -0,0 +1,3 @@
+export { InputOTP } from './InputOTP';
+export type { InputOTPProps, InputOTPVariant, InputOTPSize } from './InputOTP';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input-otp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input-otp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/kbd/Kbd.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css          */
+const KEY_MAP = {
+  cmd: "⌘",
+  command: "⌘",
+  meta: "⌘",
+  ctrl: "⌃",
+  control: "⌃",
+  alt: "⌥",
+  option: "⌥",
+  shift: "⇧",
+  enter: "↵",
+  return: "↵",
+  backspace: "⌫",
+  delete: "⌦",
+  escape: "⎋",
+  esc: "⎋",
+  tab: "⇥",
+  up: "↑",
+  down: "↓",
+  left: "←",
+  right: "→",
+  space: "␣"
+};
+function formatKey(key) {
+  return KEY_MAP[key.toLowerCase()] ?? key.toUpperCase();
+}
+function Kbd({ keys, separator = "+", size = "md", className }) {
+  const keyArr = Array.isArray(keys) ? keys : [keys];
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn.cn("rz-kbd", `rz-kbd--${size}`, className), "aria-label": keyArr.join(separator), children: keyArr.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-kbd__separator", "aria-hidden": "true", children: separator }),
+    /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rz-kbd__key", children: formatKey(k) })
+  ] }, i)) });
+}
+exports.Kbd = Kbd;
+//# sourceMappingURL=Kbd.cjs.map

package/dist/components/kbd/Kbd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.cjs","sources":["../../../src/components/kbd/Kbd.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './kbd.css';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\n  /** Single key or array of keys forming a chord */\n  keys: string | string[];\n  separator?: string;\n  size?: KbdSize;\n  className?: string;\n}\n\n/** Map common key names to readable symbols */\nconst KEY_MAP: Record<string, string> = {\n  cmd: '⌘', command: '⌘', meta: '⌘',\n  ctrl: '⌃', control: '⌃',\n  alt: '⌥', option: '⌥',\n  shift: '⇧',\n  enter: '↵', return: '↵',\n  backspace: '⌫', delete: '⌦',\n  escape: '⎋', esc: '⎋',\n  tab: '⇥',\n  up: '↑', down: '↓', left: '←', right: '→',\n  space: '␣',\n};\n\nfunction formatKey(key: string): string {\n  return KEY_MAP[key.toLowerCase()] ?? key.toUpperCase();\n}\n\nexport function Kbd({ keys, separator = '+', size = 'md', className }: KbdProps) {\n  const keyArr = Array.isArray(keys) ? keys : [keys];\n\n  return (\n    <span className={cn('rz-kbd', `rz-kbd--${size}`, className)} aria-label={keyArr.join(separator)}>\n      {keyArr.map((k, i) => (\n        <React.Fragment key={i}>\n          {i > 0 && <span className=\"rz-kbd__separator\" aria-hidden=\"true\">{separator}</span>}\n          <kbd className=\"rz-kbd__key\">{formatKey(k)}</kbd>\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n"],"names":["jsx","cn","jsxs"],"mappings":";;;;;;AAeA,MAAM,UAAkC;AAAA,EACtC,KAAK;AAAA,EAAK,SAAS;AAAA,EAAK,MAAM;AAAA,EAC9B,MAAM;AAAA,EAAK,SAAS;AAAA,EACpB,KAAK;AAAA,EAAK,QAAQ;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EAAK,QAAQ;AAAA,EACpB,WAAW;AAAA,EAAK,QAAQ;AAAA,EACxB,QAAQ;AAAA,EAAK,KAAK;AAAA,EAClB,KAAK;AAAA,EACL,IAAI;AAAA,EAAK,MAAM;AAAA,EAAK,MAAM;AAAA,EAAK,OAAO;AAAA,EACtC,OAAO;AACT;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,QAAQ,IAAI,YAAA,CAAa,KAAK,IAAI,YAAA;AAC3C;AAEO,SAAS,IAAI,EAAE,MAAM,YAAY,KAAK,OAAO,MAAM,aAAuB;AAC/E,QAAM,SAAS,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAEjD,SACEA,+BAAC,UAAK,WAAWC,GAAAA,GAAG,UAAU,WAAW,IAAI,IAAI,SAAS,GAAG,cAAY,OAAO,KAAK,SAAS,GAC3F,UAAA,OAAO,IAAI,CAAC,GAAG,MACdC,2BAAAA,KAAC,MAAM,UAAN,EACE,UAAA;AAAA,IAAA,IAAI,KAAKF,+BAAC,QAAA,EAAK,WAAU,qBAAoB,eAAY,QAAQ,UAAA,UAAA,CAAU;AAAA,mCAC3E,OAAA,EAAI,WAAU,eAAe,UAAA,UAAU,CAAC,EAAA,CAAE;AAAA,EAAA,KAFxB,CAGrB,CACD,GACH;AAEJ;;"}

package/dist/components/kbd/Kbd.d.ts

@@ -0,0 +1,10 @@
+export type KbdSize = 'sm' | 'md' | 'lg';
+export interface KbdProps {
+    /** Single key or array of keys forming a chord */
+    keys: string | string[];
+    separator?: string;
+    size?: KbdSize;
+    className?: string;
+}
+export declare function Kbd({ keys, separator, size, className }: KbdProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Kbd.d.ts.map

package/dist/components/kbd/Kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/Kbd.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,CAAC;AAEnB,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,QAAQ;IACvB,kDAAkD;IAClD,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,SAAe,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,QAAQ,2CAa9E"}

package/dist/components/kbd/Kbd.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css        */
+const KEY_MAP = {
+  cmd: "⌘",
+  command: "⌘",
+  meta: "⌘",
+  ctrl: "⌃",
+  control: "⌃",
+  alt: "⌥",
+  option: "⌥",
+  shift: "⇧",
+  enter: "↵",
+  return: "↵",
+  backspace: "⌫",
+  delete: "⌦",
+  escape: "⎋",
+  esc: "⎋",
+  tab: "⇥",
+  up: "↑",
+  down: "↓",
+  left: "←",
+  right: "→",
+  space: "␣"
+};
+function formatKey(key) {
+  return KEY_MAP[key.toLowerCase()] ?? key.toUpperCase();
+}
+function Kbd({ keys, separator = "+", size = "md", className }) {
+  const keyArr = Array.isArray(keys) ? keys : [keys];
+  return /* @__PURE__ */ jsx("span", { className: cn("rz-kbd", `rz-kbd--${size}`, className), "aria-label": keyArr.join(separator), children: keyArr.map((k, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ jsx("span", { className: "rz-kbd__separator", "aria-hidden": "true", children: separator }),
+    /* @__PURE__ */ jsx("kbd", { className: "rz-kbd__key", children: formatKey(k) })
+  ] }, i)) });
+}
+export {
+  Kbd
+};
+//# sourceMappingURL=Kbd.js.map

package/dist/components/kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../../src/components/kbd/Kbd.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './kbd.css';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\n  /** Single key or array of keys forming a chord */\n  keys: string | string[];\n  separator?: string;\n  size?: KbdSize;\n  className?: string;\n}\n\n/** Map common key names to readable symbols */\nconst KEY_MAP: Record<string, string> = {\n  cmd: '⌘', command: '⌘', meta: '⌘',\n  ctrl: '⌃', control: '⌃',\n  alt: '⌥', option: '⌥',\n  shift: '⇧',\n  enter: '↵', return: '↵',\n  backspace: '⌫', delete: '⌦',\n  escape: '⎋', esc: '⎋',\n  tab: '⇥',\n  up: '↑', down: '↓', left: '←', right: '→',\n  space: '␣',\n};\n\nfunction formatKey(key: string): string {\n  return KEY_MAP[key.toLowerCase()] ?? key.toUpperCase();\n}\n\nexport function Kbd({ keys, separator = '+', size = 'md', className }: KbdProps) {\n  const keyArr = Array.isArray(keys) ? keys : [keys];\n\n  return (\n    <span className={cn('rz-kbd', `rz-kbd--${size}`, className)} aria-label={keyArr.join(separator)}>\n      {keyArr.map((k, i) => (\n        <React.Fragment key={i}>\n          {i > 0 && <span className=\"rz-kbd__separator\" aria-hidden=\"true\">{separator}</span>}\n          <kbd className=\"rz-kbd__key\">{formatKey(k)}</kbd>\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n"],"names":["React"],"mappings":";;;;AAeA,MAAM,UAAkC;AAAA,EACtC,KAAK;AAAA,EAAK,SAAS;AAAA,EAAK,MAAM;AAAA,EAC9B,MAAM;AAAA,EAAK,SAAS;AAAA,EACpB,KAAK;AAAA,EAAK,QAAQ;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EAAK,QAAQ;AAAA,EACpB,WAAW;AAAA,EAAK,QAAQ;AAAA,EACxB,QAAQ;AAAA,EAAK,KAAK;AAAA,EAClB,KAAK;AAAA,EACL,IAAI;AAAA,EAAK,MAAM;AAAA,EAAK,MAAM;AAAA,EAAK,OAAO;AAAA,EACtC,OAAO;AACT;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,QAAQ,IAAI,YAAA,CAAa,KAAK,IAAI,YAAA;AAC3C;AAEO,SAAS,IAAI,EAAE,MAAM,YAAY,KAAK,OAAO,MAAM,aAAuB;AAC/E,QAAM,SAAS,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAEjD,SACE,oBAAC,UAAK,WAAW,GAAG,UAAU,WAAW,IAAI,IAAI,SAAS,GAAG,cAAY,OAAO,KAAK,SAAS,GAC3F,UAAA,OAAO,IAAI,CAAC,GAAG,MACd,qBAACA,eAAM,UAAN,EACE,UAAA;AAAA,IAAA,IAAI,KAAK,oBAAC,QAAA,EAAK,WAAU,qBAAoB,eAAY,QAAQ,UAAA,UAAA,CAAU;AAAA,wBAC3E,OAAA,EAAI,WAAU,eAAe,UAAA,UAAU,CAAC,EAAA,CAAE;AAAA,EAAA,KAFxB,CAGrB,CACD,GACH;AAEJ;"}

package/dist/components/kbd/index.d.ts

@@ -0,0 +1,3 @@
+export { Kbd } from './Kbd';
+export type { KbdProps, KbdSize } from './Kbd';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}

package/dist/components/label/Label.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-label/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css            */
+const Label = React.forwardRef(({ className, required, optional, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  index.Root,
+  {
+    ref,
+    className: cn.cn("rz-label", className),
+    ...props,
+    children: [
+      children,
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-label__required", "aria-label": "required", children: "*" }),
+      optional && !required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-label__optional", children: "(optional)" })
+    ]
+  }
+));
+Label.displayName = "Label";
+exports.Label = Label;
+//# sourceMappingURL=Label.cjs.map

package/dist/components/label/Label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../../utils/cn';\nimport './label.css';\n\nexport interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  /** Show a red asterisk to indicate a required field */\n  required?: boolean;\n  /** Show \"(optional)\" text for optional fields */\n  optional?: boolean;\n}\n\n/**\n * Label\n *\n * An accessible form label built on Radix UI primitives.\n * Automatically disables pointer events when associated input is disabled.\n *\n * @example\n * <Label htmlFor=\"email\" required>Email address</Label>\n * <Input id=\"email\" type=\"email\" />\n */\nexport const Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({ className, required, optional, children, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn('rz-label', className)}\n    {...props}\n  >\n    {children}\n    {required && (\n      <span className=\"rz-label__required\" aria-label=\"required\">\n        *\n      </span>\n    )}\n    {optional && !required && (\n      <span className=\"rz-label__optional\">(optional)</span>\n    )}\n  </LabelPrimitive.Root>\n));\n\nLabel.displayName = 'Label';\n"],"names":["jsxs","LabelPrimitive.Root","cn","jsx"],"mappings":";;;;;;;AAsBO,MAAM,QAAQ,MAAM,WAGzB,CAAC,EAAE,WAAW,UAAU,UAAU,UAAU,GAAG,MAAA,GAAS,QACxDA,2BAAAA;AAAAA,EAACC,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAWC,GAAAA,GAAG,YAAY,SAAS;AAAA,IAClC,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA;AAAA,MACA,YACCC,2BAAAA,IAAC,QAAA,EAAK,WAAU,sBAAqB,cAAW,YAAW,UAAA,KAE3D;AAAA,MAED,YAAY,CAAC,2CACX,QAAA,EAAK,WAAU,sBAAqB,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAEnD,CACD;AAED,MAAM,cAAc;;"}

package/dist/components/label/Label.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    /** Show a red asterisk to indicate a required field */
+    required?: boolean;
+    /** Show "(optional)" text for optional fields */
+    optional?: boolean;
+}
+/**
+ * Label
+ *
+ * An accessible form label built on Radix UI primitives.
+ * Automatically disables pointer events when associated input is disabled.
+ *
+ * @example
+ * <Label htmlFor="email" required>Email address</Label>
+ * <Input id="email" type="email" />
+ */
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAC5F,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,qFAmBhB,CAAC"}

package/dist/components/label/Label.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Root } from "../../node_modules/@radix-ui/react-label/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css          */
+const Label = React__default.forwardRef(({ className, required, optional, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Root,
+  {
+    ref,
+    className: cn("rz-label", className),
+    ...props,
+    children: [
+      children,
+      required && /* @__PURE__ */ jsx("span", { className: "rz-label__required", "aria-label": "required", children: "*" }),
+      optional && !required && /* @__PURE__ */ jsx("span", { className: "rz-label__optional", children: "(optional)" })
+    ]
+  }
+));
+Label.displayName = "Label";
+export {
+  Label
+};
+//# sourceMappingURL=Label.js.map

package/dist/components/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../../utils/cn';\nimport './label.css';\n\nexport interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  /** Show a red asterisk to indicate a required field */\n  required?: boolean;\n  /** Show \"(optional)\" text for optional fields */\n  optional?: boolean;\n}\n\n/**\n * Label\n *\n * An accessible form label built on Radix UI primitives.\n * Automatically disables pointer events when associated input is disabled.\n *\n * @example\n * <Label htmlFor=\"email\" required>Email address</Label>\n * <Input id=\"email\" type=\"email\" />\n */\nexport const Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({ className, required, optional, children, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn('rz-label', className)}\n    {...props}\n  >\n    {children}\n    {required && (\n      <span className=\"rz-label__required\" aria-label=\"required\">\n        *\n      </span>\n    )}\n    {optional && !required && (\n      <span className=\"rz-label__optional\">(optional)</span>\n    )}\n  </LabelPrimitive.Root>\n));\n\nLabel.displayName = 'Label';\n"],"names":["React","LabelPrimitive.Root"],"mappings":";;;;;AAsBO,MAAM,QAAQA,eAAM,WAGzB,CAAC,EAAE,WAAW,UAAU,UAAU,UAAU,GAAG,MAAA,GAAS,QACxD;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,YAAY,SAAS;AAAA,IAClC,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA;AAAA,MACA,YACC,oBAAC,QAAA,EAAK,WAAU,sBAAqB,cAAW,YAAW,UAAA,KAE3D;AAAA,MAED,YAAY,CAAC,gCACX,QAAA,EAAK,WAAU,sBAAqB,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAEnD,CACD;AAED,MAAM,cAAc;"}

package/dist/components/label/index.d.ts

@@ -0,0 +1,3 @@
+export { Label } from './Label';
+export type { LabelProps } from './Label';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/marquee/Marquee.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+;/* empty css              */
+function Marquee({
+  children,
+  duration = 20,
+  direction = "left",
+  vertical = false,
+  pauseOnHover = true,
+  fade = true,
+  gap = 24,
+  height = 200,
+  repeat = 2,
+  className = ""
+}) {
+  const [paused, setPaused] = React.useState(false);
+  const gapValue = typeof gap === "number" ? `${gap}px` : gap;
+  const heightValue = typeof height === "number" ? `${height}px` : height;
+  const classes = [
+    "rz-marquee",
+    vertical ? "rz-marquee--vertical" : "",
+    direction === "right" ? "rz-marquee--reverse" : "",
+    pauseOnHover && paused ? "rz-marquee--paused" : "",
+    fade ? "rz-marquee--fade" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const style = {
+    "--rz-marquee-duration": `${duration}s`,
+    "--rz-marquee-gap": gapValue,
+    ...vertical ? { "--rz-marquee-height": heightValue } : {}
+  };
+  const sets = Array.from({ length: Math.max(2, repeat) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: classes,
+      style,
+      onMouseEnter: pauseOnHover ? () => setPaused(true) : void 0,
+      onMouseLeave: pauseOnHover ? () => setPaused(false) : void 0,
+      "aria-label": "Marquee",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-marquee__track", children: sets.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-marquee__set", "aria-hidden": i > 0, children: React.Children.map(children, (child, j) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-marquee__item", children: child }, j)) }, i)) })
+    }
+  );
+}
+exports.Marquee = Marquee;
+//# sourceMappingURL=Marquee.cjs.map

package/dist/components/marquee/Marquee.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.cjs","sources":["../../../src/components/marquee/Marquee.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport './marquee.css';\n\nexport interface MarqueeProps {\n  children: React.ReactNode;\n  speed?: number; // pixels per second (approx via duration)\n  duration?: number; // seconds, overrides speed\n  direction?: 'left' | 'right';\n  vertical?: boolean;\n  pauseOnHover?: boolean;\n  fade?: boolean;\n  gap?: number | string;\n  height?: number | string; // for vertical\n  repeat?: number; // how many duplicate sets (default 2 for seamless)\n  className?: string;\n}\n\nexport function Marquee({\n  children,\n  duration = 20,\n  direction = 'left',\n  vertical = false,\n  pauseOnHover = true,\n  fade = true,\n  gap = 24,\n  height = 200,\n  repeat = 2,\n  className = '',\n}: MarqueeProps) {\n  const [paused, setPaused] = useState(false);\n\n  const gapValue = typeof gap === 'number' ? `${gap}px` : gap;\n  const heightValue = typeof height === 'number' ? `${height}px` : height;\n\n  const classes = [\n    'rz-marquee',\n    vertical ? 'rz-marquee--vertical' : '',\n    direction === 'right' ? 'rz-marquee--reverse' : '',\n    (pauseOnHover && paused) ? 'rz-marquee--paused' : '',\n    fade ? 'rz-marquee--fade' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const style: React.CSSProperties = {\n    '--rz-marquee-duration': `${duration}s`,\n    '--rz-marquee-gap': gapValue,\n    ...(vertical ? { '--rz-marquee-height': heightValue } : {}),\n  } as React.CSSProperties;\n\n  const sets = Array.from({ length: Math.max(2, repeat) });\n\n  return (\n    <div\n      className={classes}\n      style={style}\n      onMouseEnter={pauseOnHover ? () => setPaused(true) : undefined}\n      onMouseLeave={pauseOnHover ? () => setPaused(false) : undefined}\n      aria-label=\"Marquee\"\n    >\n      <div className=\"rz-marquee__track\">\n        {sets.map((_, i) => (\n          <div key={i} className=\"rz-marquee__set\" aria-hidden={i > 0}>\n            {React.Children.map(children, (child, j) => (\n              <div key={j} className=\"rz-marquee__item\">\n                {child}\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","jsx"],"mappings":";;;;;AAiBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AACd,GAAiB;AACf,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,KAAK;AAE1C,QAAM,WAAW,OAAO,QAAQ,WAAW,GAAG,GAAG,OAAO;AACxD,QAAM,cAAc,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AAEjE,QAAM,UAAU;AAAA,IACd;AAAA,IACA,WAAW,yBAAyB;AAAA,IACpC,cAAc,UAAU,wBAAwB;AAAA,IAC/C,gBAAgB,SAAU,uBAAuB;AAAA,IAClD,OAAO,qBAAqB;AAAA,IAC5B;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,QAA6B;AAAA,IACjC,yBAAyB,GAAG,QAAQ;AAAA,IACpC,oBAAoB;AAAA,IACpB,GAAI,WAAW,EAAE,uBAAuB,gBAAgB,CAAA;AAAA,EAAC;AAG3D,QAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AAEvD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,cAAc,eAAe,MAAM,UAAU,IAAI,IAAI;AAAA,MACrD,cAAc,eAAe,MAAM,UAAU,KAAK,IAAI;AAAA,MACtD,cAAW;AAAA,MAEX,UAAAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,qBACZ,eAAK,IAAI,CAAC,GAAG,MACZA,2BAAAA,IAAC,OAAA,EAAY,WAAU,mBAAkB,eAAa,IAAI,GACvD,UAAA,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,MACpCA,2BAAAA,IAAC,OAAA,EAAY,WAAU,oBACpB,mBADO,CAEV,CACD,EAAA,GALO,CAMV,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/marquee/Marquee.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface MarqueeProps {
+    children: React.ReactNode;
+    speed?: number;
+    duration?: number;
+    direction?: 'left' | 'right';
+    vertical?: boolean;
+    pauseOnHover?: boolean;
+    fade?: boolean;
+    gap?: number | string;
+    height?: number | string;
+    repeat?: number;
+    className?: string;
+}
+export declare function Marquee({ children, duration, direction, vertical, pauseOnHover, fade, gap, height, repeat, className, }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Marquee.d.ts.map

package/dist/components/marquee/Marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/Marquee.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,QAAa,EACb,SAAkB,EAClB,QAAgB,EAChB,YAAmB,EACnB,IAAW,EACX,GAAQ,EACR,MAAY,EACZ,MAAU,EACV,SAAc,GACf,EAAE,YAAY,2CA4Cd"}

package/dist/components/marquee/Marquee.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+/* empty css            */
+function Marquee({
+  children,
+  duration = 20,
+  direction = "left",
+  vertical = false,
+  pauseOnHover = true,
+  fade = true,
+  gap = 24,
+  height = 200,
+  repeat = 2,
+  className = ""
+}) {
+  const [paused, setPaused] = useState(false);
+  const gapValue = typeof gap === "number" ? `${gap}px` : gap;
+  const heightValue = typeof height === "number" ? `${height}px` : height;
+  const classes = [
+    "rz-marquee",
+    vertical ? "rz-marquee--vertical" : "",
+    direction === "right" ? "rz-marquee--reverse" : "",
+    pauseOnHover && paused ? "rz-marquee--paused" : "",
+    fade ? "rz-marquee--fade" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const style = {
+    "--rz-marquee-duration": `${duration}s`,
+    "--rz-marquee-gap": gapValue,
+    ...vertical ? { "--rz-marquee-height": heightValue } : {}
+  };
+  const sets = Array.from({ length: Math.max(2, repeat) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classes,
+      style,
+      onMouseEnter: pauseOnHover ? () => setPaused(true) : void 0,
+      onMouseLeave: pauseOnHover ? () => setPaused(false) : void 0,
+      "aria-label": "Marquee",
+      children: /* @__PURE__ */ jsx("div", { className: "rz-marquee__track", children: sets.map((_, i) => /* @__PURE__ */ jsx("div", { className: "rz-marquee__set", "aria-hidden": i > 0, children: React__default.Children.map(children, (child, j) => /* @__PURE__ */ jsx("div", { className: "rz-marquee__item", children: child }, j)) }, i)) })
+    }
+  );
+}
+export {
+  Marquee
+};
+//# sourceMappingURL=Marquee.js.map

package/dist/components/marquee/Marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.js","sources":["../../../src/components/marquee/Marquee.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport './marquee.css';\n\nexport interface MarqueeProps {\n  children: React.ReactNode;\n  speed?: number; // pixels per second (approx via duration)\n  duration?: number; // seconds, overrides speed\n  direction?: 'left' | 'right';\n  vertical?: boolean;\n  pauseOnHover?: boolean;\n  fade?: boolean;\n  gap?: number | string;\n  height?: number | string; // for vertical\n  repeat?: number; // how many duplicate sets (default 2 for seamless)\n  className?: string;\n}\n\nexport function Marquee({\n  children,\n  duration = 20,\n  direction = 'left',\n  vertical = false,\n  pauseOnHover = true,\n  fade = true,\n  gap = 24,\n  height = 200,\n  repeat = 2,\n  className = '',\n}: MarqueeProps) {\n  const [paused, setPaused] = useState(false);\n\n  const gapValue = typeof gap === 'number' ? `${gap}px` : gap;\n  const heightValue = typeof height === 'number' ? `${height}px` : height;\n\n  const classes = [\n    'rz-marquee',\n    vertical ? 'rz-marquee--vertical' : '',\n    direction === 'right' ? 'rz-marquee--reverse' : '',\n    (pauseOnHover && paused) ? 'rz-marquee--paused' : '',\n    fade ? 'rz-marquee--fade' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const style: React.CSSProperties = {\n    '--rz-marquee-duration': `${duration}s`,\n    '--rz-marquee-gap': gapValue,\n    ...(vertical ? { '--rz-marquee-height': heightValue } : {}),\n  } as React.CSSProperties;\n\n  const sets = Array.from({ length: Math.max(2, repeat) });\n\n  return (\n    <div\n      className={classes}\n      style={style}\n      onMouseEnter={pauseOnHover ? () => setPaused(true) : undefined}\n      onMouseLeave={pauseOnHover ? () => setPaused(false) : undefined}\n      aria-label=\"Marquee\"\n    >\n      <div className=\"rz-marquee__track\">\n        {sets.map((_, i) => (\n          <div key={i} className=\"rz-marquee__set\" aria-hidden={i > 0}>\n            {React.Children.map(children, (child, j) => (\n              <div key={j} className=\"rz-marquee__item\">\n                {child}\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;AAiBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AACd,GAAiB;AACf,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,WAAW,OAAO,QAAQ,WAAW,GAAG,GAAG,OAAO;AACxD,QAAM,cAAc,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AAEjE,QAAM,UAAU;AAAA,IACd;AAAA,IACA,WAAW,yBAAyB;AAAA,IACpC,cAAc,UAAU,wBAAwB;AAAA,IAC/C,gBAAgB,SAAU,uBAAuB;AAAA,IAClD,OAAO,qBAAqB;AAAA,IAC5B;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,QAA6B;AAAA,IACjC,yBAAyB,GAAG,QAAQ;AAAA,IACpC,oBAAoB;AAAA,IACpB,GAAI,WAAW,EAAE,uBAAuB,gBAAgB,CAAA;AAAA,EAAC;AAG3D,QAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AAEvD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,cAAc,eAAe,MAAM,UAAU,IAAI,IAAI;AAAA,MACrD,cAAc,eAAe,MAAM,UAAU,KAAK,IAAI;AAAA,MACtD,cAAW;AAAA,MAEX,UAAA,oBAAC,OAAA,EAAI,WAAU,qBACZ,eAAK,IAAI,CAAC,GAAG,MACZ,oBAAC,OAAA,EAAY,WAAU,mBAAkB,eAAa,IAAI,GACvD,UAAAA,eAAM,SAAS,IAAI,UAAU,CAAC,OAAO,MACpC,oBAAC,OAAA,EAAY,WAAU,oBACpB,mBADO,CAEV,CACD,EAAA,GALO,CAMV,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/marquee/index.d.ts

@@ -0,0 +1,3 @@
+export { Marquee } from './Marquee';
+export type { MarqueeProps } from './Marquee';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/marquee/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}