@incognia/cosmik 1.0.11 → 1.1.1

package/dist/index17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index17.cjs","sources":["../src/Layout/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../lib/utils'\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Layout({\n  children,\n  className,\n  isLoading,\n  ...props\n}: LayoutProps & {\n  isLoading?: boolean\n}) {\n  return (\n    <div className={cn('flex h-full', className)} {...props}>\n      {isLoading && <LayoutPageLoader />}\n      {children}\n    </div>\n  )\n}\n\nfunction LayoutPageLoader() {\n  return (\n    <div className=\"fixed inset-0 bg-gray-400 z-60 h-4\">\n      <div className=\"bg-chart-purple h-4 rounded-r animate-page-loader\"></div>\n    </div>\n  )\n}\n\nexport function LayoutSidebar({ className, ...props }: LayoutProps) {\n  return (\n    <aside\n      className={cn(\n        'bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutTopbar({ className, ...props }: LayoutProps) {\n  return (\n    <div\n      className={cn('shrink-0 bg-white border-b border-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n"],"names":["Layout","children","className","isLoading","props","jsxs","cn","LayoutPageLoader","jsx","LayoutSidebar","LayoutContent","LayoutScrollableContent","LayoutMain","LayoutTopbar"],"mappings":"4IAQO,SAASA,EAAO,CACrB,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,kBAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeJ,CAAS,EAAI,GAAGE,EAC/C,SAAA,CAAAD,2BAAcI,EAAA,EAAiB,EAC/BN,CAAA,EACH,CAEJ,CAEA,SAASM,GAAmB,CAC1B,OACEC,wBAAC,OAAI,UAAU,qCACb,iCAAC,MAAA,CAAI,UAAU,oDAAoD,CAAA,CACrE,CAEJ,CAEO,SAASC,EAAc,CAAE,UAAAP,EAAW,GAAGE,GAAsB,CAClE,OACEI,EAAAA,kBAAAA,IAAC,QAAA,CACC,UAAWF,EAAAA,GACT,8EACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEO,SAASM,EAAc,CAAE,UAAAR,EAAW,GAAGE,GAAsB,CAClE,OAAOI,EAAAA,kBAAAA,IAAC,OAAI,UAAWF,EAAAA,GAAG,WAAYJ,CAAS,EAAI,GAAGE,EAAO,CAC/D,CAEO,SAASO,EAAwB,CAAE,UAAAT,EAAW,GAAGE,GAAsB,CAC5E,OAAOI,EAAAA,kBAAAA,IAAC,OAAI,UAAWF,EAAAA,GAAG,qBAAsBJ,CAAS,EAAI,GAAGE,EAAO,CACzE,CAEO,SAASQ,EAAW,CAAE,UAAAV,EAAW,GAAGE,GAAsB,CAC/D,OACEI,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,GACT,8EACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEO,SAASS,EAAa,CAAE,UAAAX,EAAW,GAAGE,GAAsB,CACjE,OACEI,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GAAG,gDAAiDJ,CAAS,EACvE,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index17.cjs","names":[],"sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-8 fill-gray-900\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'px-16 py-8 text-base font-semibold data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-gray-900/8 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-16\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"mappings":"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"}

package/dist/index17.js

@@ -1,64 +1,41 @@
-import { j as a } from "./index37.js";
-import { cn as t } from "./index39.js";
-function c({
-  children: r,
-  className: e,
-  isLoading: n,
-  ...o
-}) {
-  return /* @__PURE__ */ a.jsxs("div", { className: t("flex h-full", e), ...o, children: [
-    n && /* @__PURE__ */ a.jsx(s, {}),
-    r
-  ] });
+"use client";
+import { cn as e } from "./index6.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+//#region src/Popover/index.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "popover",
+		...e
+	});
 }
-function s() {
-  return /* @__PURE__ */ a.jsx("div", { className: "fixed inset-0 bg-gray-400 z-60 h-4", children: /* @__PURE__ */ a.jsx("div", { className: "bg-chart-purple h-4 rounded-r animate-page-loader" }) });
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
 }
-function l({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "aside",
-    {
-      className: t(
-        "bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen",
-        r
-      ),
-      ...e
-    }
-  );
+function a({ className: r, align: i = "center", sideOffset: a = 4, portalled: o = !0, container: s, ...c }) {
+	let l = /* @__PURE__ */ t(n.Content, {
+		"data-slot": "popover-content",
+		align: i,
+		sideOffset: a,
+		className: e("bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden", r),
+		...c
+	});
+	return o ? /* @__PURE__ */ t(n.Portal, {
+		container: s,
+		children: l
+	}) : l;
 }
-function d({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx("div", { className: t("shrink-0", r), ...e });
+function o({ ...e }) {
+	return /* @__PURE__ */ t(n.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
+	});
 }
-function f({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx("div", { className: t("grow overflow-auto", r), ...e });
-}
-function x({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "main",
-    {
-      className: t(
-        "flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden",
-        r
-      ),
-      ...e
-    }
-  );
-}
-function m({ className: r, ...e }) {
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      className: t("shrink-0 bg-white border-b border-gray-900/16", r),
-      ...e
-    }
-  );
-}
-export {
-  c as Layout,
-  d as LayoutContent,
-  x as LayoutMain,
-  f as LayoutScrollableContent,
-  l as LayoutSidebar,
-  m as LayoutTopbar
-};
-//# sourceMappingURL=index17.js.map
+//#endregion
+export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };
+
+//# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/Layout/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../lib/utils'\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Layout({\n  children,\n  className,\n  isLoading,\n  ...props\n}: LayoutProps & {\n  isLoading?: boolean\n}) {\n  return (\n    <div className={cn('flex h-full', className)} {...props}>\n      {isLoading && <LayoutPageLoader />}\n      {children}\n    </div>\n  )\n}\n\nfunction LayoutPageLoader() {\n  return (\n    <div className=\"fixed inset-0 bg-gray-400 z-60 h-4\">\n      <div className=\"bg-chart-purple h-4 rounded-r animate-page-loader\"></div>\n    </div>\n  )\n}\n\nexport function LayoutSidebar({ className, ...props }: LayoutProps) {\n  return (\n    <aside\n      className={cn(\n        'bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutTopbar({ className, ...props }: LayoutProps) {\n  return (\n    <div\n      className={cn('shrink-0 bg-white border-b border-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n"],"names":["Layout","children","className","isLoading","props","jsxs","cn","LayoutPageLoader","jsx","LayoutSidebar","LayoutContent","LayoutScrollableContent","LayoutMain","LayoutTopbar"],"mappings":";;AAQO,SAASA,EAAO;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACEC,gBAAAA,EAAAA,KAAC,SAAI,WAAWC,EAAG,eAAeJ,CAAS,GAAI,GAAGE,GAC/C,UAAA;AAAA,IAAAD,2BAAcI,GAAA,EAAiB;AAAA,IAC/BN;AAAA,EAAA,GACH;AAEJ;AAEA,SAASM,IAAmB;AAC1B,SACEC,gBAAAA,MAAC,SAAI,WAAU,sCACb,gCAAC,OAAA,EAAI,WAAU,qDAAoD,EAAA,CACrE;AAEJ;AAEO,SAASC,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAAsB;AAClE,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASM,EAAc,EAAE,WAAAR,GAAW,GAAGE,KAAsB;AAClE,SAAOI,gBAAAA,EAAAA,IAAC,SAAI,WAAWF,EAAG,YAAYJ,CAAS,GAAI,GAAGE,GAAO;AAC/D;AAEO,SAASO,EAAwB,EAAE,WAAAT,GAAW,GAAGE,KAAsB;AAC5E,SAAOI,gBAAAA,EAAAA,IAAC,SAAI,WAAWF,EAAG,sBAAsBJ,CAAS,GAAI,GAAGE,GAAO;AACzE;AAEO,SAASQ,EAAW,EAAE,WAAAV,GAAW,GAAGE,KAAsB;AAC/D,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASS,EAAa,EAAE,WAAAX,GAAW,GAAGE,KAAsB;AACjE,SACEI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAG,iDAAiDJ,CAAS;AAAA,MACvE,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index17.js","names":[],"sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalled = true,\n  container,\n  ...props\n}: PopoverContentProps) {\n  const content = (\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (!portalled) return content\n\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      {content}\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  portalled?: boolean\n  container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":";;;;;;AAMA,SAAS,EAAQ,EACf,GAAG,KACkD;CACrD,OAAO,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EACtB,GAAG,KACqD;CACxD,OAAO,kBAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,cACA,WAAQ,UACR,gBAAa,GACb,eAAY,IACZ,cACA,GAAG,KACmB;CACtB,IAAM,IACJ,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,EACT,4eACA,CACF;EACA,GAAI;CACL,CAAA;CAKH,OAFK,IAGH,kBAAC,EAAiB,QAAlB;EAAoC;YACjC;CACsB,CAAA,IALJ;AAOzB;AAEA,SAAS,EAAc,EACrB,GAAG,KACoD;CACvD,OAAO,kBAAC,EAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE"}

package/dist/index18.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),i=require("./index39.cjs"),s=require("./index41.cjs");function l({className:t}){return e.jsxRuntimeExports.jsx("div",{role:"alert","aria-busy":!0,className:i.cn("flex items-center justify-center",t),children:e.jsxRuntimeExports.jsxs("div",{className:"inline-block relative w-[76px] h-48",children:[e.jsxRuntimeExports.jsx(s.default,{className:"left-8 animate-loading-ellipsis1"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-8 animate-loading-ellipsis2"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-32 animate-loading-ellipsis2"}),e.jsxRuntimeExports.jsx(s.default,{className:"left-[56px] animate-loading-ellipsis3"})]})})}exports.Loading=l;
-//# sourceMappingURL=index18.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-popover");i=e.__toESM(i,1);function a({...e}){return(0,r.jsx)(i.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,sideOffset:a=4,portalled:o=!0,container:s,...c}){let l=(0,r.jsx)(i.Content,{"data-slot":`popover-content`,align:n,sideOffset:a,className:t.cn(`bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden`,e),...c});return o?(0,r.jsx)(i.Portal,{container:s,children:l}):l}function c({...e}){return(0,r.jsx)(i.Anchor,{"data-slot":`popover-anchor`,...e})}exports.Popover=a,exports.PopoverAnchor=c,exports.PopoverContent=s,exports.PopoverTrigger=o;
+//# sourceMappingURL=index18.cjs.map

package/dist/index18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index18.cjs","sources":["../src/Loading/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\nimport LoadingDot from './LoadingDot'\n\ntype Props = {\n  className?: string\n}\n\nexport function Loading({ className }: Props) {\n  return (\n    <div\n      role=\"alert\"\n      aria-busy={true}\n      className={cn('flex items-center justify-center', className)}\n    >\n      <div className=\"inline-block relative w-[76px] h-48\">\n        <LoadingDot className=\"left-8 animate-loading-ellipsis1\" />\n        <LoadingDot className=\"left-8 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-32 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-[56px] animate-loading-ellipsis3\" />\n      </div>\n    </div>\n  )\n}\n"],"names":["Loading","className","jsx","cn","jsxs","LoadingDot"],"mappings":"uKAOO,SAASA,EAAQ,CAAE,UAAAC,GAAoB,CAC5C,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAW,GACX,UAAWC,EAAAA,GAAG,mCAAoCF,CAAS,EAE3D,SAAAG,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,kCAAA,CAAmC,EACzDH,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,kCAAA,CAAmC,EACzDH,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,mCAAA,CAAoC,EAC1DH,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CAAW,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAChE,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index18.cjs","names":[],"sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalled = true,\n  container,\n  ...props\n}: PopoverContentProps) {\n  const content = (\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (!portalled) return content\n\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      {content}\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  portalled?: boolean\n  container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"wMAMA,SAAS,EAAQ,CACf,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAS,EAAe,CACtB,GAAG,GACqD,CACxD,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,EAAe,CACtB,YACA,QAAQ,SACR,aAAa,EACb,YAAY,GACZ,YACA,GAAG,GACmB,CACtB,IAAM,GACJ,EAAA,EAAA,KAAC,EAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAW,EAAA,GACT,2eACA,CACF,EACA,GAAI,CACL,CAAA,EAKH,OAFK,GAGH,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAoC,qBACjC,CACsB,CAAA,EALJ,CAOzB,CAEA,SAAS,EAAc,CACrB,GAAG,GACoD,CACvD,OAAO,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE"}

package/dist/index18.js

@@ -1,23 +1,76 @@
-import { j as e } from "./index37.js";
-import { cn as a } from "./index39.js";
-import i from "./index41.js";
-function r({ className: s }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      role: "alert",
-      "aria-busy": !0,
-      className: a("flex items-center justify-center", s),
-      children: /* @__PURE__ */ e.jsxs("div", { className: "inline-block relative w-[76px] h-48", children: [
-        /* @__PURE__ */ e.jsx(i, { className: "left-8 animate-loading-ellipsis1" }),
-        /* @__PURE__ */ e.jsx(i, { className: "left-8 animate-loading-ellipsis2" }),
-        /* @__PURE__ */ e.jsx(i, { className: "left-32 animate-loading-ellipsis2" }),
-        /* @__PURE__ */ e.jsx(i, { className: "left-[56px] animate-loading-ellipsis3" })
-      ] })
-    }
-  );
+import { cn as e } from "./index6.js";
+import { Button as t } from "./index8.js";
+import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "./index17.js";
+import { LucideX as a } from "lucide-react";
+import o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/Filter/index.tsx
+function l({ children: l, label: u, selectedLabel: d, trigger: f, i18n: p, value: m, onOpenChange: h, onApply: g, contentProps: _ = {}, buttonProps: v = {}, clearable: y = !0, ...b }) {
+	let [x, S] = o.useState(!1), [C, w] = o.useState(m || null), T = m ? d ? d(m) : m.toString() : u, E = /* @__PURE__ */ c(t, {
+		variant: m ? "filled" : "outline",
+		intent: m ? "filter" : "secondary",
+		size: "sm",
+		className: e("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]", { "pr-12": !!m }),
+		...v,
+		children: [T, y && m && /* @__PURE__ */ s(a, {
+			className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
+			onClick: (e) => {
+				e.preventDefault(), w(null), g?.(void 0);
+			}
+		})]
+	});
+	function D() {
+		g?.(C ?? void 0), S(!1);
+	}
+	return /* @__PURE__ */ c(n, {
+		open: x,
+		onOpenChange: (e) => {
+			h?.(e), e || g?.(C ?? void 0), e && w(m ?? null), S(e);
+		},
+		...b,
+		children: [/* @__PURE__ */ s(i, {
+			asChild: !0,
+			children: f || E
+		}), /* @__PURE__ */ s(r, {
+			className: "w-full min-w-[200px]",
+			align: "start",
+			..._,
+			children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
+				onKeyDown: (e) => {
+					if (e.defaultPrevented || e.key !== "Enter") return;
+					let t = e.target;
+					if (!t) return;
+					let n = t.tagName, r = n === "INPUT", i = n === "TEXTAREA", a = n === "BUTTON", o = t.isContentEditable;
+					!r || i || a || o || (e.preventDefault(), e.stopPropagation(), D());
+				},
+				children: l({
+					onFilterChange: w,
+					filterValue: C
+				})
+			}), /* @__PURE__ */ c("div", {
+				className: "w-full flex justify-between mt-16",
+				children: [y && C && p.clear && /* @__PURE__ */ s(t, {
+					variant: "link",
+					intent: "secondary",
+					size: "fit-content",
+					type: "button",
+					onClick: () => w(null),
+					children: p.clear
+				}), p.apply && /* @__PURE__ */ s(t, {
+					className: "ml-auto",
+					variant: "link",
+					size: "fit-content",
+					type: "button",
+					onClick: (e) => {
+						e.preventDefault(), D();
+					},
+					children: p.apply
+				})]
+			})] })
+		})]
+	});
 }
-export {
-  r as Loading
-};
-//# sourceMappingURL=index18.js.map
+//#endregion
+export { l as Filter };
+
+//# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/Loading/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\nimport LoadingDot from './LoadingDot'\n\ntype Props = {\n  className?: string\n}\n\nexport function Loading({ className }: Props) {\n  return (\n    <div\n      role=\"alert\"\n      aria-busy={true}\n      className={cn('flex items-center justify-center', className)}\n    >\n      <div className=\"inline-block relative w-[76px] h-48\">\n        <LoadingDot className=\"left-8 animate-loading-ellipsis1\" />\n        <LoadingDot className=\"left-8 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-32 animate-loading-ellipsis2\" />\n        <LoadingDot className=\"left-[56px] animate-loading-ellipsis3\" />\n      </div>\n    </div>\n  )\n}\n"],"names":["Loading","className","jsx","cn","jsxs","LoadingDot"],"mappings":";;;AAOO,SAASA,EAAQ,EAAE,WAAAC,KAAoB;AAC5C,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAW;AAAA,MACX,WAAWC,EAAG,oCAAoCF,CAAS;AAAA,MAE3D,UAAAG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,QAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,mCAAA,CAAmC;AAAA,QACzDH,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,mCAAA,CAAmC;AAAA,QACzDH,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,oCAAA,CAAoC;AAAA,QAC1DH,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,wCAAA,CAAwC;AAAA,MAAA,EAAA,CAChE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index18.js","names":[],"sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n  clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  clearable = true,\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {clearable && value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  function handleApply() {\n    onApply?.(localValue ?? undefined)\n    setIsOpen(false)\n  }\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue ?? undefined)\n        if (open) setLocalValue(value ?? null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <div>\n          <div\n            onKeyDown={e => {\n              if (e.defaultPrevented) return\n              if (e.key !== 'Enter') return\n              const target = e.target as HTMLElement | null\n              if (!target) return\n              const tagName = target.tagName\n              const isInput = tagName === 'INPUT'\n              const isTextarea = tagName === 'TEXTAREA'\n              const isButton = tagName === 'BUTTON'\n              const isContentEditable = target.isContentEditable\n              // Only apply on Enter from filter input fields, not from buttons,\n              // textareas, or other interactive/contenteditable elements.\n              if (!isInput || isTextarea || isButton || isContentEditable) {\n                return\n              }\n              e.preventDefault()\n              e.stopPropagation()\n              handleApply()\n            }}\n          >\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {clearable && localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => setLocalValue(null)}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={e => {\n                  e.preventDefault()\n                  handleApply()\n                }}\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"mappings":";;;;;;;AA0CA,SAAS,EAAU,EACjB,aACA,UACA,kBACA,YACA,SACA,UACA,iBACA,YACA,kBAAe,CAAC,GAChB,iBAAc,CAAC,GACf,eAAY,IACZ,GAAG,KACc;CACjB,IAAM,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAK,GAC1C,CAAC,GAAY,KAAiB,EAAM,SAAmB,KAAS,IAAI,GAEpE,IAAc,IAChB,IACE,EAAc,CAAK,IACnB,EAAM,SAAS,IACjB,GAEE,IACJ,kBAAC,GAAD;EACE,SAAS,IAAQ,WAAW;EAC5B,QAAQ,IAAQ,WAAW;EAC3B,MAAK;EACL,WAAW,EACT,0EACA,EACE,SAAS,CAAC,CAAC,EACb,CACF;EACA,GAAI;YAVN,CAYG,GACA,KAAa,KACZ,kBAAC,GAAD;GACE,WAAU;GACV,UAAS,MAAK;IAGZ,AAFA,EAAE,eAAe,GACjB,EAAc,IAAI,GAClB,IAAU,KAAA,CAAS;GACrB;EACD,CAAA,CAEG;;CAGV,SAAS,IAAc;EAErB,AADA,IAAU,KAAc,KAAA,CAAS,GACjC,EAAU,EAAK;CACjB;CAEA,OACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAc,MAAQ;GAIpB,AAHA,IAAe,CAAI,GACd,KAAM,IAAU,KAAc,KAAA,CAAS,GACxC,KAAM,EAAc,KAAS,IAAI,GACrC,EAAU,CAAI;EAChB;EACA,GAAI;YARN,CAUE,kBAAC,GAAD;GAAgB,SAAA;aAAS,KAAW;EAA+B,CAAA,GACnE,kBAAC,GAAD;GACE,WAAU;GACV,OAAM;GACN,GAAI;aAEJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IACE,YAAW,MAAK;KAEd,IADI,EAAE,oBACF,EAAE,QAAQ,SAAS;KACvB,IAAM,IAAS,EAAE;KACjB,IAAI,CAAC,GAAQ;KACb,IAAM,IAAU,EAAO,SACjB,IAAU,MAAY,SACtB,IAAa,MAAY,YACzB,IAAW,MAAY,UACvB,IAAoB,EAAO;KAG7B,CAAC,KAAW,KAAc,KAAY,MAG1C,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAY;IACd;cAEC,EAAS;KACR,gBAAgB;KAChB,aAAa;IACf,CAAC;GACE,CAAA,GACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAa,KAAc,EAAK,SAC/B,kBAAC,GAAD;KACE,SAAQ;KACR,QAAO;KACP,MAAK;KACL,MAAK;KACL,eAAe,EAAc,IAAI;eAEhC,EAAK;IACA,CAAA,GAET,EAAK,SACJ,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,MAAK;KACL,MAAK;KACL,UAAS,MAAK;MAEZ,AADA,EAAE,eAAe,GACjB,EAAY;KACd;eAEC,EAAK;IACA,CAAA,CAEP;KACF,EAAA,CAAA;EACS,CAAA,CACT;;AAEb"}

package/dist/index19.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),a=require("lucide-react"),r=require("./index6.cjs"),e=require("./index39.cjs");function u({className:t,...n}){return i.jsxRuntimeExports.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:e.cn("mx-auto flex w-full justify-center",t),...n})}function l({className:t,...n}){return i.jsxRuntimeExports.jsx("ul",{"data-slot":"pagination-content",className:e.cn("flex flex-row items-center gap-8",t),...n})}function c({...t}){return i.jsxRuntimeExports.jsx("li",{"data-slot":"pagination-item",...t})}function o({className:t,isActive:n,...s}){return i.jsxRuntimeExports.jsx(r.Button,{"aria-current":n?"page":void 0,"data-slot":"pagination-button","data-active":n,variant:"filled",intent:n?"primary":"secondary",size:"icon",className:e.cn({"bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800":n},t),...s})}function x({className:t,...n}){return i.jsxRuntimeExports.jsx(o,{"aria-label":"Go to previous page",className:t,...n,children:i.jsxRuntimeExports.jsx(a.ChevronLeftIcon,{className:"size-16"})})}function p({className:t,...n}){return i.jsxRuntimeExports.jsx(o,{"aria-label":"Go to next page",className:t,...n,children:i.jsxRuntimeExports.jsx(a.ChevronRightIcon,{className:"size-16"})})}function g({className:t,...n}){return i.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:e.cn("flex size-32 items-center justify-center",t),...n,children:i.jsxRuntimeExports.jsx(a.MoreHorizontalIcon,{className:"size-16"})})}exports.Pagination=u;exports.PaginationButton=o;exports.PaginationContent=l;exports.PaginationEllipsis=g;exports.PaginationItem=c;exports.PaginationNext=p;exports.PaginationPrevious=x;
-//# sourceMappingURL=index19.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index9.cjs"),r=require("./index18.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({children:e,label:s,selectedLabel:c,trigger:l,i18n:u,value:d,onOpenChange:f,onApply:p,contentProps:m={},buttonProps:h={},clearable:g=!0,..._}){let[v,y]=a.default.useState(!1),[b,x]=a.default.useState(d||null),S=d?c?c(d):d.toString():s,C=(0,o.jsxs)(n.Button,{variant:d?`filled`:`outline`,intent:d?`filter`:`secondary`,size:`sm`,className:t.cn(`font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]`,{"pr-12":!!d}),...h,children:[S,g&&d&&(0,o.jsx)(i.LucideX,{className:`w-16 h-16 rounded hover:bg-purple-100 shrink-0`,onClick:e=>{e.preventDefault(),x(null),p?.(void 0)}})]});function w(){p?.(b??void 0),y(!1)}return(0,o.jsxs)(r.Popover,{open:v,onOpenChange:e=>{f?.(e),e||p?.(b??void 0),e&&x(d??null),y(e)},..._,children:[(0,o.jsx)(r.PopoverTrigger,{asChild:!0,children:l||C}),(0,o.jsx)(r.PopoverContent,{className:`w-full min-w-[200px]`,align:`start`,...m,children:(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`div`,{onKeyDown:e=>{if(e.defaultPrevented||e.key!==`Enter`)return;let t=e.target;if(!t)return;let n=t.tagName,r=n===`INPUT`,i=n===`TEXTAREA`,a=n===`BUTTON`,o=t.isContentEditable;!r||i||a||o||(e.preventDefault(),e.stopPropagation(),w())},children:e({onFilterChange:x,filterValue:b})}),(0,o.jsxs)(`div`,{className:`w-full flex justify-between mt-16`,children:[g&&b&&u.clear&&(0,o.jsx)(n.Button,{variant:`link`,intent:`secondary`,size:`fit-content`,type:`button`,onClick:()=>x(null),children:u.clear}),u.apply&&(0,o.jsx)(n.Button,{className:`ml-auto`,variant:`link`,size:`fit-content`,type:`button`,onClick:e=>{e.preventDefault(),w()},children:u.apply})]})]})})]})}exports.Filter=s;
+//# sourceMappingURL=index19.cjs.map

package/dist/index19.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index19.cjs","sources":["../src/Pagination/index.tsx"],"sourcesContent":["import {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\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-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationButtonProps = {\n  isActive?: boolean\n} & React.ComponentProps<typeof Button>\n\nfunction PaginationButton({\n  className,\n  isActive,\n  ...props\n}: PaginationButtonProps) {\n  return (\n    <Button\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-button\"\n      data-active={isActive}\n      variant=\"filled\"\n      intent={isActive ? 'primary' : 'secondary'}\n      size=\"icon\"\n      className={cn(\n        {\n          'bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800':\n            isActive\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) {\n  return (\n    <PaginationButton\n      aria-label=\"Go to previous page\"\n      className={className}\n      {...props}\n    >\n      <ChevronLeftIcon className=\"size-16\" />\n    </PaginationButton>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationButton>) {\n  return (\n    <PaginationButton\n      aria-label=\"Go to next page\"\n      className={className}\n      {...props}\n    >\n      <ChevronRightIcon className=\"size-16\" />\n    </PaginationButton>\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 size-32 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-16\" />\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationButton,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationNext,\n  PaginationPrevious\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationButton","isActive","Button","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":"gMASA,SAASA,EAAW,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,aACL,aAAW,aACX,YAAU,aACV,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAkB,CACzB,UAAAJ,EACA,GAAGC,CACL,EAA+B,CAC7B,OACEC,EAAAA,kBAAAA,IAAC,KAAA,CACC,YAAU,qBACV,UAAWC,EAAAA,GAAG,mCAAoCH,CAAS,EAC1D,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAe,CAAE,GAAGJ,GAAqC,CAChE,OAAOC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,YAAU,kBAAmB,GAAGD,EAAO,CACpD,CAMA,SAASK,EAAiB,CACxB,UAAAN,EACA,SAAAO,EACA,GAAGN,CACL,EAA0B,CACxB,OACEC,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,eAAcD,EAAW,OAAS,OAClC,YAAU,oBACV,cAAaA,EACb,QAAQ,SACR,OAAQA,EAAW,UAAY,YAC/B,KAAK,OACL,UAAWJ,EAAAA,GACT,CACE,6EACEI,CAAA,EAEJP,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAmB,CAC1B,UAAAT,EACA,GAAGC,CACL,EAAkD,CAChD,OACEC,EAAAA,kBAAAA,IAACI,EAAA,CACC,aAAW,sBACX,UAAAN,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACQ,EAAAA,gBAAA,CAAgB,UAAU,SAAA,CAAU,CAAA,CAAA,CAG3C,CAEA,SAASC,EAAe,CACtB,UAAAX,EACA,GAAGC,CACL,EAAkD,CAChD,OACEC,EAAAA,kBAAAA,IAACI,EAAA,CACC,aAAW,kBACX,UAAAN,EACC,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACU,EAAAA,iBAAA,CAAiB,UAAU,SAAA,CAAU,CAAA,CAAA,CAG5C,CAEA,SAASC,EAAmB,CAC1B,UAAAb,EACA,GAAGC,CACL,EAAiC,CAC/B,OACEC,EAAAA,kBAAAA,IAAC,OAAA,CACC,cAAW,GACX,YAAU,sBACV,UAAWC,EAAAA,GAAG,2CAA4CH,CAAS,EAClE,GAAGC,EAEJ,SAAAC,EAAAA,kBAAAA,IAACY,EAAAA,mBAAA,CAAmB,UAAU,SAAA,CAAU,CAAA,CAAA,CAG9C"}
+{"version":3,"file":"index19.cjs","names":[],"sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n  clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  clearable = true,\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {clearable && value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  function handleApply() {\n    onApply?.(localValue ?? undefined)\n    setIsOpen(false)\n  }\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue ?? undefined)\n        if (open) setLocalValue(value ?? null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <div>\n          <div\n            onKeyDown={e => {\n              if (e.defaultPrevented) return\n              if (e.key !== 'Enter') return\n              const target = e.target as HTMLElement | null\n              if (!target) return\n              const tagName = target.tagName\n              const isInput = tagName === 'INPUT'\n              const isTextarea = tagName === 'TEXTAREA'\n              const isButton = tagName === 'BUTTON'\n              const isContentEditable = target.isContentEditable\n              // Only apply on Enter from filter input fields, not from buttons,\n              // textareas, or other interactive/contenteditable elements.\n              if (!isInput || isTextarea || isButton || isContentEditable) {\n                return\n              }\n              e.preventDefault()\n              e.stopPropagation()\n              handleApply()\n            }}\n          >\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {clearable && localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => setLocalValue(null)}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={e => {\n                  e.preventDefault()\n                  handleApply()\n                }}\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"mappings":"oNA0CA,SAAS,EAAU,CACjB,WACA,QACA,gBACA,UACA,OACA,QACA,eACA,UACA,eAAe,CAAC,EAChB,cAAc,CAAC,EACf,YAAY,GACZ,GAAG,GACc,CACjB,GAAM,CAAC,EAAQ,GAAa,EAAA,QAAM,SAAS,EAAK,EAC1C,CAAC,EAAY,GAAiB,EAAA,QAAM,SAAmB,GAAS,IAAI,EAEpE,EAAc,EAChB,EACE,EAAc,CAAK,EACnB,EAAM,SAAS,EACjB,EAEE,GACJ,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,QAAS,EAAQ,SAAW,UAC5B,OAAQ,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAW,EAAA,GACT,yEACA,CACE,QAAS,CAAC,CAAC,CACb,CACF,EACA,GAAI,WAVN,CAYG,EACA,GAAa,IACZ,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAU,iDACV,QAAS,GAAK,CACZ,EAAE,eAAe,EACjB,EAAc,IAAI,EAClB,IAAU,IAAA,EAAS,CACrB,CACD,CAAA,CAEG,IAGV,SAAS,GAAc,CACrB,IAAU,GAAc,IAAA,EAAS,EACjC,EAAU,EAAK,CACjB,CAEA,OACE,EAAA,EAAA,MAAC,EAAA,QAAD,CACE,KAAM,EACN,aAAc,GAAQ,CACpB,IAAe,CAAI,EACd,GAAM,IAAU,GAAc,IAAA,EAAS,EACxC,GAAM,EAAc,GAAS,IAAI,EACrC,EAAU,CAAI,CAChB,EACA,GAAI,WARN,EAUE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAAA,YAAS,GAAW,CAA+B,CAAA,GACnE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,UAAU,uBACV,MAAM,QACN,GAAI,YAEJ,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,GAAK,CAEd,GADI,EAAE,kBACF,EAAE,MAAQ,QAAS,OACvB,IAAM,EAAS,EAAE,OACjB,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAO,QACjB,EAAU,IAAY,QACtB,EAAa,IAAY,WACzB,EAAW,IAAY,SACvB,EAAoB,EAAO,kBAG7B,CAAC,GAAW,GAAc,GAAY,IAG1C,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClB,EAAY,EACd,WAEC,EAAS,CACR,eAAgB,EAChB,YAAa,CACf,CAAC,CACE,CAAA,GACL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,CACG,GAAa,GAAc,EAAK,QAC/B,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,YAAe,EAAc,IAAI,WAEhC,EAAK,KACA,CAAA,EAET,EAAK,QACJ,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SACL,QAAS,GAAK,CACZ,EAAE,eAAe,EACjB,EAAY,CACd,WAEC,EAAK,KACA,CAAA,CAEP,GACF,CAAA,CAAA,CACS,CAAA,CACT,GAEb"}

package/dist/index19.js

@@ -1,109 +1,69 @@
-import { j as t } from "./index37.js";
-import { MoreHorizontalIcon as r, ChevronRightIcon as s, ChevronLeftIcon as l } from "lucide-react";
-import { Button as u } from "./index6.js";
-import { cn as i } from "./index39.js";
-function f({ className: n, ...a }) {
-  return /* @__PURE__ */ t.jsx(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: i("mx-auto flex w-full justify-center", n),
-      ...a
-    }
-  );
+import { cva as e } from "./index4.js";
+import { cn as t, debounce as n } from "./index6.js";
+import { ChevronLeft as r, ChevronRight as i } from "lucide-react";
+import a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/FilterBar/GradientScroll.tsx
+var c = e("", {
+	variants: { variant: {
+		white: "to-white",
+		gray: "to-gray-50"
+	} },
+	defaultVariants: { variant: "gray" }
+}), l = e("", {
+	variants: { variant: {
+		white: "bg-white",
+		gray: "bg-gray-50"
+	} },
+	defaultVariants: { variant: "gray" }
+});
+function u({ children: e, className: u, variant: d }) {
+	let f = a.useRef(null), [p, m] = a.useState(!1), [h, g] = a.useState(!1), _ = a.useCallback(() => {
+		if (!f.current) return;
+		let { scrollLeft: e, scrollWidth: t, clientWidth: n } = f.current;
+		m(e > 0), g(e + n < t - 5);
+	}, [f]);
+	return a.useEffect(() => {
+		_();
+		let e = n(_, 100);
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [_]), /* @__PURE__ */ s("div", {
+		className: "relative flex overflow-hidden",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: t("absolute left-0 top-0 h-full flex items-center", { hidden: !p }),
+				children: [/* @__PURE__ */ o(r, {
+					size: 16,
+					className: t("text-gray-600 h-full cursor-pointer", l({ variant: d })),
+					onClick: () => f.current?.scrollBy({
+						left: -100,
+						behavior: "smooth"
+					})
+				}), /* @__PURE__ */ o("div", { className: t("w-[50px] h-full bg-linear-to-l from-transparent", c({ variant: d })) })]
+			}),
+			/* @__PURE__ */ o("div", {
+				ref: f,
+				onScroll: _,
+				className: t("overflow-scroll no-scrollbar", u),
+				children: e
+			}),
+			/* @__PURE__ */ s("div", {
+				className: t("absolute right-0 top-0 h-full w-fit flex items-center justify-end", { hidden: !h }),
+				children: [/* @__PURE__ */ o("div", { className: t("w-[50px] h-full bg-linear-to-r from-transparent", c({ variant: d })) }), /* @__PURE__ */ o(i, {
+					size: 16,
+					className: t("text-gray-600 h-full cursor-pointer", l({ variant: d })),
+					onClick: () => f.current?.scrollBy({
+						left: 100,
+						behavior: "smooth"
+					})
+				})]
+			})
+		]
+	});
 }
-function x({
-  className: n,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(
-    "ul",
-    {
-      "data-slot": "pagination-content",
-      className: i("flex flex-row items-center gap-8", n),
-      ...a
-    }
-  );
-}
-function d({ ...n }) {
-  return /* @__PURE__ */ t.jsx("li", { "data-slot": "pagination-item", ...n });
-}
-function e({
-  className: n,
-  isActive: a,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    u,
-    {
-      "aria-current": a ? "page" : void 0,
-      "data-slot": "pagination-button",
-      "data-active": a,
-      variant: "filled",
-      intent: a ? "primary" : "secondary",
-      size: "icon",
-      className: i(
-        {
-          "bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 active:bg-purple-800": a
-        },
-        n
-      ),
-      ...o
-    }
-  );
-}
-function j({
-  className: n,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(
-    e,
-    {
-      "aria-label": "Go to previous page",
-      className: n,
-      ...a,
-      children: /* @__PURE__ */ t.jsx(l, { className: "size-16" })
-    }
-  );
-}
-function b({
-  className: n,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(
-    e,
-    {
-      "aria-label": "Go to next page",
-      className: n,
-      ...a,
-      children: /* @__PURE__ */ t.jsx(s, { className: "size-16" })
-    }
-  );
-}
-function h({
-  className: n,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(
-    "span",
-    {
-      "aria-hidden": !0,
-      "data-slot": "pagination-ellipsis",
-      className: i("flex size-32 items-center justify-center", n),
-      ...a,
-      children: /* @__PURE__ */ t.jsx(r, { className: "size-16" })
-    }
-  );
-}
-export {
-  f as Pagination,
-  e as PaginationButton,
-  x as PaginationContent,
-  h as PaginationEllipsis,
-  d as PaginationItem,
-  b as PaginationNext,
-  j as PaginationPrevious
-};
-//# sourceMappingURL=index19.js.map
+//#endregion
+export { u as GradientScroll };
+
+//# sourceMappingURL=index19.js.map