@schandlergarcia/sf-web-components 1.0.11 → 1.0.13

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

@@ -29,7 +29,23 @@ export { default as HeroUIButton } from "./heroui/Button";
 export { default as HeroUIInput } from "./heroui/Input";
 export { default as HeroUICard } from "./heroui/Card";
 export { default as HeroUIToggle } from "./heroui/Toggle";
+export { default as HeroUITabs } from "./heroui/Tabs";
+export { default as HeroUIAccordion } from "./heroui/Accordion";
+export { default as HeroUIBreadcrumbs } from "./heroui/Breadcrumbs";
+export { default as HeroUISeparator } from "./heroui/Separator";
+export { default as HeroUIPagination } from "./heroui/Pagination";
+export { default as HeroUIDrawer } from "./heroui/Drawer";
+export { default as HeroUIModal } from "./heroui/Modal";
+export { default as HeroUIDropdown } from "./heroui/Dropdown";
+export { default as HeroUITooltip } from "./heroui/Tooltip";
+export { default as HeroUIToast } from "./heroui/Toast";
 export { default as HeroUIAlert } from "./heroui/Alert";
+export { default as HeroUIBadge } from "./heroui/Badge";
+export { default as HeroUIProgressBar } from "./heroui/ProgressBar";
+export { default as HeroUIProgressCircle } from "./heroui/ProgressCircle";
+export { default as HeroUIMeter } from "./heroui/Meter";
+export { default as HeroUISkeleton } from "./heroui/Skeleton";
+export { default as HeroUISelect } from "./heroui/Select";
 export { default as AppThemeProvider, useThemeMode } from "./theme/AppThemeProvider";
 export { Button as UIButton, Input as UIInput, Card as UICard, Spinner } from "./ui/shadcn-exports";
 export { FormModal, FormRenderer, FormSection, FormField, useFormState } from "./forms";
@@ -37,21 +53,5 @@ export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
 export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";
 export { filterBySearch, filterByValue, filterByToggle, filterByDateRange, sortByKey, applyFilters } from "./data/filterUtils";
 export { ChatPanel, ChatBar, ChatMessageList, ChatMessage, ChatInput, ChatTypingIndicator, ChatSuggestions, ChatToolCall, ChatWelcome, useChatState } from "./chat";
-export { default as HeroUITabs, Tabs } from "./heroui/Tabs";
-export { default as HeroUIAccordion, Accordion } from "./heroui/Accordion";
-export { default as HeroUIBreadcrumbs, Breadcrumbs } from "./heroui/Breadcrumbs";
-export { default as HeroUISeparator, Separator } from "./heroui/Separator";
-export { default as HeroUIPagination, Pagination } from "./heroui/Pagination";
-export { default as HeroUIDrawer, Drawer } from "./heroui/Drawer";
-export { default as HeroUIModal, Modal } from "./heroui/Modal";
-export { default as HeroUIDropdown, Dropdown } from "./heroui/Dropdown";
-export { default as HeroUITooltip, Tooltip } from "./heroui/Tooltip";
-export { default as HeroUIToast, Toast, toast } from "./heroui/Toast";
-export { default as HeroUIBadge, Badge } from "./heroui/Badge";
-export { default as HeroUIProgressBar, ProgressBar } from "./heroui/ProgressBar";
-export { default as HeroUIProgressCircle, ProgressCircle } from "./heroui/ProgressCircle";
-export { default as HeroUIMeter, Meter } from "./heroui/Meter";
-export { default as HeroUISkeleton, Skeleton } from "./heroui/Skeleton";
-export { default as HeroUISelect, Select } from "./heroui/Select";
 export { default as HeroUIKbd, Kbd } from "./heroui/Kbd";
 export { default as HeroUIScrollShadow, ScrollShadow } from "./heroui/ScrollShadow";

package/dist/components/library/ui/badge.js

@@ -1,6 +1,8 @@
-import "react/jsx-runtime";
-import { cva as e } from "../../../node_modules/class-variance-authority/dist/index.js";
-const i = e(
+import { jsx as a } from "react/jsx-runtime";
+import { cva as o } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as n } from "../../../lib/utils.js";
+import { Root as s } from "../../../node_modules/radix-ui/node_modules/@radix-ui/react-slot/dist/index.js";
+const d = o(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
@@ -18,7 +20,24 @@ const i = e(
     }
   }
 );
+function l({
+  className: r,
+  variant: e = "default",
+  asChild: t = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    t ? s : "span",
+    {
+      "data-slot": "badge",
+      "data-variant": e,
+      className: n(d({ variant: e }), r),
+      ...i
+    }
+  );
+}
 export {
-  i as badgeVariants
+  l as Badge,
+  d as badgeVariants
 };
 //# sourceMappingURL=badge.js.map

package/dist/components/library/ui/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../../../src/components/library/ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n        secondary:\n          'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          'bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90',\n        outline:\n          'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n        ghost: '[a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 [a&]:hover:underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva"],"mappings":";;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"badge.js","sources":["../../../../src/components/library/ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n        secondary:\n          'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          'bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90',\n        outline:\n          'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n        ghost: '[a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 [a&]:hover:underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","jsx","Slot.Root","cn"],"mappings":";;;;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAC8D;AAG5D,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAY;AAAA,IAGhC;AAAA,MACC,aAAU;AAAA,MACV,gBAAcJ;AAAA,MACd,WAAWK,EAAGT,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/ui/datePicker.js

@@ -1,11 +1,92 @@
-import { jsx as o } from "react/jsx-runtime";
-import "lucide-react";
-import "react";
-import { Popover as t } from "./popover.js";
-function a({ ...r }) {
-  return /* @__PURE__ */ o(t, { "data-slot": "date-picker", ...r });
+import { jsx as t, jsxs as l, Fragment as d } from "react/jsx-runtime";
+import { Calendar as f } from "lucide-react";
+import { cn as m } from "../../../lib/utils.js";
+import { Button as s } from "./button.js";
+import { Calendar as P } from "./calendar.js";
+import { Popover as h, PopoverContent as k, PopoverTrigger as u } from "./popover.js";
+import { format as n } from "../../../node_modules/date-fns/format.js";
+function L({ ...e }) {
+  return /* @__PURE__ */ t(h, { "data-slot": "date-picker", ...e });
+}
+function N({
+  className: e,
+  children: a,
+  date: r,
+  placeholder: i = "Pick a date",
+  dateFormat: o = "PPP",
+  ...c
+}) {
+  return /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
+    s,
+    {
+      variant: "outline",
+      "data-slot": "date-picker-trigger",
+      "data-empty": !r,
+      className: m(
+        "w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",
+        e
+      ),
+      ...c,
+      children: a ?? /* @__PURE__ */ l(d, { children: [
+        /* @__PURE__ */ t(f, {}),
+        r ? n(r, o) : /* @__PURE__ */ t("span", { children: i })
+      ] })
+    }
+  ) });
+}
+function T({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    k,
+    {
+      "data-slot": "date-picker-content",
+      className: m("w-auto p-0", e),
+      ...a
+    }
+  );
+}
+function w({
+  className: e,
+  children: a,
+  dateRange: r,
+  placeholder: i = "Pick a date",
+  dateFormat: o = "LLL dd, y",
+  ...c
+}) {
+  const p = r?.from != null;
+  return /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
+    s,
+    {
+      variant: "outline",
+      "data-slot": "date-picker-range-trigger",
+      "data-empty": !p,
+      className: m(
+        "justify-start text-left font-normal data-[empty=true]:text-muted-foreground",
+        e
+      ),
+      ...c,
+      children: a ?? /* @__PURE__ */ l(d, { children: [
+        /* @__PURE__ */ t(f, {}),
+        r?.from ? r.to ? /* @__PURE__ */ l(d, { children: [
+          n(r.from, o),
+          " –",
+          " ",
+          n(r.to, o)
+        ] }) : n(r.from, o) : /* @__PURE__ */ t("span", { children: i })
+      ] })
+    }
+  ) });
+}
+function B(e) {
+  return /* @__PURE__ */ t(P, { "data-slot": "date-picker-calendar", ...e });
 }
 export {
-  a as DatePicker
+  L as DatePicker,
+  B as DatePickerCalendar,
+  T as DatePickerContent,
+  w as DatePickerRangeTrigger,
+  N as DatePickerTrigger
 };
 //# sourceMappingURL=datePicker.js.map

package/dist/components/library/ui/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","sources":["../../../../src/components/library/ui/datePicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\n\nimport type { DateRange, DayPickerProps } from 'react-day-picker';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from './button';\nimport { Calendar } from './calendar';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from './popover';\n\nfunction DatePicker({ ...props }: React.ComponentProps<typeof Popover>) {\n  return <Popover data-slot=\"date-picker\" {...props} />;\n}\n\nfunction DatePickerTrigger({\n  className,\n  children,\n  date,\n  placeholder = 'Pick a date',\n  dateFormat = 'PPP',\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  date?: Date;\n  placeholder?: string;\n  dateFormat?: string;\n}) {\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        variant=\"outline\"\n        data-slot=\"date-picker-trigger\"\n        data-empty={!date}\n        className={cn(\n          'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <CalendarIcon />\n            {date ? format(date, dateFormat) : <span>{placeholder}</span>}\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nfunction DatePickerContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof PopoverContent>) {\n  return (\n    <PopoverContent\n      data-slot=\"date-picker-content\"\n      className={cn('w-auto p-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DatePickerRangeTrigger({\n  className,\n  children,\n  dateRange,\n  placeholder = 'Pick a date',\n  dateFormat = 'LLL dd, y',\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  dateRange?: DateRange;\n  placeholder?: string;\n  dateFormat?: string;\n}) {\n  const hasDate = dateRange?.from != null;\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        variant=\"outline\"\n        data-slot=\"date-picker-range-trigger\"\n        data-empty={!hasDate}\n        className={cn(\n          'justify-start text-left font-normal data-[empty=true]:text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <CalendarIcon />\n            {dateRange?.from ? (\n              dateRange.to ? (\n                <>\n                  {format(dateRange.from, dateFormat)} –{' '}\n                  {format(dateRange.to, dateFormat)}\n                </>\n              ) : (\n                format(dateRange.from, dateFormat)\n              )\n            ) : (\n              <span>{placeholder}</span>\n            )}\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nfunction DatePickerCalendar(props: DayPickerProps) {\n  return <Calendar data-slot=\"date-picker-calendar\" {...props} />;\n}\n\nexport {\n  DatePicker,\n  DatePickerTrigger,\n  DatePickerRangeTrigger,\n  DatePickerContent,\n  DatePickerCalendar,\n};\n"],"names":["DatePicker","props","jsx","Popover"],"mappings":";;;;AAiBA,SAASA,EAAW,EAAE,GAAGC,KAA+C;AACtE,SAAO,gBAAAC,EAACC,GAAA,EAAQ,aAAU,eAAe,GAAGF,GAAO;AACrD;"}
+{"version":3,"file":"datePicker.js","sources":["../../../../src/components/library/ui/datePicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\n\nimport type { DateRange, DayPickerProps } from 'react-day-picker';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from './button';\nimport { Calendar } from './calendar';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from './popover';\n\nfunction DatePicker({ ...props }: React.ComponentProps<typeof Popover>) {\n  return <Popover data-slot=\"date-picker\" {...props} />;\n}\n\nfunction DatePickerTrigger({\n  className,\n  children,\n  date,\n  placeholder = 'Pick a date',\n  dateFormat = 'PPP',\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  date?: Date;\n  placeholder?: string;\n  dateFormat?: string;\n}) {\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        variant=\"outline\"\n        data-slot=\"date-picker-trigger\"\n        data-empty={!date}\n        className={cn(\n          'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <CalendarIcon />\n            {date ? format(date, dateFormat) : <span>{placeholder}</span>}\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nfunction DatePickerContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof PopoverContent>) {\n  return (\n    <PopoverContent\n      data-slot=\"date-picker-content\"\n      className={cn('w-auto p-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DatePickerRangeTrigger({\n  className,\n  children,\n  dateRange,\n  placeholder = 'Pick a date',\n  dateFormat = 'LLL dd, y',\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  dateRange?: DateRange;\n  placeholder?: string;\n  dateFormat?: string;\n}) {\n  const hasDate = dateRange?.from != null;\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        variant=\"outline\"\n        data-slot=\"date-picker-range-trigger\"\n        data-empty={!hasDate}\n        className={cn(\n          'justify-start text-left font-normal data-[empty=true]:text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <CalendarIcon />\n            {dateRange?.from ? (\n              dateRange.to ? (\n                <>\n                  {format(dateRange.from, dateFormat)} –{' '}\n                  {format(dateRange.to, dateFormat)}\n                </>\n              ) : (\n                format(dateRange.from, dateFormat)\n              )\n            ) : (\n              <span>{placeholder}</span>\n            )}\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nfunction DatePickerCalendar(props: DayPickerProps) {\n  return <Calendar data-slot=\"date-picker-calendar\" {...props} />;\n}\n\nexport {\n  DatePicker,\n  DatePickerTrigger,\n  DatePickerRangeTrigger,\n  DatePickerContent,\n  DatePickerCalendar,\n};\n"],"names":["DatePicker","props","jsx","Popover","DatePickerTrigger","className","children","date","placeholder","dateFormat","PopoverTrigger","Button","cn","jsxs","Fragment","CalendarIcon","format","DatePickerContent","PopoverContent","DatePickerRangeTrigger","dateRange","hasDate","DatePickerCalendar","Calendar"],"mappings":";;;;;;;AAiBA,SAASA,EAAW,EAAE,GAAGC,KAA+C;AACtE,SAAO,gBAAAC,EAACC,GAAA,EAAQ,aAAU,eAAe,GAAGF,GAAO;AACrD;AAEA,SAASG,EAAkB;AAAA,EACzB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGR;AACL,GAIG;AACD,SACE,gBAAAC,EAACQ,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAR;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAU;AAAA,MACV,cAAY,CAACJ;AAAA,MACb,WAAWK;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,MAEH,eACC,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAZ,EAACa,GAAA,EAAa;AAAA,QACbR,IAAOS,EAAOT,GAAME,CAAU,IAAI,gBAAAP,EAAC,UAAM,UAAAM,EAAA,CAAY;AAAA,MAAA,EAAA,CACxD;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAASS,EAAkB;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGJ;AACL,GAAgD;AAC9C,SACE,gBAAAC;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWN,EAAG,cAAcP,CAAS;AAAA,MACpC,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAuB;AAAA,EAC9B,WAAAd;AAAA,EACA,UAAAC;AAAA,EACA,WAAAc;AAAA,EACA,aAAAZ,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGR;AACL,GAIG;AACD,QAAMoB,IAAUD,GAAW,QAAQ;AACnC,SACE,gBAAAlB,EAACQ,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAR;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAU;AAAA,MACV,cAAY,CAACU;AAAA,MACb,WAAWT;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,MAEH,eACC,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAZ,EAACa,GAAA,EAAa;AAAA,QACbK,GAAW,OACVA,EAAU,KACR,gBAAAP,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAE,EAAOI,EAAU,MAAMX,CAAU;AAAA,UAAE;AAAA,UAAG;AAAA,UACtCO,EAAOI,EAAU,IAAIX,CAAU;AAAA,QAAA,EAAA,CAClC,IAEAO,EAAOI,EAAU,MAAMX,CAAU,IAGnC,gBAAAP,EAAC,UAAM,UAAAM,EAAA,CAAY;AAAA,MAAA,EAAA,CAEvB;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAASc,EAAmBrB,GAAuB;AACjD,SAAO,gBAAAC,EAACqB,GAAA,EAAS,aAAU,wBAAwB,GAAGtB,GAAO;AAC/D;"}

package/dist/components/library/ui/field.js

@@ -1,21 +1,54 @@
-import { jsx as l } from "react/jsx-runtime";
-import "react";
-import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as o } from "../../../lib/utils.js";
-function u({ className: e, ...t }) {
-  return /* @__PURE__ */ l(
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { cva as c } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { Label as m } from "./label.js";
+import { Separator as p } from "./separator.js";
+function k({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: l(
+        "gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function y({
+  className: t,
+  variant: e = "legend",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": e,
+      className: l(
+        "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function F({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "field-group",
-      className: o(
+      className: l(
         "gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col",
-        e
+        t
       ),
-      ...t
+      ...e
     }
   );
 }
-const i = r(
+const g = c(
   "data-[invalid=true]:text-destructive gap-2 group/field flex w-full",
   {
     variants: {
@@ -30,24 +63,148 @@ const i = r(
     }
   }
 );
-function c({
-  className: e,
-  orientation: t = "vertical",
-  ...a
+function L({
+  className: t,
+  orientation: e = "vertical",
+  ...o
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(
     "div",
     {
       role: "group",
       "data-slot": "field",
-      "data-orientation": t,
-      className: o(i({ orientation: t }), e),
-      ...a
+      "data-orientation": e,
+      className: l(g({ orientation: e }), t),
+      ...o
+    }
+  );
+}
+function S({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: l(
+        "gap-0.5 group/field-content flex flex-1 flex-col leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function j({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    m,
+    {
+      "data-slot": "field-label",
+      className: l(
+        "has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        t
+      ),
+      ...e
     }
   );
 }
+function z({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: l(
+        "gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function E({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: l(
+        "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function M({
+  children: t,
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!t,
+      className: l(
+        "-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ a(p, { className: "absolute inset-0 top-1/2" }),
+        t && /* @__PURE__ */ a(
+          "span",
+          {
+            className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
+            "data-slot": "field-separator-content",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function V({
+  className: t,
+  children: e,
+  errors: o,
+  ...n
+}) {
+  const i = u(() => {
+    if (e)
+      return e;
+    if (!o?.length)
+      return null;
+    const d = [
+      ...new Map(o.map((r) => [r?.message, r])).values()
+    ];
+    return d?.length == 1 ? d[0]?.message : /* @__PURE__ */ a("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: d.map(
+      (r, s) => r?.message && /* @__PURE__ */ a("li", { children: r.message }, s)
+    ) });
+  }, [e, o]);
+  return i ? /* @__PURE__ */ a(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: l("text-destructive text-sm font-normal", t),
+      ...n,
+      children: i
+    }
+  ) : null;
+}
 export {
-  c as Field,
-  u as FieldGroup
+  L as Field,
+  S as FieldContent,
+  E as FieldDescription,
+  V as FieldError,
+  F as FieldGroup,
+  j as FieldLabel,
+  y as FieldLegend,
+  M as FieldSeparator,
+  k as FieldSet,
+  z as FieldTitle
 };
 //# sourceMappingURL=field.js.map

package/dist/components/library/ui/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../src/components/library/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../../lib/utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'data-[invalid=true]:text-destructive gap-2 group/field flex w-full',\n  {\n    variants: {\n      orientation: {\n        vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n        horizontal:\n          'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        responsive:\n          'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        'gap-0.5 group/field-content flex flex-1 flex-col leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map(error => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"names":["FieldGroup","className","props","jsx","cn","fieldVariants","cva","Field","orientation"],"mappings":";;;;AAuCA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMG,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,UAAU;AAAA,QACV,YACE;AAAA,QACF,YACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAN;AAAA,EACA,aAAAO,IAAc;AAAA,EACd,GAAGN;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBK;AAAA,MAClB,WAAWJ,EAAGC,EAAc,EAAE,aAAAG,EAAA,CAAa,GAAGP,CAAS;AAAA,MACtD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"field.js","sources":["../../../../src/components/library/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../../lib/utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'data-[invalid=true]:text-destructive gap-2 group/field flex w-full',\n  {\n    variants: {\n      orientation: {\n        vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n        horizontal:\n          'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        responsive:\n          'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        'gap-0.5 group/field-content flex flex-1 flex-col leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map(error => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"names":["FieldSet","className","props","jsx","cn","FieldLegend","variant","FieldGroup","fieldVariants","cva","Field","orientation","FieldContent","FieldLabel","Label","FieldTitle","FieldDescription","FieldSeparator","children","jsxs","Separator","FieldError","errors","content","useMemo","uniqueErrors","error","index"],"mappings":"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"}

package/dist/components/library/ui/pagination.js

@@ -1,89 +1,101 @@
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import { cn as t } from "../../../lib/utils.js";
-import { Button as l } from "./button.js";
-import { MoreHorizontalIcon as c, ChevronRightIcon as d, ChevronLeftIcon as p } from "lucide-react";
-function h({
-  className: n,
-  ...a
+import { Button as s } from "./button.js";
+import { MoreHorizontalIcon as c, ChevronRightIcon as u, ChevronLeftIcon as p } from "lucide-react";
+function h({ className: a, ...n }) {
+  return /* @__PURE__ */ i(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t("mx-auto flex w-full justify-center", a),
+      ...n
+    }
+  );
+}
+function N({
+  className: a,
+  ...n
 }) {
   return /* @__PURE__ */ i(
     "ul",
     {
       "data-slot": "pagination-content",
-      className: t("gap-0.5 flex items-center", n),
-      ...a
+      className: t("gap-0.5 flex items-center", a),
+      ...n
     }
   );
 }
-function N({ ...n }) {
-  return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...n });
+function x({ ...a }) {
+  return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
-function s({
-  className: n,
-  isActive: a,
+function l({
+  className: a,
+  isActive: n,
   size: e = "icon",
   ...r
 }) {
   return /* @__PURE__ */ i(
-    l,
+    s,
     {
       asChild: !0,
-      variant: a ? "outline" : "ghost",
+      variant: n ? "outline" : "ghost",
       size: e,
-      className: t(n),
+      className: t(a),
       children: /* @__PURE__ */ i(
         "a",
         {
-          "aria-current": a ? "page" : void 0,
+          "aria-current": n ? "page" : void 0,
           "data-slot": "pagination-link",
-          "data-active": a,
+          "data-active": n,
           ...r
         }
       )
     }
   );
 }
-function x({
-  className: n,
-  text: a = "Previous",
+function v({
+  className: a,
+  text: n = "Previous",
   ...e
 }) {
   return /* @__PURE__ */ o(
-    s,
+    l,
     {
       "aria-label": "Go to previous page",
       size: "default",
-      className: t("pl-1.5!", n),
+      className: t("pl-1.5!", a),
       ...e,
       children: [
         /* @__PURE__ */ i(p, { "data-icon": "inline-start", className: "cn-rtl-flip" }),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: a })
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n })
       ]
     }
   );
 }
 function P({
-  className: n,
-  text: a = "Next",
+  className: a,
+  text: n = "Next",
   ...e
 }) {
   return /* @__PURE__ */ o(
-    s,
+    l,
     {
       "aria-label": "Go to next page",
       size: "default",
-      className: t("pr-1.5!", n),
+      className: t("pr-1.5!", a),
       ...e,
       children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: a }),
-        /* @__PURE__ */ i(d, { "data-icon": "inline-end", className: "cn-rtl-flip" })
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n }),
+        /* @__PURE__ */ i(u, { "data-icon": "inline-end", className: "cn-rtl-flip" })
       ]
     }
   );
 }
-function v({
-  className: n,
-  ...a
+function z({
+  className: a,
+  ...n
 }) {
   return /* @__PURE__ */ o(
     "span",
@@ -92,9 +104,9 @@ function v({
       "data-slot": "pagination-ellipsis",
       className: t(
         "size-8 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center",
-        n
+        a
       ),
-      ...a,
+      ...n,
       children: [
         /* @__PURE__ */ i(c, {}),
         /* @__PURE__ */ i("span", { className: "sr-only", children: "More pages" })
@@ -103,11 +115,12 @@ function v({
   );
 }
 export {
-  h as PaginationContent,
-  v as PaginationEllipsis,
-  N as PaginationItem,
-  s as PaginationLink,
+  h as Pagination,
+  N as PaginationContent,
+  z as PaginationEllipsis,
+  x as PaginationItem,
+  l as PaginationLink,
   P as PaginationNext,
-  x as PaginationPrevious
+  v as PaginationPrevious
 };
 //# sourceMappingURL=pagination.js.map