framepexls-ui-lib 0.1.4

package/dist/BadgeCluster.js

@@ -0,0 +1,125 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BadgeCluster_exports = {};
+__export(BadgeCluster_exports, {
+  default: () => BadgeCluster
+});
+module.exports = __toCommonJS(BadgeCluster_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_framer_motion = require("framer-motion");
+var import_Badge = __toESM(require("./Badge"));
+function BadgeCluster({
+  items,
+  max = 3,
+  align = "left",
+  className = "",
+  usePortal = true
+  // 👈 por defecto evita clipping
+}) {
+  const show = items.slice(0, max);
+  const rest = items.slice(max);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const rootRef = (0, import_react.useRef)(null);
+  const btnRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const onDoc = (e) => {
+      if (!rootRef.current) return;
+      if (!rootRef.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", onDoc);
+    return () => document.removeEventListener("mousedown", onDoc);
+  }, []);
+  const [pos, setPos] = (0, import_react.useState)(null);
+  const updatePosition = () => {
+    if (!btnRef.current) return;
+    const r = btnRef.current.getBoundingClientRect();
+    setPos({
+      top: r.bottom + 8,
+      left: align === "right" ? r.right : r.left,
+      width: r.width
+    });
+  };
+  (0, import_react.useLayoutEffect)(() => {
+    if (!open) return;
+    updatePosition();
+    const onScroll = () => updatePosition();
+    const onResize = () => updatePosition();
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onResize);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onResize);
+    };
+  }, [open, align]);
+  const Popover = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_framer_motion.motion.div,
+    {
+      initial: { opacity: 0, y: 6, scale: 0.98 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: { opacity: 0, y: 6, scale: 0.98 },
+      transition: { duration: 0.16, ease: "easeOut" },
+      className: [
+        "z-[9999] w-64 max-w-[80vw] rounded-xl border border-slate-200 bg-white p-2 shadow-lg ring-1 ring-black/5",
+        "dark:border-white/10 dark:bg-[#0e0d0e]",
+        usePortal ? "fixed" : "absolute",
+        align === "right" ? "right-0" : "left-0"
+      ].join(" "),
+      style: usePortal && pos ? {
+        top: pos.top,
+        // si alineas a la derecha, ancla por la derecha del botón
+        left: align === "right" ? void 0 : pos.left,
+        right: align === "right" ? Math.max(window.innerWidth - pos.left, 0) : void 0
+      } : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-h-56 overflow-auto pr-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1.5", children: rest.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.default, { tone: it.tone, children: it.label }, `${it.label}-overflow-${i}`)) }) })
+    }
+  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: rootRef, className: `relative inline-flex flex-wrap gap-1.5 ${className}`, children: [
+    show.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Badge.default, { tone: it.tone, children: it.label }, `${it.label}-${i}`)),
+    rest.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          ref: btnRef,
+          type: "button",
+          onClick: () => setOpen((v) => !v),
+          className: "inline-flex items-center rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200 hover:bg-slate-200 dark:bg-white/10 dark:text-slate-100 dark:ring-white/10",
+          title: rest.map((r) => r.label).join(", "),
+          children: [
+            "+",
+            rest.length
+          ]
+        }
+      ),
+      usePortal ? (0, import_react_dom.createPortal)(Popover, document.body) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative", children: Popover })
+    ] })
+  ] });
+}

package/dist/BadgeCluster.mjs

@@ -0,0 +1,95 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "framer-motion";
+import Badge from "./Badge";
+function BadgeCluster({
+  items,
+  max = 3,
+  align = "left",
+  className = "",
+  usePortal = true
+  // 👈 por defecto evita clipping
+}) {
+  const show = items.slice(0, max);
+  const rest = items.slice(max);
+  const [open, setOpen] = useState(false);
+  const rootRef = useRef(null);
+  const btnRef = useRef(null);
+  useEffect(() => {
+    const onDoc = (e) => {
+      if (!rootRef.current) return;
+      if (!rootRef.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", onDoc);
+    return () => document.removeEventListener("mousedown", onDoc);
+  }, []);
+  const [pos, setPos] = useState(null);
+  const updatePosition = () => {
+    if (!btnRef.current) return;
+    const r = btnRef.current.getBoundingClientRect();
+    setPos({
+      top: r.bottom + 8,
+      left: align === "right" ? r.right : r.left,
+      width: r.width
+    });
+  };
+  useLayoutEffect(() => {
+    if (!open) return;
+    updatePosition();
+    const onScroll = () => updatePosition();
+    const onResize = () => updatePosition();
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", onResize);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", onResize);
+    };
+  }, [open, align]);
+  const Popover = /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 6, scale: 0.98 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: { opacity: 0, y: 6, scale: 0.98 },
+      transition: { duration: 0.16, ease: "easeOut" },
+      className: [
+        "z-[9999] w-64 max-w-[80vw] rounded-xl border border-slate-200 bg-white p-2 shadow-lg ring-1 ring-black/5",
+        "dark:border-white/10 dark:bg-[#0e0d0e]",
+        usePortal ? "fixed" : "absolute",
+        align === "right" ? "right-0" : "left-0"
+      ].join(" "),
+      style: usePortal && pos ? {
+        top: pos.top,
+        // si alineas a la derecha, ancla por la derecha del botón
+        left: align === "right" ? void 0 : pos.left,
+        right: align === "right" ? Math.max(window.innerWidth - pos.left, 0) : void 0
+      } : void 0,
+      children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-auto pr-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: rest.map((it, i) => /* @__PURE__ */ jsx(Badge, { tone: it.tone, children: it.label }, `${it.label}-overflow-${i}`)) }) })
+    }
+  ) });
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: `relative inline-flex flex-wrap gap-1.5 ${className}`, children: [
+    show.map((it, i) => /* @__PURE__ */ jsx(Badge, { tone: it.tone, children: it.label }, `${it.label}-${i}`)),
+    rest.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: btnRef,
+          type: "button",
+          onClick: () => setOpen((v) => !v),
+          className: "inline-flex items-center rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200 hover:bg-slate-200 dark:bg-white/10 dark:text-slate-100 dark:ring-white/10",
+          title: rest.map((r) => r.label).join(", "),
+          children: [
+            "+",
+            rest.length
+          ]
+        }
+      ),
+      usePortal ? createPortal(Popover, document.body) : /* @__PURE__ */ jsx("div", { className: "relative", children: Popover })
+    ] })
+  ] });
+}
+export {
+  BadgeCluster as default
+};

package/dist/Breadcrumb.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Crumb = {
+    label: string;
+    href?: string;
+};
+declare function Breadcrumb({ items }: {
+    items: Crumb[];
+}): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb as default };

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Crumb = {
+    label: string;
+    href?: string;
+};
+declare function Breadcrumb({ items }: {
+    items: Crumb[];
+}): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb as default };

package/dist/Breadcrumb.js

@@ -0,0 +1,42 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Breadcrumb_exports = {};
+__export(Breadcrumb_exports, {
+  default: () => Breadcrumb
+});
+module.exports = __toCommonJS(Breadcrumb_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+function Breadcrumb({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "mb-4 flex items-center text-sm text-slate-500", "aria-label": "Breadcrumb", children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 20 20", className: "mx-2 h-4 w-4 opacity-50", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 4l6 6-6 6" }) }),
+    it.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: "hover:text-slate-700", href: it.href, children: it.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium text-slate-900 dark:text-slate-100", children: it.label })
+  ] }, i)) });
+}

package/dist/Breadcrumb.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+function Breadcrumb({ items }) {
+  return /* @__PURE__ */ jsx("nav", { className: "mb-4 flex items-center text-sm text-slate-500", "aria-label": "Breadcrumb", children: items.map((it, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", className: "mx-2 h-4 w-4 opacity-50", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M7 4l6 6-6 6" }) }),
+    it.href ? /* @__PURE__ */ jsx("a", { className: "hover:text-slate-700", href: it.href, children: it.label }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-900 dark:text-slate-100", children: it.label })
+  ] }, i)) });
+}
+export {
+  Breadcrumb as default
+};

package/dist/Button.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type ButtonProps = {
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
+    size?: "sm" | "md" | "lg";
+    loading?: boolean;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    block?: boolean;
+    className?: string;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare function Button({ children, variant, size, loading, disabled, leftIcon, rightIcon, block, className, type, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button as default };

package/dist/Button.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type ButtonProps = {
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
+    size?: "sm" | "md" | "lg";
+    loading?: boolean;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    block?: boolean;
+    className?: string;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare function Button({ children, variant, size, loading, disabled, leftIcon, rightIcon, block, className, type, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button as default };

package/dist/Button.js

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button({
+  children,
+  variant = "primary",
+  size = "md",
+  loading = false,
+  disabled,
+  leftIcon,
+  rightIcon,
+  block = false,
+  className = "",
+  type = "button",
+  ...rest
+}) {
+  const base = "inline-flex items-center justify-center gap-2 rounded-xl font-medium transition focus:outline-none focus-visible:ring-2 disabled:opacity-60 disabled:cursor-not-allowed";
+  const sizes = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-11 px-5 text-base" : "h-10 px-4 text-sm";
+  const variants = {
+    primary: "bg-slate-900 text-white hover:opacity-90 active:scale-[.98] dark:bg-white dark:text-slate-900",
+    secondary: "border border-slate-300/80 bg-white text-slate-700 hover:bg-slate-50 active:scale-[.98] dark:border-white/10 dark:bg-white/5 dark:text-slate-200 dark:hover:bg-white/10",
+    outline: "border border-slate-300/80 bg-transparent text-slate-700 hover:bg-slate-50 active:scale-[.98] dark:border-white/10 dark:text-slate-200 dark:hover:bg-white/10",
+    ghost: "bg-transparent text-slate-700 hover:bg-slate-50 active:scale-[.98] dark:text-slate-200 dark:hover:bg-white/10",
+    danger: "bg-blue-600 text-white hover:opacity-90 active:scale-[.98] dark:bg-blue-500"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type,
+      disabled: disabled || loading,
+      className: [
+        base,
+        sizes,
+        variants[variant],
+        block ? "w-full" : "",
+        className
+      ].join(" "),
+      ...rest,
+      children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4 animate-spin", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "9", className: "opacity-25" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 0 0-9-9", className: "opacity-90" })
+        ] }),
+        !loading && leftIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children }),
+        !loading && rightIcon
+      ]
+    }
+  );
+}

package/dist/Button.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Button({
+  children,
+  variant = "primary",
+  size = "md",
+  loading = false,
+  disabled,
+  leftIcon,
+  rightIcon,
+  block = false,
+  className = "",
+  type = "button",
+  ...rest
+}) {
+  const base = "inline-flex items-center justify-center gap-2 rounded-xl font-medium transition focus:outline-none focus-visible:ring-2 disabled:opacity-60 disabled:cursor-not-allowed";
+  const sizes = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-11 px-5 text-base" : "h-10 px-4 text-sm";
+  const variants = {
+    primary: "bg-slate-900 text-white hover:opacity-90 active:scale-[.98] dark:bg-white dark:text-slate-900",
+    secondary: "border border-slate-300/80 bg-white text-slate-700 hover:bg-slate-50 active:scale-[.98] dark:border-white/10 dark:bg-white/5 dark:text-slate-200 dark:hover:bg-white/10",
+    outline: "border border-slate-300/80 bg-transparent text-slate-700 hover:bg-slate-50 active:scale-[.98] dark:border-white/10 dark:text-slate-200 dark:hover:bg-white/10",
+    ghost: "bg-transparent text-slate-700 hover:bg-slate-50 active:scale-[.98] dark:text-slate-200 dark:hover:bg-white/10",
+    danger: "bg-blue-600 text-white hover:opacity-90 active:scale-[.98] dark:bg-blue-500"
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      disabled: disabled || loading,
+      className: [
+        base,
+        sizes,
+        variants[variant],
+        block ? "w-full" : "",
+        className
+      ].join(" "),
+      ...rest,
+      children: [
+        loading && /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "h-4 w-4 animate-spin", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", className: "opacity-25" }),
+          /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9", className: "opacity-90" })
+        ] }),
+        !loading && leftIcon,
+        /* @__PURE__ */ jsx("span", { className: "truncate", children }),
+        !loading && rightIcon
+      ]
+    }
+  );
+}
+export {
+  Button as default
+};

package/dist/CalendarPanel.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type CalendarPanelProps = {
+    cursor: Date;
+    value?: Date | null;
+    min?: string;
+    max?: string;
+    onCursorChange: (d: Date) => void;
+    onPick: (d: Date) => void;
+};
+declare function CalendarPanel({ cursor, value, min, max, onCursorChange, onPick }: CalendarPanelProps): react_jsx_runtime.JSX.Element;
+
+export { type CalendarPanelProps, CalendarPanel as default };

package/dist/CalendarPanel.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type CalendarPanelProps = {
+    cursor: Date;
+    value?: Date | null;
+    min?: string;
+    max?: string;
+    onCursorChange: (d: Date) => void;
+    onPick: (d: Date) => void;
+};
+declare function CalendarPanel({ cursor, value, min, max, onCursorChange, onPick }: CalendarPanelProps): react_jsx_runtime.JSX.Element;
+
+export { type CalendarPanelProps, CalendarPanel as default };

package/dist/CalendarPanel.js

@@ -0,0 +1,110 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CalendarPanel_exports = {};
+__export(CalendarPanel_exports, {
+  default: () => CalendarPanel
+});
+module.exports = __toCommonJS(CalendarPanel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const pad2 = (n) => n < 10 ? `0${n}` : String(n);
+const fmtISODate = (d) => `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;
+const dow = ["D", "L", "M", "M", "J", "V", "S"];
+function buildMonthGrid(year, monthIdx0) {
+  const firstOfMonth = new Date(year, monthIdx0, 1);
+  const start = new Date(firstOfMonth);
+  start.setDate(firstOfMonth.getDate() - firstOfMonth.getDay());
+  return Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(start);
+    d.setDate(start.getDate() + i);
+    return d;
+  });
+}
+function CalendarPanel({
+  cursor,
+  value,
+  min,
+  max,
+  onCursorChange,
+  onPick
+}) {
+  const year = cursor.getFullYear();
+  const month = cursor.getMonth();
+  const today = /* @__PURE__ */ new Date();
+  const grid = buildMonthGrid(year, month);
+  const withinBounds = (d) => {
+    if (!min && !max) return true;
+    const t = d.getTime();
+    if (min) {
+      const m = new Date(min);
+      if (!isNaN(m) && t < m.getTime()) return false;
+    }
+    if (max) {
+      const M = new Date(max);
+      if (!isNaN(M) && t > M.getTime()) return false;
+    }
+    return true;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between px-3 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-semibold", children: cursor.toLocaleDateString("es-MX", { month: "long", year: "numeric" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
+            onClick: () => onCursorChange(new Date(year, month - 1, 1)),
+            children: "\u25C0"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: "rounded-lg border border-slate-200 px-2 py-1 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/10",
+            onClick: () => onCursorChange(new Date(year, month + 1, 1)),
+            children: "\u25B6"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2 text-center text-[11px] uppercase tracking-wide text-slate-500", children: dow.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-1", children: d }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1 px-2 pb-2", children: grid.map((d) => {
+      const inMonth = d.getMonth() === month;
+      const selected = value && fmtISODate(d) === fmtISODate(value);
+      const isToday = fmtISODate(d) === fmtISODate(today);
+      const disabled = !withinBounds(d);
+      const key = d.toISOString().slice(0, 10);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          disabled,
+          onClick: () => !disabled && onPick(d),
+          className: [
+            "h-9 rounded-xl text-sm flex items-center justify-center leading-none",
+            selected ? "bg-slate-900 text-white dark:bg-white dark:text-slate-900" : isToday ? "border border-slate-300/70 dark:border-white/10" : "hover:bg-slate-100 dark:hover:bg-white/10",
+            !inMonth && "text-slate-400",
+            disabled && "opacity-40 cursor-not-allowed"
+          ].filter(Boolean).join(" "),
+          children: d.getDate()
+        },
+        key
+      );
+    }) })
+  ] });
+}