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

package/dist/badge.d.ts

@@ -0,0 +1,52 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/badge/badge.d.ts
+declare const badgeVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    link: string;
+    success: string[];
+    warning: string[];
+    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!", {
+  variant: {
+    default: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    link: string;
+    success: string[];
+    warning: string[];
+    info: string[];
+    danger: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    link: string;
+    success: string[];
+    warning: string[];
+    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>>;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -0,0 +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"}

package/dist/badge.js

@@ -0,0 +1,33 @@
+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
+	}
+});
+
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +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"}

package/dist/breadcrumb-separator-Bp5VXfQ8.js

@@ -0,0 +1,75 @@
+import { cn } 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-ellipsis.tsx
+const BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": "true",
+	className: cn("flex size-5 items-center justify-center [&>svg]:size-4", className),
+	"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 BreadcrumbItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", {
+	className: cn("inline-flex items-center gap-1", className),
+	"data-slot": "breadcrumb-item",
+	...props
+});
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-link.tsx
+const BreadcrumbLink = ({ className, render, ...props }) => useRender({
+	defaultTagName: "a",
+	props: mergeProps({ className: cn("cursor-pointer transition-colors hover:text-foreground", className) }, props),
+	render,
+	state: { slot: "breadcrumb-link" }
+});
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-list.tsx
+const BreadcrumbList = ({ className, ...props }) => /* @__PURE__ */ jsx("ol", {
+	className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className),
+	"data-slot": "breadcrumb-list",
+	...props
+});
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-page.tsx
+const BreadcrumbPage = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	"aria-current": "page",
+	"aria-disabled": "true",
+	className: cn("font-normal text-foreground", className),
+	"data-slot": "breadcrumb-page",
+	...props
+});
+
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-separator.tsx
+const BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx("li", {
+	"aria-hidden": "true",
+	className: cn("[&>svg]:size-3.5", className),
+	"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, BreadcrumbSeparator as t };
+//# sourceMappingURL=breadcrumb-separator-Bp5VXfQ8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator-Bp5VXfQ8.js","names":[],"sources":["../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 type { ComponentProps } from \"react\";\n\nimport { MoreHorizontalCircle01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: ComponentProps<\"span\">) => (\n  <span\n    aria-hidden=\"true\"\n    className={cn(\n      \"flex size-5 items-center justify-center [&>svg]:size-4\",\n      className\n    )}\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\nexport { BreadcrumbEllipsis };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst BreadcrumbItem = ({ className, ...props }: ComponentProps<\"li\">) => (\n  <li\n    className={cn(\"inline-flex items-center gap-1\", className)}\n    data-slot=\"breadcrumb-item\"\n    {...props}\n  />\n);\n\nexport { BreadcrumbItem };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nconst BreadcrumbLink = ({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"a\">) =>\n  useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\n          \"cursor-pointer transition-colors hover:text-foreground\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n    },\n  });\n\nexport { BreadcrumbLink };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst BreadcrumbList = ({ className, ...props }: ComponentProps<\"ol\">) => (\n  <ol\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    data-slot=\"breadcrumb-list\"\n    {...props}\n  />\n);\n\nexport { BreadcrumbList };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst BreadcrumbPage = ({ className, ...props }: ComponentProps<\"span\">) => (\n  <span\n    aria-current=\"page\"\n    aria-disabled=\"true\"\n    className={cn(\"font-normal text-foreground\", className)}\n    data-slot=\"breadcrumb-page\"\n    {...props}\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 } from \"tailwind-variants\";\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: ComponentProps<\"li\">) => (\n  <li\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:size-3.5\", className)}\n    data-slot=\"breadcrumb-separator\"\n    role=\"presentation\"\n    {...props}\n  >\n    {children ?? <HugeiconsIcon icon={ArrowRight01Icon} strokeWidth={2} />}\n  </li>\n);\n\nexport { BreadcrumbSeparator };\n"],"mappings":";;;;;;;;AAMA,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,qBAAC;CACC,eAAY;CACZ,WAAW,GACT,0DACA,UACD;CACD,aAAU;CACV,MAAK;CACL,GAAI;YAEJ,oBAAC;EAAc,MAAM;EAA4B,aAAa;GAAK,EACnE,oBAAC;EAAK,WAAU;YAAU;GAAW;EAChC;;;;AClBT,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,WAAW,GAAG,kCAAkC,UAAU;CAC1D,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,kBAAkB,EACtB,WACA,QACA,GAAG,YAEH,UAAU;CACR,gBAAgB;CAChB,OAAO,WACL,EACE,WAAW,GACT,0DACA,UACD,EACF,EACD,MACD;CACD;CACA,OAAO,EACL,MAAM,mBACP;CACF,CAAC;;;;ACpBJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,4FACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,gBAAa;CACb,iBAAc;CACd,WAAW,GAAG,+BAA+B,UAAU;CACvD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,uBAAuB,EAC3B,UACA,WACA,GAAG,YAEH,oBAAC;CACC,eAAY;CACZ,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,MAAK;CACL,GAAI;WAEH,YAAY,oBAAC;EAAc,MAAM;EAAkB,aAAa;GAAK;EACnE"}

package/dist/breadcrumb-separator-C6zfQJ5p.d.ts

@@ -0,0 +1,45 @@
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/breadcrumb/breadcrumb-ellipsis.d.ts
+declare const BreadcrumbEllipsis: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-item.d.ts
+declare const BreadcrumbItem: ({
+  className,
+  ...props
+}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-link.d.ts
+declare const BreadcrumbLink: ({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"a">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-list.d.ts
+declare const BreadcrumbList: ({
+  className,
+  ...props
+}: ComponentProps<"ol">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-page.d.ts
+declare const BreadcrumbPage: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/breadcrumb/breadcrumb-separator.d.ts
+declare const BreadcrumbSeparator: ({
+  children,
+  className,
+  ...props
+}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BreadcrumbItem as a, BreadcrumbLink as i, BreadcrumbPage as n, BreadcrumbEllipsis as o, BreadcrumbList as r, BreadcrumbSeparator as t };
+//# sourceMappingURL=breadcrumb-separator-C6zfQJ5p.d.ts.map

package/dist/breadcrumb-separator-C6zfQJ5p.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator-C6zfQJ5p.d.ts","names":[],"sources":["../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"],"mappings":";;;;;;cAMM,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,cAAA,aAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCLnB,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA/D,cAAA;EAAkB,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,GAIrB,SAAA,CAAU,cAAA,UAAmB,KAAA,CAAA,YAAA,mBAAL,KAAA,CAAK,qBAAA;;;cCJ1B,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA/D,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,aAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCEjE,mBAAA;EAAuB,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAI1B,cAAA,WAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/breadcrumb.d.ts

@@ -0,0 +1,42 @@
+import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, t as BreadcrumbSeparator } from "./breadcrumb-separator-C6zfQJ5p.js";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _base_ui_react0 from "@base-ui/react";
+
+//#region src/ui/breadcrumb/breadcrumb.d.ts
+declare const Breadcrumb: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+  Ellipsis: ({
+    className,
+    ...props
+  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  Link: ({
+    className,
+    render,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"a">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  List: ({
+    className,
+    ...props
+  }: ComponentProps<"ol">) => react_jsx_runtime0.JSX.Element;
+  Page: ({
+    className,
+    ...props
+  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    children,
+    className,
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../src/ui/breadcrumb/breadcrumb.tsx"],"mappings":";;;;;;;cAWM,UAAA;EAAA;;;KAAuC,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/breadcrumb.js

@@ -0,0 +1,21 @@
+import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, t as BreadcrumbSeparator } from "./breadcrumb-separator-Bp5VXfQ8.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/breadcrumb/breadcrumb.tsx
+const Breadcrumb = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
+	"aria-label": "breadcrumb",
+	className: cn(className),
+	"data-slot": "breadcrumb",
+	...props
+});
+Breadcrumb.Ellipsis = BreadcrumbEllipsis;
+Breadcrumb.Item = BreadcrumbItem;
+Breadcrumb.Link = BreadcrumbLink;
+Breadcrumb.List = BreadcrumbList;
+Breadcrumb.Page = BreadcrumbPage;
+Breadcrumb.Separator = BreadcrumbSeparator;
+
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../src/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\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\";\n\nconst Breadcrumb = ({ className, ...props }: ComponentProps<\"nav\">) => (\n  <nav\n    aria-label=\"breadcrumb\"\n    className={cn(className)}\n    data-slot=\"breadcrumb\"\n    {...props}\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"],"mappings":";;;;;AAWA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,cAAW;CACX,WAAW,GAAG,UAAU;CACxB,aAAU;CACV,GAAI;EACJ;AAGJ,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,YAAY"}

package/dist/button-group-text-bzlQC1Fa.js

@@ -0,0 +1,26 @@
+import { Separator } from "./separator.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/button-group/button-group-separator.tsx
+const ButtonGroupSeparator = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", className),
+	"data-slot": "button-group-separator",
+	orientation,
+	...props
+});
+
+//#endregion
+//#region src/ui/button-group/button-group-text.tsx
+const ButtonGroupText = ({ className, render, ...props }) => useRender({
+	defaultTagName: "div",
+	props: mergeProps({ className: cn("flex items-center gap-2 rounded-lg border border-border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className) }, props),
+	render,
+	state: { slot: "button-group-text" }
+});
+
+//#endregion
+export { ButtonGroupSeparator as n, ButtonGroupText as t };
+//# sourceMappingURL=button-group-text-bzlQC1Fa.js.map

package/dist/button-group-text-bzlQC1Fa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-text-bzlQC1Fa.js","names":[],"sources":["../src/ui/button-group/button-group-separator.tsx","../src/ui/button-group/button-group-text.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ComponentProps<typeof Separator>) => (\n  <Separator\n    className={cn(\n      \"relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto\",\n      className\n    )}\n    data-slot=\"button-group-separator\"\n    orientation={orientation}\n    {...props}\n  />\n);\n\nexport { ButtonGroupSeparator };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nconst ButtonGroupText = ({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex items-center gap-2 rounded-lg border border-border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n    },\n  });\n\nexport { ButtonGroupText };\n"],"mappings":";;;;;;;AAMA,MAAM,wBAAwB,EAC5B,WACA,cAAc,YACd,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,gLACA,UACD;CACD,aAAU;CACG;CACb,GAAI;EACJ;;;;ACfJ,MAAM,mBAAmB,EACvB,WACA,QACA,GAAG,YAEH,UAAU;CACR,gBAAgB;CAChB,OAAO,WACL,EACE,WAAW,GACT,gKACA,UACD,EACF,EACD,MACD;CACD;CACA,OAAO,EACL,MAAM,qBACP;CACF,CAAC"}

package/dist/button-group.d.ts

@@ -0,0 +1,92 @@
+import "./accordion-trigger-B51W3Rdg.js";
+import "./alert-title-W1oau4D6.js";
+import { ct as ButtonGroupText, lt as ButtonGroupSeparator } from "./use-sidebar-CYBPR0ue.js";
+import "./announcement-title-3cikJ44S.js";
+import "./autocomplete-value-DUN1Jprs.js";
+import "./avatar-image-DPunh5Hd.js";
+import "./breadcrumb-separator-C6zfQJ5p.js";
+import { SeparatorProps } from "./separator.js";
+import "./card-title-Dk0akcFR.js";
+import "./collapsible-trigger-DjL8pGgf.js";
+import "./use-combobox-anchor-DKwvfnFx.js";
+import "./dialog-trigger-B5HeOikl.js";
+import "./context-menu-trigger-DHPhlnvV.js";
+import "./drawer-viewport-DejmWgmc.js";
+import "./dropdown-menu-trigger-DEdnOFwc.js";
+import "./dropzone-context-DNiJThhB.js";
+import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+import "./empty-title-CcQlXOlP.js";
+import "./hover-card-trigger-CRzFaoL4.js";
+import "./input-otp-slot-B19cyjk_.js";
+import "./kbd-group-PUw0yaIv.js";
+import "./marquee-item-BCswidMf.js";
+import "./menubar-trigger-Gx-lmpr9.js";
+import "./meter-value-FRDEI8VE.js";
+import "./navigation-menu-trigger-ryYftbUl.js";
+import "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import "./pagination-previous-NpFopV3e.js";
+import "./pill-status-BS75xd9Z.js";
+import "./popover-trigger-C8pR26Xp.js";
+import "./progress-value-BGhNh_xb.js";
+import "./radio-group-item-DCXseC2o.js";
+import "./rating-star-CxVJUZmc.js";
+import "./resizable-panel-D4Brid-G.js";
+import "./scroll-bar-L-sXig2v.js";
+import "./select-value-D8pFrPKG.js";
+import "./sheet-trigger-B_N_tXmj.js";
+import "./tooltip-trigger-B43yfWhK.js";
+import "./table-row-BSEIkZEJ.js";
+import "./tabs-trigger-ChutNdGI.js";
+import "./use-timeline-Dcj9DR0I.js";
+import "./toggle-group-item-CrPxpOF5.js";
+import "./toolbar-separator-DbkRIfIA.js";
+import "./typography-ul-Dy8wQB_p.js";
+import "./index.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _base_ui_react0 from "@base-ui/react";
+
+//#region src/ui/button-group/button-group.d.ts
+declare const buttonGroupVariants: tailwind_variants0.TVReturnType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+}, undefined, "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
+declare const ButtonGroup: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    orientation,
+    ...props
+  }: ComponentProps<({
+    className,
+    orientation,
+    ...props
+  }: SeparatorProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Text: ({
+    className,
+    render,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"div">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","names":[],"sources":["../src/ui/button-group/button-group.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAOM,mBAAA,EAaJ,kBAAA,CAbuB,YAAA;;;;;;;;;;cAavB,kBAAA,CAAA,YAAA;;;;;;cAEI,WAAA;EAAA;;;;KAIH,cAAA,UAAwB,YAAA,QAAoB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/button-group.js

@@ -0,0 +1,25 @@
+import { n as ButtonGroupSeparator, t as ButtonGroupText } from "./button-group-text-bzlQC1Fa.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/button-group/button-group.tsx
+const buttonGroupVariants = tv({
+	base: "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+	variants: { orientation: {
+		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[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-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+const ButtonGroup = ({ className, orientation, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(buttonGroupVariants({ orientation }), className),
+	"data-orientation": orientation,
+	"data-slot": "button-group",
+	...props
+});
+ButtonGroup.Separator = ButtonGroupSeparator;
+ButtonGroup.Text = ButtonGroupText;
+
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.js.map

package/dist/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":[],"sources":["../src/ui/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { ButtonGroupSeparator } from \"./button-group-separator\";\nimport { ButtonGroupText } from \"./button-group-text\";\n\nconst buttonGroupVariants = tv({\n  base: \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[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-md! [&>[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-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst ButtonGroup = ({\n  className,\n  orientation,\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) => (\n  <div\n    className={cn(buttonGroupVariants({ orientation }), className)}\n    data-orientation={orientation}\n    data-slot=\"button-group\"\n    {...props}\n  />\n);\n\nButtonGroup.Separator = ButtonGroupSeparator;\nButtonGroup.Text = ButtonGroupText;\n\nexport {\n  ButtonGroup,\n  buttonGroupVariants,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n};\n"],"mappings":";;;;;AAOA,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC;AAEF,MAAM,eAAe,EACnB,WACA,aACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,oBAAoB,EAAE,aAAa,CAAC,EAAE,UAAU;CAC9D,oBAAkB;CAClB,aAAU;CACV,GAAI;EACJ;AAGJ,YAAY,YAAY;AACxB,YAAY,OAAO"}

package/dist/button.d.ts

@@ -0,0 +1,92 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+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: {
+    default: string;
+    xs: string;
+    sm: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    icon: string;
+    "icon-xs": string;
+    "icon-sm": string;
+    "icon-lg": string;
+    "icon-xl": string;
+    "icon-xxl": 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-all outline-none select-none 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: {
+    default: string;
+    xs: string;
+    sm: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    icon: string;
+    "icon-xs": string;
+    "icon-sm": string;
+    "icon-lg": string;
+    "icon-xl": string;
+    "icon-xxl": string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+    secondary: string;
+    ghost: string;
+    danger: string;
+    link: string;
+  };
+  size: {
+    default: string;
+    xs: string;
+    sm: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    icon: string;
+    "icon-xs": string;
+    "icon-sm": string;
+    "icon-lg": string;
+    "icon-xl": string;
+    "icon-xxl": 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-all outline-none select-none 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: ({
+  className,
+  variant,
+  size,
+  isLoading,
+  children,
+  disabled,
+  ...props
+}: ButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button, ButtonProps, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../src/ui/button/button.tsx"],"mappings":";;;;;;;cAOM,cAAA,EAqCJ,kBAAA,CArCkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqClB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,cAAA,QAAsB,QAAA,IAC9C,YAAA,QAAoB,cAAA;EAClB,SAAA;AAAA;AAAA,cAkCE,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAQb,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/button.js

@@ -0,0 +1,65 @@
+import { Spinner } from "./spinner.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button as Button$1 } from "@base-ui/react/button";
+
+//#region src/ui/button/button.tsx
+const buttonVariants = tv({
+	base: "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-all outline-none select-none 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",
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			danger: "bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger/40 focus-visible:ring-danger/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			xl: "h-11 gap-2 px-4 text-base has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5 [&_svg:not([class*='size-'])]:size-5",
+			xxl: "h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-6",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-10",
+			"icon-xl": "size-11 [&_svg:not([class*='size-'])]:size-5",
+			"icon-xxl": "size-14 [&_svg:not([class*='size-'])]:size-6"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const ButtonContent = ({ children, isLoading }) => /* @__PURE__ */ jsxs("span", {
+	className: "relative inline-flex items-center justify-center",
+	children: [/* @__PURE__ */ jsx("span", {
+		className: cn("inline-flex items-center justify-center gap-2 transition-all duration-200", isLoading ? "pointer-events-none -translate-y-full opacity-0" : "translate-y-0 opacity-100"),
+		children
+	}), /* @__PURE__ */ jsx("span", {
+		className: cn("absolute inset-0 inline-flex items-center justify-center transition-all duration-200", isLoading ? "translate-y-0 opacity-100" : "pointer-events-none -translate-y-full opacity-0"),
+		children: /* @__PURE__ */ jsx(Spinner, { className: "size-4" })
+	})]
+});
+const Button = ({ className, variant = "default", size = "default", isLoading, children, disabled, ...props }) => /* @__PURE__ */ jsx(Button$1, {
+	className: cn(buttonVariants({
+		variant,
+		size
+	}), className),
+	"data-loading": isLoading,
+	"data-slot": "button",
+	disabled: disabled || isLoading,
+	...props,
+	children: /* @__PURE__ */ jsx(ButtonContent, {
+		isLoading,
+		children
+	})
+});
+
+//#endregion
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map