@ginia/ui 0.1.1

package/dist/components/ui/month-year-picker/month-year-picker.cjs

@@ -0,0 +1,157 @@
+"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 month_year_picker_exports = {};
+__export(month_year_picker_exports, {
+  MonthYearPicker: () => MonthYearPicker
+});
+module.exports = __toCommonJS(month_year_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"
+];
+function MonthYearPicker({
+  value,
+  onChange,
+  placeholder = "Seleccionar mes y a\xF1o",
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [currentYear, setCurrentYear] = React.useState(() => {
+    return value ? value.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear();
+  });
+  React.useEffect(() => {
+    if (value) {
+      setCurrentYear(value.getFullYear());
+    }
+  }, [value]);
+  const handleMonthSelect = (monthIndex) => {
+    const selectedDate = new Date(currentYear, monthIndex, 1);
+    onChange?.(selectedDate);
+    setOpen(false);
+  };
+  const goToPreviousYear = () => {
+    setCurrentYear((prev) => prev - 1);
+  };
+  const goToNextYear = () => {
+    setCurrentYear((prev) => prev + 1);
+  };
+  const isSelected = (monthIndex) => {
+    if (!value) return false;
+    return value.getFullYear() === currentYear && value.getMonth() === monthIndex;
+  };
+  const isCurrentMonth = (monthIndex) => {
+    const now = /* @__PURE__ */ new Date();
+    return now.getFullYear() === currentYear && now.getMonth() === monthIndex;
+  };
+  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": "month-year-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, "MMMM 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: goToPreviousYear,
+            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.jsx)("div", { className: "font-medium text-sm", children: currentYear }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: goToNextYear,
+            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-3 gap-2", children: monthNames.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: (0, import_utils.cn)(
+            "h-9 px-3 font-normal text-sm",
+            isSelected(index) && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+            isCurrentMonth(index) && !isSelected(index) && "bg-accent text-accent-foreground",
+            "hover:bg-muted"
+          ),
+          onClick: () => handleMonthSelect(index),
+          children: month
+        },
+        index
+      )) })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MonthYearPicker
+});
+//# sourceMappingURL=month-year-picker.cjs.map

package/dist/components/ui/month-year-picker/month-year-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/month-year-picker/month-year-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 MonthYearPickerProps {\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];\n\nfunction MonthYearPicker({\n  value,\n  onChange,\n  placeholder = \"Seleccionar mes y año\",\n  disabled = false,\n  className,\n}: MonthYearPickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [currentYear, setCurrentYear] = React.useState(() => {\n    return value ? value.getFullYear() : new Date().getFullYear();\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setCurrentYear(value.getFullYear());\n    }\n  }, [value]);\n\n  const handleMonthSelect = (monthIndex: number) => {\n    const selectedDate = new Date(currentYear, monthIndex, 1);\n    onChange?.(selectedDate);\n    setOpen(false);\n  };\n\n  const goToPreviousYear = () => {\n    setCurrentYear((prev) => prev - 1);\n  };\n\n  const goToNextYear = () => {\n    setCurrentYear((prev) => prev + 1);\n  };\n\n  const isSelected = (monthIndex: number) => {\n    if (!value) return false;\n    return (\n      value.getFullYear() === currentYear && value.getMonth() === monthIndex\n    );\n  };\n\n  const isCurrentMonth = (monthIndex: number) => {\n    const now = new Date();\n    return now.getFullYear() === currentYear && now.getMonth() === monthIndex;\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          data-slot=\"month-year-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, \"MMMM 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={goToPreviousYear}\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\">{currentYear}</div>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToNextYear}\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-3 gap-2\">\n            {monthNames.map((month, index) => (\n              <Button\n                key={index}\n                variant=\"ghost\"\n                size=\"sm\"\n                className={cn(\n                  \"h-9 px-3 font-normal text-sm\",\n                  isSelected(index) &&\n                    \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n                  isCurrentMonth(index) &&\n                    !isSelected(index) &&\n                    \"bg-accent text-accent-foreground\",\n                  \"hover:bg-muted\"\n                )}\n                onClick={() => handleMonthSelect(index)}\n              >\n                {month}\n              </Button>\n            ))}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { MonthYearPicker };\n"],"mappings":"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","names":["CalendarIcon"]}

package/dist/components/ui/month-year-picker/month-year-picker.d.cts

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

package/dist/components/ui/month-year-picker/month-year-picker.d.ts

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

package/dist/components/ui/month-year-picker/month-year-picker.js

@@ -0,0 +1,127 @@
+"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"
+];
+function MonthYearPicker({
+  value,
+  onChange,
+  placeholder = "Seleccionar mes y a\xF1o",
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [currentYear, setCurrentYear] = React.useState(() => {
+    return value ? value.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear();
+  });
+  React.useEffect(() => {
+    if (value) {
+      setCurrentYear(value.getFullYear());
+    }
+  }, [value]);
+  const handleMonthSelect = (monthIndex) => {
+    const selectedDate = new Date(currentYear, monthIndex, 1);
+    onChange?.(selectedDate);
+    setOpen(false);
+  };
+  const goToPreviousYear = () => {
+    setCurrentYear((prev) => prev - 1);
+  };
+  const goToNextYear = () => {
+    setCurrentYear((prev) => prev + 1);
+  };
+  const isSelected = (monthIndex) => {
+    if (!value) return false;
+    return value.getFullYear() === currentYear && value.getMonth() === monthIndex;
+  };
+  const isCurrentMonth = (monthIndex) => {
+    const now = /* @__PURE__ */ new Date();
+    return now.getFullYear() === currentYear && now.getMonth() === monthIndex;
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        "data-slot": "month-year-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, "MMMM 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: goToPreviousYear,
+            className: "h-7 w-7 p-0",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: currentYear }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: goToNextYear,
+            className: "h-7 w-7 p-0",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: monthNames.map((month, index) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: cn(
+            "h-9 px-3 font-normal text-sm",
+            isSelected(index) && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+            isCurrentMonth(index) && !isSelected(index) && "bg-accent text-accent-foreground",
+            "hover:bg-muted"
+          ),
+          onClick: () => handleMonthSelect(index),
+          children: month
+        },
+        index
+      )) })
+    ] }) })
+  ] });
+}
+export {
+  MonthYearPicker
+};
+//# sourceMappingURL=month-year-picker.js.map

package/dist/components/ui/month-year-picker/month-year-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/month-year-picker/month-year-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 MonthYearPickerProps {\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];\n\nfunction MonthYearPicker({\n  value,\n  onChange,\n  placeholder = \"Seleccionar mes y año\",\n  disabled = false,\n  className,\n}: MonthYearPickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [currentYear, setCurrentYear] = React.useState(() => {\n    return value ? value.getFullYear() : new Date().getFullYear();\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setCurrentYear(value.getFullYear());\n    }\n  }, [value]);\n\n  const handleMonthSelect = (monthIndex: number) => {\n    const selectedDate = new Date(currentYear, monthIndex, 1);\n    onChange?.(selectedDate);\n    setOpen(false);\n  };\n\n  const goToPreviousYear = () => {\n    setCurrentYear((prev) => prev - 1);\n  };\n\n  const goToNextYear = () => {\n    setCurrentYear((prev) => prev + 1);\n  };\n\n  const isSelected = (monthIndex: number) => {\n    if (!value) return false;\n    return (\n      value.getFullYear() === currentYear && value.getMonth() === monthIndex\n    );\n  };\n\n  const isCurrentMonth = (monthIndex: number) => {\n    const now = new Date();\n    return now.getFullYear() === currentYear && now.getMonth() === monthIndex;\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          data-slot=\"month-year-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, \"MMMM 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={goToPreviousYear}\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\">{currentYear}</div>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={goToNextYear}\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-3 gap-2\">\n            {monthNames.map((month, index) => (\n              <Button\n                key={index}\n                variant=\"ghost\"\n                size=\"sm\"\n                className={cn(\n                  \"h-9 px-3 font-normal text-sm\",\n                  isSelected(index) &&\n                    \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n                  isCurrentMonth(index) &&\n                    !isSelected(index) &&\n                    \"bg-accent text-accent-foreground\",\n                  \"hover:bg-muted\"\n                )}\n                onClick={() => handleMonthSelect(index)}\n              >\n                {month}\n              </Button>\n            ))}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { MonthYearPicker };\n"],"mappings":";AA2EQ,SAUE,KAVF;AAzER,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB;AAAA,EACE,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AAUxD,MAAM,aAAa;AAAA,EACjB;AAAA,EAAS;AAAA,EAAW;AAAA,EAAS;AAAA,EAAS;AAAA,EAAQ;AAAA,EAC9C;AAAA,EAAS;AAAA,EAAU;AAAA,EAAc;AAAA,EAAW;AAAA,EAAa;AAC3D;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AACF,GAAyB;AACvB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,MAAM;AACzD,WAAO,QAAQ,MAAM,YAAY,KAAI,oBAAI,KAAK,GAAE,YAAY;AAAA,EAC9D,CAAC;AAED,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO;AACT,qBAAe,MAAM,YAAY,CAAC;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAoB,CAAC,eAAuB;AAChD,UAAM,eAAe,IAAI,KAAK,aAAa,YAAY,CAAC;AACxD,eAAW,YAAY;AACvB,YAAQ,KAAK;AAAA,EACf;AAEA,QAAM,mBAAmB,MAAM;AAC7B,mBAAe,CAAC,SAAS,OAAO,CAAC;AAAA,EACnC;AAEA,QAAM,eAAe,MAAM;AACzB,mBAAe,CAAC,SAAS,OAAO,CAAC;AAAA,EACnC;AAEA,QAAM,aAAa,CAAC,eAAuB;AACzC,QAAI,CAAC,MAAO,QAAO;AACnB,WACE,MAAM,YAAY,MAAM,eAAe,MAAM,SAAS,MAAM;AAAA,EAEhE;AAEA,QAAM,iBAAiB,CAAC,eAAuB;AAC7C,UAAM,MAAM,oBAAI,KAAK;AACrB,WAAO,IAAI,YAAY,MAAM,eAAe,IAAI,SAAS,MAAM;AAAA,EACjE;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,CAAC,SAAS;AAAA,UACV;AAAA,QACF;AAAA,QACA;AAAA,QAEA;AAAA,8BAAC,gBAAa,WAAU,gBAAe;AAAA,UACtC,QACG,OAAO,OAAO,aAAa,EAAE,QAAQ,GAAG,CAAC,IACzC;AAAA;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,kBAAe,WAAU,cAAa,OAAM,SAC3C,+BAAC,SAAI,WAAU,OACb;AAAA,2BAAC,SAAI,WAAU,0CACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,QACnC;AAAA,QACA,oBAAC,SAAI,WAAU,uBAAuB,uBAAY;AAAA,QAClD;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,QACpC;AAAA,SACF;AAAA,MAEA,oBAAC,SAAI,WAAU,0BACZ,qBAAW,IAAI,CAAC,OAAO,UACtB;AAAA,QAAC;AAAA;AAAA,UAEC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW;AAAA,YACT;AAAA,YACA,WAAW,KAAK,KACd;AAAA,YACF,eAAe,KAAK,KAClB,CAAC,WAAW,KAAK,KACjB;AAAA,YACF;AAAA,UACF;AAAA,UACA,SAAS,MAAM,kBAAkB,KAAK;AAAA,UAErC;AAAA;AAAA,QAdI;AAAA,MAeP,CACD,GACH;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/ui/multi-select/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 multi_select_exports = {};
+module.exports = __toCommonJS(multi_select_exports);
+__reExport(multi_select_exports, require("./multi-select"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./multi-select")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/multi-select/index.cjs.map

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

package/dist/components/ui/multi-select/index.d.cts

@@ -0,0 +1,2 @@
+export { MultiSelect, MultiSelectOption, MultiSelectProps } from './multi-select.cjs';
+import 'react/jsx-runtime';

package/dist/components/ui/multi-select/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiSelect, MultiSelectOption, MultiSelectProps } from './multi-select.js';
+import 'react/jsx-runtime';

package/dist/components/ui/multi-select/index.js

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

package/dist/components/ui/multi-select/index.js.map

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

package/dist/components/ui/multi-select/multi-select.cjs

@@ -0,0 +1,173 @@
+"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 multi_select_exports = {};
+__export(multi_select_exports, {
+  MultiSelect: () => MultiSelect
+});
+module.exports = __toCommonJS(multi_select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+var import_button = require("../button");
+var import_popover = require("../popover");
+var import_badge = require("../badge");
+var import_checkbox = require("../checkbox");
+function MultiSelect({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select options...",
+  className,
+  disabled = false,
+  maxDisplay = 3
+}) {
+  const [open, setOpen] = React.useState(false);
+  const selectedOptions = options.filter(
+    (option) => value.includes(option.value)
+  );
+  const handleSelect = (optionValue) => {
+    const newValue = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+    onValueChange(newValue);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onValueChange([]);
+  };
+  const handleRemoveItem = (optionValue, e) => {
+    e.stopPropagation();
+    onValueChange(value.filter((v) => v !== optionValue));
+  };
+  const displayText = () => {
+    if (selectedOptions.length === 0) {
+      return placeholder;
+    }
+    if (selectedOptions.length <= maxDisplay) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1", children: selectedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_badge.Badge,
+        {
+          variant: option.variant || "secondary",
+          className: "text-xs px-2 py-0.5 h-auto",
+          children: [
+            option.label,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_lucide_react.X,
+              {
+                className: "ml-1 h-3 w-3 cursor-pointer hover:text-destructive",
+                onClick: (e) => handleRemoveItem(option.value, e)
+              }
+            )
+          ]
+        },
+        option.value
+      )) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "secondary", className: "text-xs", children: selectedOptions[0].label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+        "+",
+        selectedOptions.length - 1,
+        " more"
+      ] })
+    ] });
+  };
+  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",
+        role: "combobox",
+        "aria-expanded": open,
+        "data-slot": "multi-select",
+        className: (0, import_utils.cn)(
+          "w-full justify-between min-h-[2.5rem] h-auto py-2 hover:bg-muted hover:text-foreground",
+          selectedOptions.length === 0 && "text-muted-foreground",
+          className
+        ),
+        disabled,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 text-left overflow-hidden", children: displayText() }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
+            selectedOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_lucide_react.X,
+              {
+                className: "h-4 w-4 shrink-0 opacity-50 hover:opacity-100",
+                onClick: handleClear
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.PopoverContent, { className: "w-full p-0", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-h-60 overflow-auto", children: options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No options available" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: (0, import_utils.cn)(
+            "flex items-center space-x-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-muted transition-colors",
+            value.includes(option.value) && "bg-muted/50 font-medium"
+          ),
+          onClick: () => handleSelect(option.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_checkbox.Checkbox,
+              {
+                checked: value.includes(option.value),
+                className: "pointer-events-none text-primary"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.label })
+          ]
+        },
+        option.value
+      )) }) }),
+      selectedOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-t p-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: handleClear,
+          className: "w-full text-xs",
+          children: [
+            "Clear all (",
+            selectedOptions.length,
+            ")"
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MultiSelect
+});
+//# sourceMappingURL=multi-select.cjs.map

package/dist/components/ui/multi-select/multi-select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/multi-select/multi-select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDown, X } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { Badge } from \"../badge\";\nimport { Checkbox } from \"../checkbox\";\n\nexport interface MultiSelectOption {\n  value: string;\n  label: string;\n  variant?: \"default\" | \"secondary\" | \"destructive\" | \"outline\";\n}\n\ninterface MultiSelectProps {\n  options: MultiSelectOption[];\n  value: string[];\n  onValueChange: (value: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  maxDisplay?: number;\n}\n\nfunction MultiSelect({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select options...\",\n  className,\n  disabled = false,\n  maxDisplay = 3,\n}: MultiSelectProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const selectedOptions = options.filter((option) =>\n    value.includes(option.value)\n  );\n\n  const handleSelect = (optionValue: string) => {\n    const newValue = value.includes(optionValue)\n      ? value.filter((v) => v !== optionValue)\n      : [...value, optionValue];\n    onValueChange(newValue);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onValueChange([]);\n  };\n\n  const handleRemoveItem = (optionValue: string, e: React.MouseEvent) => {\n    e.stopPropagation();\n    onValueChange(value.filter((v) => v !== optionValue));\n  };\n\n  const displayText = () => {\n    if (selectedOptions.length === 0) {\n      return placeholder;\n    }\n\n    if (selectedOptions.length <= maxDisplay) {\n      return (\n        <div className=\"flex flex-wrap gap-1\">\n          {selectedOptions.map((option) => (\n            <Badge\n              key={option.value}\n              variant={option.variant || \"secondary\"}\n              className=\"text-xs px-2 py-0.5 h-auto\"\n            >\n              {option.label}\n              <X\n                className=\"ml-1 h-3 w-3 cursor-pointer hover:text-destructive\"\n                onClick={(e) => handleRemoveItem(option.value, e)}\n              />\n            </Badge>\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"flex items-center gap-1\">\n        <Badge variant=\"secondary\" className=\"text-xs\">\n          {selectedOptions[0].label}\n        </Badge>\n        <span className=\"text-sm text-muted-foreground\">\n          +{selectedOptions.length - 1} more\n        </span>\n      </div>\n    );\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          data-slot=\"multi-select\"\n          className={cn(\n            \"w-full justify-between min-h-[2.5rem] h-auto py-2 hover:bg-muted hover:text-foreground\",\n            selectedOptions.length === 0 && \"text-muted-foreground\",\n            className\n          )}\n          disabled={disabled}\n        >\n          <div className=\"flex-1 text-left overflow-hidden\">\n            {displayText()}\n          </div>\n          <div className=\"flex items-center gap-1 ml-2\">\n            {selectedOptions.length > 0 && (\n              <X\n                className=\"h-4 w-4 shrink-0 opacity-50 hover:opacity-100\"\n                onClick={handleClear}\n              />\n            )}\n            <ChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" />\n          </div>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-full p-0\" align=\"start\">\n        <div className=\"max-h-60 overflow-auto\">\n          {options.length === 0 ? (\n            <div className=\"py-6 text-center text-sm text-muted-foreground\">\n              No options available\n            </div>\n          ) : (\n            <div className=\"p-1\">\n              {options.map((option) => (\n                <div\n                  key={option.value}\n                  className={cn(\n                    \"flex items-center space-x-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-muted transition-colors\",\n                    value.includes(option.value) && \"bg-muted/50 font-medium\"\n                  )}\n                  onClick={() => handleSelect(option.value)}\n                >\n                  <Checkbox\n                    checked={value.includes(option.value)}\n                    className=\"pointer-events-none text-primary\"\n                  />\n                  <span>{option.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n        {selectedOptions.length > 0 && (\n          <div className=\"border-t p-2\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={handleClear}\n              className=\"w-full text-xs\"\n            >\n              Clear all ({selectedOptions.length})\n            </Button>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { MultiSelect };\nexport type { MultiSelectProps };\n"],"mappings":"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","names":[]}

package/dist/components/ui/multi-select/multi-select.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MultiSelectOption {
+    value: string;
+    label: string;
+    variant?: "default" | "secondary" | "destructive" | "outline";
+}
+interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value: string[];
+    onValueChange: (value: string[]) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    maxDisplay?: number;
+}
+declare function MultiSelect({ options, value, onValueChange, placeholder, className, disabled, maxDisplay, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
+export { MultiSelect, type MultiSelectOption, type MultiSelectProps };

package/dist/components/ui/multi-select/multi-select.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MultiSelectOption {
+    value: string;
+    label: string;
+    variant?: "default" | "secondary" | "destructive" | "outline";
+}
+interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value: string[];
+    onValueChange: (value: string[]) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    maxDisplay?: number;
+}
+declare function MultiSelect({ options, value, onValueChange, placeholder, className, disabled, maxDisplay, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
+export { MultiSelect, type MultiSelectOption, type MultiSelectProps };