rothzerg-ui 0.1.0

package/dist/components/number-input/NumberInput.js

@@ -0,0 +1,118 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                 */
+function NumberInput({
+  value: controlledValue,
+  defaultValue = 0,
+  onChange,
+  min,
+  max,
+  step = 1,
+  precision,
+  placeholder,
+  label,
+  hint,
+  error,
+  size = "md",
+  disabled,
+  readOnly,
+  className,
+  id
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = React__default.useState(defaultValue);
+  const current = isControlled ? controlledValue : internalValue;
+  const uid = React__default.useId();
+  const inputId = id ?? uid;
+  function clamp(v) {
+    let result = v;
+    if (min !== void 0) result = Math.max(min, result);
+    if (max !== void 0) result = Math.min(max, result);
+    return precision !== void 0 ? parseFloat(result.toFixed(precision)) : result;
+  }
+  function update(next) {
+    const clamped = clamp(next);
+    if (!isControlled) setInternalValue(clamped);
+    onChange == null ? void 0 : onChange(clamped);
+  }
+  function increment() {
+    update(current + step);
+  }
+  function decrement() {
+    update(current - step);
+  }
+  function handleChange(e) {
+    const parsed = parseFloat(e.target.value);
+    if (!isNaN(parsed)) update(parsed);
+    else if (e.target.value === "" || e.target.value === "-") {
+      if (!isControlled) setInternalValue(NaN);
+    }
+  }
+  const canDecrement = !disabled && !readOnly && (min === void 0 || current > min);
+  const canIncrement = !disabled && !readOnly && (max === void 0 || current < max);
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-number-input-wrap", className), children: [
+    label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.375rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "rz-number-input",
+          `rz-number-input--${size}`,
+          error && "rz-number-input--error",
+          disabled && "rz-number-input--disabled"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "rz-number-input__btn",
+              onClick: decrement,
+              disabled: !canDecrement,
+              "aria-label": "Decrease",
+              tabIndex: -1,
+              children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "rz-number-input__divider" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: inputId,
+              type: "number",
+              className: "rz-number-input__field",
+              value: isNaN(current) ? "" : current,
+              onChange: handleChange,
+              min,
+              max,
+              step,
+              placeholder,
+              disabled,
+              readOnly,
+              "aria-invalid": !!error
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "rz-number-input__divider" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "rz-number-input__btn",
+              onClick: increment,
+              disabled: !canIncrement,
+              "aria-label": "Increase",
+              tabIndex: -1,
+              children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
+            }
+          )
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("p", { className: "rz-number-input__error", children: error }) : hint ? /* @__PURE__ */ jsx("p", { className: "rz-number-input__hint", children: hint }) : null
+  ] });
+}
+export {
+  NumberInput
+};
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/number-input/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './number-input.css';\n\nexport type NumberInputSize = 'sm' | 'md' | 'lg';\n\nexport interface NumberInputProps {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n  placeholder?: string;\n  label?: string;\n  hint?: string;\n  error?: string;\n  size?: NumberInputSize;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n  id?: string;\n}\n\nexport function NumberInput({\n  value: controlledValue,\n  defaultValue = 0,\n  onChange,\n  min,\n  max,\n  step = 1,\n  precision,\n  placeholder,\n  label,\n  hint,\n  error,\n  size = 'md',\n  disabled,\n  readOnly,\n  className,\n  id,\n}: NumberInputProps) {\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = React.useState<number>(defaultValue);\n  const current = isControlled ? controlledValue! : internalValue;\n\n  const uid = React.useId();\n  const inputId = id ?? uid;\n\n  function clamp(v: number): number {\n    let result = v;\n    if (min !== undefined) result = Math.max(min, result);\n    if (max !== undefined) result = Math.min(max, result);\n    return precision !== undefined ? parseFloat(result.toFixed(precision)) : result;\n  }\n\n  function update(next: number) {\n    const clamped = clamp(next);\n    if (!isControlled) setInternalValue(clamped);\n    onChange?.(clamped);\n  }\n\n  function increment() { update(current + step); }\n  function decrement() { update(current - step); }\n\n  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const parsed = parseFloat(e.target.value);\n    if (!isNaN(parsed)) update(parsed);\n    else if (e.target.value === '' || e.target.value === '-') {\n      if (!isControlled) setInternalValue(NaN);\n    }\n  }\n\n  const canDecrement = !disabled && !readOnly && (min === undefined || current > min);\n  const canIncrement = !disabled && !readOnly && (max === undefined || current < max);\n\n  return (\n    <div className={cn('rz-number-input-wrap', className)}>\n      {label && (\n        <label htmlFor={inputId} style={{ display: 'block', fontSize: '0.875rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </label>\n      )}\n      <div\n        className={cn(\n          'rz-number-input',\n          `rz-number-input--${size}`,\n          error && 'rz-number-input--error',\n          disabled && 'rz-number-input--disabled',\n        )}\n      >\n        <button\n          type=\"button\"\n          className=\"rz-number-input__btn\"\n          onClick={decrement}\n          disabled={!canDecrement}\n          aria-label=\"Decrease\"\n          tabIndex={-1}\n        >\n          <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n          </svg>\n        </button>\n        <div className=\"rz-number-input__divider\" />\n        <input\n          id={inputId}\n          type=\"number\"\n          className=\"rz-number-input__field\"\n          value={isNaN(current) ? '' : current}\n          onChange={handleChange}\n          min={min}\n          max={max}\n          step={step}\n          placeholder={placeholder}\n          disabled={disabled}\n          readOnly={readOnly}\n          aria-invalid={!!error}\n        />\n        <div className=\"rz-number-input__divider\" />\n        <button\n          type=\"button\"\n          className=\"rz-number-input__btn\"\n          onClick={increment}\n          disabled={!canIncrement}\n          aria-label=\"Increase\"\n          tabIndex={-1}\n        >\n          <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 5v14M5 12h14\" />\n          </svg>\n        </button>\n      </div>\n      {error ? (\n        <p className=\"rz-number-input__error\">{error}</p>\n      ) : hint ? (\n        <p className=\"rz-number-input__hint\">{hint}</p>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

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

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

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

package/dist/components/pagination/Pagination.cjs

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                 */
+const chevronLeft = require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs");
+const ellipsis = require("../../node_modules/lucide-react/dist/esm/icons/ellipsis.cjs");
+const chevronRight = require("../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs");
+function buildPages(page, totalPages, siblingCount) {
+  const range = (from, to) => Array.from({ length: to - from + 1 }, (_, i) => from + i);
+  const totalPageNumbers = siblingCount * 2 + 5;
+  if (totalPages <= totalPageNumbers) {
+    return range(1, totalPages);
+  }
+  const leftSiblingIndex = Math.max(page - siblingCount, 1);
+  const rightSiblingIndex = Math.min(page + siblingCount, totalPages);
+  const showLeftDots = leftSiblingIndex > 2;
+  const showRightDots = rightSiblingIndex < totalPages - 2;
+  if (!showLeftDots && showRightDots) {
+    const leftItemCount = 3 + 2 * siblingCount;
+    return [...range(1, leftItemCount), "ellipsis", totalPages];
+  }
+  if (showLeftDots && !showRightDots) {
+    const rightItemCount = 3 + 2 * siblingCount;
+    return [1, "ellipsis", ...range(totalPages - rightItemCount + 1, totalPages)];
+  }
+  return [1, "ellipsis", ...range(leftSiblingIndex, rightSiblingIndex), "ellipsis", totalPages];
+}
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  variant = "default",
+  size = "md",
+  showFirstLast = true,
+  className
+}) {
+  const pages = buildPages(page, totalPages, siblingCount);
+  let ellipsisKey = 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      className: cn.cn("rz-pagination", variant !== "default" && `rz-pagination--${variant}`, size !== "md" && `rz-pagination--${size}`, className),
+      children: [
+        showFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "aria-label": "Previous page",
+            className: cn.cn("rz-pagination__item", page <= 1 && "rz-pagination__item--disabled"),
+            onClick: () => onPageChange(page - 1),
+            disabled: page <= 1,
+            children: /* @__PURE__ */ jsxRuntime.jsx(chevronLeft, { size: 16 })
+          }
+        ),
+        pages.map((p) => {
+          if (p === "ellipsis") {
+            return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-pagination__item rz-pagination__item--ellipsis", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(ellipsis, { size: 16 }) }, `ellipsis-${++ellipsisKey}`);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              "aria-label": `Page ${p}`,
+              "aria-current": p === page ? "page" : void 0,
+              className: cn.cn("rz-pagination__item", p === page && "rz-pagination__item--active"),
+              onClick: () => onPageChange(p),
+              children: p
+            },
+            p
+          );
+        }),
+        showFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "aria-label": "Next page",
+            className: cn.cn("rz-pagination__item", page >= totalPages && "rz-pagination__item--disabled"),
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            children: /* @__PURE__ */ jsxRuntime.jsx(chevronRight, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/components/pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './pagination.css';\n\nexport type PaginationVariant = 'default' | 'outline';\nexport type PaginationSize = 'sm' | 'md' | 'lg';\n\nexport interface PaginationProps {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Called when a page is selected */\n  onPageChange: (page: number) => void;\n  /** How many page buttons to show around the current page */\n  siblingCount?: number;\n  variant?: PaginationVariant;\n  size?: PaginationSize;\n  showFirstLast?: boolean;\n  className?: string;\n}\n\nfunction buildPages(page: number, totalPages: number, siblingCount: number): (number | 'ellipsis')[] {\n  const range = (from: number, to: number) =>\n    Array.from({ length: to - from + 1 }, (_, i) => from + i);\n\n  const totalPageNumbers = siblingCount * 2 + 5; // siblings + current + 2 boundaries + 2 ellipses\n\n  if (totalPages <= totalPageNumbers) {\n    return range(1, totalPages);\n  }\n\n  const leftSiblingIndex = Math.max(page - siblingCount, 1);\n  const rightSiblingIndex = Math.min(page + siblingCount, totalPages);\n\n  const showLeftDots = leftSiblingIndex > 2;\n  const showRightDots = rightSiblingIndex < totalPages - 2;\n\n  if (!showLeftDots && showRightDots) {\n    const leftItemCount = 3 + 2 * siblingCount;\n    return [...range(1, leftItemCount), 'ellipsis', totalPages];\n  }\n\n  if (showLeftDots && !showRightDots) {\n    const rightItemCount = 3 + 2 * siblingCount;\n    return [1, 'ellipsis', ...range(totalPages - rightItemCount + 1, totalPages)];\n  }\n\n  return [1, 'ellipsis', ...range(leftSiblingIndex, rightSiblingIndex), 'ellipsis', totalPages];\n}\n\nexport function Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  variant = 'default',\n  size = 'md',\n  showFirstLast = true,\n  className,\n}: PaginationProps) {\n  const pages = buildPages(page, totalPages, siblingCount);\n  let ellipsisKey = 0;\n\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      className={cn('rz-pagination', variant !== 'default' && `rz-pagination--${variant}`, size !== 'md' && `rz-pagination--${size}`, className)}\n    >\n      {showFirstLast && (\n        <button\n          aria-label=\"Previous page\"\n          className={cn('rz-pagination__item', page <= 1 && 'rz-pagination__item--disabled')}\n          onClick={() => onPageChange(page - 1)}\n          disabled={page <= 1}\n        >\n          <ChevronLeft size={16} />\n        </button>\n      )}\n\n      {pages.map((p) => {\n        if (p === 'ellipsis') {\n          return (\n            <span key={`ellipsis-${++ellipsisKey}`} className=\"rz-pagination__item rz-pagination__item--ellipsis\" aria-hidden>\n              <MoreHorizontal size={16} />\n            </span>\n          );\n        }\n        return (\n          <button\n            key={p}\n            aria-label={`Page ${p}`}\n            aria-current={p === page ? 'page' : undefined}\n            className={cn('rz-pagination__item', p === page && 'rz-pagination__item--active')}\n            onClick={() => onPageChange(p)}\n          >\n            {p}\n          </button>\n        );\n      })}\n\n      {showFirstLast && (\n        <button\n          aria-label=\"Next page\"\n          className={cn('rz-pagination__item', page >= totalPages && 'rz-pagination__item--disabled')}\n          onClick={() => onPageChange(page + 1)}\n          disabled={page >= totalPages}\n        >\n          <ChevronRight size={16} />\n        </button>\n      )}\n    </nav>\n  );\n}\n"],"names":["jsxs","cn","jsx","ChevronLeft","MoreHorizontal","ChevronRight"],"mappings":";;;;;;;;AAsBA,SAAS,WAAW,MAAc,YAAoB,cAA+C;AACnG,QAAM,QAAQ,CAAC,MAAc,OAC3B,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAO,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC;AAE1D,QAAM,mBAAmB,eAAe,IAAI;AAE5C,MAAI,cAAc,kBAAkB;AAClC,WAAO,MAAM,GAAG,UAAU;AAAA,EAC5B;AAEA,QAAM,mBAAmB,KAAK,IAAI,OAAO,cAAc,CAAC;AACxD,QAAM,oBAAoB,KAAK,IAAI,OAAO,cAAc,UAAU;AAElE,QAAM,eAAe,mBAAmB;AACxC,QAAM,gBAAgB,oBAAoB,aAAa;AAEvD,MAAI,CAAC,gBAAgB,eAAe;AAClC,UAAM,gBAAgB,IAAI,IAAI;AAC9B,WAAO,CAAC,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,UAAU;AAAA,EAC5D;AAEA,MAAI,gBAAgB,CAAC,eAAe;AAClC,UAAM,iBAAiB,IAAI,IAAI;AAC/B,WAAO,CAAC,GAAG,YAAY,GAAG,MAAM,aAAa,iBAAiB,GAAG,UAAU,CAAC;AAAA,EAC9E;AAEA,SAAO,CAAC,GAAG,YAAY,GAAG,MAAM,kBAAkB,iBAAiB,GAAG,YAAY,UAAU;AAC9F;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB;AACF,GAAoB;AAClB,QAAM,QAAQ,WAAW,MAAM,YAAY,YAAY;AACvD,MAAI,cAAc;AAElB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,GAAAA,GAAG,iBAAiB,YAAY,aAAa,kBAAkB,OAAO,IAAI,SAAS,QAAQ,kBAAkB,IAAI,IAAI,SAAS;AAAA,MAExI,UAAA;AAAA,QAAA,iBACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAWD,GAAAA,GAAG,uBAAuB,QAAQ,KAAK,+BAA+B;AAAA,YACjF,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,YACpC,UAAU,QAAQ;AAAA,YAElB,UAAAC,2BAAAA,IAACC,aAAA,EAAY,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAI1B,MAAM,IAAI,CAAC,MAAM;AAChB,cAAI,MAAM,YAAY;AACpB,mBACED,2BAAAA,IAAC,QAAA,EAAuC,WAAU,qDAAoD,eAAW,MAC/G,UAAAA,2BAAAA,IAACE,UAAA,EAAe,MAAM,IAAI,EAAA,GADjB,YAAY,EAAE,WAAW,EAEpC;AAAA,UAEJ;AACA,iBACEF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,cAAY,QAAQ,CAAC;AAAA,cACrB,gBAAc,MAAM,OAAO,SAAS;AAAA,cACpC,WAAWD,GAAAA,GAAG,uBAAuB,MAAM,QAAQ,6BAA6B;AAAA,cAChF,SAAS,MAAM,aAAa,CAAC;AAAA,cAE5B,UAAA;AAAA,YAAA;AAAA,YANI;AAAA,UAAA;AAAA,QASX,CAAC;AAAA,QAEA,iBACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAWD,GAAAA,GAAG,uBAAuB,QAAQ,cAAc,+BAA+B;AAAA,YAC1F,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,YACpC,UAAU,QAAQ;AAAA,YAElB,UAAAC,2BAAAA,IAACG,cAAA,EAAa,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,18 @@
+export type PaginationVariant = 'default' | 'outline';
+export type PaginationSize = 'sm' | 'md' | 'lg';
+export interface PaginationProps {
+    /** Current page (1-indexed) */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Called when a page is selected */
+    onPageChange: (page: number) => void;
+    /** How many page buttons to show around the current page */
+    siblingCount?: number;
+    variant?: PaginationVariant;
+    size?: PaginationSize;
+    showFirstLast?: boolean;
+    className?: string;
+}
+export declare function Pagination({ page, totalPages, onPageChange, siblingCount, variant, size, showFirstLast, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,YAAgB,EAChB,OAAmB,EACnB,IAAW,EACX,aAAoB,EACpB,SAAS,GACV,EAAE,eAAe,2CAqDjB"}

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,88 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css               */
+import ChevronLeft from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import Ellipsis from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+import ChevronRight from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+function buildPages(page, totalPages, siblingCount) {
+  const range = (from, to) => Array.from({ length: to - from + 1 }, (_, i) => from + i);
+  const totalPageNumbers = siblingCount * 2 + 5;
+  if (totalPages <= totalPageNumbers) {
+    return range(1, totalPages);
+  }
+  const leftSiblingIndex = Math.max(page - siblingCount, 1);
+  const rightSiblingIndex = Math.min(page + siblingCount, totalPages);
+  const showLeftDots = leftSiblingIndex > 2;
+  const showRightDots = rightSiblingIndex < totalPages - 2;
+  if (!showLeftDots && showRightDots) {
+    const leftItemCount = 3 + 2 * siblingCount;
+    return [...range(1, leftItemCount), "ellipsis", totalPages];
+  }
+  if (showLeftDots && !showRightDots) {
+    const rightItemCount = 3 + 2 * siblingCount;
+    return [1, "ellipsis", ...range(totalPages - rightItemCount + 1, totalPages)];
+  }
+  return [1, "ellipsis", ...range(leftSiblingIndex, rightSiblingIndex), "ellipsis", totalPages];
+}
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  variant = "default",
+  size = "md",
+  showFirstLast = true,
+  className
+}) {
+  const pages = buildPages(page, totalPages, siblingCount);
+  let ellipsisKey = 0;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      className: cn("rz-pagination", variant !== "default" && `rz-pagination--${variant}`, size !== "md" && `rz-pagination--${size}`, className),
+      children: [
+        showFirstLast && /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Previous page",
+            className: cn("rz-pagination__item", page <= 1 && "rz-pagination__item--disabled"),
+            onClick: () => onPageChange(page - 1),
+            disabled: page <= 1,
+            children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
+          }
+        ),
+        pages.map((p) => {
+          if (p === "ellipsis") {
+            return /* @__PURE__ */ jsx("span", { className: "rz-pagination__item rz-pagination__item--ellipsis", "aria-hidden": true, children: /* @__PURE__ */ jsx(Ellipsis, { size: 16 }) }, `ellipsis-${++ellipsisKey}`);
+          }
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": `Page ${p}`,
+              "aria-current": p === page ? "page" : void 0,
+              className: cn("rz-pagination__item", p === page && "rz-pagination__item--active"),
+              onClick: () => onPageChange(p),
+              children: p
+            },
+            p
+          );
+        }),
+        showFirstLast && /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Next page",
+            className: cn("rz-pagination__item", page >= totalPages && "rz-pagination__item--disabled"),
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './pagination.css';\n\nexport type PaginationVariant = 'default' | 'outline';\nexport type PaginationSize = 'sm' | 'md' | 'lg';\n\nexport interface PaginationProps {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Called when a page is selected */\n  onPageChange: (page: number) => void;\n  /** How many page buttons to show around the current page */\n  siblingCount?: number;\n  variant?: PaginationVariant;\n  size?: PaginationSize;\n  showFirstLast?: boolean;\n  className?: string;\n}\n\nfunction buildPages(page: number, totalPages: number, siblingCount: number): (number | 'ellipsis')[] {\n  const range = (from: number, to: number) =>\n    Array.from({ length: to - from + 1 }, (_, i) => from + i);\n\n  const totalPageNumbers = siblingCount * 2 + 5; // siblings + current + 2 boundaries + 2 ellipses\n\n  if (totalPages <= totalPageNumbers) {\n    return range(1, totalPages);\n  }\n\n  const leftSiblingIndex = Math.max(page - siblingCount, 1);\n  const rightSiblingIndex = Math.min(page + siblingCount, totalPages);\n\n  const showLeftDots = leftSiblingIndex > 2;\n  const showRightDots = rightSiblingIndex < totalPages - 2;\n\n  if (!showLeftDots && showRightDots) {\n    const leftItemCount = 3 + 2 * siblingCount;\n    return [...range(1, leftItemCount), 'ellipsis', totalPages];\n  }\n\n  if (showLeftDots && !showRightDots) {\n    const rightItemCount = 3 + 2 * siblingCount;\n    return [1, 'ellipsis', ...range(totalPages - rightItemCount + 1, totalPages)];\n  }\n\n  return [1, 'ellipsis', ...range(leftSiblingIndex, rightSiblingIndex), 'ellipsis', totalPages];\n}\n\nexport function Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  variant = 'default',\n  size = 'md',\n  showFirstLast = true,\n  className,\n}: PaginationProps) {\n  const pages = buildPages(page, totalPages, siblingCount);\n  let ellipsisKey = 0;\n\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      className={cn('rz-pagination', variant !== 'default' && `rz-pagination--${variant}`, size !== 'md' && `rz-pagination--${size}`, className)}\n    >\n      {showFirstLast && (\n        <button\n          aria-label=\"Previous page\"\n          className={cn('rz-pagination__item', page <= 1 && 'rz-pagination__item--disabled')}\n          onClick={() => onPageChange(page - 1)}\n          disabled={page <= 1}\n        >\n          <ChevronLeft size={16} />\n        </button>\n      )}\n\n      {pages.map((p) => {\n        if (p === 'ellipsis') {\n          return (\n            <span key={`ellipsis-${++ellipsisKey}`} className=\"rz-pagination__item rz-pagination__item--ellipsis\" aria-hidden>\n              <MoreHorizontal size={16} />\n            </span>\n          );\n        }\n        return (\n          <button\n            key={p}\n            aria-label={`Page ${p}`}\n            aria-current={p === page ? 'page' : undefined}\n            className={cn('rz-pagination__item', p === page && 'rz-pagination__item--active')}\n            onClick={() => onPageChange(p)}\n          >\n            {p}\n          </button>\n        );\n      })}\n\n      {showFirstLast && (\n        <button\n          aria-label=\"Next page\"\n          className={cn('rz-pagination__item', page >= totalPages && 'rz-pagination__item--disabled')}\n          onClick={() => onPageChange(page + 1)}\n          disabled={page >= totalPages}\n        >\n          <ChevronRight size={16} />\n        </button>\n      )}\n    </nav>\n  );\n}\n"],"names":["MoreHorizontal"],"mappings":";;;;;;AAsBA,SAAS,WAAW,MAAc,YAAoB,cAA+C;AACnG,QAAM,QAAQ,CAAC,MAAc,OAC3B,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAO,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC;AAE1D,QAAM,mBAAmB,eAAe,IAAI;AAE5C,MAAI,cAAc,kBAAkB;AAClC,WAAO,MAAM,GAAG,UAAU;AAAA,EAC5B;AAEA,QAAM,mBAAmB,KAAK,IAAI,OAAO,cAAc,CAAC;AACxD,QAAM,oBAAoB,KAAK,IAAI,OAAO,cAAc,UAAU;AAElE,QAAM,eAAe,mBAAmB;AACxC,QAAM,gBAAgB,oBAAoB,aAAa;AAEvD,MAAI,CAAC,gBAAgB,eAAe;AAClC,UAAM,gBAAgB,IAAI,IAAI;AAC9B,WAAO,CAAC,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,UAAU;AAAA,EAC5D;AAEA,MAAI,gBAAgB,CAAC,eAAe;AAClC,UAAM,iBAAiB,IAAI,IAAI;AAC/B,WAAO,CAAC,GAAG,YAAY,GAAG,MAAM,aAAa,iBAAiB,GAAG,UAAU,CAAC;AAAA,EAC9E;AAEA,SAAO,CAAC,GAAG,YAAY,GAAG,MAAM,kBAAkB,iBAAiB,GAAG,YAAY,UAAU;AAC9F;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB;AACF,GAAoB;AAClB,QAAM,QAAQ,WAAW,MAAM,YAAY,YAAY;AACvD,MAAI,cAAc;AAElB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAW,GAAG,iBAAiB,YAAY,aAAa,kBAAkB,OAAO,IAAI,SAAS,QAAQ,kBAAkB,IAAI,IAAI,SAAS;AAAA,MAExI,UAAA;AAAA,QAAA,iBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,GAAG,uBAAuB,QAAQ,KAAK,+BAA+B;AAAA,YACjF,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,YACpC,UAAU,QAAQ;AAAA,YAElB,UAAA,oBAAC,aAAA,EAAY,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAI1B,MAAM,IAAI,CAAC,MAAM;AAChB,cAAI,MAAM,YAAY;AACpB,mBACE,oBAAC,QAAA,EAAuC,WAAU,qDAAoD,eAAW,MAC/G,UAAA,oBAACA,UAAA,EAAe,MAAM,IAAI,EAAA,GADjB,YAAY,EAAE,WAAW,EAEpC;AAAA,UAEJ;AACA,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,cAAY,QAAQ,CAAC;AAAA,cACrB,gBAAc,MAAM,OAAO,SAAS;AAAA,cACpC,WAAW,GAAG,uBAAuB,MAAM,QAAQ,6BAA6B;AAAA,cAChF,SAAS,MAAM,aAAa,CAAC;AAAA,cAE5B,UAAA;AAAA,YAAA;AAAA,YANI;AAAA,UAAA;AAAA,QASX,CAAC;AAAA,QAEA,iBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,GAAG,uBAAuB,QAAQ,cAAc,+BAA+B;AAAA,YAC1F,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,YACpC,UAAU,QAAQ;AAAA,YAElB,UAAA,oBAAC,cAAA,EAAa,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -0,0 +1,3 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps, PaginationVariant, PaginationSize } from './Pagination';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/popover/Popover.cjs

@@ -0,0 +1,72 @@
+"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-popover/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css              */
+const x = require("../../node_modules/lucide-react/dist/esm/icons/x.cjs");
+const PopoverRoot = index.Root;
+const PopoverTrigger = index.Trigger;
+const PopoverClose = index.Close;
+const PopoverAnchor = index.Anchor;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 8, showArrow = false, showClose = false, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  index.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn.cn("rz-popover__content", className),
+    ...props,
+    children: [
+      showClose && /* @__PURE__ */ jsxRuntime.jsx(
+        index.Close,
+        {
+          style: {
+            position: "absolute",
+            top: "0.5rem",
+            right: "0.5rem",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "1.5rem",
+            height: "1.5rem",
+            borderRadius: "var(--rz-radius-sm)",
+            background: "transparent",
+            border: "none",
+            cursor: "pointer",
+            color: "var(--rz-color-muted-foreground)",
+            outline: "none"
+          },
+          "aria-label": "Close",
+          children: /* @__PURE__ */ jsxRuntime.jsx(x, { size: 14 })
+        }
+      ),
+      children,
+      showArrow && /* @__PURE__ */ jsxRuntime.jsx(index.Arrow, { className: "rz-popover__arrow" })
+    ]
+  }
+) }));
+PopoverContent.displayName = "PopoverContent";
+const PopoverHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-popover__header", className), ...props });
+const PopoverTitle = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn.cn("rz-popover__title", className), ...props });
+const PopoverDescription = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn.cn("rz-popover__description", className), ...props });
+const Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Close: PopoverClose,
+  Anchor: PopoverAnchor,
+  Header: PopoverHeader,
+  Title: PopoverTitle,
+  Description: PopoverDescription
+});
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverClose = PopoverClose;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverRoot = PopoverRoot;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './popover.css';\n\nexport const PopoverRoot = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  showArrow?: boolean;\n  showClose?: boolean;\n}\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 8, showArrow = false, showClose = false, children, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn('rz-popover__content', className)}\n      {...props}\n    >\n      {showClose && (\n        <PopoverPrimitive.Close\n          style={{\n            position: 'absolute', top: '0.5rem', right: '0.5rem',\n            display: 'flex', alignItems: 'center', justifyContent: 'center',\n            width: '1.5rem', height: '1.5rem', borderRadius: 'var(--rz-radius-sm)',\n            background: 'transparent', border: 'none', cursor: 'pointer',\n            color: 'var(--rz-color-muted-foreground)', outline: 'none',\n          }}\n          aria-label=\"Close\"\n        >\n          <X size={14} />\n        </PopoverPrimitive.Close>\n      )}\n      {children}\n      {showArrow && <PopoverPrimitive.Arrow className=\"rz-popover__arrow\" />}\n    </PopoverPrimitive.Content>\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = 'PopoverContent';\n\nexport const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('rz-popover__header', className)} {...props} />\n);\n\nexport const PopoverTitle = ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n  <p className={cn('rz-popover__title', className)} {...props} />\n);\n\nexport const PopoverDescription = ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n  <p className={cn('rz-popover__description', className)} {...props} />\n);\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Anchor: PopoverAnchor,\n  Header: PopoverHeader,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n});\n"],"names":["PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close","PopoverPrimitive.Anchor","jsx","PopoverPrimitive.Portal","jsxs","PopoverPrimitive.Content","cn","X","PopoverPrimitive.Arrow"],"mappings":";;;;;;;;AAMO,MAAM,cAAcA,MAAAA;AACpB,MAAM,iBAAiBC,MAAAA;AACvB,MAAM,eAAeC,MAAAA;AACrB,MAAM,gBAAgBC,MAAAA;AAOtB,MAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,YAAY,OAAO,YAAY,OAAO,UAAU,GAAG,MAAA,GAAS,QAC5GC,+BAACC,MAAAA,QAAA,EACC,UAAAC,2BAAAA;AAAAA,EAACC,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAWC,GAAAA,GAAG,uBAAuB,SAAS;AAAA,IAC7C,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA,aACCJ,2BAAAA;AAAAA,QAACF,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YAAY,KAAK;AAAA,YAAU,OAAO;AAAA,YAC5C,SAAS;AAAA,YAAQ,YAAY;AAAA,YAAU,gBAAgB;AAAA,YACvD,OAAO;AAAA,YAAU,QAAQ;AAAA,YAAU,cAAc;AAAA,YACjD,YAAY;AAAA,YAAe,QAAQ;AAAA,YAAQ,QAAQ;AAAA,YACnD,OAAO;AAAA,YAAoC,SAAS;AAAA,UAAA;AAAA,UAEtD,cAAW;AAAA,UAEX,UAAAE,2BAAAA,IAACK,GAAA,EAAE,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGhB;AAAA,MACA,aAAaL,2BAAAA,IAACM,MAAAA,OAAA,EAAuB,WAAU,oBAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AACtE,GACF,CACD;AACD,eAAe,cAAc;AAEtB,MAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAA,MAC5CN,2BAAAA,IAAC,OAAA,EAAI,WAAWI,GAAAA,GAAG,sBAAsB,SAAS,GAAI,GAAG,MAAA,CAAO;AAG3D,MAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAA,MAC3CJ,2BAAAA,IAAC,KAAA,EAAE,WAAWI,GAAAA,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAAA,CAAO;AAGxD,MAAM,qBAAqB,CAAC,EAAE,WAAW,GAAG,MAAA,MACjDJ,2BAAAA,IAAC,KAAA,EAAE,WAAWI,GAAAA,GAAG,2BAA2B,SAAS,GAAI,GAAG,MAAA,CAAO;AAG9D,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,CAAC;;;;;;;;;;"}

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const PopoverRoot: React.FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    showArrow?: boolean;
+    showClose?: boolean;
+}
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverTitle: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverDescription: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
+    Trigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Anchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+    Header: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,WAAW,yCAAwB,CAAC;AACjD,eAAO,MAAM,cAAc,gHAA2B,CAAC;AACvD,eAAO,MAAM,YAAY,8GAAyB,CAAC;AACnD,eAAO,MAAM,aAAa,4GAA0B,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IAC1G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,4FA8BzB,CAAC;AAGH,eAAO,MAAM,aAAa,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAE1F,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,4CAE/F,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,4CAErG,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;sCAZmC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;qCAIrC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;2CAIpC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAYpG,CAAC"}

package/dist/components/popover/Popover.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { Close, Trigger, Root as Root2, Anchor as Anchor2, Portal, Content as Content2, Arrow as Arrow2 } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css            */
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+const PopoverRoot = Root2;
+const PopoverTrigger = Trigger;
+const PopoverClose = Close;
+const PopoverAnchor = Anchor2;
+const PopoverContent = React__default.forwardRef(({ className, align = "center", sideOffset = 8, showArrow = false, showClose = false, children, ...props }, ref) => /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+  Content2,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn("rz-popover__content", className),
+    ...props,
+    children: [
+      showClose && /* @__PURE__ */ jsx(
+        Close,
+        {
+          style: {
+            position: "absolute",
+            top: "0.5rem",
+            right: "0.5rem",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "1.5rem",
+            height: "1.5rem",
+            borderRadius: "var(--rz-radius-sm)",
+            background: "transparent",
+            border: "none",
+            cursor: "pointer",
+            color: "var(--rz-color-muted-foreground)",
+            outline: "none"
+          },
+          "aria-label": "Close",
+          children: /* @__PURE__ */ jsx(X, { size: 14 })
+        }
+      ),
+      children,
+      showArrow && /* @__PURE__ */ jsx(Arrow2, { className: "rz-popover__arrow" })
+    ]
+  }
+) }));
+PopoverContent.displayName = "PopoverContent";
+const PopoverHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("rz-popover__header", className), ...props });
+const PopoverTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("p", { className: cn("rz-popover__title", className), ...props });
+const PopoverDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", { className: cn("rz-popover__description", className), ...props });
+const Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Close: PopoverClose,
+  Anchor: PopoverAnchor,
+  Header: PopoverHeader,
+  Title: PopoverTitle,
+  Description: PopoverDescription
+});
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverRoot,
+  PopoverTitle,
+  PopoverTrigger
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './popover.css';\n\nexport const PopoverRoot = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  showArrow?: boolean;\n  showClose?: boolean;\n}\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(({ className, align = 'center', sideOffset = 8, showArrow = false, showClose = false, children, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn('rz-popover__content', className)}\n      {...props}\n    >\n      {showClose && (\n        <PopoverPrimitive.Close\n          style={{\n            position: 'absolute', top: '0.5rem', right: '0.5rem',\n            display: 'flex', alignItems: 'center', justifyContent: 'center',\n            width: '1.5rem', height: '1.5rem', borderRadius: 'var(--rz-radius-sm)',\n            background: 'transparent', border: 'none', cursor: 'pointer',\n            color: 'var(--rz-color-muted-foreground)', outline: 'none',\n          }}\n          aria-label=\"Close\"\n        >\n          <X size={14} />\n        </PopoverPrimitive.Close>\n      )}\n      {children}\n      {showArrow && <PopoverPrimitive.Arrow className=\"rz-popover__arrow\" />}\n    </PopoverPrimitive.Content>\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = 'PopoverContent';\n\nexport const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('rz-popover__header', className)} {...props} />\n);\n\nexport const PopoverTitle = ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n  <p className={cn('rz-popover__title', className)} {...props} />\n);\n\nexport const PopoverDescription = ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n  <p className={cn('rz-popover__description', className)} {...props} />\n);\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Anchor: PopoverAnchor,\n  Header: PopoverHeader,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n});\n"],"names":["PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close","PopoverPrimitive.Anchor","React","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Arrow"],"mappings":";;;;;;AAMO,MAAM,cAAcA;AACpB,MAAM,iBAAiBC;AACvB,MAAM,eAAeC;AACrB,MAAM,gBAAgBC;AAOtB,MAAM,iBAAiBC,eAAM,WAGlC,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,YAAY,OAAO,YAAY,OAAO,UAAU,GAAG,MAAA,GAAS,QAC5G,oBAACC,QAAA,EACC,UAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,IAC7C,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA,aACC;AAAA,QAACJ;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YAAY,KAAK;AAAA,YAAU,OAAO;AAAA,YAC5C,SAAS;AAAA,YAAQ,YAAY;AAAA,YAAU,gBAAgB;AAAA,YACvD,OAAO;AAAA,YAAU,QAAQ;AAAA,YAAU,cAAc;AAAA,YACjD,YAAY;AAAA,YAAe,QAAQ;AAAA,YAAQ,QAAQ;AAAA,YACnD,OAAO;AAAA,YAAoC,SAAS;AAAA,UAAA;AAAA,UAEtD,cAAW;AAAA,UAEX,UAAA,oBAAC,GAAA,EAAE,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGhB;AAAA,MACA,aAAa,oBAACK,QAAA,EAAuB,WAAU,oBAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AACtE,GACF,CACD;AACD,eAAe,cAAc;AAEtB,MAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAA,MAC5C,oBAAC,OAAA,EAAI,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,MAAA,CAAO;AAG3D,MAAM,eAAe,CAAC,EAAE,WAAW,GAAG,MAAA,MAC3C,oBAAC,KAAA,EAAE,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAAA,CAAO;AAGxD,MAAM,qBAAqB,CAAC,EAAE,WAAW,GAAG,MAAA,MACjD,oBAAC,KAAA,EAAE,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,MAAA,CAAO;AAG9D,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,CAAC;"}

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

@@ -0,0 +1,3 @@
+export { Popover, PopoverRoot, PopoverTrigger, PopoverClose, PopoverAnchor, PopoverContent, PopoverHeader, PopoverTitle, PopoverDescription } from './Popover';
+export type { PopoverContentProps } from './Popover';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/J,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC"}