@ginia/ui 0.1.1

package/dist/components/ui/date-picker/date-picker.cjs

@@ -0,0 +1,189 @@
+"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 date_picker_exports = {};
+__export(date_picker_exports, {
+  DatePicker: () => DatePicker
+});
+module.exports = __toCommonJS(date_picker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_date_fns = require("date-fns");
+var import_locale = require("date-fns/locale");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+var import_button = require("../button");
+var import_popover = require("../popover");
+const monthNames = [
+  "Enero",
+  "Febrero",
+  "Marzo",
+  "Abril",
+  "Mayo",
+  "Junio",
+  "Julio",
+  "Agosto",
+  "Septiembre",
+  "Octubre",
+  "Noviembre",
+  "Diciembre"
+];
+const dayNames = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "S\xE1"];
+function DatePicker({
+  value,
+  onChange,
+  placeholder = "Seleccionar fecha",
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [currentMonth, setCurrentMonth] = React.useState(value || /* @__PURE__ */ new Date());
+  const getDaysInMonth = (date) => {
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days2 = [];
+    for (let i = 0; i < startingDayOfWeek; i++) {
+      days2.push(null);
+    }
+    for (let day = 1; day <= daysInMonth; day++) {
+      days2.push(new Date(Date.UTC(year, month, day)));
+    }
+    return days2;
+  };
+  const days = getDaysInMonth(currentMonth);
+  const handleDateSelect = (date) => {
+    onChange?.(date);
+    setOpen(false);
+  };
+  const goToPreviousMonth = () => {
+    setCurrentMonth(
+      new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1)
+    );
+  };
+  const goToNextMonth = () => {
+    setCurrentMonth(
+      new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1)
+    );
+  };
+  const isToday = (date) => {
+    const today = /* @__PURE__ */ new Date();
+    return date.getUTCFullYear() === today.getFullYear() && date.getUTCMonth() === today.getMonth() && date.getUTCDate() === today.getDate();
+  };
+  const isSelected = (date) => {
+    if (!value) return false;
+    return date.getUTCFullYear() === value.getFullYear() && date.getUTCMonth() === value.getMonth() && date.getUTCDate() === value.getDate();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
+      {
+        variant: "outline",
+        "data-slot": "date-picker",
+        className: (0, import_utils.cn)(
+          "w-full justify-start text-left font-normal",
+          !value && "text-muted-foreground",
+          className
+        ),
+        disabled,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { className: "mr-2 h-4 w-4" }),
+          value ? (0, import_date_fns.format)(value, "dd/MM/yyyy", { locale: import_locale.es }) : placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: goToPreviousMonth,
+            className: "h-7 w-7 p-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "font-medium text-sm", children: [
+          monthNames[currentMonth.getMonth()],
+          " ",
+          currentMonth.getFullYear()
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: goToNextMonth,
+            className: "h-7 w-7 p-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2", children: dayNames.map((day) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "text-center text-xs font-medium text-muted-foreground py-2",
+          children: day
+        },
+        day
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-7 gap-1", children: days.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "h-9 w-9 flex items-center justify-center",
+          children: day ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: (0, import_utils.cn)(
+                "h-9 w-9 p-0 font-normal",
+                isSelected(day) && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+                isToday(day) && !isSelected(day) && "bg-accent text-accent-foreground",
+                "hover:bg-muted"
+              ),
+              onClick: () => handleDateSelect(day),
+              children: day.getDate()
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-9 w-9" })
+        },
+        index
+      )) })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePicker
+});
+//# sourceMappingURL=date-picker.cjs.map

package/dist/components/ui/date-picker/date-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { format } from \"date-fns\";\nimport { es } from \"date-fns/locale\";\nimport {\n  Calendar as CalendarIcon,\n  ChevronLeft,\n  ChevronRight,\n} from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\nexport interface DatePickerProps {\n  value?: Date;\n  onChange?: (date: Date | undefined) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst monthNames = [\n  \"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\",\n  \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\",\n];\nconst dayNames = [\"Do\", \"Lu\", \"Ma\", \"Mi\", \"Ju\", \"Vi\", \"Sá\"];\n\nfunction DatePicker({\n  value,\n  onChange,\n  placeholder = \"Seleccionar fecha\",\n  disabled = false,\n  className,\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [currentMonth, setCurrentMonth] = React.useState(value || new Date());\n\n  const getDaysInMonth = (date: Date) => {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const firstDay = new Date(year, month, 1);\n    const lastDay = new Date(year, month + 1, 0);\n    const daysInMonth = lastDay.getDate();\n    const startingDayOfWeek = firstDay.getDay();\n\n    const days: (Date | null)[] = [];\n\n    for (let i = 0; i < startingDayOfWeek; i++) {\n      days.push(null);\n    }\n\n    for (let day = 1; day <= daysInMonth; day++) {\n      days.push(new Date(Date.UTC(year, month, day)));\n    }\n\n    return days;\n  };\n\n  const days = getDaysInMonth(currentMonth);\n\n  const handleDateSelect = (date: Date) => {\n    onChange?.(date);\n    setOpen(false);\n  };\n\n  const goToPreviousMonth = () => {\n    setCurrentMonth(\n      new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1)\n    );\n  };\n\n  const goToNextMonth = () => {\n    setCurrentMonth(\n      new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1)\n    );\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getUTCFullYear() === today.getFullYear() &&\n      date.getUTCMonth() === today.getMonth() &&\n      date.getUTCDate() === today.getDate()\n    );\n  };\n\n  const isSelected = (date: Date) => {\n    if (!value) return false;\n    return (\n      date.getUTCFullYear() === value.getFullYear() &&\n      date.getUTCMonth() === value.getMonth() &&\n      date.getUTCDate() === value.getDate()\n    );\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          data-slot=\"date-picker\"\n          className={cn(\n            \"w-full justify-start text-left font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n          disabled={disabled}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value\n            ? format(value, \"dd/MM/yyyy\", { locale: es })\n            : placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <div className=\"p-3\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToPreviousMonth}\n              className=\"h-7 w-7 p-0\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </Button>\n            <div className=\"font-medium text-sm\">\n              {monthNames[currentMonth.getMonth()]}{\" \"}\n              {currentMonth.getFullYear()}\n            </div>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToNextMonth}\n              className=\"h-7 w-7 p-0\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </Button>\n          </div>\n\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {dayNames.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-medium text-muted-foreground py-2\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          <div className=\"grid grid-cols-7 gap-1\">\n            {days.map((day, index) => (\n              <div\n                key={index}\n                className=\"h-9 w-9 flex items-center justify-center\"\n              >\n                {day ? (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(\n                      \"h-9 w-9 p-0 font-normal\",\n                      isSelected(day) &&\n                        \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n                      isToday(day) &&\n                        !isSelected(day) &&\n                        \"bg-accent text-accent-foreground\",\n                      \"hover:bg-muted\"\n                    )}\n                    onClick={() => handleDateSelect(day)}\n                  >\n                    {day.getDate()}\n                  </Button>\n                ) : (\n                  <div className=\"h-9 w-9\" />\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { DatePicker };\n"],"mappings":"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","names":["days","CalendarIcon"]}

package/dist/components/ui/date-picker/date-picker.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+export { DatePicker, type DatePickerProps };

package/dist/components/ui/date-picker/date-picker.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+export { DatePicker, type DatePickerProps };

package/dist/components/ui/date-picker/date-picker.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { es } from "date-fns/locale";
+import {
+  Calendar as CalendarIcon,
+  ChevronLeft,
+  ChevronRight
+} from "lucide-react";
+import { cn } from "../../../lib/utils";
+import { Button } from "../button";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover";
+const monthNames = [
+  "Enero",
+  "Febrero",
+  "Marzo",
+  "Abril",
+  "Mayo",
+  "Junio",
+  "Julio",
+  "Agosto",
+  "Septiembre",
+  "Octubre",
+  "Noviembre",
+  "Diciembre"
+];
+const dayNames = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "S\xE1"];
+function DatePicker({
+  value,
+  onChange,
+  placeholder = "Seleccionar fecha",
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [currentMonth, setCurrentMonth] = React.useState(value || /* @__PURE__ */ new Date());
+  const getDaysInMonth = (date) => {
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days2 = [];
+    for (let i = 0; i < startingDayOfWeek; i++) {
+      days2.push(null);
+    }
+    for (let day = 1; day <= daysInMonth; day++) {
+      days2.push(new Date(Date.UTC(year, month, day)));
+    }
+    return days2;
+  };
+  const days = getDaysInMonth(currentMonth);
+  const handleDateSelect = (date) => {
+    onChange?.(date);
+    setOpen(false);
+  };
+  const goToPreviousMonth = () => {
+    setCurrentMonth(
+      new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1)
+    );
+  };
+  const goToNextMonth = () => {
+    setCurrentMonth(
+      new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1)
+    );
+  };
+  const isToday = (date) => {
+    const today = /* @__PURE__ */ new Date();
+    return date.getUTCFullYear() === today.getFullYear() && date.getUTCMonth() === today.getMonth() && date.getUTCDate() === today.getDate();
+  };
+  const isSelected = (date) => {
+    if (!value) return false;
+    return date.getUTCFullYear() === value.getFullYear() && date.getUTCMonth() === value.getMonth() && date.getUTCDate() === value.getDate();
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        "data-slot": "date-picker",
+        className: cn(
+          "w-full justify-start text-left font-normal",
+          !value && "text-muted-foreground",
+          className
+        ),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          value ? format(value, "dd/MM/yyyy", { locale: es }) : placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: goToPreviousMonth,
+            className: "h-7 w-7 p-0",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "font-medium text-sm", children: [
+          monthNames[currentMonth.getMonth()],
+          " ",
+          currentMonth.getFullYear()
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: goToNextMonth,
+            className: "h-7 w-7 p-0",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: dayNames.map((day) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "text-center text-xs font-medium text-muted-foreground py-2",
+          children: day
+        },
+        day
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((day, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-9 w-9 flex items-center justify-center",
+          children: day ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: cn(
+                "h-9 w-9 p-0 font-normal",
+                isSelected(day) && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+                isToday(day) && !isSelected(day) && "bg-accent text-accent-foreground",
+                "hover:bg-muted"
+              ),
+              onClick: () => handleDateSelect(day),
+              children: day.getDate()
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "h-9 w-9" })
+        },
+        index
+      )) })
+    ] }) })
+  ] });
+}
+export {
+  DatePicker
+};
+//# sourceMappingURL=date-picker.js.map

package/dist/components/ui/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { format } from \"date-fns\";\nimport { es } from \"date-fns/locale\";\nimport {\n  Calendar as CalendarIcon,\n  ChevronLeft,\n  ChevronRight,\n} from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\nexport interface DatePickerProps {\n  value?: Date;\n  onChange?: (date: Date | undefined) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst monthNames = [\n  \"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\",\n  \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\",\n];\nconst dayNames = [\"Do\", \"Lu\", \"Ma\", \"Mi\", \"Ju\", \"Vi\", \"Sá\"];\n\nfunction DatePicker({\n  value,\n  onChange,\n  placeholder = \"Seleccionar fecha\",\n  disabled = false,\n  className,\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [currentMonth, setCurrentMonth] = React.useState(value || new Date());\n\n  const getDaysInMonth = (date: Date) => {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const firstDay = new Date(year, month, 1);\n    const lastDay = new Date(year, month + 1, 0);\n    const daysInMonth = lastDay.getDate();\n    const startingDayOfWeek = firstDay.getDay();\n\n    const days: (Date | null)[] = [];\n\n    for (let i = 0; i < startingDayOfWeek; i++) {\n      days.push(null);\n    }\n\n    for (let day = 1; day <= daysInMonth; day++) {\n      days.push(new Date(Date.UTC(year, month, day)));\n    }\n\n    return days;\n  };\n\n  const days = getDaysInMonth(currentMonth);\n\n  const handleDateSelect = (date: Date) => {\n    onChange?.(date);\n    setOpen(false);\n  };\n\n  const goToPreviousMonth = () => {\n    setCurrentMonth(\n      new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1)\n    );\n  };\n\n  const goToNextMonth = () => {\n    setCurrentMonth(\n      new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1)\n    );\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getUTCFullYear() === today.getFullYear() &&\n      date.getUTCMonth() === today.getMonth() &&\n      date.getUTCDate() === today.getDate()\n    );\n  };\n\n  const isSelected = (date: Date) => {\n    if (!value) return false;\n    return (\n      date.getUTCFullYear() === value.getFullYear() &&\n      date.getUTCMonth() === value.getMonth() &&\n      date.getUTCDate() === value.getDate()\n    );\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          data-slot=\"date-picker\"\n          className={cn(\n            \"w-full justify-start text-left font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n          disabled={disabled}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {value\n            ? format(value, \"dd/MM/yyyy\", { locale: es })\n            : placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <div className=\"p-3\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToPreviousMonth}\n              className=\"h-7 w-7 p-0\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </Button>\n            <div className=\"font-medium text-sm\">\n              {monthNames[currentMonth.getMonth()]}{\" \"}\n              {currentMonth.getFullYear()}\n            </div>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToNextMonth}\n              className=\"h-7 w-7 p-0\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </Button>\n          </div>\n\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {dayNames.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-medium text-muted-foreground py-2\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          <div className=\"grid grid-cols-7 gap-1\">\n            {days.map((day, index) => (\n              <div\n                key={index}\n                className=\"h-9 w-9 flex items-center justify-center\"\n              >\n                {day ? (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(\n                      \"h-9 w-9 p-0 font-normal\",\n                      isSelected(day) &&\n                        \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n                      isToday(day) &&\n                        !isSelected(day) &&\n                        \"bg-accent text-accent-foreground\",\n                      \"hover:bg-muted\"\n                    )}\n                    onClick={() => handleDateSelect(day)}\n                  >\n                    {day.getDate()}\n                  </Button>\n                ) : (\n                  <div className=\"h-9 w-9\" />\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { DatePicker };\n"],"mappings":"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","names":["days"]}

package/dist/components/ui/date-picker/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var date_picker_exports = {};
+module.exports = __toCommonJS(date_picker_exports);
+__reExport(date_picker_exports, require("./date-picker"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./date-picker")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/date-picker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/date-picker/index.ts"],"sourcesContent":["export * from \"./date-picker\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAc,0BAAd;","names":[]}

package/dist/components/ui/date-picker/index.d.cts

@@ -0,0 +1,2 @@
+export { DatePicker, DatePickerProps } from './date-picker.cjs';
+import 'react/jsx-runtime';

package/dist/components/ui/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker, DatePickerProps } from './date-picker.js';
+import 'react/jsx-runtime';

package/dist/components/ui/date-picker/index.js

@@ -0,0 +1,2 @@
+export * from "./date-picker";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/date-picker/index.ts"],"sourcesContent":["export * from \"./date-picker\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/ui/dialog/dialog.cjs

@@ -0,0 +1,184 @@
+"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 dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: (0, import_utils.cn)(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: (0, import_utils.cn)(
+          "bg-popover data-[state=open]:animate-dialog-in data-[state=closed]:animate-dialog-out fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: (0, import_utils.cn)(
+        "flex flex-col gap-2 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: (0, import_utils.cn)(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: (0, import_utils.cn)("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: (0, import_utils.cn)("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+});
+//# sourceMappingURL=dialog.cjs.map

package/dist/components/ui/dialog/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction Dialog({\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n    return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n    return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n    return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n    return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n    className,\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n    return (\n        <DialogPrimitive.Overlay\n            data-slot=\"dialog-overlay\"\n            className={cn(\n                \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction DialogContent({\n    className,\n    children,\n    showCloseButton = true,\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n    showCloseButton?: boolean;\n}) {\n    return (\n        <DialogPortal data-slot=\"dialog-portal\">\n            <DialogOverlay />\n            <DialogPrimitive.Content\n                data-slot=\"dialog-content\"\n                className={cn(\n                    \"bg-popover data-[state=open]:animate-dialog-in data-[state=closed]:animate-dialog-out fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg sm:max-w-lg\",\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                {showCloseButton && (\n                    <DialogPrimitive.Close\n                        data-slot=\"dialog-close\"\n                        className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    >\n                        <XIcon />\n                        <span className=\"sr-only\">Close</span>\n                    </DialogPrimitive.Close>\n                )}\n            </DialogPrimitive.Content>\n        </DialogPortal>\n    );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n    return (\n        <div\n            data-slot=\"dialog-header\"\n            className={cn(\n                \"flex flex-col gap-2 text-center sm:text-left\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n    return (\n        <div\n            data-slot=\"dialog-footer\"\n            className={cn(\n                \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction DialogTitle({\n    className,\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n    return (\n        <DialogPrimitive.Title\n            data-slot=\"dialog-title\"\n            className={cn(\"text-lg leading-none font-semibold\", className)}\n            {...props}\n        />\n    );\n}\n\nfunction DialogDescription({\n    className,\n    ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n    return (\n        <DialogPrimitive.Description\n            data-slot=\"dialog-description\"\n            className={cn(\"text-muted-foreground text-sm\", className)}\n            {...props}\n        />\n    );\n}\n\nexport {\n    Dialog,\n    DialogClose,\n    DialogContent,\n    DialogDescription,\n    DialogFooter,\n    DialogHeader,\n    DialogOverlay,\n    DialogPortal,\n    DialogTitle,\n    DialogTrigger,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWW;AARX,sBAAiC;AACjC,0BAAsB;AAEtB,mBAAmB;AAEnB,SAAS,OAAO;AAAA,EACZ,GAAG;AACP,GAAsD;AAClD,SAAO,4CAAC,gBAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC/D;AAEA,SAAS,cAAc;AAAA,EACnB,GAAG;AACP,GAAyD;AACrD,SAAO,4CAAC,gBAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AAC1E;AAEA,SAAS,aAAa;AAAA,EAClB,GAAG;AACP,GAAwD;AACpD,SAAO,4CAAC,gBAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAG,OAAO;AACxE;AAEA,SAAS,YAAY;AAAA,EACjB,GAAG;AACP,GAAuD;AACnD,SAAO,4CAAC,gBAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACtE;AAEA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA,GAAG;AACP,GAAyD;AACrD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACP,GAEG;AACC,SACI,6CAAC,gBAAa,aAAU,iBACpB;AAAA,gDAAC,iBAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACG,aAAU;AAAA,QACV,eAAW;AAAA,UACP;AAAA,UACA;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACA,mBACG;AAAA,YAAC,gBAAgB;AAAA,YAAhB;AAAA,cACG,aAAU;AAAA,cACV,WAAU;AAAA,cAEV;AAAA,4DAAC,6BAAM;AAAA,gBACP,4CAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,UACnC;AAAA;AAAA;AAAA,IAER;AAAA,KACJ;AAER;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,YAAY;AAAA,EACjB;AAAA,EACA,GAAG;AACP,GAAuD;AACnD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA,GAAG;AACP,GAA6D;AACzD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACR;AAER;","names":[]}