@kuzenbo/core 0.0.4 → 0.0.6

package/dist/ui/pagination.d.ts

@@ -1,4 +1,4 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
+import { t as UISize } from "../size-system-BAI1CnwU.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -7,27 +7,27 @@ import { VariantProps } from "tailwind-variants";
 //#region src/ui/pagination/pagination-content.d.ts
 declare const paginationContentVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex items-center", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex items-center", unknown, unknown, undefined>>;
 type PaginationContentVariantProps = Omit<VariantProps<typeof paginationContentVariants>, "size"> & {
@@ -43,23 +43,23 @@ declare const PaginationContent: ({
 //#region src/ui/pagination/pagination-ellipsis.d.ts
 declare const paginationEllipsisVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       icon: string;
       root: string;
     };
-    sm: {
+    md: {
       icon: string;
       root: string;
     };
-    md: {
+    sm: {
       icon: string;
       root: string;
     };
-    lg: {
+    xl: {
       icon: string;
       root: string;
     };
-    xl: {
+    xs: {
       icon: string;
       root: string;
     };
@@ -69,23 +69,23 @@ declare const paginationEllipsisVariants: tailwind_variants0.TVReturnType<{
   root: string;
 }, undefined, {
   size: {
-    xs: {
+    lg: {
       icon: string;
       root: string;
     };
-    sm: {
+    md: {
       icon: string;
       root: string;
     };
-    md: {
+    sm: {
       icon: string;
       root: string;
     };
-    lg: {
+    xl: {
       icon: string;
       root: string;
     };
-    xl: {
+    xs: {
       icon: string;
       root: string;
     };
@@ -95,23 +95,23 @@ declare const paginationEllipsisVariants: tailwind_variants0.TVReturnType<{
   root: string;
 }, tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       icon: string;
       root: string;
     };
-    sm: {
+    md: {
       icon: string;
       root: string;
     };
-    md: {
+    sm: {
       icon: string;
       root: string;
     };
-    lg: {
+    xl: {
       icon: string;
       root: string;
     };
-    xl: {
+    xs: {
       icon: string;
       root: string;
     };
@@ -153,27 +153,27 @@ declare const PaginationLink: ({
 //#region src/ui/pagination/pagination-next.d.ts
 declare const paginationNextVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, undefined, {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, undefined, unknown, unknown, undefined>>;
 type PaginationNextVariantProps = Omit<VariantProps<typeof paginationNextVariants>, "size"> & {
@@ -189,27 +189,27 @@ declare const PaginationNext: ({
 //#region src/ui/pagination/pagination-previous.d.ts
 declare const paginationPreviousVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, undefined, {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, undefined, unknown, unknown, undefined>>;
 type PaginationPreviousVariantProps = Omit<VariantProps<typeof paginationPreviousVariants>, "size"> & {

package/dist/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/ui/pagination/pagination-content.tsx","../../src/ui/pagination/pagination-ellipsis.tsx","../../src/ui/pagination/pagination-item.tsx","../../src/ui/pagination/pagination-link.tsx","../../src/ui/pagination/pagination-next.tsx","../../src/ui/pagination/pagination-previous.tsx","../../src/ui/pagination/pagination.tsx"],"mappings":";;;;;;;cAQM,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,IAAA,CACnC,YAAA,QAAoB,yBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,sBAAA,GAAyB,cAAA,SACnC,6BAAA;AAAA,cAEI,iBAAA;EAAqB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BnB,0BAAA,EAgCJ,kBAAA,CAhC8B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgC9B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,8BAAA,GAAiC,IAAA,CACpC,YAAA,QAAoB,0BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,cAAA,WACpC,8BAAA;AAAA,cAEI,kBAAA;EAAsB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzDd,mBAAA,GAAsB,cAAA;AAAA,cAE5B,cAAA;EAAA,GAAkB;AAAA,GAAc,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCMpD,mBAAA;EACH,IAAA;EACA,QAAA;EACA,IAAA,GAAO,MAAA;AAAA,IACL,cAAA;AAAA,cAoBE,cAAA;EAAkB,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMrB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BhB,sBAAA,EAaJ,kBAAA,CAb0B,YAAA;;;;;;;;;;;;;;;;cAa1B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,0BAAA,GAA6B,IAAA,CAChC,YAAA,QAAoB,sBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,IAAA,CAChC,cAAA,QAAsB,cAAA,aAGtB,0BAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BpE,0BAAA,EAaJ,kBAAA,CAb8B,YAAA;;;;;;;;;;;;;;;;cAa9B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,8BAAA,GAAiC,IAAA,CACpC,YAAA,QAAoB,0BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,IAAA,CACpC,cAAA,QAAsB,cAAA,aAGtB,8BAAA;AAAA,cAEI,kBAAA;EAAsB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC3Bd,eAAA,GAAkB,cAAA;EAC5B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,UAAA;EAAA;;;;KAIH,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/ui/pagination/pagination-content.tsx","../../src/ui/pagination/pagination-ellipsis.tsx","../../src/ui/pagination/pagination-item.tsx","../../src/ui/pagination/pagination-link.tsx","../../src/ui/pagination/pagination-next.tsx","../../src/ui/pagination/pagination-previous.tsx","../../src/ui/pagination/pagination.tsx"],"mappings":";;;;;;;cAOM,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,IAAA,CACnC,YAAA,QAAoB,yBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,sBAAA,GAAyB,cAAA,SACnC,6BAAA;AAAA,cAEI,iBAAA;EAAqB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BnB,0BAAA,EAgCJ,kBAAA,CAhC8B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgC9B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,8BAAA,GAAiC,IAAA,CACpC,YAAA,QAAoB,0BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,cAAA,WACpC,8BAAA;AAAA,cAEI,kBAAA;EAAsB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCxDd,mBAAA,GAAsB,cAAA;AAAA,cAE5B,cAAA;EAAA,GAAkB;AAAA,GAAc,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCMpD,mBAAA;EACH,IAAA;EACA,QAAA;EACA,IAAA,GAAO,MAAA;AAAA,IACL,cAAA;AAAA,cAsBE,cAAA;EAAkB,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMrB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC/BhB,sBAAA,EAaJ,kBAAA,CAb0B,YAAA;;;;;;;;;;;;;;;;cAa1B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,0BAAA,GAA6B,IAAA,CAChC,YAAA,QAAoB,sBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,mBAAA,GAAsB,IAAA,CAChC,cAAA,QAAsB,cAAA,aAGtB,0BAAA;AAAA,cAEI,cAAA;EAAkB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC5BpE,0BAAA,EAaJ,kBAAA,CAb8B,YAAA;;;;;;;;;;;;;;;;cAa9B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,8BAAA,GAAiC,IAAA,CACpC,YAAA,QAAoB,0BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,uBAAA,GAA0B,IAAA,CACpC,cAAA,QAAsB,cAAA,aAGtB,8BAAA;AAAA,cAEI,kBAAA;EAAsB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC3Bd,eAAA,GAAkB,cAAA;EAC5B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,UAAA;EAAA;;;;KAIH,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/pagination.js

@@ -1,8 +1,10 @@
 "use client";
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as createSizeContext } from "../size-context-CvLl3pMC.js";
 import { Button } from "./button.js";
+import { ActionIcon } from "./action-icon.js";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { ArrowLeft01Icon, ArrowRight01Icon, MoreHorizontalCircle01Icon } from "@hugeicons/core-free-icons";
@@ -15,14 +17,14 @@ const { SizeContext: PaginationSizeContext, useResolvedSize: useResolvedPaginati
 //#region src/ui/pagination/pagination-content.tsx
 const paginationContentVariants = tv({
 	base: "flex items-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-0.5",
-		sm: "gap-0.5",
-		md: "gap-0.5",
 		lg: "gap-1",
-		xl: "gap-1"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-0.5",
+		sm: "gap-0.5",
+		xl: "gap-1",
+		xs: "gap-0.5"
+	} }
 });
 const PaginationContent = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedPaginationSize(size);
@@ -37,33 +39,33 @@ const PaginationContent = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/pagination/pagination-ellipsis.tsx
 const paginationEllipsisVariants = tv({
+	defaultVariants: { size: "md" },
 	slots: {
 		icon: "",
 		root: "flex items-center justify-center"
 	},
 	variants: { size: {
-		xs: {
-			icon: "size-3",
-			root: "size-6"
-		},
-		sm: {
-			icon: "size-3.5",
-			root: "size-7"
+		lg: {
+			icon: "size-4",
+			root: "size-9"
 		},
 		md: {
 			icon: "size-4",
 			root: "size-8"
 		},
-		lg: {
-			icon: "size-4",
-			root: "size-9"
+		sm: {
+			icon: "size-3.5",
+			root: "size-7"
 		},
 		xl: {
 			icon: "size-5",
 			root: "size-10"
+		},
+		xs: {
+			icon: "size-3",
+			root: "size-6"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const PaginationEllipsis = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedPaginationSize(size);
@@ -94,25 +96,25 @@ const PaginationItem = ({ ...props }) => /* @__PURE__ */ jsx("li", {
 
 //#endregion
 //#region src/ui/pagination/pagination-link.tsx
-const PAGINATION_ICON_BUTTON_SIZE_BY_SIZE = {
-	xs: "icon-xs",
-	sm: "icon-sm",
-	md: "icon",
-	lg: "icon-lg",
-	xl: "icon-xl"
+const PAGINATION_ICON_SIZE_BY_SIZE = {
+	lg: "lg",
+	md: "md",
+	sm: "sm",
+	xl: "xl",
+	xs: "xs"
 };
 const PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE = {
-	xs: "xs",
-	sm: "sm",
-	md: "md",
 	lg: "lg",
-	xl: "xl"
+	md: "md",
+	sm: "sm",
+	xl: "xl",
+	xs: "xs"
 };
 const PaginationLink = ({ kind = "icon", className, isActive, size, ...props }) => {
 	const resolvedSize = useResolvedPaginationSize(size);
-	const buttonSize = kind === "icon" ? PAGINATION_ICON_BUTTON_SIZE_BY_SIZE[resolvedSize] : PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE[resolvedSize];
-	return /* @__PURE__ */ jsx(Button, {
-		className: cn(className),
+	const resolvedVariant = isActive ? "outline" : "ghost";
+	const sharedProps = {
+		className: cn("cursor-clickable", className),
 		"data-size": resolvedSize,
 		nativeButton: false,
 		render: /* @__PURE__ */ jsx("a", {
@@ -123,22 +125,29 @@ const PaginationLink = ({ kind = "icon", className, isActive, size, ...props })
 			"data-slot": "pagination-link",
 			...props
 		}),
-		size: buttonSize,
-		variant: isActive ? "outline" : "ghost"
+		variant: resolvedVariant
+	};
+	if (kind === "icon") return /* @__PURE__ */ jsx(ActionIcon, {
+		size: PAGINATION_ICON_SIZE_BY_SIZE[resolvedSize],
+		...sharedProps
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		size: PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE[resolvedSize],
+		...sharedProps
 	});
 };
 
 //#endregion
 //#region src/ui/pagination/pagination-next.tsx
 const paginationNextVariants = tv({
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "pr-1!",
-		sm: "pr-1!",
-		md: "pr-1.5!",
 		lg: "pr-2!",
-		xl: "pr-2.5!"
-	} },
-	defaultVariants: { size: "md" }
+		md: "pr-1.5!",
+		sm: "pr-1!",
+		xl: "pr-2.5!",
+		xs: "pr-1!"
+	} }
 });
 const PaginationNext = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedPaginationSize(size);
@@ -163,14 +172,14 @@ const PaginationNext = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/pagination/pagination-previous.tsx
 const paginationPreviousVariants = tv({
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "pl-1!",
-		sm: "pl-1!",
-		md: "pl-1.5!",
 		lg: "pl-2!",
-		xl: "pl-2.5!"
-	} },
-	defaultVariants: { size: "md" }
+		md: "pl-1.5!",
+		sm: "pl-1!",
+		xl: "pl-2.5!",
+		xs: "pl-1!"
+	} }
 });
 const PaginationPrevious = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedPaginationSize(size);
@@ -196,8 +205,9 @@ const PaginationPrevious = ({ className, size, ...props }) => {
 //#region src/ui/pagination/pagination.tsx
 const Pagination = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(PaginationSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("nav", {
 			"aria-label": "pagination",
 			className: cn("mx-auto flex w-full justify-center", className),

package/dist/ui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../src/ui/pagination/pagination-size-context.ts","../../src/ui/pagination/pagination-content.tsx","../../src/ui/pagination/pagination-ellipsis.tsx","../../src/ui/pagination/pagination-item.tsx","../../src/ui/pagination/pagination-link.tsx","../../src/ui/pagination/pagination-next.tsx","../../src/ui/pagination/pagination-previous.tsx","../../src/ui/pagination/pagination.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst {\n  SizeContext: PaginationSizeContext,\n  useResolvedSize: useResolvedPaginationSize,\n} = createSizeContext();\n\nexport { PaginationSizeContext, useResolvedPaginationSize };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationContentVariants = tv({\n  base: \"flex items-center\",\n  variants: {\n    size: {\n      xs: \"gap-0.5\",\n      sm: \"gap-0.5\",\n      md: \"gap-0.5\",\n      lg: \"gap-1\",\n      xl: \"gap-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationContentVariantProps = Omit<\n  VariantProps<typeof paginationContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationContentProps = ComponentProps<\"ul\"> &\n  PaginationContentVariantProps;\n\nconst PaginationContent = ({\n  className,\n  size,\n  ...props\n}: PaginationContentProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <ul\n      className={cn(\n        paginationContentVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"pagination-content\"\n      {...props}\n    />\n  );\n};\n\nexport { PaginationContent };\n","import type { ComponentProps } from \"react\";\n\nimport { MoreHorizontalCircle01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationEllipsisVariants = tv({\n  slots: {\n    icon: \"\",\n    root: \"flex items-center justify-center\",\n  },\n  variants: {\n    size: {\n      xs: {\n        icon: \"size-3\",\n        root: \"size-6\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"size-7\",\n      },\n      md: {\n        icon: \"size-4\",\n        root: \"size-8\",\n      },\n      lg: {\n        icon: \"size-4\",\n        root: \"size-9\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"size-10\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationEllipsisVariantProps = Omit<\n  VariantProps<typeof paginationEllipsisVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationEllipsisProps = ComponentProps<\"span\"> &\n  PaginationEllipsisVariantProps;\n\nconst PaginationEllipsis = ({\n  className,\n  size,\n  ...props\n}: PaginationEllipsisProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n  const { icon, root } = paginationEllipsisVariants({ size: resolvedSize });\n\n  return (\n    <span\n      aria-hidden\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <HugeiconsIcon\n        className={icon()}\n        icon={MoreHorizontalCircle01Icon}\n        strokeWidth={2}\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n\nexport { PaginationEllipsis };\n","import type { ComponentProps } from \"react\";\nexport type PaginationItemProps = ComponentProps<\"li\">;\n\nconst PaginationItem = ({ ...props }: PaginationItemProps) => (\n  <li data-slot=\"pagination-item\" {...props} />\n);\n\nexport { PaginationItem };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Button, type ButtonProps } from \"../button/button\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\ntype PaginationLinkProps = {\n  kind?: \"default\" | \"icon\";\n  isActive?: boolean;\n  size?: UISize;\n} & ComponentProps<\"a\">;\n\nconst PAGINATION_ICON_BUTTON_SIZE_BY_SIZE: Record<UISize, ButtonProps[\"size\"]> =\n  {\n    xs: \"icon-xs\",\n    sm: \"icon-sm\",\n    md: \"icon\",\n    lg: \"icon-lg\",\n    xl: \"icon-xl\",\n  };\n\nconst PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE: Record<UISize, ButtonProps[\"size\"]> =\n  {\n    xs: \"xs\",\n    sm: \"sm\",\n    md: \"md\",\n    lg: \"lg\",\n    xl: \"xl\",\n  };\n\nconst PaginationLink = ({\n  kind = \"icon\",\n  className,\n  isActive,\n  size,\n  ...props\n}: PaginationLinkProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n  const buttonSize =\n    kind === \"icon\"\n      ? PAGINATION_ICON_BUTTON_SIZE_BY_SIZE[resolvedSize]\n      : PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE[resolvedSize];\n\n  return (\n    <Button\n      className={cn(className)}\n      data-size={resolvedSize}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          aria-label=\"pagination link\"\n          data-active={isActive}\n          data-size={resolvedSize}\n          data-slot=\"pagination-link\"\n          {...props}\n        />\n      }\n      size={buttonSize}\n      variant={isActive ? \"outline\" : \"ghost\"}\n    />\n  );\n};\n\nexport { PaginationLink };\nexport type { PaginationLinkProps };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { PaginationLink } from \"./pagination-link\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationNextVariants = tv({\n  variants: {\n    size: {\n      xs: \"pr-1!\",\n      sm: \"pr-1!\",\n      md: \"pr-1.5!\",\n      lg: \"pr-2!\",\n      xl: \"pr-2.5!\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationNextVariantProps = Omit<\n  VariantProps<typeof paginationNextVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationNextProps = Omit<\n  ComponentProps<typeof PaginationLink>,\n  \"size\"\n> &\n  PaginationNextVariantProps;\n\nconst PaginationNext = ({ className, size, ...props }: PaginationNextProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      className={cn(paginationNextVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      kind=\"default\"\n      size={resolvedSize}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <HugeiconsIcon\n        data-icon=\"inline-end\"\n        icon={ArrowRight01Icon}\n        strokeWidth={2}\n      />\n    </PaginationLink>\n  );\n};\n\nexport { PaginationNext };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { PaginationLink } from \"./pagination-link\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationPreviousVariants = tv({\n  variants: {\n    size: {\n      xs: \"pl-1!\",\n      sm: \"pl-1!\",\n      md: \"pl-1.5!\",\n      lg: \"pl-2!\",\n      xl: \"pl-2.5!\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationPreviousVariantProps = Omit<\n  VariantProps<typeof paginationPreviousVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationPreviousProps = Omit<\n  ComponentProps<typeof PaginationLink>,\n  \"size\"\n> &\n  PaginationPreviousVariantProps;\n\nconst PaginationPrevious = ({\n  className,\n  size,\n  ...props\n}: PaginationPreviousProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      className={cn(\n        paginationPreviousVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      kind=\"default\"\n      size={resolvedSize}\n      {...props}\n    >\n      <HugeiconsIcon\n        data-icon=\"inline-start\"\n        icon={ArrowLeft01Icon}\n        strokeWidth={2}\n      />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n};\n\nexport { PaginationPrevious };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PaginationContent } from \"./pagination-content\";\nimport { PaginationEllipsis } from \"./pagination-ellipsis\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { PaginationLink } from \"./pagination-link\";\nimport { PaginationNext } from \"./pagination-next\";\nimport { PaginationPrevious } from \"./pagination-previous\";\nimport { PaginationSizeContext } from \"./pagination-size-context\";\nexport type PaginationProps = ComponentProps<\"nav\"> & {\n  size?: UISize;\n};\n\nconst Pagination = ({\n  className,\n  size: providedSize,\n  ...props\n}: PaginationProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <PaginationSizeContext.Provider value={{ size }}>\n      <nav\n        aria-label=\"pagination\"\n        className={cn(\"mx-auto flex w-full justify-center\", className)}\n        data-size={size}\n        data-slot=\"pagination\"\n        {...props}\n      />\n    </PaginationSizeContext.Provider>\n  );\n};\n\nPagination.Content = PaginationContent;\nPagination.Ellipsis = PaginationEllipsis;\nPagination.Item = PaginationItem;\nPagination.Link = PaginationLink;\nPagination.Next = PaginationNext;\nPagination.Previous = PaginationPrevious;\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n\nexport type { PaginationContentProps } from \"./pagination-content\";\nexport type { PaginationEllipsisProps } from \"./pagination-ellipsis\";\nexport type { PaginationItemProps } from \"./pagination-item\";\nexport type { PaginationLinkProps } from \"./pagination-link\";\nexport type { PaginationNextProps } from \"./pagination-next\";\nexport type { PaginationPreviousProps } from \"./pagination-previous\";\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/ui/pagination/pagination-size-context.ts","../../src/ui/pagination/pagination-content.tsx","../../src/ui/pagination/pagination-ellipsis.tsx","../../src/ui/pagination/pagination-item.tsx","../../src/ui/pagination/pagination-link.tsx","../../src/ui/pagination/pagination-next.tsx","../../src/ui/pagination/pagination-previous.tsx","../../src/ui/pagination/pagination.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst {\n  SizeContext: PaginationSizeContext,\n  useResolvedSize: useResolvedPaginationSize,\n} = createSizeContext();\n\nexport { PaginationSizeContext, useResolvedPaginationSize };\n","import type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationContentVariants = tv({\n  base: \"flex items-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-1\",\n      md: \"gap-0.5\",\n      sm: \"gap-0.5\",\n      xl: \"gap-1\",\n      xs: \"gap-0.5\",\n    },\n  },\n});\n\ntype PaginationContentVariantProps = Omit<\n  VariantProps<typeof paginationContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationContentProps = ComponentProps<\"ul\"> &\n  PaginationContentVariantProps;\n\nconst PaginationContent = ({\n  className,\n  size,\n  ...props\n}: PaginationContentProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <ul\n      className={cn(\n        paginationContentVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"pagination-content\"\n      {...props}\n    />\n  );\n};\n\nexport { PaginationContent };\n","import { MoreHorizontalCircle01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationEllipsisVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    icon: \"\",\n    root: \"flex items-center justify-center\",\n  },\n  variants: {\n    size: {\n      lg: {\n        icon: \"size-4\",\n        root: \"size-9\",\n      },\n      md: {\n        icon: \"size-4\",\n        root: \"size-8\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"size-7\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"size-10\",\n      },\n      xs: {\n        icon: \"size-3\",\n        root: \"size-6\",\n      },\n    },\n  },\n});\n\ntype PaginationEllipsisVariantProps = Omit<\n  VariantProps<typeof paginationEllipsisVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationEllipsisProps = ComponentProps<\"span\"> &\n  PaginationEllipsisVariantProps;\n\nconst PaginationEllipsis = ({\n  className,\n  size,\n  ...props\n}: PaginationEllipsisProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n  const { icon, root } = paginationEllipsisVariants({ size: resolvedSize });\n\n  return (\n    <span\n      aria-hidden\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <HugeiconsIcon\n        className={icon()}\n        icon={MoreHorizontalCircle01Icon}\n        strokeWidth={2}\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n\nexport { PaginationEllipsis };\n","import type { ComponentProps } from \"react\";\nexport type PaginationItemProps = ComponentProps<\"li\">;\n\nconst PaginationItem = ({ ...props }: PaginationItemProps) => (\n  <li data-slot=\"pagination-item\" {...props} />\n);\n\nexport { PaginationItem };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { ActionIcon } from \"../action-icon/action-icon\";\nimport { Button } from \"../button/button\";\nimport type { ButtonProps } from \"../button/button\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\ntype PaginationLinkProps = {\n  kind?: \"default\" | \"icon\";\n  isActive?: boolean;\n  size?: UISize;\n} & ComponentProps<\"a\">;\n\nconst PAGINATION_ICON_SIZE_BY_SIZE: Record<\n  UISize,\n  NonNullable<ComponentProps<typeof ActionIcon>[\"size\"]>\n> = {\n  lg: \"lg\",\n  md: \"md\",\n  sm: \"sm\",\n  xl: \"xl\",\n  xs: \"xs\",\n};\n\nconst PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE: Record<UISize, ButtonProps[\"size\"]> =\n  {\n    lg: \"lg\",\n    md: \"md\",\n    sm: \"sm\",\n    xl: \"xl\",\n    xs: \"xs\",\n  };\n\nconst PaginationLink = ({\n  kind = \"icon\",\n  className,\n  isActive,\n  size,\n  ...props\n}: PaginationLinkProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n  const resolvedVariant: NonNullable<ButtonProps[\"variant\"]> = isActive\n    ? \"outline\"\n    : \"ghost\";\n  const sharedProps = {\n    className: cn(\"cursor-clickable\", className),\n    \"data-size\": resolvedSize,\n    nativeButton: false as const,\n    render: (\n      <a\n        aria-current={isActive ? \"page\" : undefined}\n        aria-label=\"pagination link\"\n        data-active={isActive}\n        data-size={resolvedSize}\n        data-slot=\"pagination-link\"\n        {...props}\n      />\n    ),\n    variant: resolvedVariant,\n  };\n\n  if (kind === \"icon\") {\n    return (\n      <ActionIcon\n        size={PAGINATION_ICON_SIZE_BY_SIZE[resolvedSize]}\n        {...sharedProps}\n      />\n    );\n  }\n\n  return (\n    <Button\n      size={PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE[resolvedSize]}\n      {...sharedProps}\n    />\n  );\n};\n\nexport { PaginationLink };\nexport type { PaginationLinkProps };\n","import { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { PaginationLink } from \"./pagination-link\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationNextVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"pr-2!\",\n      md: \"pr-1.5!\",\n      sm: \"pr-1!\",\n      xl: \"pr-2.5!\",\n      xs: \"pr-1!\",\n    },\n  },\n});\n\ntype PaginationNextVariantProps = Omit<\n  VariantProps<typeof paginationNextVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationNextProps = Omit<\n  ComponentProps<typeof PaginationLink>,\n  \"size\"\n> &\n  PaginationNextVariantProps;\n\nconst PaginationNext = ({ className, size, ...props }: PaginationNextProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      className={cn(paginationNextVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      kind=\"default\"\n      size={resolvedSize}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <HugeiconsIcon\n        data-icon=\"inline-end\"\n        icon={ArrowRight01Icon}\n        strokeWidth={2}\n      />\n    </PaginationLink>\n  );\n};\n\nexport { PaginationNext };\n","import { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { PaginationLink } from \"./pagination-link\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationPreviousVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"pl-2!\",\n      md: \"pl-1.5!\",\n      sm: \"pl-1!\",\n      xl: \"pl-2.5!\",\n      xs: \"pl-1!\",\n    },\n  },\n});\n\ntype PaginationPreviousVariantProps = Omit<\n  VariantProps<typeof paginationPreviousVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationPreviousProps = Omit<\n  ComponentProps<typeof PaginationLink>,\n  \"size\"\n> &\n  PaginationPreviousVariantProps;\n\nconst PaginationPrevious = ({\n  className,\n  size,\n  ...props\n}: PaginationPreviousProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      className={cn(\n        paginationPreviousVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      kind=\"default\"\n      size={resolvedSize}\n      {...props}\n    >\n      <HugeiconsIcon\n        data-icon=\"inline-start\"\n        icon={ArrowLeft01Icon}\n        strokeWidth={2}\n      />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n};\n\nexport { PaginationPrevious };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { PaginationContent } from \"./pagination-content\";\nimport { PaginationEllipsis } from \"./pagination-ellipsis\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { PaginationLink } from \"./pagination-link\";\nimport { PaginationNext } from \"./pagination-next\";\nimport { PaginationPrevious } from \"./pagination-previous\";\nimport { PaginationSizeContext } from \"./pagination-size-context\";\nexport type PaginationProps = ComponentProps<\"nav\"> & {\n  size?: UISize;\n};\n\nconst Pagination = ({\n  className,\n  size: providedSize,\n  ...props\n}: PaginationProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <PaginationSizeContext.Provider value={contextValue}>\n      <nav\n        aria-label=\"pagination\"\n        className={cn(\"mx-auto flex w-full justify-center\", className)}\n        data-size={size}\n        data-slot=\"pagination\"\n        {...props}\n      />\n    </PaginationSizeContext.Provider>\n  );\n};\n\nPagination.Content = PaginationContent;\nPagination.Ellipsis = PaginationEllipsis;\nPagination.Item = PaginationItem;\nPagination.Link = PaginationLink;\nPagination.Next = PaginationNext;\nPagination.Previous = PaginationPrevious;\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n\nexport type { PaginationContentProps } from \"./pagination-content\";\nexport type { PaginationEllipsisProps } from \"./pagination-ellipsis\";\nexport type { PaginationItemProps } from \"./pagination-item\";\nexport type { PaginationLinkProps } from \"./pagination-link\";\nexport type { PaginationNextProps } from \"./pagination-next\";\nexport type { PaginationPreviousProps } from \"./pagination-previous\";\n"],"mappings":"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"}

package/dist/ui/pill.d.ts

@@ -1,7 +1,6 @@
-import { Button } from "./button.js";
+import { t as ActionIcon } from "../action-icon-UjYZjXrB.js";
 import { Badge } from "./badge.js";
-import { t as AvatarImage } from "../avatar-image-Ce26D2fb.js";
-import "./avatar.js";
+import { r as AvatarImage } from "../avatar-4S7I72CH.js";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { HugeiconsIcon, HugeiconsProps } from "@hugeicons/react";
@@ -28,7 +27,7 @@ declare const PillAvatarGroup: ({
 }: PillAvatarGroupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/ui/pill/pill-button.d.ts
-type PillButtonProps = ComponentProps<typeof Button>;
+type PillButtonProps = ComponentProps<typeof ActionIcon>;
 declare const PillButton: ({
   className,
   ...props

package/dist/ui/pill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pill.d.ts","names":[],"sources":["../../src/ui/pill/pill-avatar.tsx","../../src/ui/pill/pill-avatar-group.tsx","../../src/ui/pill/pill-button.tsx","../../src/ui/pill/pill-delta.tsx","../../src/ui/pill/pill-icon.tsx","../../src/ui/pill/pill-indicator.tsx","../../src/ui/pill/pill-status.tsx","../../src/ui/pill/pill.tsx"],"mappings":";;;;;;;;;KAMY,eAAA,GAAkB,cAAA,QAAsB,WAAA;EAClD,QAAA;AAAA;AAAA,cAGW,UAAA;EAAc,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVN,oBAAA;EACV,QAAA,EAAU,SAAA;EACV,SAAA;AAAA,IACE,cAAA;AAAA,cAES,eAAA;EAAmB,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAI7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPX,eAAA,GAAkB,cAAA,QAAsB,MAAA;AAAA,cAEvC,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCAlD,cAAA;EACf,SAAA;EACA,KAAA;AAAA;AAAA,cAGW,SAAA;EAAa,SAAA;EAAA;AAAA,GAAsB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRlD,aAAA;EACV,IAAA,EAAM,WAAA,CAAY,cAAA;EAClB,SAAA;AAAA,IACE,cAAA,QAAsB,aAAA;AAAA,cAEb,QAAA;EAAY,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCRpD,kBAAA;EACf,OAAA;EACA,KAAA;AAAA;AAAA,cAGW,aAAA;EAAiB,OAAA;EAAA;AAAA,GAG3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNT,eAAA;EACV,QAAA,EAAU,SAAA;EACV,SAAA;AAAA,IACE,cAAA;AAAA,cAES,UAAA;EAAc,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAN,SAAA,GAAY,cAAA,QAAsB,KAAA;AAAA,cAExC,IAAA;EAAA;;;;KAAsD,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"pill.d.ts","names":[],"sources":["../../src/ui/pill/pill-avatar.tsx","../../src/ui/pill/pill-avatar-group.tsx","../../src/ui/pill/pill-button.tsx","../../src/ui/pill/pill-delta.tsx","../../src/ui/pill/pill-icon.tsx","../../src/ui/pill/pill-indicator.tsx","../../src/ui/pill/pill-status.tsx","../../src/ui/pill/pill.tsx"],"mappings":";;;;;;;;KAKY,eAAA,GAAkB,cAAA,QAAsB,WAAA;EAClD,QAAA;AAAA;AAAA,cAGW,UAAA;EAAc,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVN,oBAAA;EACV,QAAA,EAAU,SAAA;EACV,SAAA;AAAA,IACE,cAAA;AAAA,cAES,eAAA;EAAmB,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAI7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPX,eAAA,GAAkB,cAAA,QAAsB,UAAA;AAAA,cAEvC,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCClD,cAAA;EACf,SAAA;EACA,KAAA;AAAA;AAAA,cAiBW,SAAA;EAAa,SAAA;EAAA;AAAA,GAAsB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCtBlD,aAAA;EACV,IAAA,EAAM,WAAA,CAAY,cAAA;EAClB,SAAA;AAAA,IACE,cAAA,QAAsB,aAAA;AAAA,cAEb,QAAA;EAAY,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCRpD,kBAAA;EACf,OAAA;EACA,KAAA;AAAA;AAAA,cAGW,aAAA;EAAiB,OAAA;EAAA;AAAA,GAG3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPT,eAAA;EACV,QAAA,EAAU,SAAA;EACV,SAAA;AAAA,IACE,cAAA;AAAA,cAES,UAAA;EAAc,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCEN,SAAA,GAAY,cAAA,QAAsB,KAAA;AAAA,cAExC,IAAA;EAAA;;;;KAAsD,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/pill.js

@@ -1,57 +1,68 @@
-import { Button } from "./button.js";
-import { Badge } from "./badge.js";
-import { i as AvatarFallback, t as AvatarImage } from "../avatar-image-BQ_NEKH4.js";
-import { Avatar } from "./avatar.js";
+"use client";
+
+import { t as Badge } from "../badge-DB40swlt.js";
+import { ActionIcon } from "./action-icon.js";
+import { a as AvatarFallback, n as AvatarImage, t as Avatar } from "../avatar-C3vF6E7s.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "tailwind-variants";
+import { cn, tv } from "tailwind-variants";
 import { ArrowDown01Icon, ArrowUp01Icon, MinusSignIcon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 
 //#region src/ui/pill/pill-avatar.tsx
 const PillAvatar = ({ fallback, className, ...props }) => /* @__PURE__ */ jsxs(Avatar, {
-	className: cn("-ml-1 h-4 w-4 group-data-[size=xs]/badge:h-3 group-data-[size=xs]/badge:w-3 group-data-[size=sm]/badge:h-3.5 group-data-[size=sm]/badge:w-3.5 group-data-[size=md]/badge:h-4 group-data-[size=md]/badge:w-4 group-data-[size=lg]/badge:h-5 group-data-[size=lg]/badge:w-5 group-data-[size=xl]/badge:h-6 group-data-[size=xl]/badge:w-6", className),
+	className: cn("-ml-1 h-4 w-4 group-data-[size=lg]/badge:h-5 group-data-[size=lg]/badge:w-5 group-data-[size=md]/badge:h-4 group-data-[size=md]/badge:w-4 group-data-[size=sm]/badge:h-3.5 group-data-[size=sm]/badge:w-3.5 group-data-[size=xl]/badge:h-6 group-data-[size=xl]/badge:w-6 group-data-[size=xs]/badge:h-3 group-data-[size=xs]/badge:w-3", className),
 	children: [/* @__PURE__ */ jsx(AvatarImage, { ...props }), /* @__PURE__ */ jsx(AvatarFallback, { children: fallback })]
 });
 
 //#endregion
 //#region src/ui/pill/pill-avatar-group.tsx
 const PillAvatarGroup = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex items-center -space-x-1 group-data-[size=xs]/badge:-space-x-0.5 group-data-[size=sm]/badge:-space-x-0.5 group-data-[size=md]/badge:-space-x-1 group-data-[size=lg]/badge:-space-x-1.5 group-data-[size=xl]/badge:-space-x-1.5", "[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]", className),
+	className: cn("flex items-center -space-x-1 group-data-[size=lg]/badge:-space-x-1.5 group-data-[size=md]/badge:-space-x-1 group-data-[size=sm]/badge:-space-x-0.5 group-data-[size=xl]/badge:-space-x-1.5 group-data-[size=xs]/badge:-space-x-0.5", "[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]", className),
 	...props,
 	children
 });
 
 //#endregion
 //#region src/ui/pill/pill-button.tsx
-const PillButton = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
-	className: cn("-my-2 -mr-2 size-6 rounded-full p-0.5 hover:bg-foreground/5 group-data-[size=xs]/badge:-my-1.5 group-data-[size=xs]/badge:-mr-1.5 group-data-[size=xs]/badge:size-5 group-data-[size=sm]/badge:-my-1.5 group-data-[size=sm]/badge:-mr-1.5 group-data-[size=sm]/badge:size-6 group-data-[size=md]/badge:-my-2 group-data-[size=md]/badge:-mr-2 group-data-[size=md]/badge:size-6 group-data-[size=lg]/badge:-my-2.5 group-data-[size=lg]/badge:-mr-2.5 group-data-[size=lg]/badge:size-7 group-data-[size=xl]/badge:-my-3 group-data-[size=xl]/badge:-mr-3 group-data-[size=xl]/badge:size-8", className),
-	size: "icon",
+const PillButton = ({ className, ...props }) => /* @__PURE__ */ jsx(ActionIcon, {
+	className: cn("cursor-clickable hover:bg-foreground/5 -my-2 -mr-2 size-6 rounded-full p-0.5 group-data-[size=lg]/badge:-my-2.5 group-data-[size=lg]/badge:-mr-2.5 group-data-[size=lg]/badge:size-7 group-data-[size=md]/badge:-my-2 group-data-[size=md]/badge:-mr-2 group-data-[size=md]/badge:size-6 group-data-[size=sm]/badge:-my-1.5 group-data-[size=sm]/badge:-mr-1.5 group-data-[size=sm]/badge:size-6 group-data-[size=xl]/badge:-my-3 group-data-[size=xl]/badge:-mr-3 group-data-[size=xl]/badge:size-8 group-data-[size=xs]/badge:-my-1.5 group-data-[size=xs]/badge:-mr-1.5 group-data-[size=xs]/badge:size-5", className),
+	size: "md",
 	variant: "ghost",
 	...props
 });
 
 //#endregion
 //#region src/ui/pill/pill-delta.tsx
+const pillDeltaIconVariants = tv({
+	base: "size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=md]/badge:size-3 group-data-[size=sm]/badge:size-3 group-data-[size=xl]/badge:size-4 group-data-[size=xs]/badge:size-2.5",
+	defaultVariants: { tone: "neutral" },
+	variants: { tone: {
+		negative: "text-danger-foreground",
+		neutral: "text-muted-foreground",
+		positive: "text-success-foreground"
+	} }
+});
 const PillDelta = ({ className, delta }) => {
-	const sizeClasses = "size-3 group-data-[size=xs]/badge:size-2.5 group-data-[size=sm]/badge:size-3 group-data-[size=md]/badge:size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=xl]/badge:size-4";
-	if (!delta) return /* @__PURE__ */ jsx(HugeiconsIcon, {
-		className: cn(sizeClasses, "text-muted-foreground", className),
-		icon: MinusSignIcon
-	});
-	if (delta > 0) return /* @__PURE__ */ jsx(HugeiconsIcon, {
-		className: cn(sizeClasses, "text-success-foreground", className),
-		icon: ArrowUp01Icon
-	});
+	let tone;
+	let icon = MinusSignIcon;
+	if (delta === 0) tone = "neutral";
+	else if (delta > 0) {
+		tone = "positive";
+		icon = ArrowUp01Icon;
+	} else {
+		tone = "negative";
+		icon = ArrowDown01Icon;
+	}
 	return /* @__PURE__ */ jsx(HugeiconsIcon, {
-		className: cn(sizeClasses, "text-danger-foreground", className),
-		icon: ArrowDown01Icon
+		className: cn(pillDeltaIconVariants({ tone }), className),
+		icon
 	});
 };
 
 //#endregion
 //#region src/ui/pill/pill-icon.tsx
 const PillIcon = ({ icon, className, ...props }) => /* @__PURE__ */ jsx(HugeiconsIcon, {
-	className: cn("size-3 text-muted-foreground group-data-[size=xs]/badge:size-2.5 group-data-[size=sm]/badge:size-3 group-data-[size=md]/badge:size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=xl]/badge:size-4", className),
+	className: cn("text-muted-foreground size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=md]/badge:size-3 group-data-[size=sm]/badge:size-3 group-data-[size=xl]/badge:size-4 group-data-[size=xs]/badge:size-2.5", className),
 	icon,
 	...props
 });
@@ -59,14 +70,14 @@ const PillIcon = ({ icon, className, ...props }) => /* @__PURE__ */ jsx(Hugeicon
 //#endregion
 //#region src/ui/pill/pill-indicator.tsx
 const PillIndicator = ({ variant = "success", pulse = false }) => /* @__PURE__ */ jsxs("span", {
-	className: "relative flex size-2 group-data-[size=xs]/badge:size-1.5 group-data-[size=sm]/badge:size-2 group-data-[size=md]/badge:size-2 group-data-[size=lg]/badge:size-2.5 group-data-[size=xl]/badge:size-3",
-	children: [pulse && /* @__PURE__ */ jsx("span", { className: cn("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", variant === "success" && "bg-success/70", variant === "error" && "bg-danger/70", variant === "warning" && "bg-warning/70", variant === "info" && "bg-info/70") }), /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex size-2 rounded-full group-data-[size=xs]/badge:size-1.5 group-data-[size=sm]/badge:size-2 group-data-[size=md]/badge:size-2 group-data-[size=lg]/badge:size-2.5 group-data-[size=xl]/badge:size-3", variant === "success" && "bg-success", variant === "error" && "bg-danger", variant === "warning" && "bg-warning", variant === "info" && "bg-info") })]
+	className: "relative flex size-2 group-data-[size=lg]/badge:size-2.5 group-data-[size=md]/badge:size-2 group-data-[size=sm]/badge:size-2 group-data-[size=xl]/badge:size-3 group-data-[size=xs]/badge:size-1.5",
+	children: [pulse && /* @__PURE__ */ jsx("span", { className: cn("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", variant === "success" && "bg-success/70", variant === "error" && "bg-danger/70", variant === "warning" && "bg-warning/70", variant === "info" && "bg-info/70") }), /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex size-2 rounded-full group-data-[size=lg]/badge:size-2.5 group-data-[size=md]/badge:size-2 group-data-[size=sm]/badge:size-2 group-data-[size=xl]/badge:size-3 group-data-[size=xs]/badge:size-1.5", variant === "success" && "bg-success", variant === "error" && "bg-danger", variant === "warning" && "bg-warning", variant === "info" && "bg-info") })]
 });
 
 //#endregion
 //#region src/ui/pill/pill-status.tsx
 const PillStatus = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex items-center gap-2 border-r pr-2 font-medium group-data-[size=xs]/badge:gap-1 group-data-[size=xs]/badge:pr-1.5 group-data-[size=sm]/badge:gap-1.5 group-data-[size=sm]/badge:pr-2 group-data-[size=md]/badge:gap-2 group-data-[size=md]/badge:pr-2 group-data-[size=lg]/badge:gap-2 group-data-[size=lg]/badge:pr-2.5 group-data-[size=xl]/badge:gap-2.5 group-data-[size=xl]/badge:pr-3", className),
+	className: cn("flex items-center gap-2 border-r pr-2 font-medium group-data-[size=lg]/badge:gap-2 group-data-[size=lg]/badge:pr-2.5 group-data-[size=md]/badge:gap-2 group-data-[size=md]/badge:pr-2 group-data-[size=sm]/badge:gap-1.5 group-data-[size=sm]/badge:pr-2 group-data-[size=xl]/badge:gap-2.5 group-data-[size=xl]/badge:pr-3 group-data-[size=xs]/badge:gap-1 group-data-[size=xs]/badge:pr-1.5", className),
 	...props,
 	children
 });
@@ -74,7 +85,7 @@ const PillStatus = ({ children, className, ...props }) => /* @__PURE__ */ jsx("d
 //#endregion
 //#region src/ui/pill/pill.tsx
 const Pill = ({ variant = "default", className, ...props }) => /* @__PURE__ */ jsx(Badge, {
-	className: cn("rounded-full font-normal data-[size=xs]:gap-1 data-[size=xs]:px-2 data-[size=xs]:py-0.5 data-[size=sm]:gap-1.5 data-[size=sm]:px-2.5 data-[size=sm]:py-1 data-[size=md]:gap-2 data-[size=md]:px-3 data-[size=md]:py-1.5 data-[size=lg]:gap-2.5 data-[size=lg]:px-3.5 data-[size=lg]:py-1.5 data-[size=xl]:gap-3 data-[size=xl]:px-4 data-[size=xl]:py-2", className),
+	className: cn("rounded-full font-normal data-[size=lg]:gap-2.5 data-[size=lg]:px-3.5 data-[size=lg]:py-1.5 data-[size=md]:gap-2 data-[size=md]:px-3 data-[size=md]:py-1.5 data-[size=sm]:gap-1.5 data-[size=sm]:px-2.5 data-[size=sm]:py-1 data-[size=xl]:gap-3 data-[size=xl]:px-4 data-[size=xl]:py-2 data-[size=xs]:gap-1 data-[size=xs]:px-2 data-[size=xs]:py-0.5", className),
 	variant,
 	...props
 });