@ginia/ui 0.1.1 → 0.1.3

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

@@ -1 +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":[]}
+{"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 { 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 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\",\n  \"Febrero\",\n  \"Marzo\",\n  \"Abril\",\n  \"Mayo\",\n  \"Junio\",\n  \"Julio\",\n  \"Agosto\",\n  \"Septiembre\",\n  \"Octubre\",\n  \"Noviembre\",\n  \"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 value.getFullYear() === currentYear && value.getMonth() === monthIndex;\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 ? format(value, \"MMMM 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={goToPreviousYear} className=\"h-7 w-7 p-0\">\n              <ChevronLeft className=\"h-4 w-4\" />\n            </Button>\n            <div className=\"text-sm font-medium\">{currentYear}</div>\n            <Button variant=\"outline\" size=\"sm\" onClick={goToNextYear} className=\"h-7 w-7 p-0\">\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 text-sm font-normal\",\n                  isSelected(index) &&\n                    \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n                  isCurrentMonth(index) && !isSelected(index) && \"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":[]}

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

@@ -50,9 +50,7 @@ function MultiSelect({
   maxDisplay = 3
 }) {
   const [open, setOpen] = React.useState(false);
-  const selectedOptions = options.filter(
-    (option) => value.includes(option.value)
-  );
+  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);
@@ -74,7 +72,7 @@ function MultiSelect({
         import_badge.Badge,
         {
           variant: option.variant || "secondary",
-          className: "text-xs px-2 py-0.5 h-auto",
+          className: "h-auto px-2 py-0.5 text-xs",
           children: [
             option.label,
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -107,21 +105,15 @@ function MultiSelect({
         "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",
+          "h-auto min-h-[2.5rem] w-full justify-between 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)("div", { className: "flex-1 overflow-hidden text-left", children: displayText() }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ml-2 flex items-center gap-1", 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" })
           ] })
         ]
@@ -132,7 +124,7 @@ function MultiSelect({
         "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",
+            "flex cursor-pointer items-center space-x-2 rounded-sm px-2 py-1.5 text-sm transition-colors hover:bg-muted",
             value.includes(option.value) && "bg-muted/50 font-medium"
           ),
           onClick: () => handleSelect(option.value),
@@ -149,20 +141,11 @@ function MultiSelect({
         },
         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,
-            ")"
-          ]
-        }
-      ) })
+      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,
+        ")"
+      ] }) })
     ] })
   ] });
 }

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

@@ -1 +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":[]}
+{"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) => value.includes(option.value));\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=\"h-auto px-2 py-0.5 text-xs\"\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\">+{selectedOptions.length - 1} more</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            \"h-auto min-h-[2.5rem] w-full justify-between 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 overflow-hidden text-left\">{displayText()}</div>\n          <div className=\"ml-2 flex items-center gap-1\">\n            {selectedOptions.length > 0 && (\n              <X className=\"h-4 w-4 shrink-0 opacity-50 hover:opacity-100\" onClick={handleClear} />\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 cursor-pointer items-center space-x-2 rounded-sm px-2 py-1.5 text-sm transition-colors hover:bg-muted\",\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 variant=\"ghost\" size=\"sm\" onClick={handleClear} className=\"w-full text-xs\">\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.js

@@ -17,9 +17,7 @@ function MultiSelect({
   maxDisplay = 3
 }) {
   const [open, setOpen] = React.useState(false);
-  const selectedOptions = options.filter(
-    (option) => value.includes(option.value)
-  );
+  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);
@@ -41,7 +39,7 @@ function MultiSelect({
         Badge,
         {
           variant: option.variant || "secondary",
-          className: "text-xs px-2 py-0.5 h-auto",
+          className: "h-auto px-2 py-0.5 text-xs",
           children: [
             option.label,
             /* @__PURE__ */ jsx(
@@ -74,21 +72,15 @@ function MultiSelect({
         "aria-expanded": open,
         "data-slot": "multi-select",
         className: cn(
-          "w-full justify-between min-h-[2.5rem] h-auto py-2 hover:bg-muted hover:text-foreground",
+          "h-auto min-h-[2.5rem] w-full justify-between py-2 hover:bg-muted hover:text-foreground",
           selectedOptions.length === 0 && "text-muted-foreground",
           className
         ),
         disabled,
         children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1 text-left overflow-hidden", children: displayText() }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 ml-2", children: [
-            selectedOptions.length > 0 && /* @__PURE__ */ jsx(
-              X,
-              {
-                className: "h-4 w-4 shrink-0 opacity-50 hover:opacity-100",
-                onClick: handleClear
-              }
-            ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden text-left", children: displayText() }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-2 flex items-center gap-1", children: [
+            selectedOptions.length > 0 && /* @__PURE__ */ jsx(X, { className: "h-4 w-4 shrink-0 opacity-50 hover:opacity-100", onClick: handleClear }),
             /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50" })
           ] })
         ]
@@ -99,7 +91,7 @@ function MultiSelect({
         "div",
         {
           className: cn(
-            "flex items-center space-x-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-muted transition-colors",
+            "flex cursor-pointer items-center space-x-2 rounded-sm px-2 py-1.5 text-sm transition-colors hover:bg-muted",
             value.includes(option.value) && "bg-muted/50 font-medium"
           ),
           onClick: () => handleSelect(option.value),
@@ -116,20 +108,11 @@ function MultiSelect({
         },
         option.value
       )) }) }),
-      selectedOptions.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: handleClear,
-          className: "w-full text-xs",
-          children: [
-            "Clear all (",
-            selectedOptions.length,
-            ")"
-          ]
-        }
-      ) })
+      selectedOptions.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: handleClear, className: "w-full text-xs", children: [
+        "Clear all (",
+        selectedOptions.length,
+        ")"
+      ] }) })
     ] })
   ] });
 }

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

@@ -1 +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":[]}
+{"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) => value.includes(option.value));\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=\"h-auto px-2 py-0.5 text-xs\"\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\">+{selectedOptions.length - 1} more</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            \"h-auto min-h-[2.5rem] w-full justify-between 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 overflow-hidden text-left\">{displayText()}</div>\n          <div className=\"ml-2 flex items-center gap-1\">\n            {selectedOptions.length > 0 && (\n              <X className=\"h-4 w-4 shrink-0 opacity-50 hover:opacity-100\" onClick={handleClear} />\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 cursor-pointer items-center space-x-2 rounded-sm px-2 py-1.5 text-sm transition-colors hover:bg-muted\",\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 variant=\"ghost\" size=\"sm\" onClick={handleClear} className=\"w-full text-xs\">\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/navigation-menu/navigation-menu.cjs

@@ -55,10 +55,7 @@ function NavigationMenu({
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
-      className: (0, import_utils.cn)(
-        "relative z-10 flex max-w-max flex-1 items-center justify-center",
-        className
-      ),
+      className: (0, import_utils.cn)("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
       ...props,
       children: [
         children,
@@ -75,10 +72,7 @@ function NavigationMenuList({
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
-      className: (0, import_utils.cn)(
-        "group flex flex-1 list-none items-center justify-center gap-1",
-        className
-      ),
+      className: (0, import_utils.cn)("group flex flex-1 list-none items-center justify-center gap-1", className),
       ...props
     }
   );
@@ -133,7 +127,7 @@ function NavigationMenuContent({
     {
       "data-slot": "navigation-menu-content",
       className: (0, import_utils.cn)(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto",
+        "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
         className
       ),
       ...props
@@ -144,12 +138,12 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
       className: (0, import_utils.cn)(
-        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
         className
       ),
       ...props
@@ -178,11 +172,11 @@ function NavigationMenuIndicator({
     {
       "data-slot": "navigation-menu-indicator",
       className: (0, import_utils.cn)(
-        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     }
   );
 }

package/dist/components/ui/navigation-menu/navigation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction NavigationMenu({\n    className,\n    children,\n    viewport = true,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n    viewport?: boolean;\n}) {\n    return (\n        <NavigationMenuPrimitive.Root\n            data-slot=\"navigation-menu\"\n            className={cn(\n                \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n                className\n            )}\n            {...props}\n        >\n            {children}\n            {viewport && <NavigationMenuViewport />}\n        </NavigationMenuPrimitive.Root>\n    );\n}\n\nfunction NavigationMenuList({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n    return (\n        <NavigationMenuPrimitive.List\n            data-slot=\"navigation-menu-list\"\n            className={cn(\n                \"group flex flex-1 list-none items-center justify-center gap-1\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction NavigationMenuItem({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n    return (\n        <NavigationMenuPrimitive.Item\n            data-slot=\"navigation-menu-item\"\n            className={cn(\"relative\", className)}\n            {...props}\n        />\n    );\n}\n\nconst navigationMenuTriggerStyle = cva(\n    \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2\"\n);\n\nfunction NavigationMenuTrigger({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n    return (\n        <NavigationMenuPrimitive.Trigger\n            data-slot=\"navigation-menu-trigger\"\n            className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n            {...props}\n        >\n            {children}{\" \"}\n            <ChevronDownIcon\n                className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n                aria-hidden=\"true\"\n            />\n        </NavigationMenuPrimitive.Trigger>\n    );\n}\n\nfunction NavigationMenuContent({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n    return (\n        <NavigationMenuPrimitive.Content\n            data-slot=\"navigation-menu-content\"\n            className={cn(\n                \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction NavigationMenuViewport({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n    return (\n        <div className=\"absolute top-full left-0 flex justify-center\">\n            <NavigationMenuPrimitive.Viewport\n                data-slot=\"navigation-menu-viewport\"\n                className={cn(\n                    \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n                    className\n                )}\n                {...props}\n            />\n        </div>\n    );\n}\n\nfunction NavigationMenuLink({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n    return (\n        <NavigationMenuPrimitive.Link\n            data-slot=\"navigation-menu-link\"\n            className={cn(className)}\n            {...props}\n        />\n    );\n}\n\nfunction NavigationMenuIndicator({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n    return (\n        <NavigationMenuPrimitive.Indicator\n            data-slot=\"navigation-menu-indicator\"\n            className={cn(\n                \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n                className\n            )}\n            {...props}\n        >\n            <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n        </NavigationMenuPrimitive.Indicator>\n    );\n}\n\nexport {\n    NavigationMenu,\n    NavigationMenuList,\n    NavigationMenuItem,\n    NavigationMenuContent,\n    NavigationMenuTrigger,\n    NavigationMenuLink,\n    NavigationMenuIndicator,\n    NavigationMenuViewport,\n    navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAfR,8BAAyC;AACzC,sCAAoB;AACpB,0BAAgC;AAEhC,mBAAmB;AAEnB,SAAS,eAAe;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAEG;AACC,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,4CAAC,0BAAuB;AAAA;AAAA;AAAA,EACzC;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,MAAM,iCAA6B;AAAA,EAC/B;AACJ;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,uBAAuB;AAAA,EAC5B;AAAA,EACA,GAAG;AACP,GAAkE;AAC9D,SACI,4CAAC,SAAI,WAAU,gDACX;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR,GACJ;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,wBAAwB;AAAA,EAC7B;AAAA,EACA,GAAG;AACP,GAAmE;AAC/D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EAC3F;AAER;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\"group flex flex-1 list-none items-center justify-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2\",\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className=\"absolute left-0 top-full flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAfJ,8BAAyC;AACzC,sCAAoB;AACpB,0BAAgC;AAEhC,mBAAmB;AAEnB,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,mEAAmE,SAAS;AAAA,MACzF,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,4CAAC,0BAAuB;AAAA;AAAA;AAAA,EACvC;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,iEAAiE,SAAS;AAAA,MACvF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,iCAA6B;AAAA,EACjC;AACF;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE,4CAAC,SAAI,WAAU,gDACb;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAmE;AACjE,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EACzF;AAEJ;","names":[]}

package/dist/components/ui/navigation-menu/navigation-menu.js

@@ -14,10 +14,7 @@ function NavigationMenu({
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
-      className: cn(
-        "relative z-10 flex max-w-max flex-1 items-center justify-center",
-        className
-      ),
+      className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
       ...props,
       children: [
         children,
@@ -34,10 +31,7 @@ function NavigationMenuList({
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
-      className: cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
-        className
-      ),
+      className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
       ...props
     }
   );
@@ -92,7 +86,7 @@ function NavigationMenuContent({
     {
       "data-slot": "navigation-menu-content",
       className: cn(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto",
+        "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
         className
       ),
       ...props
@@ -103,12 +97,12 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
       className: cn(
-        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
         className
       ),
       ...props
@@ -137,11 +131,11 @@ function NavigationMenuIndicator({
     {
       "data-slot": "navigation-menu-indicator",
       className: cn(
-        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     }
   );
 }

package/dist/components/ui/navigation-menu/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction NavigationMenu({\n    className,\n    children,\n    viewport = true,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n    viewport?: boolean;\n}) {\n    return (\n        <NavigationMenuPrimitive.Root\n            data-slot=\"navigation-menu\"\n            className={cn(\n                \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n                className\n            )}\n            {...props}\n        >\n            {children}\n            {viewport && <NavigationMenuViewport />}\n        </NavigationMenuPrimitive.Root>\n    );\n}\n\nfunction NavigationMenuList({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n    return (\n        <NavigationMenuPrimitive.List\n            data-slot=\"navigation-menu-list\"\n            className={cn(\n                \"group flex flex-1 list-none items-center justify-center gap-1\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction NavigationMenuItem({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n    return (\n        <NavigationMenuPrimitive.Item\n            data-slot=\"navigation-menu-item\"\n            className={cn(\"relative\", className)}\n            {...props}\n        />\n    );\n}\n\nconst navigationMenuTriggerStyle = cva(\n    \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2\"\n);\n\nfunction NavigationMenuTrigger({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n    return (\n        <NavigationMenuPrimitive.Trigger\n            data-slot=\"navigation-menu-trigger\"\n            className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n            {...props}\n        >\n            {children}{\" \"}\n            <ChevronDownIcon\n                className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n                aria-hidden=\"true\"\n            />\n        </NavigationMenuPrimitive.Trigger>\n    );\n}\n\nfunction NavigationMenuContent({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n    return (\n        <NavigationMenuPrimitive.Content\n            data-slot=\"navigation-menu-content\"\n            className={cn(\n                \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction NavigationMenuViewport({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n    return (\n        <div className=\"absolute top-full left-0 flex justify-center\">\n            <NavigationMenuPrimitive.Viewport\n                data-slot=\"navigation-menu-viewport\"\n                className={cn(\n                    \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n                    className\n                )}\n                {...props}\n            />\n        </div>\n    );\n}\n\nfunction NavigationMenuLink({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n    return (\n        <NavigationMenuPrimitive.Link\n            data-slot=\"navigation-menu-link\"\n            className={cn(className)}\n            {...props}\n        />\n    );\n}\n\nfunction NavigationMenuIndicator({\n    className,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n    return (\n        <NavigationMenuPrimitive.Indicator\n            data-slot=\"navigation-menu-indicator\"\n            className={cn(\n                \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n                className\n            )}\n            {...props}\n        >\n            <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n        </NavigationMenuPrimitive.Indicator>\n    );\n}\n\nexport {\n    NavigationMenu,\n    NavigationMenuList,\n    NavigationMenuItem,\n    NavigationMenuContent,\n    NavigationMenuTrigger,\n    NavigationMenuLink,\n    NavigationMenuIndicator,\n    NavigationMenuViewport,\n    navigationMenuTriggerStyle,\n};\n"],"mappings":";AAkBQ,SASiB,KATjB;AAfR,YAAY,6BAA6B;AACzC,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAEhC,SAAS,UAAU;AAEnB,SAAS,eAAe;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAEG;AACC,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EACzC;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,MAAM,6BAA6B;AAAA,EAC/B;AACJ;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,uBAAuB;AAAA,EAC5B;AAAA,EACA,GAAG;AACP,GAAkE;AAC9D,SACI,oBAAC,SAAI,WAAU,gDACX;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR,GACJ;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,wBAAwB;AAAA,EAC7B;AAAA,EACA,GAAG;AACP,GAAmE;AAC/D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EAC3F;AAER;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\"group flex flex-1 list-none items-center justify-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2\",\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className=\"absolute left-0 top-full flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"mappings":";AAkBI,SAMe,KANf;AAfJ,YAAY,6BAA6B;AACzC,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAEhC,SAAS,UAAU;AAEnB,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mEAAmE,SAAS;AAAA,MACzF,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EACvC;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iEAAiE,SAAS;AAAA,MACvF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,6BAA6B;AAAA,EACjC;AACF;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE,oBAAC,SAAI,WAAU,gDACb;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAmE;AACjE,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EACzF;AAEJ;","names":[]}

package/dist/components/ui/pagination/pagination.cjs

@@ -44,10 +44,7 @@ function Pagination({ className, ...props }) {
     }
   );
 }
-function PaginationContent({
-  className,
-  ...props
-}) {
+function PaginationContent({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "ul",
     {
@@ -57,18 +54,10 @@ function PaginationContent({
     }
   );
 }
-function PaginationItem({
-  className,
-  ...props
-}) {
+function PaginationItem({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { "data-slot": "pagination-item", className: (0, import_utils.cn)("", className), ...props });
 }
-function PaginationLink({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) {
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "a",
     {
@@ -117,10 +106,7 @@ function PaginationNext({
     }
   );
 }
-function PaginationEllipsis({
-  className,
-  ...props
-}) {
+function PaginationEllipsis({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "span",
     {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button, buttonVariants } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" className={cn(\"\", className)} {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      className={cn(buttonVariants({ variant: isActive ? \"default\" : \"ghost\", size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size={size}\n      className={cn(\"gap-1 pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeft className=\"h-4 w-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size={size}\n      className={cn(\"gap-1 pr-2.5\", className)}\n      {...props}\n    >\n      <span>Next</span>\n      <ChevronRight className=\"h-4 w-4\" />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"h-4 w-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAPJ,0BAA0D;AAE1D,mBAAmB;AACnB,oBAAuC;AAEvC,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,eAAW,iBAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SAAO,4CAAC,QAAG,aAAU,mBAAkB,eAAW,iBAAG,IAAI,SAAS,GAAI,GAAG,OAAO;AAClF;AAOA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAW,qBAAG,8BAAe,EAAE,SAAS,WAAW,YAAY,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAW,iBAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,oDAAC,mCAAY,WAAU,WAAU;AAAA,QACjC,4CAAC,UAAK,sBAAQ;AAAA;AAAA;AAAA,EAChB;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAW,iBAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,oDAAC,UAAK,kBAAI;AAAA,QACV,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,EACpC;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,eAAW,iBAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,oDAAC,sCAAe,WAAU,WAAU;AAAA,QACpC,4CAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button, buttonVariants } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" className={cn(\"\", className)} {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      className={cn(buttonVariants({ variant: isActive ? \"default\" : \"ghost\", size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size={size}\n      className={cn(\"gap-1 pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeft className=\"h-4 w-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size={size}\n      className={cn(\"gap-1 pr-2.5\", className)}\n      {...props}\n    >\n      <span>Next</span>\n      <ChevronRight className=\"h-4 w-4\" />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"h-4 w-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAPJ,0BAA0D;AAE1D,mBAAmB;AACnB,oBAAuC;AAEvC,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,eAAW,iBAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SAAO,4CAAC,QAAG,aAAU,mBAAkB,eAAW,iBAAG,IAAI,SAAS,GAAI,GAAG,OAAO;AAClF;AAOA,SAAS,eAAe,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,MAAM,GAAwB;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAW,qBAAG,8BAAe,EAAE,SAAS,WAAW,YAAY,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAW,iBAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,oDAAC,mCAAY,WAAU,WAAU;AAAA,QACjC,4CAAC,UAAK,sBAAQ;AAAA;AAAA;AAAA,EAChB;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAW,iBAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,oDAAC,UAAK,kBAAI;AAAA,QACV,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,EACpC;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAAiC;AACjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,eAAW,iBAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,oDAAC,sCAAe,WAAU,WAAU;AAAA,QACpC,4CAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ;","names":[]}