@kuzenbo/core 0.0.4 → 0.0.5

package/dist/ui/breadcrumb.js

@@ -1,7 +1,8 @@
 "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 { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { ArrowRight01Icon, MoreHorizontalCircle01Icon } from "@hugeicons/core-free-icons";
@@ -15,15 +16,15 @@ const { SizeContext: BreadcrumbSizeContext, useResolvedSize: useResolvedBreadcru
 //#endregion
 //#region src/ui/breadcrumb/breadcrumb-ellipsis.tsx
 const breadcrumbEllipsisVariants = tv({
-	base: "flex items-center justify-center text-muted-foreground",
+	base: "text-muted-foreground flex items-center justify-center",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "size-5 [&>svg]:size-4",
+		sm: "size-5 [&>svg]:size-3.5",
+		xl: "size-7 [&>svg]:size-5",
+		xs: "size-4 [&>svg]:size-3"
+	} }
 });
 const BreadcrumbEllipsis = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedBreadcrumbSize(size);
@@ -48,14 +49,14 @@ const BreadcrumbEllipsis = ({ className, size, ...props }) => {
 //#region src/ui/breadcrumb/breadcrumb-item.tsx
 const breadcrumbItemVariants = tv({
 	base: "inline-flex items-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-0.5",
-		sm: "gap-0.5",
-		md: "gap-1",
 		lg: "gap-1.5",
-		xl: "gap-2"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-1",
+		sm: "gap-0.5",
+		xl: "gap-2",
+		xs: "gap-0.5"
+	} }
 });
 const BreadcrumbItem = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedBreadcrumbSize(size);
@@ -70,15 +71,15 @@ const BreadcrumbItem = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/breadcrumb/breadcrumb-link.tsx
 const breadcrumbLinkVariants = tv({
-	base: "cursor-pointer transition-colors hover:text-foreground",
+	base: "cursor-clickable hover:text-foreground transition-colors",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-xs",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-xs",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 const BreadcrumbLink = ({ className, render, size, ...props }) => {
 	const resolvedSize = useResolvedBreadcrumbSize(size);
@@ -87,8 +88,8 @@ const BreadcrumbLink = ({ className, render, size, ...props }) => {
 		props: mergeProps({ className: cn(breadcrumbLinkVariants({ size: resolvedSize }), className) }, props),
 		render,
 		state: {
-			slot: "breadcrumb-link",
-			size: resolvedSize
+			size: resolvedSize,
+			slot: "breadcrumb-link"
 		}
 	});
 };
@@ -96,15 +97,15 @@ const BreadcrumbLink = ({ className, render, size, ...props }) => {
 //#endregion
 //#region src/ui/breadcrumb/breadcrumb-list.tsx
 const breadcrumbListVariants = tv({
-	base: "flex flex-wrap items-center break-words text-muted-foreground",
+	base: "text-muted-foreground flex flex-wrap items-center break-words",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "gap-1.5 text-sm sm:gap-2.5",
+		sm: "gap-1.5 text-xs sm:gap-2",
+		xl: "gap-2.5 text-base sm:gap-3.5",
+		xs: "gap-1 text-xs sm:gap-1.5"
+	} }
 });
 const BreadcrumbList = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedBreadcrumbSize(size);
@@ -119,15 +120,15 @@ const BreadcrumbList = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/breadcrumb/breadcrumb-page.tsx
 const breadcrumbPageVariants = tv({
-	base: "font-normal text-foreground",
+	base: "text-foreground font-normal",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-xs",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-xs",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 const BreadcrumbPage = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedBreadcrumbSize(size);
@@ -144,15 +145,15 @@ const BreadcrumbPage = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/breadcrumb/breadcrumb-separator.tsx
 const breadcrumbSeparatorVariants = tv({
-	base: "inline-flex items-center text-muted-foreground",
+	base: "text-muted-foreground inline-flex items-center",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "[&>svg]:size-3.5",
+		sm: "[&>svg]:size-3.5",
+		xl: "[&>svg]:size-5",
+		xs: "[&>svg]:size-3"
+	} }
 });
 const BreadcrumbSeparator = ({ children, className, size, ...props }) => {
 	const resolvedSize = useResolvedBreadcrumbSize(size);
@@ -174,8 +175,9 @@ const BreadcrumbSeparator = ({ children, className, size, ...props }) => {
 //#region src/ui/breadcrumb/breadcrumb.tsx
 const Breadcrumb = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(BreadcrumbSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("nav", {
 			"aria-label": "breadcrumb",
 			className: cn(className),

package/dist/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.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","../../src/ui/breadcrumb/breadcrumb.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","\"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 { BreadcrumbEllipsis } from \"./breadcrumb-ellipsis\";\nimport { BreadcrumbItem } from \"./breadcrumb-item\";\nimport { BreadcrumbLink } from \"./breadcrumb-link\";\nimport { BreadcrumbList } from \"./breadcrumb-list\";\nimport { BreadcrumbPage } from \"./breadcrumb-page\";\nimport { BreadcrumbSeparator } from \"./breadcrumb-separator\";\nimport { BreadcrumbSizeContext } from \"./breadcrumb-size-context\";\nexport type BreadcrumbProps = ComponentProps<\"nav\"> & {\n  size?: UISize;\n};\n\nconst Breadcrumb = ({\n  className,\n  size: providedSize,\n  ...props\n}: BreadcrumbProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <BreadcrumbSizeContext.Provider value={{ size }}>\n      <nav\n        aria-label=\"breadcrumb\"\n        className={cn(className)}\n        data-size={size}\n        data-slot=\"breadcrumb\"\n        {...props}\n      />\n    </BreadcrumbSizeContext.Provider>\n  );\n};\n\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n\nexport type { BreadcrumbEllipsisProps } from \"./breadcrumb-ellipsis\";\nexport type { BreadcrumbItemProps } from \"./breadcrumb-item\";\nexport type { BreadcrumbLinkProps } from \"./breadcrumb-link\";\nexport type { BreadcrumbListProps } from \"./breadcrumb-list\";\nexport type { BreadcrumbPageProps } from \"./breadcrumb-page\";\nexport type { BreadcrumbSeparatorProps } from \"./breadcrumb-separator\";\n"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.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","../../src/ui/breadcrumb/breadcrumb.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 { 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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbEllipsisVariants = tv({\n  base: \"text-muted-foreground flex items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-6 [&>svg]:size-4\",\n      md: \"size-5 [&>svg]:size-4\",\n      sm: \"size-5 [&>svg]:size-3.5\",\n      xl: \"size-7 [&>svg]:size-5\",\n      xs: \"size-4 [&>svg]:size-3\",\n    },\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbItemVariants = tv({\n  base: \"inline-flex items-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-1.5\",\n      md: \"gap-1\",\n      sm: \"gap-0.5\",\n      xl: \"gap-2\",\n      xs: \"gap-0.5\",\n    },\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbLinkVariants = tv({\n  base: \"cursor-clickable hover:text-foreground transition-colors\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-xs\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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      size: resolvedSize,\n      slot: \"breadcrumb-link\",\n    },\n  });\n};\n\nexport { BreadcrumbLink };\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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbListVariants = tv({\n  base: \"text-muted-foreground flex flex-wrap items-center break-words\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-2 text-sm sm:gap-3\",\n      md: \"gap-1.5 text-sm sm:gap-2.5\",\n      sm: \"gap-1.5 text-xs sm:gap-2\",\n      xl: \"gap-2.5 text-base sm:gap-3.5\",\n      xs: \"gap-1 text-xs sm:gap-1.5\",\n    },\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbPageVariants = tv({\n  base: \"text-foreground font-normal\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-xs\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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 { 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 { useResolvedBreadcrumbSize } from \"./breadcrumb-size-context\";\n\nconst breadcrumbSeparatorVariants = tv({\n  base: \"text-muted-foreground inline-flex items-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"[&>svg]:size-4\",\n      md: \"[&>svg]:size-3.5\",\n      sm: \"[&>svg]:size-3.5\",\n      xl: \"[&>svg]:size-5\",\n      xs: \"[&>svg]:size-3\",\n    },\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","\"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 { BreadcrumbEllipsis } from \"./breadcrumb-ellipsis\";\nimport { BreadcrumbItem } from \"./breadcrumb-item\";\nimport { BreadcrumbLink } from \"./breadcrumb-link\";\nimport { BreadcrumbList } from \"./breadcrumb-list\";\nimport { BreadcrumbPage } from \"./breadcrumb-page\";\nimport { BreadcrumbSeparator } from \"./breadcrumb-separator\";\nimport { BreadcrumbSizeContext } from \"./breadcrumb-size-context\";\nexport type BreadcrumbProps = ComponentProps<\"nav\"> & {\n  size?: UISize;\n};\n\nconst Breadcrumb = ({\n  className,\n  size: providedSize,\n  ...props\n}: BreadcrumbProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <BreadcrumbSizeContext.Provider value={contextValue}>\n      <nav\n        aria-label=\"breadcrumb\"\n        className={cn(className)}\n        data-size={size}\n        data-slot=\"breadcrumb\"\n        {...props}\n      />\n    </BreadcrumbSizeContext.Provider>\n  );\n};\n\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n\nexport type { BreadcrumbEllipsisProps } from \"./breadcrumb-ellipsis\";\nexport type { BreadcrumbItemProps } from \"./breadcrumb-item\";\nexport type { BreadcrumbLinkProps } from \"./breadcrumb-link\";\nexport type { BreadcrumbListProps } from \"./breadcrumb-list\";\nexport type { BreadcrumbPageProps } from \"./breadcrumb-page\";\nexport type { BreadcrumbSeparatorProps } from \"./breadcrumb-separator\";\n"],"mappings":"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"}

package/dist/ui/button-group.d.ts

@@ -1,5 +1,5 @@
 import { t as UISize } from "../size-system-wzOLSuax.js";
-import { Separator } from "./separator.js";
+import { t as Separator } from "../separator-C8Qw2ADs.js";
 import * as react from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -10,29 +10,29 @@ import { useRender } from "@base-ui/react/use-render";
 //#region src/ui/button-group/button-group-separator.d.ts
 declare const buttonGroupSeparatorVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto", {
+}, undefined, "bg-input relative self-stretch data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto", {
   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, "relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto", unknown, unknown, undefined>>;
+}, undefined, "bg-input relative self-stretch data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto", unknown, unknown, undefined>>;
 type ButtonGroupSeparatorVariantProps = Omit<VariantProps<typeof buttonGroupSeparatorVariants>, "size"> & {
   size?: UISize;
 };
@@ -47,29 +47,29 @@ declare const ButtonGroupSeparator: ({
 //#region src/ui/button-group/button-group-text.d.ts
 declare const buttonGroupTextVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none", {
+}, undefined, "border-border bg-muted flex items-center border font-medium [&_svg]:pointer-events-none", {
   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 border border-border bg-muted font-medium [&_svg]:pointer-events-none", unknown, unknown, undefined>>;
+}, undefined, "border-border bg-muted flex items-center border font-medium [&_svg]:pointer-events-none", unknown, unknown, undefined>>;
 type ButtonGroupTextVariantProps = Omit<VariantProps<typeof buttonGroupTextVariants>, "size"> & {
   size?: UISize;
 };
@@ -91,23 +91,23 @@ declare const buttonGroupVariants: tailwind_variants0.TVReturnType<{
     vertical: string;
   };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+}, undefined, "group/button-group *:focus-visible:z-raised flex w-fit items-stretch overflow-hidden *:focus-visible:relative has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
   orientation: {
     horizontal: string;
     vertical: string;
   };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   orientation: {
@@ -115,13 +115,13 @@ declare const buttonGroupVariants: tailwind_variants0.TVReturnType<{
     vertical: string;
   };
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
+}, undefined, "group/button-group *:focus-visible:z-raised flex w-fit items-stretch overflow-hidden *:focus-visible:relative has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
 declare const ButtonGroup: {
   ({
     className,

package/dist/ui/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../src/ui/button-group/button-group-separator.tsx","../../src/ui/button-group/button-group-text.tsx","../../src/ui/button-group/button-group.tsx"],"mappings":";;;;;;;;;;cAUM,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,gCAAA,GAAmC,IAAA,CACtC,YAAA,QAAoB,4BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,yBAAA,GAA4B,cAAA,QAAsB,SAAA,IAC5D,gCAAA;AAAA,cAEI,oBAAA;EAAwB,SAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK3B,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cChCtB,uBAAA,EAcJ,kBAAA,CAd2B,YAAA;;;;;;;;;;;;;;;;cAc3B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,2BAAA,GAA8B,IAAA,CACjC,YAAA,QAAoB,uBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,oBAAA,GAAuB,SAAA,CAAU,cAAA,UAC3C,2BAAA;AAAA,cAEI,eAAA;EAAmB,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKtB,oBAAA,KAAoB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KC5BX,gBAAA,GAAmB,cAAA,UAC7B,YAAA,QAAoB,mBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,mBAAA,EAqBJ,kBAAA,CArBuB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cAqBvB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;cAEI,WAAA;EAAA;;;;;KAKH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../src/ui/button-group/button-group-separator.tsx","../../src/ui/button-group/button-group-text.tsx","../../src/ui/button-group/button-group.tsx"],"mappings":";;;;;;;;;;cASM,4BAAA,EAcJ,kBAAA,CAdgC,YAAA;;;;;;;;;;;;;;;;cAchC,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,gCAAA,GAAmC,IAAA,CACtC,YAAA,QAAoB,4BAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,yBAAA,GAA4B,cAAA,QAAsB,SAAA,IAC5D,gCAAA;AAAA,cAEI,oBAAA;EAAwB,SAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK3B,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC/BtB,uBAAA,EAcJ,kBAAA,CAd2B,YAAA;;;;;;;;;;;;;;;;cAc3B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,2BAAA,GAA8B,IAAA,CACjC,YAAA,QAAoB,uBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,oBAAA,GAAuB,SAAA,CAAU,cAAA,UAC3C,2BAAA;AAAA,cAEI,eAAA;EAAmB,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKtB,oBAAA,KAAoB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA;;;KC5BX,gBAAA,GAAmB,cAAA,UAC7B,YAAA,QAAoB,mBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,mBAAA,EAqBJ,kBAAA,CArBuB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cAqBvB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;cAEI,WAAA;EAAA;;;;;KAKH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/button-group.js

@@ -3,7 +3,7 @@
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
 import { t as ButtonGroupSizeContext } from "../button-group-size-context-DW7Gn-3k.js";
 import { Separator } from "./separator.js";
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -11,15 +11,15 @@ import { useRender } from "@base-ui/react/use-render";
 
 //#region src/ui/button-group/button-group-separator.tsx
 const buttonGroupSeparatorVariants = tv({
-	base: "relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto",
+	base: "bg-input relative self-stretch data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
-		sm: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
-		md: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
 		lg: "data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5",
-		xl: "data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
+		sm: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px",
+		xl: "data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5",
+		xs: "data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px"
+	} }
 });
 const ButtonGroupSeparator = ({ className, orientation = "vertical", size, ...props }) => {
 	const { size: groupSize } = useContext(ButtonGroupSizeContext);
@@ -36,15 +36,15 @@ const ButtonGroupSeparator = ({ className, orientation = "vertical", size, ...pr
 //#endregion
 //#region src/ui/button-group/button-group-text.tsx
 const buttonGroupTextVariants = tv({
-	base: "flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none",
+	base: "border-border bg-muted flex items-center border font-medium [&_svg]:pointer-events-none",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3",
-		sm: "gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm [&_svg:not([class*='size-'])]:size-3.5",
-		md: "gap-2 rounded-md px-2.5 text-sm [&_svg:not([class*='size-'])]:size-4",
 		lg: "gap-2 rounded-md px-3 text-sm [&_svg:not([class*='size-'])]:size-4",
-		xl: "gap-2.5 rounded-md px-4 text-base [&_svg:not([class*='size-'])]:size-5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-2 rounded-md px-2.5 text-sm [&_svg:not([class*='size-'])]:size-4",
+		sm: "gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm [&_svg:not([class*='size-'])]:size-3.5",
+		xl: "gap-2.5 rounded-md px-4 text-base [&_svg:not([class*='size-'])]:size-5",
+		xs: "gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3"
+	} }
 });
 const ButtonGroupText = ({ className, render, size, ...props }) => {
 	const { size: groupSize } = useContext(ButtonGroupSizeContext);
@@ -54,8 +54,8 @@ const ButtonGroupText = ({ className, render, size, ...props }) => {
 		props: mergeProps({ className: cn(buttonGroupTextVariants({ size: resolvedSize }), className) }, props),
 		render,
 		state: {
-			slot: "button-group-text",
-			size: resolvedSize
+			size: resolvedSize,
+			slot: "button-group-text"
 		}
 	});
 };
@@ -63,30 +63,31 @@ const ButtonGroupText = ({ className, render, size, ...props }) => {
 //#endregion
 //#region src/ui/button-group/button-group.tsx
 const buttonGroupVariants = tv({
-	base: "group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+	base: "group/button-group *:focus-visible:z-raised flex w-fit items-stretch overflow-hidden *:focus-visible:relative has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+	defaultVariants: {
+		orientation: "horizontal",
+		size: "md"
+	},
 	variants: {
 		orientation: {
 			horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-[inherit]! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
 			vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-[inherit]! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
 		},
 		size: {
-			xs: "has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),8px)]",
-			sm: "has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),10px)]",
-			md: "has-[>[data-slot=button-group]]:gap-2 rounded-md",
-			lg: "has-[>[data-slot=button-group]]:gap-2 rounded-md",
-			xl: "has-[>[data-slot=button-group]]:gap-2.5 rounded-md"
+			lg: "rounded-md has-[>[data-slot=button-group]]:gap-2",
+			md: "rounded-md has-[>[data-slot=button-group]]:gap-2",
+			sm: "rounded-[min(var(--radius-md),10px)] has-[>[data-slot=button-group]]:gap-1",
+			xl: "rounded-md has-[>[data-slot=button-group]]:gap-2.5",
+			xs: "rounded-[min(var(--radius-md),8px)] has-[>[data-slot=button-group]]:gap-1"
 		}
-	},
-	defaultVariants: {
-		orientation: "horizontal",
-		size: "md"
 	}
 });
 const ButtonGroup = ({ className, orientation, size: providedSize, ...props }) => {
 	const resolvedOrientation = orientation ?? "horizontal";
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(ButtonGroupSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn(buttonGroupVariants({
 				orientation: resolvedOrientation,

package/dist/ui/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../src/ui/button-group/button-group-separator.tsx","../../src/ui/button-group/button-group-text.tsx","../../src/ui/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Separator } from \"../separator/separator\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\n\nconst buttonGroupSeparatorVariants = tv({\n  base: \"relative self-stretch bg-input data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto\",\n  variants: {\n    size: {\n      xs: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      sm: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      md: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      lg: \"data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5\",\n      xl: \"data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype ButtonGroupSeparatorVariantProps = Omit<\n  VariantProps<typeof buttonGroupSeparatorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type ButtonGroupSeparatorProps = ComponentProps<typeof Separator> &\n  ButtonGroupSeparatorVariantProps;\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation = \"vertical\",\n  size,\n  ...props\n}: ButtonGroupSeparatorProps) => {\n  const { size: groupSize } = useContext(ButtonGroupSizeContext);\n  const resolvedSize = size ?? groupSize ?? \"md\";\n\n  return (\n    <Separator\n      className={cn(\n        buttonGroupSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      {...props}\n    />\n  );\n};\n\nexport { ButtonGroupSeparator };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\n\nconst buttonGroupTextVariants = tv({\n  base: \"flex items-center border border-border bg-muted font-medium [&_svg]:pointer-events-none\",\n  variants: {\n    size: {\n      xs: \"gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"gap-2 rounded-md px-2.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"gap-2 rounded-md px-3 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"gap-2.5 rounded-md px-4 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype ButtonGroupTextVariantProps = Omit<\n  VariantProps<typeof buttonGroupTextVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type ButtonGroupTextProps = useRender.ComponentProps<\"div\"> &\n  ButtonGroupTextVariantProps;\n\nconst ButtonGroupText = ({\n  className,\n  render,\n  size,\n  ...props\n}: ButtonGroupTextProps) => {\n  const { size: groupSize } = useContext(ButtonGroupSizeContext);\n  const resolvedSize = size ?? groupSize ?? \"md\";\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          buttonGroupTextVariants({ size: resolvedSize }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n      size: resolvedSize,\n    },\n  });\n};\n\nexport { ButtonGroupText };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ButtonGroupSeparator } from \"./button-group-separator\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\nimport { ButtonGroupText } from \"./button-group-text\";\nexport type ButtonGroupProps = ComponentProps<\"div\"> &\n  VariantProps<typeof buttonGroupVariants> & {\n    size?: UISize;\n  };\n\nconst buttonGroupVariants = tv({\n  base: \"group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  variants: {\n    orientation: {\n      horizontal:\n        \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-[inherit]! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n      vertical:\n        \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-[inherit]! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n    },\n    size: {\n      xs: \"has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),8px)]\",\n      sm: \"has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),10px)]\",\n      md: \"has-[>[data-slot=button-group]]:gap-2 rounded-md\",\n      lg: \"has-[>[data-slot=button-group]]:gap-2 rounded-md\",\n      xl: \"has-[>[data-slot=button-group]]:gap-2.5 rounded-md\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nconst ButtonGroup = ({\n  className,\n  orientation,\n  size: providedSize,\n  ...props\n}: ButtonGroupProps) => {\n  const resolvedOrientation = orientation ?? \"horizontal\";\n  const size = useComponentSize(providedSize);\n\n  return (\n    <ButtonGroupSizeContext.Provider value={{ size }}>\n      <div\n        className={cn(\n          buttonGroupVariants({ orientation: resolvedOrientation, size }),\n          className\n        )}\n        data-orientation={resolvedOrientation}\n        data-size={size}\n        data-slot=\"button-group\"\n        {...props}\n      />\n    </ButtonGroupSizeContext.Provider>\n  );\n};\n\nButtonGroup.Separator = ButtonGroupSeparator;\nButtonGroup.Text = ButtonGroupText;\n\nexport {\n  ButtonGroup,\n  buttonGroupVariants,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n};\n\nexport type { ButtonGroupSeparatorProps } from \"./button-group-separator\";\nexport type { ButtonGroupTextProps } from \"./button-group-text\";\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,wBAAwB,EAC5B,WACA,cAAc,YACd,MACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,MAAM,cAAc,WAAW,uBAAuB;CAC9D,MAAM,eAAe,QAAQ,aAAa;AAE1C,QACE,oBAAC;EACC,WAAW,GACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACG;EACb,GAAI;GACJ;;;;;AC9CN,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,mBAAmB,EACvB,WACA,QACA,MACA,GAAG,YACuB;CAC1B,MAAM,EAAE,MAAM,cAAc,WAAW,uBAAuB;CAC9D,MAAM,eAAe,QAAQ,aAAa;AAE1C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,wBAAwB,EAAE,MAAM,cAAc,CAAC,EAC/C,UACD,EACF,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN,MAAM;GACP;EACF,CAAC;;;;;AC3CJ,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU;EACR,aAAa;GACX,YACE;GACF,UACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,aAAa;EACb,MAAM;EACP;CACF,CAAC;AAEF,MAAM,eAAe,EACnB,WACA,aACA,MAAM,cACN,GAAG,YACmB;CACtB,MAAM,sBAAsB,eAAe;CAC3C,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,uBAAuB;EAAS,OAAO,EAAE,MAAM;YAC9C,oBAAC;GACC,WAAW,GACT,oBAAoB;IAAE,aAAa;IAAqB;IAAM,CAAC,EAC/D,UACD;GACD,oBAAkB;GAClB,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC8B;;AAItC,YAAY,YAAY;AACxB,YAAY,OAAO"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../src/ui/button-group/button-group-separator.tsx","../../src/ui/button-group/button-group-text.tsx","../../src/ui/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\n\nconst buttonGroupSeparatorVariants = tv({\n  base: \"bg-input relative self-stretch data-[orientation=horizontal]:w-auto data-[orientation=vertical]:h-auto\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5\",\n      md: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      sm: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n      xl: \"data-[orientation=horizontal]:mx-0.5 data-[orientation=vertical]:my-0.5\",\n      xs: \"data-[orientation=horizontal]:mx-px data-[orientation=vertical]:my-px\",\n    },\n  },\n});\n\ntype ButtonGroupSeparatorVariantProps = Omit<\n  VariantProps<typeof buttonGroupSeparatorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type ButtonGroupSeparatorProps = ComponentProps<typeof Separator> &\n  ButtonGroupSeparatorVariantProps;\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation = \"vertical\",\n  size,\n  ...props\n}: ButtonGroupSeparatorProps) => {\n  const { size: groupSize } = useContext(ButtonGroupSizeContext);\n  const resolvedSize = size ?? groupSize ?? \"md\";\n\n  return (\n    <Separator\n      className={cn(\n        buttonGroupSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      {...props}\n    />\n  );\n};\n\nexport { ButtonGroupSeparator };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\n\nconst buttonGroupTextVariants = tv({\n  base: \"border-border bg-muted flex items-center border font-medium [&_svg]:pointer-events-none\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"gap-2 rounded-md px-3 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      md: \"gap-2 rounded-md px-2.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      sm: \"gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"gap-2.5 rounded-md px-4 text-base [&_svg:not([class*='size-'])]:size-5\",\n      xs: \"gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n    },\n  },\n});\n\ntype ButtonGroupTextVariantProps = Omit<\n  VariantProps<typeof buttonGroupTextVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type ButtonGroupTextProps = useRender.ComponentProps<\"div\"> &\n  ButtonGroupTextVariantProps;\n\nconst ButtonGroupText = ({\n  className,\n  render,\n  size,\n  ...props\n}: ButtonGroupTextProps) => {\n  const { size: groupSize } = useContext(ButtonGroupSizeContext);\n  const resolvedSize = size ?? groupSize ?? \"md\";\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          buttonGroupTextVariants({ size: resolvedSize }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      size: resolvedSize,\n      slot: \"button-group-text\",\n    },\n  });\n};\n\nexport { ButtonGroupText };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { ButtonGroupSeparator } from \"./button-group-separator\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\nimport { ButtonGroupText } from \"./button-group-text\";\nexport type ButtonGroupProps = ComponentProps<\"div\"> &\n  VariantProps<typeof buttonGroupVariants> & {\n    size?: UISize;\n  };\n\nconst buttonGroupVariants = tv({\n  base: \"group/button-group *:focus-visible:z-raised flex w-fit items-stretch overflow-hidden *:focus-visible:relative has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n  variants: {\n    orientation: {\n      horizontal:\n        \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-[inherit]! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n      vertical:\n        \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-[inherit]! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n    },\n    size: {\n      lg: \"rounded-md has-[>[data-slot=button-group]]:gap-2\",\n      md: \"rounded-md has-[>[data-slot=button-group]]:gap-2\",\n      sm: \"rounded-[min(var(--radius-md),10px)] has-[>[data-slot=button-group]]:gap-1\",\n      xl: \"rounded-md has-[>[data-slot=button-group]]:gap-2.5\",\n      xs: \"rounded-[min(var(--radius-md),8px)] has-[>[data-slot=button-group]]:gap-1\",\n    },\n  },\n});\n\nconst ButtonGroup = ({\n  className,\n  orientation,\n  size: providedSize,\n  ...props\n}: ButtonGroupProps) => {\n  const resolvedOrientation = orientation ?? \"horizontal\";\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <ButtonGroupSizeContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          buttonGroupVariants({ orientation: resolvedOrientation, size }),\n          className\n        )}\n        data-orientation={resolvedOrientation}\n        data-size={size}\n        data-slot=\"button-group\"\n        {...props}\n      />\n    </ButtonGroupSizeContext.Provider>\n  );\n};\n\nButtonGroup.Separator = ButtonGroupSeparator;\nButtonGroup.Text = ButtonGroupText;\n\nexport {\n  ButtonGroup,\n  buttonGroupVariants,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n};\n\nexport type { ButtonGroupSeparatorProps } from \"./button-group-separator\";\nexport type { ButtonGroupTextProps } from \"./button-group-text\";\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAYF,MAAM,wBAAwB,EAC5B,WACA,cAAc,YACd,MACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,MAAM,cAAc,WAAW,uBAAuB;CAC9D,MAAM,eAAe,QAAQ,aAAa;AAE1C,QACE,oBAAC,WAAD;EACE,WAAW,GACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACG;EACb,GAAI;EACJ;;;;;AC7CN,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAYF,MAAM,mBAAmB,EACvB,WACA,QACA,MACA,GAAG,YACuB;CAC1B,MAAM,EAAE,MAAM,cAAc,WAAW,uBAAuB;CAC9D,MAAM,eAAe,QAAQ,aAAa;AAE1C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,wBAAwB,EAAE,MAAM,cAAc,CAAC,EAC/C,UACD,EACF,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN,MAAM;GACP;EACF,CAAC;;;;;AC3CJ,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,iBAAiB;EACf,aAAa;EACb,MAAM;EACP;CACD,UAAU;EACR,aAAa;GACX,YACE;GACF,UACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACF,CAAC;AAEF,MAAM,eAAe,EACnB,WACA,aACA,MAAM,cACN,GAAG,YACmB;CACtB,MAAM,sBAAsB,eAAe;CAC3C,MAAM,OAAO,iBAAiB,aAAa;CAC3C,MAAM,eAAe,eAAe,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAEtD,QACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAAC,OAAD;GACE,WAAW,GACT,oBAAoB;IAAE,aAAa;IAAqB;IAAM,CAAC,EAC/D,UACD;GACD,oBAAkB;GAClB,aAAW;GACX,aAAU;GACV,GAAI;GACJ;EAC8B;;AAItC,YAAY,YAAY;AACxB,YAAY,OAAO"}

package/dist/ui/button.d.ts

@@ -1,78 +1,2 @@
-import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as tailwind_variants0 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-import { Button as Button$1 } from "@base-ui/react/button";
-
-//#region src/ui/button/button.d.ts
-declare const buttonVariants: tailwind_variants0.TVReturnType<{
-  variant: {
-    default: string;
-    outline: string;
-    secondary: string;
-    ghost: string;
-    danger: string;
-    link: string;
-  };
-  size: {
-    md: string;
-    xs: string[];
-    sm: string[];
-    lg: string;
-    xl: string[];
-    icon: string;
-    "icon-xs": string;
-    "icon-sm": string;
-    "icon-lg": string;
-    "icon-xl": string;
-  };
-}, undefined, "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none active:scale-[0.98] motion-reduce:active:scale-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-  variant: {
-    default: string;
-    outline: string;
-    secondary: string;
-    ghost: string;
-    danger: string;
-    link: string;
-  };
-  size: {
-    md: string;
-    xs: string[];
-    sm: string[];
-    lg: string;
-    xl: string[];
-    icon: string;
-    "icon-xs": string;
-    "icon-sm": string;
-    "icon-lg": string;
-    "icon-xl": string;
-  };
-}, undefined, tailwind_variants0.TVReturnType<{
-  variant: {
-    default: string;
-    outline: string;
-    secondary: string;
-    ghost: string;
-    danger: string;
-    link: string;
-  };
-  size: {
-    md: string;
-    xs: string[];
-    sm: string[];
-    lg: string;
-    xl: string[];
-    icon: string;
-    "icon-xs": string;
-    "icon-sm": string;
-    "icon-lg": string;
-    "icon-xl": string;
-  };
-}, undefined, "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none active:scale-[0.98] motion-reduce:active:scale-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
-type ButtonProps = ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants> & {
-  isLoading?: boolean;
-};
-declare const Button: (incomingProps: ButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Button, ButtonProps, buttonVariants };
-//# sourceMappingURL=button.d.ts.map
+import { n as ButtonProps, r as buttonVariants, t as Button } from "../button-nAbTNrxA.js";
+export { Button, ButtonProps, buttonVariants };