@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/avatar.d.ts

@@ -1,38 +1,39 @@
-import { a as AvatarBadge, i as AvatarFallback, n as AvatarGroupCount, r as AvatarGroup, t as AvatarImage } from "./avatar-image-DPunh5Hd.js";
-import * as react from "react";
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { a as AvatarGroup, c as AvatarFallbackProps, i as AvatarGroupCountProps, l as AvatarBadge, n as AvatarImageProps, o as AvatarGroupProps, r as AvatarGroupCount, s as AvatarFallback, t as AvatarImage, u as AvatarBadgeProps } from "./avatar-image-BpYCNLxP.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 
 //#region src/ui/avatar/avatar.d.ts
+type AvatarProps = Avatar$1.Root.Props & {
+  size?: UISize;
+};
 declare const Avatar: {
   ({
     className,
-    size,
+    size: providedSize,
     ...props
-  }: Avatar$1.Root.Props & {
-    size?: "default" | "sm" | "lg";
-  }): react_jsx_runtime0.JSX.Element;
+  }: AvatarProps): react_jsx_runtime0.JSX.Element;
   Badge: ({
     className,
     ...props
-  }: react.ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  }: AvatarBadgeProps) => react_jsx_runtime0.JSX.Element;
   Fallback: ({
     className,
     ...props
-  }: Avatar$1.Fallback.Props) => react_jsx_runtime0.JSX.Element;
+  }: AvatarFallbackProps) => react_jsx_runtime0.JSX.Element;
   Group: ({
     className,
     ...props
-  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AvatarGroupProps) => react_jsx_runtime0.JSX.Element;
   GroupCount: ({
     className,
     ...props
-  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AvatarGroupCountProps) => react_jsx_runtime0.JSX.Element;
   Image: ({
     className,
     ...props
-  }: Avatar$1.Image.Props) => react_jsx_runtime0.JSX.Element;
+  }: AvatarImageProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
+export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, AvatarProps };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../src/ui/avatar/avatar.tsx"],"mappings":";;;;;;cAWM,MAAA;EAAA;;;;KAIH,QAAA,CAAgB,IAAA,CAAK,KAAA;IACtB,IAAA;EAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../src/ui/avatar/avatar.tsx"],"mappings":";;;;;;KAaY,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA;EAC7C,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,MAAA;EAAA;;;;KAAuD,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/avatar.js

@@ -1,17 +1,21 @@
 "use client";
 
-import { a as AvatarBadge, i as AvatarFallback, n as AvatarGroupCount, r as AvatarGroup, t as AvatarImage } from "./avatar-image-BAVOtujm.js";
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as AvatarBadge, i as AvatarFallback, n as AvatarGroupCount, r as AvatarGroup, t as AvatarImage } from "./avatar-image-QGDvWzq_.js";
 import { jsx } from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 
 //#region src/ui/avatar/avatar.tsx
-const Avatar = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx(Avatar$1.Root, {
-	className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
-	"data-size": size,
-	"data-slot": "avatar",
-	...props
-});
+const Avatar = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		className: mergeBaseUIClassName("group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=md]:size-8 data-[size=lg]:size-10 data-[size=xl]:size-11 dark:after:mix-blend-lighten", className),
+		"data-size": size,
+		"data-slot": "avatar",
+		...props
+	});
+};
 Avatar.Badge = AvatarBadge;
 Avatar.Fallback = AvatarFallback;
 Avatar.Group = AvatarGroup;

package/dist/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["AvatarPrimitive"],"sources":["../src/ui/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\nimport { cn } from \"tailwind-variants\";\n\nimport { AvatarBadge } from \"./avatar-badge\";\nimport { AvatarFallback } from \"./avatar-fallback\";\nimport { AvatarGroup } from \"./avatar-group\";\nimport { AvatarGroupCount } from \"./avatar-group-count\";\nimport { AvatarImage } from \"./avatar-image\";\n\nconst Avatar = ({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\";\n}) => (\n  <AvatarPrimitive.Root\n    className={cn(\n      \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n      className\n    )}\n    data-size={size}\n    data-slot=\"avatar\"\n    {...props}\n  />\n);\n\nAvatar.Badge = AvatarBadge;\nAvatar.Fallback = AvatarFallback;\nAvatar.Group = AvatarGroup;\nAvatar.GroupCount = AvatarGroupCount;\nAvatar.Image = AvatarImage;\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n"],"mappings":";;;;;;;;AAWA,MAAM,UAAU,EACd,WACA,OAAO,WACP,GAAG,YAIH,oBAACA,SAAgB;CACf,WAAW,GACT,yPACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;EACJ;AAGJ,OAAO,QAAQ;AACf,OAAO,WAAW;AAClB,OAAO,QAAQ;AACf,OAAO,aAAa;AACpB,OAAO,QAAQ"}
+{"version":3,"file":"avatar.js","names":["AvatarPrimitive"],"sources":["../src/ui/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { AvatarBadge } from \"./avatar-badge\";\nimport { AvatarFallback } from \"./avatar-fallback\";\nimport { AvatarGroup } from \"./avatar-group\";\nimport { AvatarGroupCount } from \"./avatar-group-count\";\nimport { AvatarImage } from \"./avatar-image\";\nexport type AvatarProps = AvatarPrimitive.Root.Props & {\n  size?: UISize;\n};\n\nconst Avatar = ({ className, size: providedSize, ...props }: AvatarProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AvatarPrimitive.Root\n      className={mergeBaseUIClassName<AvatarPrimitive.Root.State>(\n        \"group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=md]:size-8 data-[size=lg]:size-10 data-[size=xl]:size-11 dark:after:mix-blend-lighten\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"avatar\"\n      {...props}\n    />\n  );\n};\n\nAvatar.Badge = AvatarBadge;\nAvatar.Fallback = AvatarFallback;\nAvatar.Group = AvatarGroup;\nAvatar.GroupCount = AvatarGroupCount;\nAvatar.Image = AvatarImage;\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n\nexport type { AvatarBadgeProps } from \"./avatar-badge\";\nexport type { AvatarFallbackProps } from \"./avatar-fallback\";\nexport type { AvatarGroupProps } from \"./avatar-group\";\nexport type { AvatarGroupCountProps } from \"./avatar-group-count\";\nexport type { AvatarImageProps } from \"./avatar-image\";\n"],"mappings":";;;;;;;;;AAiBA,MAAM,UAAU,EAAE,WAAW,MAAM,cAAc,GAAG,YAAyB;CAC3E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,SAAgB;EACf,WAAW,qBACT,qTACA,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;AAIN,OAAO,QAAQ;AACf,OAAO,WAAW;AAClB,OAAO,QAAQ;AACf,OAAO,aAAa;AACpB,OAAO,QAAQ"}

package/dist/badge.d.ts

@@ -4,6 +4,7 @@ import * as react from "react";
 import { useRender } from "@base-ui/react/use-render";
 
 //#region src/ui/badge/badge.d.ts
+type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
 declare const badgeVariants: tailwind_variants0.TVReturnType<{
   variant: {
     default: string;
@@ -16,7 +17,14 @@ declare const badgeVariants: tailwind_variants0.TVReturnType<{
     info: string[];
     danger: string[];
   };
-}, undefined, "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none", {
   variant: {
     default: string;
     secondary: string;
@@ -28,6 +36,13 @@ declare const badgeVariants: tailwind_variants0.TVReturnType<{
     info: string[];
     danger: string[];
   };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
 }, undefined, tailwind_variants0.TVReturnType<{
   variant: {
     default: string;
@@ -40,13 +55,15 @@ declare const badgeVariants: tailwind_variants0.TVReturnType<{
     info: string[];
     danger: string[];
   };
-}, undefined, "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none [&>svg]:size-3!", unknown, unknown, undefined>>;
-declare const Badge: ({
-  className,
-  variant,
-  render,
-  ...props
-}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none", unknown, unknown, undefined>>;
+declare const Badge: (incomingProps: BadgeProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 //#endregion
-export { Badge, badgeVariants };
+export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../src/ui/badge/badge.tsx"],"mappings":";;;;;;cAIM,aAAA,EA2BJ,kBAAA,CA3BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cA2BjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;cAEI,KAAA;EAAS,SAAA;EAAA,OAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAKZ,SAAA,CAAU,cAAA,WAAyB,YAAA,QAAoB,aAAA,MAAc,KAAA,CAAA,YAAA,mBAAtB,KAAA,CAAsB,qBAAA"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../src/ui/badge/badge.tsx"],"mappings":";;;;;;KAOY,UAAA,GAAa,SAAA,CAAU,cAAA,WACjC,YAAA,QAAoB,aAAA;AAAA,cAEhB,aAAA,EAmCJ,kBAAA,CAnCiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmCjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;cAEI,KAAA,GAAS,aAAA,EAAe,UAAA,KAAU,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/badge.js

@@ -1,32 +1,54 @@
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as useBadgeDefaultProps } from "./use-badge-default-props-aiDsN2ec.js";
 import { cn, tv } from "tailwind-variants";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 
 //#region src/ui/badge/badge.tsx
 const badgeVariants = tv({
-	base: "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
-	variants: { variant: {
-		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-		link: "text-primary underline-offset-4 hover:underline",
-		success: ["border-success-border/50", "bg-success text-success-foreground"],
-		warning: ["border-warning-border/50", "bg-warning text-warning-foreground"],
-		info: ["border-info-border/50", "bg-info text-info-foreground"],
-		danger: ["border-danger-border/50", "bg-danger text-danger-foreground"]
-	} },
-	defaultVariants: { variant: "default" }
-});
-const Badge = ({ className, variant = "default", render, ...props }) => useRender({
-	defaultTagName: "span",
-	props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
-	render,
-	state: {
-		slot: "badge",
-		variant
+	base: "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none",
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+			outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+			ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+			link: "text-primary underline-offset-4 hover:underline",
+			success: ["border-success-border/50", "bg-success text-success-foreground"],
+			warning: ["border-warning-border/50", "bg-warning text-warning-foreground"],
+			info: ["border-info-border/50", "bg-info text-info-foreground"],
+			danger: ["border-danger-border/50", "bg-danger text-danger-foreground"]
+		},
+		size: {
+			xs: "h-4 gap-0.5 px-1.5 py-0 text-[0.65rem] [&>svg]:size-2.5!",
+			sm: "h-5 gap-1 px-2 py-0.5 text-xs [&>svg]:size-3!",
+			md: "h-6 gap-1 px-2.5 py-0.5 text-xs [&>svg]:size-3!",
+			lg: "h-7 gap-1.5 px-3 py-1 text-sm [&>svg]:size-4!",
+			xl: "h-8 gap-1.5 px-3.5 py-1 text-base [&>svg]:size-5!"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
 	}
 });
+const Badge = (incomingProps) => {
+	const { className, size: providedSize, variant = "default", render, ...props } = useBadgeDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({
+			size,
+			variant
+		}), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			size,
+			variant
+		}
+	});
+};
 
 //#endregion
 export { Badge, badgeVariants };

package/dist/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../src/ui/badge/badge.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nconst badgeVariants = tv({\n  base: \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n      secondary:\n        \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n      outline:\n        \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n      success: [\n        \"border-success-border/50\",\n        \"bg-success text-success-foreground\",\n      ],\n      warning: [\n        \"border-warning-border/50\",\n        \"bg-warning text-warning-foreground\",\n      ],\n      info: [\"border-info-border/50\", \"bg-info text-info-foreground\"],\n      danger: [\"border-danger-border/50\", \"bg-danger text-danger-foreground\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst Badge = ({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) =>\n  useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  });\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;AAIA,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,SACE;EACF,OACE;EACF,MAAM;EACN,SAAS,CACP,4BACA,qCACD;EACD,SAAS,CACP,4BACA,qCACD;EACD,MAAM,CAAC,yBAAyB,+BAA+B;EAC/D,QAAQ,CAAC,2BAA2B,mCAAmC;EACxE,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,SAAS,EACb,WACA,UAAU,WACV,QACA,GAAG,YAEH,UAAU;CACR,gBAAgB;CAChB,OAAO,WACL,EACE,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU,EACrD,EACD,MACD;CACD;CACA,OAAO;EACL,MAAM;EACN;EACD;CACF,CAAC"}
+{"version":3,"file":"badge.js","names":[],"sources":["../src/ui/badge/badge.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { useBadgeDefaultProps } from \"./use-badge-default-props\";\n\nexport type BadgeProps = useRender.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants>;\n\nconst badgeVariants = tv({\n  base: \"group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n      secondary:\n        \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n      outline:\n        \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n      success: [\n        \"border-success-border/50\",\n        \"bg-success text-success-foreground\",\n      ],\n      warning: [\n        \"border-warning-border/50\",\n        \"bg-warning text-warning-foreground\",\n      ],\n      info: [\"border-info-border/50\", \"bg-info text-info-foreground\"],\n      danger: [\"border-danger-border/50\", \"bg-danger text-danger-foreground\"],\n    },\n    size: {\n      xs: \"h-4 gap-0.5 px-1.5 py-0 text-[0.65rem] [&>svg]:size-2.5!\",\n      sm: \"h-5 gap-1 px-2 py-0.5 text-xs [&>svg]:size-3!\",\n      md: \"h-6 gap-1 px-2.5 py-0.5 text-xs [&>svg]:size-3!\",\n      lg: \"h-7 gap-1.5 px-3 py-1 text-sm [&>svg]:size-4!\",\n      xl: \"h-8 gap-1.5 px-3.5 py-1 text-base [&>svg]:size-5!\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst Badge = (incomingProps: BadgeProps) => {\n  const {\n    className,\n    size: providedSize,\n    variant = \"default\",\n    render,\n    ...props\n  } = useBadgeDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ size, variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      size,\n      variant,\n    },\n  });\n};\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,WACE;GACF,SACE;GACF,OACE;GACF,MAAM;GACN,SAAS,CACP,4BACA,qCACD;GACD,SAAS,CACP,4BACA,qCACD;GACD,MAAM,CAAC,yBAAyB,+BAA+B;GAC/D,QAAQ,CAAC,2BAA2B,mCAAmC;GACxE;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAEF,MAAM,SAAS,kBAA8B;CAC3C,MAAM,EACJ,WACA,MAAM,cACN,UAAU,WACV,QACA,GAAG,UACD,qBAAqB,cAAc;CACvC,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,cAAc;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU,EAC3D,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACA;GACD;EACF,CAAC"}

package/dist/breadcrumb-separator-BxPVg1Je.js

@@ -0,0 +1,172 @@
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight01Icon, MoreHorizontalCircle01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/breadcrumb/breadcrumb-size-context.ts
+const { SizeContext: BreadcrumbSizeContext, useResolvedSize: useResolvedBreadcrumbSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-ellipsis.tsx
+const breadcrumbEllipsisVariants = tv({
+	base: "flex items-center justify-center text-muted-foreground",
+	variants: { size: {
+		xs: "size-4 [&>svg]:size-3",
+		sm: "size-5 [&>svg]:size-3.5",
+		md: "size-5 [&>svg]:size-4",
+		lg: "size-6 [&>svg]:size-4",
+		xl: "size-7 [&>svg]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const BreadcrumbEllipsis = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedBreadcrumbSize(size);
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": "true",
+		className: cn(breadcrumbEllipsisVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: MoreHorizontalCircle01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-item.tsx
+const breadcrumbItemVariants = tv({
+	base: "inline-flex items-center",
+	variants: { size: {
+		xs: "gap-0.5",
+		sm: "gap-0.5",
+		md: "gap-1",
+		lg: "gap-1.5",
+		xl: "gap-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const BreadcrumbItem = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedBreadcrumbSize(size);
+	return /* @__PURE__ */ jsx("li", {
+		className: cn(breadcrumbItemVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "breadcrumb-item",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-link.tsx
+const breadcrumbLinkVariants = tv({
+	base: "cursor-pointer transition-colors hover:text-foreground",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-sm",
+		xl: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const BreadcrumbLink = ({ className, render, size, ...props }) => {
+	const resolvedSize = useResolvedBreadcrumbSize(size);
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn(breadcrumbLinkVariants({ size: resolvedSize }), className) }, props),
+		render,
+		state: {
+			slot: "breadcrumb-link",
+			size: resolvedSize
+		}
+	});
+};
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-list.tsx
+const breadcrumbListVariants = tv({
+	base: "flex flex-wrap items-center break-words text-muted-foreground",
+	variants: { size: {
+		xs: "gap-1 text-xs sm:gap-1.5",
+		sm: "gap-1.5 text-xs sm:gap-2",
+		md: "gap-1.5 text-sm sm:gap-2.5",
+		lg: "gap-2 text-sm sm:gap-3",
+		xl: "gap-2.5 text-base sm:gap-3.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const BreadcrumbList = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedBreadcrumbSize(size);
+	return /* @__PURE__ */ jsx("ol", {
+		className: cn(breadcrumbListVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "breadcrumb-list",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-page.tsx
+const breadcrumbPageVariants = tv({
+	base: "font-normal text-foreground",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-sm",
+		xl: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const BreadcrumbPage = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedBreadcrumbSize(size);
+	return /* @__PURE__ */ jsx("span", {
+		"aria-current": "page",
+		"aria-disabled": "true",
+		className: cn(breadcrumbPageVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "breadcrumb-page",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-separator.tsx
+const breadcrumbSeparatorVariants = tv({
+	base: "inline-flex items-center text-muted-foreground",
+	variants: { size: {
+		xs: "[&>svg]:size-3",
+		sm: "[&>svg]:size-3.5",
+		md: "[&>svg]:size-3.5",
+		lg: "[&>svg]:size-4",
+		xl: "[&>svg]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const BreadcrumbSeparator = ({ children, className, size, ...props }) => {
+	const resolvedSize = useResolvedBreadcrumbSize(size);
+	return /* @__PURE__ */ jsx("li", {
+		"aria-hidden": "true",
+		className: cn(breadcrumbSeparatorVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowRight01Icon,
+			strokeWidth: 2
+		})
+	});
+};
+
+//#endregion
+export { BreadcrumbItem as a, BreadcrumbLink as i, BreadcrumbPage as n, BreadcrumbEllipsis as o, BreadcrumbList as r, BreadcrumbSizeContext as s, BreadcrumbSeparator as t };
+//# sourceMappingURL=breadcrumb-separator-BxPVg1Je.js.map

package/dist/breadcrumb-separator-BxPVg1Je.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator-BxPVg1Je.js","names":[],"sources":["../src/ui/breadcrumb/breadcrumb-size-context.ts","../src/ui/breadcrumb/breadcrumb-ellipsis.tsx","../src/ui/breadcrumb/breadcrumb-item.tsx","../src/ui/breadcrumb/breadcrumb-link.tsx","../src/ui/breadcrumb/breadcrumb-list.tsx","../src/ui/breadcrumb/breadcrumb-page.tsx","../src/ui/breadcrumb/breadcrumb-separator.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst {\n  SizeContext: BreadcrumbSizeContext,\n  useResolvedSize: useResolvedBreadcrumbSize,\n} = createSizeContext();\n\nexport { BreadcrumbSizeContext, useResolvedBreadcrumbSize };\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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbEllipsisVariants = tv({\n  base: \"flex items-center justify-center text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"size-4 [&>svg]:size-3\",\n      sm: \"size-5 [&>svg]:size-3.5\",\n      md: \"size-5 [&>svg]:size-4\",\n      lg: \"size-6 [&>svg]:size-4\",\n      xl: \"size-7 [&>svg]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype BreadcrumbEllipsisVariantProps = Omit<\n  VariantProps<typeof breadcrumbEllipsisVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type BreadcrumbEllipsisProps = ComponentProps<\"span\"> &\n  BreadcrumbEllipsisVariantProps;\n\nconst BreadcrumbEllipsis = ({\n  className,\n  size,\n  ...props\n}: BreadcrumbEllipsisProps) => {\n  const resolvedSize = useResolvedBreadcrumbSize(size);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        breadcrumbEllipsisVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      {...props}\n    >\n      <HugeiconsIcon icon={MoreHorizontalCircle01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n};\n\nexport { BreadcrumbEllipsis };\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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbItemVariants = tv({\n  base: \"inline-flex items-center\",\n  variants: {\n    size: {\n      xs: \"gap-0.5\",\n      sm: \"gap-0.5\",\n      md: \"gap-1\",\n      lg: \"gap-1.5\",\n      xl: \"gap-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype BreadcrumbItemVariantProps = Omit<\n  VariantProps<typeof breadcrumbItemVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type BreadcrumbItemProps = ComponentProps<\"li\"> &\n  BreadcrumbItemVariantProps;\n\nconst BreadcrumbItem = ({ className, size, ...props }: BreadcrumbItemProps) => {\n  const resolvedSize = useResolvedBreadcrumbSize(size);\n\n  return (\n    <li\n      className={cn(breadcrumbItemVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"breadcrumb-item\"\n      {...props}\n    />\n  );\n};\n\nexport { BreadcrumbItem };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbLinkVariants = tv({\n  base: \"cursor-pointer transition-colors hover:text-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype BreadcrumbLinkVariantProps = Omit<\n  VariantProps<typeof breadcrumbLinkVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type BreadcrumbLinkProps = useRender.ComponentProps<\"a\"> &\n  BreadcrumbLinkVariantProps;\n\nconst BreadcrumbLink = ({\n  className,\n  render,\n  size,\n  ...props\n}: BreadcrumbLinkProps) => {\n  const resolvedSize = useResolvedBreadcrumbSize(size);\n\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\n          breadcrumbLinkVariants({ size: resolvedSize }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n      size: resolvedSize,\n    },\n  });\n};\n\nexport { BreadcrumbLink };\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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbListVariants = tv({\n  base: \"flex flex-wrap items-center break-words text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"gap-1 text-xs sm:gap-1.5\",\n      sm: \"gap-1.5 text-xs sm:gap-2\",\n      md: \"gap-1.5 text-sm sm:gap-2.5\",\n      lg: \"gap-2 text-sm sm:gap-3\",\n      xl: \"gap-2.5 text-base sm:gap-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype BreadcrumbListVariantProps = Omit<\n  VariantProps<typeof breadcrumbListVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type BreadcrumbListProps = ComponentProps<\"ol\"> &\n  BreadcrumbListVariantProps;\n\nconst BreadcrumbList = ({ className, size, ...props }: BreadcrumbListProps) => {\n  const resolvedSize = useResolvedBreadcrumbSize(size);\n\n  return (\n    <ol\n      className={cn(breadcrumbListVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"breadcrumb-list\"\n      {...props}\n    />\n  );\n};\n\nexport { BreadcrumbList };\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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbPageVariants = tv({\n  base: \"font-normal text-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype BreadcrumbPageVariantProps = Omit<\n  VariantProps<typeof breadcrumbPageVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type BreadcrumbPageProps = ComponentProps<\"span\"> &\n  BreadcrumbPageVariantProps;\n\nconst BreadcrumbPage = ({ className, size, ...props }: BreadcrumbPageProps) => {\n  const resolvedSize = useResolvedBreadcrumbSize(size);\n\n  return (\n    <span\n      aria-current=\"page\"\n      aria-disabled=\"true\"\n      className={cn(breadcrumbPageVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"breadcrumb-page\"\n      {...props}\n    />\n  );\n};\n\nexport { BreadcrumbPage };\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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbSeparatorVariants = tv({\n  base: \"inline-flex items-center text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"[&>svg]:size-3\",\n      sm: \"[&>svg]:size-3.5\",\n      md: \"[&>svg]:size-3.5\",\n      lg: \"[&>svg]:size-4\",\n      xl: \"[&>svg]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype BreadcrumbSeparatorVariantProps = Omit<\n  VariantProps<typeof breadcrumbSeparatorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type BreadcrumbSeparatorProps = ComponentProps<\"li\"> &\n  BreadcrumbSeparatorVariantProps;\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  size,\n  ...props\n}: BreadcrumbSeparatorProps) => {\n  const resolvedSize = useResolvedBreadcrumbSize(size);\n\n  return (\n    <li\n      aria-hidden=\"true\"\n      className={cn(\n        breadcrumbSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      {...props}\n    >\n      {children ?? <HugeiconsIcon icon={ArrowRight01Icon} strokeWidth={2} />}\n    </li>\n  );\n};\n\nexport { BreadcrumbSeparator };\n"],"mappings":"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"}