@ginia/ui 0.1.23 → 0.1.25

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

@@ -1,70 +1,151 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { format } from "date-fns";
+import { addDays, format, startOfWeek } from "date-fns";
 import { es } from "date-fns/locale";
-import { Calendar as CalendarIcon, ChevronLeft, ChevronRight } from "lucide-react";
+import {
+  Calendar as CalendarIcon,
+  ChevronDown,
+  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 getWeekStartsOn(locale) {
+  const w = locale.options?.weekStartsOn;
+  if (w === void 0) return 1;
+  return w;
+}
+function useMonthLabels(locale) {
+  return React.useMemo(
+    () => Array.from({ length: 12 }, (_, i) => format(new Date(2024, i, 1), "LLL", { locale })),
+    [locale]
+  );
+}
+function weekdayTwoLetterLabel(abbrev) {
+  const graphemes = [...abbrev.normalize("NFC")];
+  if (graphemes.length <= 2) {
+    return abbrev;
+  }
+  return graphemes.slice(0, 2).join("");
+}
+function useWeekdayLabels(locale) {
+  return React.useMemo(() => {
+    const weekStartsOn = getWeekStartsOn(locale);
+    const start = startOfWeek(new Date(2024, 0, 3), { weekStartsOn });
+    return Array.from({ length: 7 }, (_, i) => {
+      const abbrev = format(addDays(start, i), "EEE", { locale });
+      return weekdayTwoLetterLabel(abbrev);
+    });
+  }, [locale]);
+}
+function getDaysInMonth(date, weekStartsOn) {
+  const year = date.getFullYear();
+  const month = date.getMonth();
+  const lastDay = new Date(year, month + 1, 0);
+  const daysInMonth = lastDay.getDate();
+  const firstDay = new Date(year, month, 1);
+  const startingDayOfWeek = firstDay.getDay();
+  const offset = (startingDayOfWeek - weekStartsOn + 7) % 7;
+  const days = [];
+  for (let i = 0; i < offset; i++) {
+    days.push(null);
+  }
+  for (let day = 1; day <= daysInMonth; day++) {
+    days.push(new Date(year, month, day));
+  }
+  return days;
+}
+function DatePickerSelect({
+  className,
+  wrapperClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", wrapperClassName), children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        ...props,
+        className: cn(
+          "h-9 w-full min-w-0 cursor-pointer appearance-none rounded-md border border-input bg-card py-0 pl-2 pr-9 text-left text-sm shadow-xs outline-none",
+          "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChevronDown,
+      {
+        className: "pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 shrink-0 text-muted-foreground opacity-80",
+        "aria-hidden": true
+      }
+    )
+  ] });
+}
 function DatePicker({
   value,
   onChange,
   placeholder = "Seleccionar fecha",
   disabled = false,
-  className
+  className,
+  locale = es,
+  fromYear,
+  toYear
 }) {
   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);
+  const [currentMonth, setCurrentMonth] = React.useState(() => {
+    const base = value ?? /* @__PURE__ */ new Date();
+    return new Date(base.getFullYear(), base.getMonth(), 1);
+  });
+  const monthLabels = useMonthLabels(locale);
+  const weekdayLabels = useWeekdayLabels(locale);
+  const weekStartsOn = getWeekStartsOn(locale);
+  React.useEffect(() => {
+    if (value) {
+      setCurrentMonth(new Date(value.getFullYear(), value.getMonth(), 1));
     }
-    for (let day = 1; day <= daysInMonth; day++) {
-      days2.push(new Date(Date.UTC(year, month, day)));
+  }, [value]);
+  const days = React.useMemo(
+    () => getDaysInMonth(currentMonth, weekStartsOn),
+    [currentMonth, weekStartsOn]
+  );
+  const yearOptions = React.useMemo(() => {
+    const y = (/* @__PURE__ */ new Date()).getFullYear();
+    const from = fromYear ?? y - 100;
+    const to = toYear ?? y + 10;
+    const list = [];
+    for (let i = from; i <= to; i++) {
+      list.push(i);
     }
-    return days2;
-  };
-  const days = getDaysInMonth(currentMonth);
+    return list;
+  }, [fromYear, toYear]);
   const handleDateSelect = (date) => {
     onChange?.(date);
     setOpen(false);
   };
   const goToPreviousMonth = () => {
-    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1));
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1));
   };
   const goToNextMonth = () => {
-    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1));
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1));
+  };
+  const setMonthFromSelect = (monthIndex) => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), monthIndex, 1));
+  };
+  const setYearFromSelect = (year) => {
+    setCurrentMonth(new Date(year, currentMonth.getMonth(), 1));
   };
   const isToday = (date) => {
     const today = /* @__PURE__ */ new Date();
-    return date.getUTCFullYear() === today.getFullYear() && date.getUTCMonth() === today.getMonth() && date.getUTCDate() === today.getDate();
+    return date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate();
   };
   const isSelected = (date) => {
     if (!value) return false;
-    return date.getUTCFullYear() === value.getFullYear() && date.getUTCMonth() === value.getMonth() && date.getUTCDate() === value.getDate();
+    return date.getFullYear() === value.getFullYear() && date.getMonth() === value.getMonth() && date.getDate() === value.getDate();
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -79,32 +160,78 @@ function DatePicker({
         ),
         disabled,
         children: [
-          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
-          value ? format(value, "dd/MM/yyyy", { locale: es }) : placeholder
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4 shrink-0" }),
+          value ? format(value, "P", { locale }) : placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between", 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: "text-sm font-medium", 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(PopoverContent, { className: "w-auto bg-white p-0 dark:bg-card", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: goToPreviousMonth,
+            className: "h-9 w-9 shrink-0 p-0",
+            "aria-label": locale.code?.startsWith("es") ? "Mes anterior" : "Previous month",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DatePickerSelect,
+          {
+            wrapperClassName: "w-[6.75rem] shrink-0",
+            value: currentMonth.getMonth(),
+            onChange: (e) => setMonthFromSelect(Number(e.target.value)),
+            "aria-label": locale.code?.startsWith("es") ? "Mes" : "Month",
+            children: monthLabels.map((label, i) => /* @__PURE__ */ jsx("option", { value: i, children: label }, label))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DatePickerSelect,
+          {
+            wrapperClassName: "w-[5.5rem] shrink-0",
+            className: "tabular-nums text-center",
+            value: currentMonth.getFullYear(),
+            onChange: (e) => setYearFromSelect(Number(e.target.value)),
+            "aria-label": locale.code?.startsWith("es") ? "A\xF1o" : "Year",
+            children: yearOptions.map((y) => /* @__PURE__ */ jsx("option", { value: y, children: y }, y))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: goToNextMonth,
+            className: "h-9 w-9 shrink-0 p-0",
+            "aria-label": locale.code?.startsWith("es") ? "Mes siguiente" : "Next month",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "mb-2 grid grid-cols-7 gap-1", children: dayNames.map((day) => /* @__PURE__ */ jsx("div", { className: "py-2 text-center text-xs font-medium text-muted-foreground", children: day }, day)) }),
+      /* @__PURE__ */ jsx("div", { className: "mb-2 grid grid-cols-7 gap-1", children: weekdayLabels.map((day, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "px-0.5 py-2 text-center text-sm font-medium capitalize leading-tight text-muted-foreground",
+          children: day
+        },
+        i
+      )) }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((day, index) => /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center", children: day ? /* @__PURE__ */ jsx(
         Button,
         {
+          type: "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"
+            isSelected(day) && "bg-primary text-primary-foreground hover:bg-primary-dark hover:text-primary-foreground",
+            isToday(day) && !isSelected(day) && "bg-accent text-accent-foreground hover:bg-accent/80 hover:text-accent-foreground",
+            !isSelected(day) && !isToday(day) && "hover:bg-muted hover:text-foreground"
           ),
           onClick: () => handleDateSelect(day),
           children: day.getDate()

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

@@ -1 +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 { Calendar as CalendarIcon, ChevronLeft, ChevronRight } 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\",\n  \"Febrero\",\n  \"Marzo\",\n  \"Abril\",\n  \"Mayo\",\n  \"Junio\",\n  \"Julio\",\n  \"Agosto\",\n  \"Septiembre\",\n  \"Octubre\",\n  \"Noviembre\",\n  \"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(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1));\n  };\n\n  const goToNextMonth = () => {\n    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1));\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 ? format(value, \"dd/MM/yyyy\", { locale: es }) : placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <div className=\"p-3\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <Button variant=\"outline\" size=\"sm\" onClick={goToPreviousMonth} className=\"h-7 w-7 p-0\">\n              <ChevronLeft className=\"h-4 w-4\" />\n            </Button>\n            <div className=\"text-sm font-medium\">\n              {monthNames[currentMonth.getMonth()]} {currentMonth.getFullYear()}\n            </div>\n            <Button variant=\"outline\" size=\"sm\" onClick={goToNextMonth} className=\"h-7 w-7 p-0\">\n              <ChevronRight className=\"h-4 w-4\" />\n            </Button>\n          </div>\n\n          <div className=\"mb-2 grid grid-cols-7 gap-1\">\n            {dayNames.map((day) => (\n              <div key={day} className=\"py-2 text-center text-xs font-medium text-muted-foreground\">\n                {day}\n              </div>\n            ))}\n          </div>\n\n          <div className=\"grid grid-cols-7 gap-1\">\n            {days.map((day, index) => (\n              <div key={index} className=\"flex h-9 w-9 items-center justify-center\">\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) && !isSelected(day) && \"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"]}
+{"version":3,"sources":["../../../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { addDays, format, startOfWeek } from \"date-fns\";\nimport type { Locale } from \"date-fns\";\nimport { es } from \"date-fns/locale\";\nimport {\n  Calendar as CalendarIcon,\n  ChevronDown,\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   * Locale de `date-fns` para nombres de mes/día y formato de la fecha en el botón.\n   * Por defecto español (`es`).\n   */\n  locale?: Locale;\n  /** Año mínimo en el selector (inclusive). */\n  fromYear?: number;\n  /** Año máximo en el selector (inclusive). */\n  toYear?: number;\n}\n\nfunction getWeekStartsOn(locale: Locale): 0 | 1 | 2 | 3 | 4 | 5 | 6 {\n  const w = locale.options?.weekStartsOn;\n  if (w === undefined) return 1;\n  return w as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n}\n\n/** Meses abreviados (`LLL`) para que el `<select>` sea compacto dentro del popover. */\nfunction useMonthLabels(locale: Locale) {\n  return React.useMemo(\n    () => Array.from({ length: 12 }, (_, i) => format(new Date(2024, i, 1), \"LLL\", { locale })),\n    [locale],\n  );\n}\n\n/** Abreviatura del día en exactamente dos caracteres visibles (p. ej. lun → lu, Wed → We). */\nfunction weekdayTwoLetterLabel(abbrev: string): string {\n  const graphemes = [...abbrev.normalize(\"NFC\")];\n  if (graphemes.length <= 2) {\n    return abbrev;\n  }\n  return graphemes.slice(0, 2).join(\"\");\n}\n\nfunction useWeekdayLabels(locale: Locale) {\n  return React.useMemo(() => {\n    const weekStartsOn = getWeekStartsOn(locale);\n    const start = startOfWeek(new Date(2024, 0, 3), { weekStartsOn });\n    return Array.from({ length: 7 }, (_, i) => {\n      const abbrev = format(addDays(start, i), \"EEE\", { locale });\n      return weekdayTwoLetterLabel(abbrev);\n    });\n  }, [locale]);\n}\n\nfunction getDaysInMonth(date: Date, weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6) {\n  const year = date.getFullYear();\n  const month = date.getMonth();\n  const lastDay = new Date(year, month + 1, 0);\n  const daysInMonth = lastDay.getDate();\n  const firstDay = new Date(year, month, 1);\n  const startingDayOfWeek = firstDay.getDay();\n  const offset = (startingDayOfWeek - weekStartsOn + 7) % 7;\n\n  const days: (Date | null)[] = [];\n  for (let i = 0; i < offset; i++) {\n    days.push(null);\n  }\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(new Date(year, month, day));\n  }\n  return days;\n}\n\n/** Select nativo sin flecha del sistema: el chevron es un icono con margen fijo (padding fiable en todos los navegadores). */\nfunction DatePickerSelect({\n  className,\n  wrapperClassName,\n  children,\n  ...props\n}: React.ComponentProps<\"select\"> & { wrapperClassName?: string }) {\n  return (\n    <div className={cn(\"relative\", wrapperClassName)}>\n      <select\n        {...props}\n        className={cn(\n          \"h-9 w-full min-w-0 cursor-pointer appearance-none rounded-md border border-input bg-card py-0 pl-2 pr-9 text-left text-sm shadow-xs outline-none\",\n          \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n      >\n        {children}\n      </select>\n      <ChevronDown\n        className=\"pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 shrink-0 text-muted-foreground opacity-80\"\n        aria-hidden\n      />\n    </div>\n  );\n}\n\nfunction DatePicker({\n  value,\n  onChange,\n  placeholder = \"Seleccionar fecha\",\n  disabled = false,\n  className,\n  locale = es,\n  fromYear,\n  toYear,\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [currentMonth, setCurrentMonth] = React.useState(() => {\n    const base = value ?? new Date();\n    return new Date(base.getFullYear(), base.getMonth(), 1);\n  });\n\n  const monthLabels = useMonthLabels(locale);\n  const weekdayLabels = useWeekdayLabels(locale);\n  const weekStartsOn = getWeekStartsOn(locale);\n\n  React.useEffect(() => {\n    if (value) {\n      setCurrentMonth(new Date(value.getFullYear(), value.getMonth(), 1));\n    }\n  }, [value]);\n\n  const days = React.useMemo(\n    () => getDaysInMonth(currentMonth, weekStartsOn),\n    [currentMonth, weekStartsOn],\n  );\n\n  const yearOptions = React.useMemo(() => {\n    const y = new Date().getFullYear();\n    const from = fromYear ?? y - 100;\n    const to = toYear ?? y + 10;\n    const list: number[] = [];\n    for (let i = from; i <= to; i++) {\n      list.push(i);\n    }\n    return list;\n  }, [fromYear, toYear]);\n\n  const handleDateSelect = (date: Date) => {\n    onChange?.(date);\n    setOpen(false);\n  };\n\n  const goToPreviousMonth = () => {\n    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1));\n  };\n\n  const goToNextMonth = () => {\n    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1));\n  };\n\n  const setMonthFromSelect = (monthIndex: number) => {\n    setCurrentMonth(new Date(currentMonth.getFullYear(), monthIndex, 1));\n  };\n\n  const setYearFromSelect = (year: number) => {\n    setCurrentMonth(new Date(year, currentMonth.getMonth(), 1));\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getFullYear() === today.getFullYear() &&\n      date.getMonth() === today.getMonth() &&\n      date.getDate() === today.getDate()\n    );\n  };\n\n  const isSelected = (date: Date) => {\n    if (!value) return false;\n    return (\n      date.getFullYear() === value.getFullYear() &&\n      date.getMonth() === value.getMonth() &&\n      date.getDate() === 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 shrink-0\" />\n          {value ? format(value, \"P\", { locale }) : placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto bg-white p-0 dark:bg-card\" align=\"start\">\n        <div className=\"p-3\">\n          <div className=\"mb-3 flex flex-wrap items-center justify-center gap-1.5\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToPreviousMonth}\n              className=\"h-9 w-9 shrink-0 p-0\"\n              aria-label={locale.code?.startsWith(\"es\") ? \"Mes anterior\" : \"Previous month\"}\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </Button>\n            <DatePickerSelect\n              wrapperClassName=\"w-[6.75rem] shrink-0\"\n              value={currentMonth.getMonth()}\n              onChange={(e) => setMonthFromSelect(Number(e.target.value))}\n              aria-label={locale.code?.startsWith(\"es\") ? \"Mes\" : \"Month\"}\n            >\n              {monthLabels.map((label, i) => (\n                <option key={label} value={i}>\n                  {label}\n                </option>\n              ))}\n            </DatePickerSelect>\n            <DatePickerSelect\n              wrapperClassName=\"w-[5.5rem] shrink-0\"\n              className=\"tabular-nums text-center\"\n              value={currentMonth.getFullYear()}\n              onChange={(e) => setYearFromSelect(Number(e.target.value))}\n              aria-label={locale.code?.startsWith(\"es\") ? \"Año\" : \"Year\"}\n            >\n              {yearOptions.map((y) => (\n                <option key={y} value={y}>\n                  {y}\n                </option>\n              ))}\n            </DatePickerSelect>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToNextMonth}\n              className=\"h-9 w-9 shrink-0 p-0\"\n              aria-label={locale.code?.startsWith(\"es\") ? \"Mes siguiente\" : \"Next month\"}\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </Button>\n          </div>\n\n          <div className=\"mb-2 grid grid-cols-7 gap-1\">\n            {weekdayLabels.map((day, i) => (\n              <div\n                key={i}\n                className=\"px-0.5 py-2 text-center text-sm font-medium capitalize leading-tight text-muted-foreground\"\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 key={index} className=\"flex h-9 w-9 items-center justify-center\">\n                {day ? (\n                  <Button\n                    type=\"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-dark hover:text-primary-foreground\",\n                      isToday(day) &&\n                        !isSelected(day) &&\n                        \"bg-accent text-accent-foreground hover:bg-accent/80 hover:text-accent-foreground\",\n                      !isSelected(day) && !isToday(day) && \"hover:bg-muted hover:text-foreground\",\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":[]}

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

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

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

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

package/dist/components/ui/index.cjs

@@ -38,7 +38,7 @@ __reExport(ui_exports, require("./dialog"), module.exports);
 __reExport(ui_exports, require("./drawer"), module.exports);
 __reExport(ui_exports, require("./dropdown-menu"), module.exports);
 __reExport(ui_exports, require("./form"), module.exports);
-__reExport(ui_exports, require("./ginia-wordmark"), module.exports);
+__reExport(ui_exports, require("./wordmark"), module.exports);
 __reExport(ui_exports, require("./hover-card"), module.exports);
 __reExport(ui_exports, require("./icon"), module.exports);
 __reExport(ui_exports, require("./input"), module.exports);
@@ -101,7 +101,7 @@ __reExport(ui_exports, require("./typography"), module.exports);
   ...require("./drawer"),
   ...require("./dropdown-menu"),
   ...require("./form"),
-  ...require("./ginia-wordmark"),
+  ...require("./wordmark"),
   ...require("./hover-card"),
   ...require("./icon"),
   ...require("./input"),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./ginia-wordmark\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\nexport * from \"./typography\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wBAAd;AACA,uBAAc,oBADd;AAEA,uBAAc,2BAFd;AAGA,uBAAc,2BAHd;AAIA,uBAAc,2BAJd;AAKA,uBAAc,qBALd;AAMA,uBAAc,yBANd;AAOA,uBAAc,oBAPd;AAQA,uBAAc,yBARd;AASA,uBAAc,qBATd;AAUA,uBAAc,uBAVd;AAWA,uBAAc,mBAXd;AAYA,uBAAc,uBAZd;AAaA,uBAAc,uBAbd;AAcA,uBAAc,0BAdd;AAeA,uBAAc,uBAfd;AAgBA,uBAAc,sBAhBd;AAiBA,uBAAc,2BAjBd;AAkBA,uBAAc,0BAlBd;AAmBA,uBAAc,qBAnBd;AAoBA,uBAAc,qBApBd;AAqBA,uBAAc,4BArBd;AAsBA,uBAAc,mBAtBd;AAuBA,uBAAc,6BAvBd;AAwBA,uBAAc,yBAxBd;AAyBA,uBAAc,mBAzBd;AA0BA,uBAAc,oBA1Bd;AA2BA,uBAAc,0BA3Bd;AA4BA,uBAAc,wBA5Bd;AA6BA,uBAAc,oBA7Bd;AA8BA,uBAAc,mBA9Bd;AA+BA,uBAAc,4BA/Bd;AAgCA,uBAAc,sBAhCd;AAiCA,uBAAc,gCAjCd;AAkCA,uBAAc,2BAlCd;AAmCA,uBAAc,8BAnCd;AAoCA,uBAAc,yBApCd;AAqCA,uBAAc,sBArCd;AAsCA,uBAAc,uBAtCd;AAuCA,uBAAc,0BAvCd;AAwCA,uBAAc,wBAxCd;AAyCA,uBAAc,+BAzCd;AA0CA,uBAAc,0BA1Cd;AA2CA,uBAAc,6BA3Cd;AA4CA,uBAAc,qBA5Cd;AA6CA,uBAAc,wBA7Cd;AA8CA,uBAAc,oBA9Cd;AA+CA,uBAAc,uBA/Cd;AAgDA,uBAAc,qBAhDd;AAiDA,uBAAc,qBAjDd;AAkDA,uBAAc,sBAlDd;AAmDA,uBAAc,qBAnDd;AAoDA,uBAAc,oBApDd;AAqDA,uBAAc,mBArDd;AAsDA,uBAAc,wBAtDd;AAuDA,uBAAc,uBAvDd;AAwDA,uBAAc,oBAxDd;AAyDA,uBAAc,qBAzDd;AA0DA,uBAAc,2BA1Dd;AA2DA,uBAAc,sBA3Dd;AA4DA,uBAAc,yBA5Dd;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./wordmark\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\nexport * from \"./typography\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wBAAd;AACA,uBAAc,oBADd;AAEA,uBAAc,2BAFd;AAGA,uBAAc,2BAHd;AAIA,uBAAc,2BAJd;AAKA,uBAAc,qBALd;AAMA,uBAAc,yBANd;AAOA,uBAAc,oBAPd;AAQA,uBAAc,yBARd;AASA,uBAAc,qBATd;AAUA,uBAAc,uBAVd;AAWA,uBAAc,mBAXd;AAYA,uBAAc,uBAZd;AAaA,uBAAc,uBAbd;AAcA,uBAAc,0BAdd;AAeA,uBAAc,uBAfd;AAgBA,uBAAc,sBAhBd;AAiBA,uBAAc,2BAjBd;AAkBA,uBAAc,0BAlBd;AAmBA,uBAAc,qBAnBd;AAoBA,uBAAc,qBApBd;AAqBA,uBAAc,4BArBd;AAsBA,uBAAc,mBAtBd;AAuBA,uBAAc,uBAvBd;AAwBA,uBAAc,yBAxBd;AAyBA,uBAAc,mBAzBd;AA0BA,uBAAc,oBA1Bd;AA2BA,uBAAc,0BA3Bd;AA4BA,uBAAc,wBA5Bd;AA6BA,uBAAc,oBA7Bd;AA8BA,uBAAc,mBA9Bd;AA+BA,uBAAc,4BA/Bd;AAgCA,uBAAc,sBAhCd;AAiCA,uBAAc,gCAjCd;AAkCA,uBAAc,2BAlCd;AAmCA,uBAAc,8BAnCd;AAoCA,uBAAc,yBApCd;AAqCA,uBAAc,sBArCd;AAsCA,uBAAc,uBAtCd;AAuCA,uBAAc,0BAvCd;AAwCA,uBAAc,wBAxCd;AAyCA,uBAAc,+BAzCd;AA0CA,uBAAc,0BA1Cd;AA2CA,uBAAc,6BA3Cd;AA4CA,uBAAc,qBA5Cd;AA6CA,uBAAc,wBA7Cd;AA8CA,uBAAc,oBA9Cd;AA+CA,uBAAc,uBA/Cd;AAgDA,uBAAc,qBAhDd;AAiDA,uBAAc,qBAjDd;AAkDA,uBAAc,sBAlDd;AAmDA,uBAAc,qBAnDd;AAoDA,uBAAc,oBApDd;AAqDA,uBAAc,mBArDd;AAsDA,uBAAc,wBAtDd;AAuDA,uBAAc,uBAvDd;AAwDA,uBAAc,oBAxDd;AAyDA,uBAAc,qBAzDd;AA0DA,uBAAc,2BA1Dd;AA2DA,uBAAc,sBA3Dd;AA4DA,uBAAc,yBA5Dd;","names":[]}

package/dist/components/ui/index.d.cts

@@ -21,7 +21,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './drawer/drawer.cjs';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/dropdown-menu.cjs';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './form/form.cjs';
-export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark/ginia-wordmark.cjs';
+export { Wordmark, WordmarkProps, wordmarkVariants } from './wordmark/wordmark.cjs';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card/hover-card.cjs';
 export { Icon, IconProps, IconSize, iconSizes } from './icon/icon.cjs';
 export { Input } from './input/input.cjs';
@@ -74,6 +74,7 @@ import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import 'cmdk';
 import '@radix-ui/react-context-menu';
+import 'date-fns';
 import 'vaul';
 import '@radix-ui/react-dropdown-menu';
 import 'react-hook-form';

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

@@ -21,7 +21,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './drawer/drawer.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/dropdown-menu.js';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './form/form.js';
-export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark/ginia-wordmark.js';
+export { Wordmark, WordmarkProps, wordmarkVariants } from './wordmark/wordmark.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card/hover-card.js';
 export { Icon, IconProps, IconSize, iconSizes } from './icon/icon.js';
 export { Input } from './input/input.js';
@@ -74,6 +74,7 @@ import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 import 'cmdk';
 import '@radix-ui/react-context-menu';
+import 'date-fns';
 import 'vaul';
 import '@radix-ui/react-dropdown-menu';
 import 'react-hook-form';

package/dist/components/ui/index.js

@@ -21,7 +21,7 @@ export * from "./dialog";
 export * from "./drawer";
 export * from "./dropdown-menu";
 export * from "./form";
-export * from "./ginia-wordmark";
+export * from "./wordmark";
 export * from "./hover-card";
 export * from "./icon";
 export * from "./input";

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./ginia-wordmark\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\nexport * from \"./typography\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./wordmark\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\nexport * from \"./typography\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/ui/{ginia-wordmark → wordmark}/index.cjs

@@ -16,16 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ginia_wordmark_exports = {};
-__export(ginia_wordmark_exports, {
-  GiniaWordmark: () => import_ginia_wordmark.GiniaWordmark,
-  wordmarkVariants: () => import_ginia_wordmark.wordmarkVariants
+var wordmark_exports = {};
+__export(wordmark_exports, {
+  Wordmark: () => import_wordmark.Wordmark,
+  wordmarkVariants: () => import_wordmark.wordmarkVariants
 });
-module.exports = __toCommonJS(ginia_wordmark_exports);
-var import_ginia_wordmark = require("./ginia-wordmark");
+module.exports = __toCommonJS(wordmark_exports);
+var import_wordmark = require("./wordmark");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  GiniaWordmark,
+  Wordmark,
   wordmarkVariants
 });
 //# sourceMappingURL=index.cjs.map

package/dist/components/ui/wordmark/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/wordmark/index.ts"],"sourcesContent":["export { Wordmark, wordmarkVariants } from \"./wordmark\";\nexport type { WordmarkProps } from \"./wordmark\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA2C;","names":[]}

package/dist/components/ui/{ginia-wordmark → wordmark}/index.d.cts

@@ -1,4 +1,4 @@
-export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark.cjs';
+export { Wordmark, WordmarkProps, wordmarkVariants } from './wordmark.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority/types';
 import 'react';

package/dist/components/ui/{ginia-wordmark → wordmark}/index.d.ts

@@ -1,4 +1,4 @@
-export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark.js';
+export { Wordmark, WordmarkProps, wordmarkVariants } from './wordmark.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority/types';
 import 'react';

package/dist/components/ui/wordmark/index.js

@@ -0,0 +1,6 @@
+import { Wordmark, wordmarkVariants } from "./wordmark";
+export {
+  Wordmark,
+  wordmarkVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/wordmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/wordmark/index.ts"],"sourcesContent":["export { Wordmark, wordmarkVariants } from \"./wordmark\";\nexport type { WordmarkProps } from \"./wordmark\";\n"],"mappings":"AAAA,SAAS,UAAU,wBAAwB;","names":[]}

package/dist/components/ui/{ginia-wordmark/ginia-wordmark.cjs → wordmark/wordmark.cjs}

@@ -17,12 +17,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ginia_wordmark_exports = {};
-__export(ginia_wordmark_exports, {
-  GiniaWordmark: () => GiniaWordmark,
+var wordmark_exports = {};
+__export(wordmark_exports, {
+  Wordmark: () => Wordmark,
   wordmarkVariants: () => wordmarkVariants
 });
-module.exports = __toCommonJS(ginia_wordmark_exports);
+module.exports = __toCommonJS(wordmark_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var import_utils = require("../../../lib/utils");
@@ -56,30 +56,32 @@ const labelVariants = (0, import_class_variance_authority.cva)("font-semibold tr
     size: "md"
   }
 });
-function GiniaWordmark({
+function Wordmark({
   className,
   size = "md",
-  label = "Ginia",
+  text = "Ginia",
+  label,
   ...props
 }) {
+  const ariaLabel = label ?? text;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       className: (0, import_utils.cn)(wordmarkVariants({ size }), className),
       role: "img",
-      "aria-label": label,
-      "data-slot": "ginia-wordmark",
+      "aria-label": ariaLabel,
+      "data-slot": "wordmark",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { "data-slot": "ginia-logo", "aria-hidden": true, className: (0, import_utils.cn)(logoSizeClass[size ?? "md"], "shrink-0") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.cn)(labelVariants({ size })), "aria-hidden": true, children: "Ginia" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { "data-slot": "wordmark-logo", "aria-hidden": true, className: (0, import_utils.cn)(logoSizeClass[size ?? "md"], "shrink-0") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.cn)(labelVariants({ size })), "aria-hidden": true, children: text })
       ]
     }
   );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  GiniaWordmark,
+  Wordmark,
   wordmarkVariants
 });
-//# sourceMappingURL=ginia-wordmark.cjs.map
+//# sourceMappingURL=wordmark.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/wordmark/wordmark.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Logo } from \"../logo/logo\";\n\nconst wordmarkVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1.5\",\n      md: \"gap-2\",\n      lg: \"gap-2.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst logoSizeClass = {\n  sm: \"size-6\",\n  md: \"size-8\",\n  lg: \"size-10\",\n} as const;\n\nconst labelVariants = cva(\"font-semibold tracking-tight text-foreground\", {\n  variants: {\n    size: {\n      sm: \"text-lg\",\n      md: \"text-xl\",\n      lg: \"text-2xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport interface WordmarkProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual scale of the mark and label. */\n  size?: VariantProps<typeof wordmarkVariants>[\"size\"];\n  /** Text next to the logo. Defaults to `\"Ginia\"`. */\n  text?: string;\n  /**\n   * Accessible label for the lockup. Defaults to `text` when omitted\n   * (override if the visible text should not be read verbatim).\n   */\n  label?: string;\n}\n\n/**\n * Brand lockup: Ginia logo (mark) plus a word (default “Ginia”).\n *\n * Use in headers, splash screens, and anywhere the product name should appear with the icon.\n */\nfunction Wordmark({\n  className,\n  size = \"md\",\n  text = \"Ginia\",\n  label,\n  ...props\n}: WordmarkProps) {\n  const ariaLabel = label ?? text;\n\n  return (\n    <div\n      className={cn(wordmarkVariants({ size }), className)}\n      role=\"img\"\n      aria-label={ariaLabel}\n      data-slot=\"wordmark\"\n      {...props}\n    >\n      <Logo data-slot=\"wordmark-logo\" aria-hidden className={cn(logoSizeClass[size ?? \"md\"], \"shrink-0\")} />\n      <span className={cn(labelVariants({ size }))} aria-hidden>\n        {text}\n      </span>\n    </div>\n  );\n}\n\nexport { Wordmark, wordmarkVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmEI;AAhEJ,sCAAuC;AAEvC,mBAAmB;AACnB,kBAAqB;AAErB,MAAM,uBAAmB,qCAAI,4BAA4B;AAAA,EACvD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,oBAAgB,qCAAI,gDAAgD;AAAA,EACxE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAmBD,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,YAAY,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,iBAAG,iBAAiB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACnD,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,oDAAC,oBAAK,aAAU,iBAAgB,eAAW,MAAC,eAAW,iBAAG,cAAc,QAAQ,IAAI,GAAG,UAAU,GAAG;AAAA,QACpG,4CAAC,UAAK,eAAW,iBAAG,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,eAAW,MACtD,gBACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/ui/{ginia-wordmark/ginia-wordmark.d.cts → wordmark/wordmark.d.cts}

@@ -6,17 +6,22 @@ import { VariantProps } from 'class-variance-authority';
 declare const wordmarkVariants: (props?: ({
     size?: "sm" | "lg" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface GiniaWordmarkProps extends React.HTMLAttributes<HTMLDivElement> {
+interface WordmarkProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Visual scale of the mark and label. */
     size?: VariantProps<typeof wordmarkVariants>["size"];
-    /** Accessible label for the combined mark (e.g. for screen readers). */
+    /** Text next to the logo. Defaults to `"Ginia"`. */
+    text?: string;
+    /**
+     * Accessible label for the lockup. Defaults to `text` when omitted
+     * (override if the visible text should not be read verbatim).
+     */
     label?: string;
 }
 /**
- * Brand lockup: Ginia logo (mark) plus the word “Ginia”.
+ * Brand lockup: Ginia logo (mark) plus a word (default “Ginia”).
  *
  * Use in headers, splash screens, and anywhere the product name should appear with the icon.
  */
-declare function GiniaWordmark({ className, size, label, ...props }: GiniaWordmarkProps): react_jsx_runtime.JSX.Element;
+declare function Wordmark({ className, size, text, label, ...props }: WordmarkProps): react_jsx_runtime.JSX.Element;
 
-export { GiniaWordmark, type GiniaWordmarkProps, wordmarkVariants };
+export { Wordmark, type WordmarkProps, wordmarkVariants };