@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/breadcrumb/breadcrumb.d.ts

@@ -1,12 +1,12 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-import { useRender } from '@base-ui/react/use-render';
-declare const Breadcrumb: ForwardRefExoticComponent<ComponentProps<'nav'> & RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: ForwardRefExoticComponent<ComponentProps<'ol'> & RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: ForwardRefExoticComponent<ComponentProps<'li'> & RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: ForwardRefExoticComponent<Omit<useRender.ComponentProps<'a'>, 'ref'> & RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbPageButton: ForwardRefExoticComponent<ComponentProps<'button'> & RefAttributes<HTMLButtonElement>>;
-declare const BreadcrumbEllipsisButton: ForwardRefExoticComponent<ComponentProps<'button'> & RefAttributes<HTMLButtonElement>>;
-declare const BreadcrumbSeparator: ForwardRefExoticComponent<ComponentProps<'li'> & RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbEllipsis: ForwardRefExoticComponent<ComponentProps<'li'> & RefAttributes<HTMLLIElement>>;
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbPageButton, BreadcrumbEllipsisButton, BreadcrumbSeparator, BreadcrumbEllipsis, };
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+import { useRender } from "@base-ui/react/use-render";
+declare const Breadcrumb: ForwardRefExoticComponent<ComponentProps<"nav"> & RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: ForwardRefExoticComponent<ComponentProps<"ol"> & RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: ForwardRefExoticComponent<ComponentProps<"li"> & RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: ForwardRefExoticComponent<Omit<useRender.ComponentProps<"a">, "ref"> & RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: ForwardRefExoticComponent<ComponentProps<"span"> & RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbPageButton: ForwardRefExoticComponent<ComponentProps<"button"> & RefAttributes<HTMLButtonElement>>;
+declare const BreadcrumbEllipsisButton: ForwardRefExoticComponent<ComponentProps<"button"> & RefAttributes<HTMLButtonElement>>;
+declare const BreadcrumbSeparator: ForwardRefExoticComponent<ComponentProps<"li"> & RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbEllipsis: ForwardRefExoticComponent<ComponentProps<"li"> & RefAttributes<HTMLLIElement>>;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbPageButton, BreadcrumbEllipsisButton, BreadcrumbSeparator, BreadcrumbEllipsis };

package/dist/components/ui/core/breadcrumb/breadcrumb.js

@@ -1,105 +1,140 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { IconDots as n, IconSlash as r } from "@tabler/icons-react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { mergeProps as s } from "@base-ui/react/merge-props";
-import { useRender as c } from "@base-ui/react/use-render";
-//#region libs/aura/src/components/ui/core/breadcrumb/breadcrumb.tsx
-var l = t(({ ...e }, t) => /* @__PURE__ */ a("nav", {
-	ref: t,
-	"aria-label": "breadcrumb",
-	"data-slot": "breadcrumb",
-	...e
-}));
-l.displayName = "Breadcrumb";
-var u = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("ol", {
-	ref: r,
-	"data-slot": "breadcrumb-list",
-	className: e("flex items-center text-sm tracking-tight flex-wrap wrap-break-word", t),
-	...n
-}));
-u.displayName = "BreadcrumbList";
-var d = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("li", {
-	ref: r,
-	"data-slot": "breadcrumb-item",
-	className: e("inline-flex items-center text-muted-foreground text-sm tracking-tight", "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm", t),
-	...n
-}));
-d.displayName = "BreadcrumbItem";
-var f = t(({ className: t, render: n, children: r, ...i }, a) => c({
-	defaultTagName: "a",
-	ref: a,
-	props: s({
-		"data-slot": "breadcrumb-link",
-		className: e("inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1", "text-muted-foreground text-sm leading-[18px] tracking-tight font-normal", "transition-colors hover:bg-accent-background hover:text-foreground", "aria-[current=page]:font-medium aria-[current=page]:text-foreground", t)
-	}, {
-		...i,
-		children: r
-	}),
-	render: n,
-	state: { slot: "breadcrumb-link" }
-}));
-f.displayName = "BreadcrumbLink";
-var p = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("span", {
-	ref: r,
-	"data-slot": "breadcrumb-page",
-	role: "link",
-	"aria-disabled": "true",
-	"aria-current": "page",
-	tabIndex: -1,
-	className: e("inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1", "cursor-default hover:bg-transparent dark:hover:bg-transparent", "text-sm leading-[18px] tracking-tight font-medium text-foreground", t),
-	...n
-}));
-p.displayName = "BreadcrumbPage";
-var m = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("button", {
-	ref: r,
-	"data-slot": "breadcrumb-page-button",
-	type: "button",
-	"aria-current": "page",
-	className: e("inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1", "text-sm leading-[18px] tracking-tight font-medium text-foreground", "transition-colors hover:bg-accent-background", t),
-	...n
-}));
-m.displayName = "BreadcrumbPageButton";
-var h = t(({ className: t, children: r, ...s }, c) => /* @__PURE__ */ a("button", {
-	ref: c,
-	"data-slot": "breadcrumb-ellipsis-button",
-	type: "button",
-	className: e("flex size-7 items-center justify-center rounded-md", "text-muted-foreground transition-colors hover:bg-accent-background hover:text-foreground", "data-[popup-open]:bg-accent-background data-[popup-open]:text-foreground", t),
-	...s,
-	children: r ?? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, { className: "size-3" }), /* @__PURE__ */ a("span", {
-		className: "sr-only",
-		children: "More"
-	})] })
-}));
-h.displayName = "BreadcrumbEllipsisButton";
-var g = t(({ children: t, className: n, ...i }, o) => /* @__PURE__ */ a("li", {
-	ref: o,
-	"data-slot": "breadcrumb-separator",
-	role: "presentation",
-	"aria-hidden": "true",
-	className: e("flex size-4 items-center justify-center [&>svg]:size-4", n),
-	...i,
-	children: t ?? /* @__PURE__ */ a(r, { className: "size-4 text-muted-foreground" })
-}));
-g.displayName = "BreadcrumbSeparator";
-var _ = t(({ children: t, className: r, ...i }, s) => {
-	let c = t != null;
-	return /* @__PURE__ */ a("li", {
-		ref: s,
-		"data-slot": "breadcrumb-ellipsis",
-		role: c ? void 0 : "presentation",
-		"aria-hidden": !c || void 0,
-		className: e("inline-flex items-center", "has-[button[data-popup-open]]:bg-accent-background has-[button[data-popup-open]]:text-foreground has-[button[data-popup-open]]:rounded-sm", r),
-		...i,
-		children: t ?? /* @__PURE__ */ o("span", {
-			className: e("flex size-7 items-center justify-center rounded-md", "cursor-default text-muted-foreground hover:bg-transparent dark:hover:bg-transparent"),
-			children: [/* @__PURE__ */ a(n, { className: "size-3" }), /* @__PURE__ */ a("span", {
-				className: "sr-only",
-				children: "More"
-			})]
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { IconDots, IconSlash } from "@tabler/icons-react";
+import { cn } from "../../../../lib/utils.js";
+const Breadcrumb = /*#__PURE__*/ forwardRef(({ ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("nav", {
+        ref: ref,
+        "aria-label": "breadcrumb",
+        "data-slot": "breadcrumb",
+        ...props
+    });
 });
-_.displayName = "BreadcrumbEllipsis";
-//#endregion
-export { l as Breadcrumb, _ as BreadcrumbEllipsis, h as BreadcrumbEllipsisButton, d as BreadcrumbItem, f as BreadcrumbLink, u as BreadcrumbList, p as BreadcrumbPage, m as BreadcrumbPageButton, g as BreadcrumbSeparator };
+Breadcrumb.displayName = 'Breadcrumb';
+const BreadcrumbList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("ol", {
+        ref: ref,
+        "data-slot": "breadcrumb-list",
+        className: cn('flex items-center text-sm tracking-tight flex-wrap wrap-break-word', className),
+        ...props
+    });
+});
+BreadcrumbList.displayName = 'BreadcrumbList';
+const BreadcrumbItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("li", {
+        ref: ref,
+        "data-slot": "breadcrumb-item",
+        className: cn('inline-flex items-center text-muted-foreground text-sm tracking-tight', 'has-[button[data-popup-open]]:bg-base-background-hover has-[button[data-popup-open]]:text-base-foreground has-[button[data-popup-open]]:rounded-sm', className),
+        ...props
+    });
+});
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ className, render, children, ...props }, ref)=>{
+    const dataSlotProps = {
+        'data-slot': 'breadcrumb-link'
+    };
+    return useRender({
+        defaultTagName: 'a',
+        ref,
+        props: mergeProps({
+            ...dataSlotProps,
+            className: cn('inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1', 'text-muted-foreground text-sm leading-[18px] tracking-tight font-normal', 'transition-colors hover:bg-base-background-hover hover:text-base-foreground', 'aria-[current=page]:font-medium aria-[current=page]:text-base-foreground', className)
+        }, {
+            ...props,
+            children
+        }),
+        render,
+        state: {
+            slot: 'breadcrumb-link'
+        }
+    });
+});
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+const BreadcrumbPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "breadcrumb-page",
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        tabIndex: -1,
+        className: cn('inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1', 'cursor-default hover:bg-transparent dark:hover:bg-transparent', 'text-sm leading-[18px] tracking-tight font-medium text-base-foreground', className),
+        ...props
+    });
+});
+BreadcrumbPage.displayName = 'BreadcrumbPage';
+const BreadcrumbPageButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("button", {
+        ref: ref,
+        "data-slot": "breadcrumb-page-button",
+        type: "button",
+        "aria-current": "page",
+        className: cn('inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1', 'text-sm leading-[18px] tracking-tight font-medium text-base-foreground', 'transition-colors hover:bg-base-background-hover', className),
+        ...props
+    });
+});
+BreadcrumbPageButton.displayName = 'BreadcrumbPageButton';
+const BreadcrumbEllipsisButton = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("button", {
+        ref: ref,
+        "data-slot": "breadcrumb-ellipsis-button",
+        type: "button",
+        className: cn('flex size-7 items-center justify-center rounded-md', 'text-muted-foreground transition-colors hover:bg-base-background-hover hover:text-base-foreground', 'data-[popup-open]:bg-base-background-hover data-[popup-open]:text-base-foreground', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(IconDots, {
+                    className: "size-3"
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "sr-only",
+                    children: "More"
+                })
+            ]
+        })
+    });
+});
+BreadcrumbEllipsisButton.displayName = 'BreadcrumbEllipsisButton';
+const BreadcrumbSeparator = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("li", {
+        ref: ref,
+        "data-slot": "breadcrumb-separator",
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn('flex size-4 items-center justify-center [&>svg]:size-4', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsx(IconSlash, {
+            className: "size-4 text-muted-foreground"
+        })
+    });
+});
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+const BreadcrumbEllipsis = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+    const hasCustomContent = children != null;
+    return /*#__PURE__*/ _jsx("li", {
+        ref: ref,
+        "data-slot": "breadcrumb-ellipsis",
+        role: hasCustomContent ? undefined : 'presentation',
+        "aria-hidden": hasCustomContent ? undefined : true,
+        className: cn('inline-flex items-center', 'has-[button[data-popup-open]]:bg-base-background-hover has-[button[data-popup-open]]:text-base-foreground has-[button[data-popup-open]]:rounded-sm', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsxs("span", {
+            className: cn('flex size-7 items-center justify-center rounded-md', 'cursor-default text-muted-foreground hover:bg-transparent dark:hover:bg-transparent'),
+            children: [
+                /*#__PURE__*/ _jsx(IconDots, {
+                    className: "size-3"
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "sr-only",
+                    children: "More"
+                })
+            ]
+        })
+    });
+});
+BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbPageButton, BreadcrumbEllipsisButton, BreadcrumbSeparator, BreadcrumbEllipsis };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/ui/core/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from 'react';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { IconDots, IconSlash } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\n\nconst Breadcrumb: ForwardRefExoticComponent<\n  ComponentProps<'nav'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<'nav'>, ComponentProps<'nav'>>(\n  ({ ...props }, ref) => {\n    return (\n      <nav\n        ref={ref}\n        aria-label=\"breadcrumb\"\n        data-slot=\"breadcrumb\"\n        {...props}\n      />\n    );\n  }\n);\nBreadcrumb.displayName = 'Breadcrumb';\n\nconst BreadcrumbList: ForwardRefExoticComponent<\n  ComponentProps<'ol'> & RefAttributes<HTMLOListElement>\n> = forwardRef<ComponentRef<'ol'>, ComponentProps<'ol'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ol\n        ref={ref}\n        data-slot=\"breadcrumb-list\"\n        className={cn(\n          'flex items-center text-sm tracking-tight flex-wrap wrap-break-word',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nBreadcrumbList.displayName = 'BreadcrumbList';\n\nconst BreadcrumbItem: ForwardRefExoticComponent<\n  ComponentProps<'li'> & RefAttributes<HTMLLIElement>\n> = forwardRef<ComponentRef<'li'>, ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <li\n        ref={ref}\n        data-slot=\"breadcrumb-item\"\n        className={cn(\n          'inline-flex items-center text-muted-foreground text-sm tracking-tight',\n          'has-[button[data-popup-open]]:bg-base-background-hover has-[button[data-popup-open]]:text-base-foreground has-[button[data-popup-open]]:rounded-sm',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nconst BreadcrumbLink: ForwardRefExoticComponent<\n  Omit<useRender.ComponentProps<'a'>, 'ref'> & RefAttributes<HTMLAnchorElement>\n> = forwardRef<ComponentRef<'a'>, useRender.ComponentProps<'a'>>(\n  ({ className, render, children, ...props }, ref) => {\n    const dataSlotProps: Record<`data-${string}`, string> = {\n      'data-slot': 'breadcrumb-link',\n    };\n\n    return useRender({\n      defaultTagName: 'a',\n      ref,\n      props: mergeProps<'a'>(\n        {\n          ...dataSlotProps,\n          className: cn(\n            'inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1',\n            'text-muted-foreground text-sm leading-[18px] tracking-tight font-normal',\n            'transition-colors hover:bg-base-background-hover hover:text-base-foreground',\n            'aria-[current=page]:font-medium aria-[current=page]:text-base-foreground',\n            className\n          ),\n        },\n        { ...props, children }\n      ),\n      render,\n      state: {\n        slot: 'breadcrumb-link',\n      },\n    });\n  }\n);\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\nconst BreadcrumbPage: ForwardRefExoticComponent<\n  ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, ComponentPropsWithoutRef<'span'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"breadcrumb-page\"\n        role=\"link\"\n        aria-disabled=\"true\"\n        aria-current=\"page\"\n        tabIndex={-1}\n        className={cn(\n          'inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1',\n          'cursor-default hover:bg-transparent dark:hover:bg-transparent',\n          'text-sm leading-[18px] tracking-tight font-medium text-base-foreground',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\nconst BreadcrumbPageButton: ForwardRefExoticComponent<\n  ComponentProps<'button'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<ComponentRef<'button'>, ComponentProps<'button'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        data-slot=\"breadcrumb-page-button\"\n        type=\"button\"\n        aria-current=\"page\"\n        className={cn(\n          'inline-flex h-7 items-center justify-center gap-2 rounded-md px-[6px] py-1',\n          'text-sm leading-[18px] tracking-tight font-medium text-base-foreground',\n          'transition-colors hover:bg-base-background-hover',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nBreadcrumbPageButton.displayName = 'BreadcrumbPageButton';\n\nconst BreadcrumbEllipsisButton: ForwardRefExoticComponent<\n  ComponentProps<'button'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<ComponentRef<'button'>, ComponentProps<'button'>>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        data-slot=\"breadcrumb-ellipsis-button\"\n        type=\"button\"\n        className={cn(\n          'flex size-7 items-center justify-center rounded-md',\n          'text-muted-foreground transition-colors hover:bg-base-background-hover hover:text-base-foreground',\n          'data-[popup-open]:bg-base-background-hover data-[popup-open]:text-base-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <IconDots className=\"size-3\" />\n            <span className=\"sr-only\">More</span>\n          </>\n        )}\n      </button>\n    );\n  }\n);\nBreadcrumbEllipsisButton.displayName = 'BreadcrumbEllipsisButton';\n\nconst BreadcrumbSeparator: ForwardRefExoticComponent<\n  ComponentProps<'li'> & RefAttributes<HTMLLIElement>\n> = forwardRef<ComponentRef<'li'>, ComponentProps<'li'>>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <li\n        ref={ref}\n        data-slot=\"breadcrumb-separator\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        className={cn(\n          'flex size-4 items-center justify-center [&>svg]:size-4',\n          className\n        )}\n        {...props}\n      >\n        {children ?? <IconSlash className=\"size-4 text-muted-foreground\" />}\n      </li>\n    );\n  }\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\nconst BreadcrumbEllipsis: ForwardRefExoticComponent<\n  ComponentProps<'li'> & RefAttributes<HTMLLIElement>\n> = forwardRef<ComponentRef<'li'>, ComponentProps<'li'>>(\n  ({ children, className, ...props }, ref) => {\n    const hasCustomContent = children != null;\n\n    return (\n      <li\n        ref={ref}\n        data-slot=\"breadcrumb-ellipsis\"\n        role={hasCustomContent ? undefined : 'presentation'}\n        aria-hidden={hasCustomContent ? undefined : true}\n        className={cn(\n          'inline-flex items-center',\n          'has-[button[data-popup-open]]:bg-base-background-hover has-[button[data-popup-open]]:text-base-foreground has-[button[data-popup-open]]:rounded-sm',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <span\n            className={cn(\n              'flex size-7 items-center justify-center rounded-md',\n              'cursor-default text-muted-foreground hover:bg-transparent dark:hover:bg-transparent'\n            )}\n          >\n            <IconDots className=\"size-3\" />\n            <span className=\"sr-only\">More</span>\n          </span>\n        )}\n      </li>\n    );\n  }\n);\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbPageButton,\n  BreadcrumbEllipsisButton,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"names":["forwardRef","mergeProps","useRender","IconDots","IconSlash","cn","Breadcrumb","props","ref","nav","aria-label","data-slot","displayName","BreadcrumbList","className","ol","BreadcrumbItem","li","BreadcrumbLink","render","children","dataSlotProps","defaultTagName","state","slot","BreadcrumbPage","span","role","aria-disabled","aria-current","tabIndex","BreadcrumbPageButton","button","type","BreadcrumbEllipsisButton","BreadcrumbSeparator","aria-hidden","BreadcrumbEllipsis","hasCustomContent","undefined"],"mappings":"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"}

package/dist/components/ui/core/button/button.d.ts

@@ -1,12 +1,12 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { Button as ButtonPrimitive } from '@base-ui/react/button';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
+import { type ForwardRefExoticComponent, type RefAttributes } from "react";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
 export interface ButtonVariantProps {
-    variant?: 'default' | 'defaultOnDark' | 'secondary' | 'secondaryOnDark' | 'outline' | 'ghost' | 'ghostOnDark' | 'destructive' | null;
-    size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg' | null;
+	variant?: "default" | "defaultOnDark" | "secondary" | "secondaryOnDark" | "outline" | "ghost" | "ghostOnDark" | "destructive" | null;
+	size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
 }
 declare const buttonVariants: (props?: (ButtonVariantProps & ClassProp) | undefined) => string;
 type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>;
-declare const Button: ForwardRefExoticComponent<Omit<ButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const Button: ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & RefAttributes<HTMLElement>>;
 export { Button, buttonVariants };

package/dist/components/ui/core/button/button.gallery.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from "react";
+export declare function ButtonGallery(): ReactElement;

package/dist/components/ui/core/button/button.gallery.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBookmark, IconExternalLink, IconFilter, IconPlus, IconTrash } from "@tabler/icons-react";
+import { Badge } from "../badge/badge.js";
+import { Button } from "./button.js";
+export function ButtonGallery() {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-wrap items-center justify-center gap-3",
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                size: "icon-sm",
+                "aria-label": "Add",
+                children: /*#__PURE__*/ _jsx(IconPlus, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                size: "icon-sm",
+                variant: "secondary",
+                "aria-label": "Bookmark",
+                children: /*#__PURE__*/ _jsx(IconBookmark, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                size: "icon-sm",
+                variant: "destructive",
+                "aria-label": "Delete",
+                children: /*#__PURE__*/ _jsx(IconTrash, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Button, {
+                children: [
+                    /*#__PURE__*/ _jsx(IconPlus, {
+                        className: "size-4"
+                    }),
+                    "Add data"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Button, {
+                variant: "secondary",
+                children: [
+                    "Explore more",
+                    /*#__PURE__*/ _jsx(IconExternalLink, {
+                        className: "size-4"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Button, {
+                variant: "destructive",
+                children: [
+                    /*#__PURE__*/ _jsx(IconTrash, {
+                        className: "size-4"
+                    }),
+                    "Delete"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Button, {
+                variant: "outline",
+                children: [
+                    /*#__PURE__*/ _jsx(IconFilter, {
+                        className: "size-4"
+                    }),
+                    "Filters",
+                    /*#__PURE__*/ _jsx(Badge, {
+                        variant: "secondary",
+                        dot: true,
+                        children: "12"
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=button.gallery.js.map

package/dist/components/ui/core/button/button.gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/button/button.gallery.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport {\n  IconBookmark,\n  IconExternalLink,\n  IconFilter,\n  IconPlus,\n  IconTrash,\n} from '@tabler/icons-react';\n\nimport { Badge } from '../badge/badge';\n\nimport { Button } from './button';\n\nexport function ButtonGallery(): ReactElement {\n  return (\n    <div className=\"flex flex-wrap items-center justify-center gap-3\">\n      <Button size=\"icon-sm\" aria-label=\"Add\">\n        <IconPlus className=\"size-4\" />\n      </Button>\n      <Button size=\"icon-sm\" variant=\"secondary\" aria-label=\"Bookmark\">\n        <IconBookmark className=\"size-4\" />\n      </Button>\n      <Button size=\"icon-sm\" variant=\"destructive\" aria-label=\"Delete\">\n        <IconTrash className=\"size-4\" />\n      </Button>\n      <Button>\n        <IconPlus className=\"size-4\" />\n        Add data\n      </Button>\n      <Button variant=\"secondary\">\n        Explore more\n        <IconExternalLink className=\"size-4\" />\n      </Button>\n      <Button variant=\"destructive\">\n        <IconTrash className=\"size-4\" />\n        Delete\n      </Button>\n      <Button variant=\"outline\">\n        <IconFilter className=\"size-4\" />\n        Filters\n        <Badge variant=\"secondary\" dot>\n          12\n        </Badge>\n      </Button>\n    </div>\n  );\n}\n"],"names":["IconBookmark","IconExternalLink","IconFilter","IconPlus","IconTrash","Badge","Button","ButtonGallery","div","className","size","aria-label","variant","dot"],"mappings":";AAEA,SACEA,YAAY,EACZC,gBAAgB,EAChBC,UAAU,EACVC,QAAQ,EACRC,SAAS,QACJ,sBAAsB;AAE7B,SAASC,KAAK,QAAQ,oBAAiB;AAEvC,SAASC,MAAM,QAAQ,cAAW;AAElC,OAAO,SAASC;IACd,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACH;gBAAOI,MAAK;gBAAUC,cAAW;0BAChC,cAAA,KAACR;oBAASM,WAAU;;;0BAEtB,KAACH;gBAAOI,MAAK;gBAAUE,SAAQ;gBAAYD,cAAW;0BACpD,cAAA,KAACX;oBAAaS,WAAU;;;0BAE1B,KAACH;gBAAOI,MAAK;gBAAUE,SAAQ;gBAAcD,cAAW;0BACtD,cAAA,KAACP;oBAAUK,WAAU;;;0BAEvB,MAACH;;kCACC,KAACH;wBAASM,WAAU;;oBAAW;;;0BAGjC,MAACH;gBAAOM,SAAQ;;oBAAY;kCAE1B,KAACX;wBAAiBQ,WAAU;;;;0BAE9B,MAACH;gBAAOM,SAAQ;;kCACd,KAACR;wBAAUK,WAAU;;oBAAW;;;0BAGlC,MAACH;gBAAOM,SAAQ;;kCACd,KAACV;wBAAWO,WAAU;;oBAAW;kCAEjC,KAACJ;wBAAMO,SAAQ;wBAAYC,GAAG;kCAAC;;;;;;AAMvC"}

package/dist/components/ui/core/button/button.js

@@ -1,47 +1,57 @@
-import { cn as e, focusRing as t, focusRingDestructive as n } from "../../../../lib/utils.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import { Button as o } from "@base-ui/react/button";
-//#region libs/aura/src/components/ui/core/button/button.tsx
-var s = a(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm leading-4.5 tracking-normal font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 ${t} aria-invalid:focus-visible:shadow-focus-ring-destructive`, {
-	variants: {
-		variant: {
-			default: "bg-primary-background text-foreground-on-primary hover:bg-primary-background-hover",
-			defaultOnDark: "bg-primary-background-fixed-dark text-foreground-fixed-dark hover:bg-primary-background-fixed-dark-hover disabled:opacity-100 disabled:bg-disabled-background-fixed-dark disabled:text-disabled-foreground-fixed-dark",
-			secondary: "bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover",
-			secondaryOnDark: "bg-secondary-background-fixed-dark text-foreground-fixed-light hover:bg-secondary-background-fixed-dark-hover disabled:opacity-100 disabled:bg-disabled-background-fixed-dark disabled:text-disabled-foreground-fixed-dark",
-			outline: "border border-border-emphasized bg-background text-foreground hover:bg-accent-background disabled:border-transparent disabled:bg-disabled-background",
-			ghost: "hover:bg-accent-background",
-			ghostOnDark: "text-foreground-fixed-light hover:bg-secondary-background-fixed-dark disabled:opacity-100 disabled:text-disabled-foreground-fixed-dark",
-			destructive: `bg-destructive-background text-destructive-foreground-on-critical hover:bg-destructive-background-hover ${n}`
-		},
-		size: {
-			default: "h-9 px-3 has-[>svg]:px-3",
-			sm: "h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-2",
-			lg: "h-10 px-4 has-[>svg]:px-4",
-			icon: "size-9",
-			"icon-sm": "size-7",
-			"icon-lg": "size-10"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-}), c = r(({ className: t, variant: n, size: r, children: a, render: c, nativeButton: l, ...u }, d) => /* @__PURE__ */ i(o, {
-	ref: d,
-	"data-slot": "button",
-	render: c,
-	nativeButton: l ?? (!c && void 0),
-	className: e(s({
-		variant: n,
-		size: r,
-		className: t
-	})),
-	...u,
-	children: a
-}));
-c.displayName = "Button";
-//#endregion
-export { c as Button, s as buttonVariants };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { cn, focusRing, focusRingDestructive } from "../../../../lib/utils.js";
+const buttonSvgForeground = {
+    primary: "[&_svg:not([class*='text-'])]:text-primary-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled",
+    primaryOnDark: "[&_svg:not([class*='text-'])]:text-primary-foreground-fixed-dark disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled-fixed-dark",
+    secondary: "[&_svg:not([class*='text-'])]:text-secondary-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled",
+    secondaryOnDark: "[&_svg:not([class*='text-'])]:text-secondary-foreground-fixed-dark disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled-fixed-dark",
+    medium: "[&_svg:not([class*='text-'])]:text-medium-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled",
+    mediumOnDark: "[&_svg:not([class*='text-'])]:text-medium-foreground-fixed-dark disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled-fixed-dark",
+    destructive: "[&_svg:not([class*='text-'])]:text-destructive-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled"
+};
+const buttonVariants = cva(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm leading-4.5 tracking-normal font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-100 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 ${focusRing} aria-invalid:focus-visible:shadow-focus-ring-destructive`, {
+    variants: {
+        variant: {
+            default: cn('bg-primary-background text-primary-foreground hover:bg-primary-background-hover hover:text-primary-foreground', 'disabled:bg-base-background-disabled disabled:text-base-foreground-disabled', buttonSvgForeground.primary),
+            defaultOnDark: cn('bg-primary-background-fixed-dark text-primary-foreground-fixed-dark hover:bg-primary-background-hover-fixed-dark hover:text-primary-foreground-fixed-dark', 'disabled:bg-base-background-disabled-fixed-dark disabled:text-base-foreground-disabled-fixed-dark', buttonSvgForeground.primaryOnDark),
+            secondary: cn('bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover hover:text-secondary-foreground', 'disabled:bg-base-background-disabled disabled:text-base-foreground-disabled', buttonSvgForeground.secondary),
+            secondaryOnDark: cn('bg-secondary-background-fixed-dark text-secondary-foreground-fixed-dark hover:bg-secondary-background-hover-fixed-dark hover:text-secondary-foreground-fixed-dark', 'disabled:bg-base-background-disabled-fixed-dark disabled:text-base-foreground-disabled-fixed-dark', buttonSvgForeground.secondaryOnDark),
+            outline: cn('border border-border-emphasized text-medium-foreground hover:bg-base-background-hover hover:text-medium-foreground', 'disabled:border-disabled disabled:bg-transparent disabled:text-base-foreground-disabled', buttonSvgForeground.medium),
+            ghost: cn('text-medium-foreground hover:bg-base-background-hover hover:text-medium-foreground', 'disabled:bg-transparent disabled:text-base-foreground-disabled', buttonSvgForeground.medium),
+            ghostOnDark: cn('text-medium-foreground-fixed-dark hover:bg-base-background-hover-fixed-dark hover:text-medium-foreground-fixed-dark', 'disabled:bg-transparent disabled:text-base-foreground-disabled-fixed-dark', buttonSvgForeground.mediumOnDark),
+            destructive: cn('bg-destructive-background text-destructive-foreground hover:bg-destructive-background-hover hover:text-destructive-foreground', 'disabled:bg-base-background-disabled disabled:text-base-foreground-disabled', buttonSvgForeground.destructive, focusRingDestructive)
+        },
+        size: {
+            default: 'h-9 px-3 has-[>svg]:px-3',
+            sm: 'h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-2',
+            lg: 'h-10 px-4 has-[>svg]:px-4',
+            icon: 'size-9',
+            'icon-sm': 'size-7',
+            'icon-lg': 'size-10'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
+});
+const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, children, render, nativeButton, ...props }, ref)=>/*#__PURE__*/ _jsx(ButtonPrimitive, {
+        ref: ref,
+        "data-slot": "button",
+        render: render,
+        nativeButton: nativeButton ?? (render ? false : undefined),
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props,
+        children: children
+    }));
+Button.displayName = 'Button';
+export { Button, buttonVariants };
+
+//# sourceMappingURL=button.js.map

package/dist/components/ui/core/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/button/button.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentRef,\n  forwardRef,\n} from 'react';\n\nimport { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn, focusRing, focusRingDestructive } from '../../../../lib/utils';\n\nexport interface ButtonVariantProps {\n  variant?:\n    | 'default'\n    | 'defaultOnDark'\n    | 'secondary'\n    | 'secondaryOnDark'\n    | 'outline'\n    | 'ghost'\n    | 'ghostOnDark'\n    | 'destructive'\n    | null;\n  size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg' | null;\n}\n\nconst buttonSvgForeground = {\n  primary:\n    \"[&_svg:not([class*='text-'])]:text-primary-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled\",\n  primaryOnDark:\n    \"[&_svg:not([class*='text-'])]:text-primary-foreground-fixed-dark disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled-fixed-dark\",\n  secondary:\n    \"[&_svg:not([class*='text-'])]:text-secondary-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled\",\n  secondaryOnDark:\n    \"[&_svg:not([class*='text-'])]:text-secondary-foreground-fixed-dark disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled-fixed-dark\",\n  medium:\n    \"[&_svg:not([class*='text-'])]:text-medium-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled\",\n  mediumOnDark:\n    \"[&_svg:not([class*='text-'])]:text-medium-foreground-fixed-dark disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled-fixed-dark\",\n  destructive:\n    \"[&_svg:not([class*='text-'])]:text-destructive-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled\",\n} as const;\n\nconst buttonVariants: (\n  props?: (ButtonVariantProps & ClassProp) | undefined\n) => string = cva(\n  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm leading-4.5 tracking-normal font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-100 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 ${focusRing} aria-invalid:focus-visible:shadow-focus-ring-destructive`,\n  {\n    variants: {\n      variant: {\n        default: cn(\n          'bg-primary-background text-primary-foreground hover:bg-primary-background-hover hover:text-primary-foreground',\n          'disabled:bg-base-background-disabled disabled:text-base-foreground-disabled',\n          buttonSvgForeground.primary\n        ),\n        defaultOnDark: cn(\n          'bg-primary-background-fixed-dark text-primary-foreground-fixed-dark hover:bg-primary-background-hover-fixed-dark hover:text-primary-foreground-fixed-dark',\n          'disabled:bg-base-background-disabled-fixed-dark disabled:text-base-foreground-disabled-fixed-dark',\n          buttonSvgForeground.primaryOnDark\n        ),\n        secondary: cn(\n          'bg-secondary-background text-secondary-foreground hover:bg-secondary-background-hover hover:text-secondary-foreground',\n          'disabled:bg-base-background-disabled disabled:text-base-foreground-disabled',\n          buttonSvgForeground.secondary\n        ),\n        secondaryOnDark: cn(\n          'bg-secondary-background-fixed-dark text-secondary-foreground-fixed-dark hover:bg-secondary-background-hover-fixed-dark hover:text-secondary-foreground-fixed-dark',\n          'disabled:bg-base-background-disabled-fixed-dark disabled:text-base-foreground-disabled-fixed-dark',\n          buttonSvgForeground.secondaryOnDark\n        ),\n        outline: cn(\n          'border border-border-emphasized text-medium-foreground hover:bg-base-background-hover hover:text-medium-foreground',\n          'disabled:border-disabled disabled:bg-transparent disabled:text-base-foreground-disabled',\n          buttonSvgForeground.medium\n        ),\n        ghost: cn(\n          'text-medium-foreground hover:bg-base-background-hover hover:text-medium-foreground',\n          'disabled:bg-transparent disabled:text-base-foreground-disabled',\n          buttonSvgForeground.medium\n        ),\n        ghostOnDark: cn(\n          'text-medium-foreground-fixed-dark hover:bg-base-background-hover-fixed-dark hover:text-medium-foreground-fixed-dark',\n          'disabled:bg-transparent disabled:text-base-foreground-disabled-fixed-dark',\n          buttonSvgForeground.mediumOnDark\n        ),\n        destructive: cn(\n          'bg-destructive-background text-destructive-foreground hover:bg-destructive-background-hover hover:text-destructive-foreground',\n          'disabled:bg-base-background-disabled disabled:text-base-foreground-disabled',\n          buttonSvgForeground.destructive,\n          focusRingDestructive\n        ),\n      },\n      size: {\n        default: 'h-9 px-3 has-[>svg]:px-3',\n        sm: 'h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-2',\n        lg: 'h-10 px-4 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-sm': 'size-7',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\ntype ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>;\n\nconst Button: ForwardRefExoticComponent<\n  Omit<ButtonProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof ButtonPrimitive>, ButtonProps>(\n  (\n    { className, variant, size, children, render, nativeButton, ...props },\n    ref\n  ) => (\n    <ButtonPrimitive\n      ref={ref}\n      data-slot=\"button\"\n      render={render}\n      nativeButton={nativeButton ?? (render ? false : undefined)}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    >\n      {children}\n    </ButtonPrimitive>\n  )\n);\n\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["forwardRef","Button","ButtonPrimitive","cva","cn","focusRing","focusRingDestructive","buttonSvgForeground","primary","primaryOnDark","secondary","secondaryOnDark","medium","mediumOnDark","destructive","buttonVariants","variants","variant","default","defaultOnDark","outline","ghost","ghostOnDark","size","sm","lg","icon","defaultVariants","className","children","render","nativeButton","props","ref","data-slot","undefined","displayName"],"mappings":";AAAA,SAIEA,UAAU,QACL,QAAQ;AAEf,SAASC,UAAUC,eAAe,QAAQ,wBAAwB;AAClE,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SAASC,EAAE,EAAEC,SAAS,EAAEC,oBAAoB,QAAQ,2BAAwB;AAgB5E,MAAMC,sBAAsB;IAC1BC,SACE;IACFC,eACE;IACFC,WACE;IACFC,iBACE;IACFC,QACE;IACFC,cACE;IACFC,aACE;AACJ;AAEA,MAAMC,iBAEQZ,IACZ,CAAC,sSAAsS,EAAEE,UAAU,yDAAyD,CAAC,EAC7W;IACEW,UAAU;QACRC,SAAS;YACPC,SAASd,GACP,iHACA,+EACAG,oBAAoBC,OAAO;YAE7BW,eAAef,GACb,6JACA,qGACAG,oBAAoBE,aAAa;YAEnCC,WAAWN,GACT,yHACA,+EACAG,oBAAoBG,SAAS;YAE/BC,iBAAiBP,GACf,qKACA,qGACAG,oBAAoBI,eAAe;YAErCS,SAAShB,GACP,sHACA,2FACAG,oBAAoBK,MAAM;YAE5BS,OAAOjB,GACL,sFACA,kEACAG,oBAAoBK,MAAM;YAE5BU,aAAalB,GACX,uHACA,6EACAG,oBAAoBM,YAAY;YAElCC,aAAaV,GACX,iIACA,+EACAG,oBAAoBO,WAAW,EAC/BR;QAEJ;QACAiB,MAAM;YACJL,SAAS;YACTM,IAAI;YACJC,IAAI;YACJC,MAAM;YACN,WAAW;YACX,WAAW;QACb;IACF;IACAC,iBAAiB;QACfV,SAAS;QACTM,MAAM;IACR;AACF;AAKF,MAAMtB,uBAEFD,WACF,CACE,EAAE4B,SAAS,EAAEX,OAAO,EAAEM,IAAI,EAAEM,QAAQ,EAAEC,MAAM,EAAEC,YAAY,EAAE,GAAGC,OAAO,EACtEC,oBAEA,KAAC/B;QACC+B,KAAKA;QACLC,aAAU;QACVJ,QAAQA;QACRC,cAAcA,gBAAiBD,CAAAA,SAAS,QAAQK,SAAQ;QACxDP,WAAWxB,GAAGW,eAAe;YAAEE;YAASM;YAAMK;QAAU;QACvD,GAAGI,KAAK;kBAERH;;AAKP5B,OAAOmC,WAAW,GAAG;AAErB,SAASnC,MAAM,EAAEc,cAAc,GAAG"}

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

@@ -1,12 +1,12 @@
-import { ComponentProps, ReactNode } from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
-import { Separator } from '../separator/separator';
+import type { ComponentProps, ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
+import { Separator } from "../separator/separator";
 declare const buttonGroupVariants: (props?: ({
-    orientation?: 'horizontal' | 'vertical' | null | undefined;
+	orientation?: "horizontal" | "vertical" | null | undefined;
 } & ClassProp) | undefined) => string;
-declare function ButtonGroup({ className, orientation, ...props }: ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): ReactNode;
-declare function ButtonGroupText({ className, render, children, ...props }: useRender.ComponentProps<'div'>): ReactNode;
+declare function ButtonGroup({ className, orientation, ...props }: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): ReactNode;
+declare function ButtonGroupText({ className, render, children, ...props }: useRender.ComponentProps<"div">): ReactNode;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: ComponentProps<typeof Separator>): ReactNode;
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };