@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/bullet-chart.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ComponentSize } from './size-context.js';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import * as React from "react";
+//#region src/bullet-chart.d.ts
 /**
  * A bullet chart — a compact linear gauge for KPI-vs-goal reporting where a full
  * bar chart would be excessive. It encodes three things on one horizontal track:
@@ -55,44 +55,48 @@ type BulletChartSize = ComponentSize;
 /** Measure-bar sentiment — `auto` derives it from `value` vs `target`. */
 type BulletChartStatus = "auto" | "success" | "warning";
 type BulletChartLayout = {
-    /** Thickness of the range-band track (the pill) in px. */
-    trackHeight: number;
-    /** Thickness of the centered measure bar in px. */
-    measureHeight: number;
-    /** Height of the target marker in px — taller than the bar, inside the track. */
-    markerHeight: number;
-    /** Target marker thickness in px. */
-    markerWidth: number;
-    /** Axis tick label class. */
-    tickClass: string;
+  /** Thickness of the range-band track (the pill) in px. */
+  trackHeight: number;
+  /** Thickness of the centered measure bar in px. */
+  measureHeight: number;
+  /** Height of the target marker in px — taller than the bar, inside the track. */
+  markerHeight: number;
+  /** Target marker thickness in px. */
+  markerWidth: number;
+  /** Axis tick label class. */
+  tickClass: string;
 };
 declare const BULLET_CHART_LAYOUT: Record<BulletChartSize, BulletChartLayout>;
 /**
- * Range-band shades, ordered poor → good. The base track is the lightest shade,
- * so the first (poorest) zone blends into it and each higher zone darkens —
- * giving the gauge its qualitative context without competing with the bar.
+ * Range-band shades, ordered poor → good, on the theme-aware neutral `line`
+ * tokens. The poorest zone (`line-subtle`) matches the card surface in both
+ * themes, so it blends into the track, and each higher zone steps toward
+ * `line-strong` — giving the gauge its qualitative context without competing
+ * with the bar. Using the semantic tokens (not raw `stone-200/300/400`) keeps
+ * the ramp correct on the dark surface, where the raw light grays would read as
+ * bright bands instead of recessive ones.
  */
-declare const BULLET_RANGE_PALETTE: readonly ["var(--color-stone-200)", "var(--color-stone-300)", "var(--color-stone-400)"];
+declare const BULLET_RANGE_PALETTE: readonly ["var(--color-line-subtle)", "var(--color-line)", "var(--color-line-strong)"];
 type BulletChartProps = Omit<React.ComponentProps<"div">, "children"> & {
-    /** The realized (actualized) value — drives the measure bar length. */
-    value: number;
-    /** The goal to beat — drives the target marker and the auto status colour. */
-    target: number;
-    /** Axis start. Default 0. */
-    min?: number;
-    /** Axis end. Default the largest of `value`, `target`, and the top range. */
-    max?: number;
-    /** Internal thresholds dividing [min, max] into qualitative zones, ascending. */
-    ranges?: number[];
-    /** Axis tick values. Default `[min, midpoint, max]`. Pass `[]` to hide. */
-    ticks?: number[];
-    /** Measure-bar sentiment. Default `auto` (success when `value >= target`). */
-    status?: BulletChartStatus;
-    /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
-    size?: BulletChartSize;
-    /** Format the tick labels (and the aria summary). Default grouped integer. */
-    valueFormatter?: (value: number) => string;
+  /** The realized (actualized) value — drives the measure bar length. */
+  value: number;
+  /** The goal to beat — drives the target marker and the auto status colour. */
+  target: number;
+  /** Axis start. Default 0. */
+  min?: number;
+  /** Axis end. Default the largest of `value`, `target`, and the top range. */
+  max?: number;
+  /** Internal thresholds dividing [min, max] into qualitative zones, ascending. */
+  ranges?: number[];
+  /** Axis tick values. Default `[min, midpoint, max]`. Pass `[]` to hide. */
+  ticks?: number[];
+  /** Measure-bar sentiment. Default `auto` (success when `value >= target`). */
+  status?: BulletChartStatus;
+  /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
+  size?: BulletChartSize;
+  /** Format the tick labels (and the aria summary). Default grouped integer. */
+  valueFormatter?: (value: number) => string;
 };
 declare function BulletChart({ value, target, min, max, ranges, ticks, status, size, valueFormatter, className, ...props }: BulletChartProps): React.JSX.Element;
-
-export { BULLET_CHART_LAYOUT, BULLET_RANGE_PALETTE, BulletChart, type BulletChartLayout, type BulletChartProps, type BulletChartSize, type BulletChartStatus };
+//#endregion
+export { BULLET_CHART_LAYOUT, BULLET_RANGE_PALETTE, BulletChart, type BulletChartLayout, type BulletChartProps, type BulletChartSize, type BulletChartStatus };

package/dist/bullet-chart.js

@@ -1,156 +1,133 @@
 "use client";
-import {
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/bullet-chart.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-var BULLET_CHART_LAYOUT = {
-  sm: {
-    trackHeight: 26,
-    measureHeight: 11,
-    markerHeight: 20,
-    markerWidth: 3,
-    tickClass: "text-gdt-xs"
-  },
-  md: {
-    trackHeight: 34,
-    measureHeight: 15,
-    markerHeight: 26,
-    markerWidth: 4,
-    tickClass: "text-gdt-sm"
-  },
-  lg: {
-    trackHeight: 44,
-    measureHeight: 19,
-    markerHeight: 34,
-    markerWidth: 5,
-    tickClass: "text-gdt-sm"
-  }
+//#region src/bullet-chart.tsx
+const BULLET_CHART_LAYOUT = {
+	sm: {
+		trackHeight: 26,
+		measureHeight: 11,
+		markerHeight: 20,
+		markerWidth: 3,
+		tickClass: "text-gdt-xs"
+	},
+	md: {
+		trackHeight: 34,
+		measureHeight: 15,
+		markerHeight: 26,
+		markerWidth: 4,
+		tickClass: "text-gdt-sm"
+	},
+	lg: {
+		trackHeight: 44,
+		measureHeight: 19,
+		markerHeight: 34,
+		markerWidth: 5,
+		tickClass: "text-gdt-sm"
+	}
 };
-var BULLET_RANGE_PALETTE = [
-  "var(--color-stone-200)",
-  "var(--color-stone-300)",
-  "var(--color-stone-400)"
+/**
+* Range-band shades, ordered poor → good, on the theme-aware neutral `line`
+* tokens. The poorest zone (`line-subtle`) matches the card surface in both
+* themes, so it blends into the track, and each higher zone steps toward
+* `line-strong` — giving the gauge its qualitative context without competing
+* with the bar. Using the semantic tokens (not raw `stone-200/300/400`) keeps
+* the ramp correct on the dark surface, where the raw light grays would read as
+* bright bands instead of recessive ones.
+*/
+const BULLET_RANGE_PALETTE = [
+	"var(--color-line-subtle)",
+	"var(--color-line)",
+	"var(--color-line-strong)"
 ];
-var STATUS_COLOR = {
-  success: "var(--color-status-success)",
-  warning: "var(--color-status-warning)"
+const STATUS_COLOR = {
+	success: "var(--color-status-success)",
+	warning: "var(--color-status-warning)"
 };
+/** Clamp a value into [min, max] and express it as a 0–100 track percentage. */
 function toPercent(value, min, max) {
-  if (max <= min) return 0;
-  const ratio = (value - min) / (max - min);
-  return Math.min(Math.max(ratio, 0), 1) * 100;
+	if (max <= min) return 0;
+	const ratio = (value - min) / (max - min);
+	return Math.min(Math.max(ratio, 0), 1) * 100;
 }
-function BulletChart({
-  value,
-  target,
-  min = 0,
-  max,
-  ranges,
-  ticks,
-  status = "auto",
-  size,
-  valueFormatter = (v) => v.toLocaleString("en-NG"),
-  className,
-  ...props
-}) {
-  const layout = BULLET_CHART_LAYOUT[useComponentSize(size)];
-  const topRange = ranges?.length ? Math.max(...ranges) : 0;
-  const resolvedMax = max ?? (Math.max(value, target, topRange) || 1);
-  const resolvedTicks = ticks ?? [min, (min + resolvedMax) / 2, resolvedMax];
-  const resolvedStatus = status === "auto" ? value >= target ? "success" : "warning" : status;
-  const measureColor = STATUS_COLOR[resolvedStatus];
-  const thresholds = [
-    min,
-    ...(ranges ?? []).filter((r) => r > min && r < resolvedMax).sort((a, b) => a - b),
-    resolvedMax
-  ];
-  const zones = thresholds.slice(0, -1).map((from, i) => ({
-    from,
-    to: thresholds[i + 1],
-    color: BULLET_RANGE_PALETTE[Math.min(i, BULLET_RANGE_PALETTE.length - 1)]
-  }));
-  const ariaLabel = props["aria-label"] ?? `${valueFormatter(value)} of ${valueFormatter(target)} target \u2014 ${resolvedStatus === "success" ? "on track" : "behind"}`;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...props,
-      role: "img",
-      "aria-label": ariaLabel,
-      className: cn("flex w-full flex-col gap-2", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative w-full", style: { height: layout.trackHeight }, children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute inset-0 overflow-hidden rounded-full",
-              style: { backgroundColor: BULLET_RANGE_PALETTE[0] },
-              children: zones.map((zone) => /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "absolute inset-y-0",
-                  style: {
-                    left: `${toPercent(zone.from, min, resolvedMax)}%`,
-                    width: `${toPercent(zone.to, min, resolvedMax) - toPercent(zone.from, min, resolvedMax)}%`,
-                    backgroundColor: zone.color
-                  }
-                },
-                zone.from
-              ))
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute left-0 top-1/2 rounded-full",
-              style: {
-                height: layout.measureHeight,
-                width: `${toPercent(value, min, resolvedMax)}%`,
-                backgroundColor: measureColor,
-                transform: "translateY(-50%)"
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute top-1/2 rounded-full bg-fg-primary",
-              style: {
-                height: layout.markerHeight,
-                width: layout.markerWidth,
-                left: `${toPercent(target, min, resolvedMax)}%`,
-                transform: "translate(-50%, -50%)"
-              }
-            }
-          )
-        ] }),
-        resolvedTicks.length > 0 && /* @__PURE__ */ jsx("div", { className: "relative h-4 w-full", children: resolvedTicks.map((tick) => {
-          const pct = toPercent(tick, min, resolvedMax);
-          const transform = pct <= 0 ? "translateX(0)" : pct >= 100 ? "translateX(-100%)" : "translateX(-50%)";
-          return /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "absolute top-0 whitespace-nowrap tabular-nums text-fg-caption-placeholder",
-                layout.tickClass
-              ),
-              style: { left: `${pct}%`, transform },
-              children: valueFormatter(tick)
-            },
-            tick
-          );
-        }) })
-      ]
-    }
-  );
+function BulletChart({ value, target, min = 0, max, ranges, ticks, status = "auto", size, valueFormatter = (v) => v.toLocaleString("en-NG"), className, ...props }) {
+	const layout = BULLET_CHART_LAYOUT[useComponentSize(size)];
+	const topRange = ranges?.length ? Math.max(...ranges) : 0;
+	const resolvedMax = max ?? (Math.max(value, target, topRange) || 1);
+	const resolvedTicks = ticks ?? [
+		min,
+		(min + resolvedMax) / 2,
+		resolvedMax
+	];
+	const resolvedStatus = status === "auto" ? value >= target ? "success" : "warning" : status;
+	const measureColor = STATUS_COLOR[resolvedStatus];
+	const thresholds = [
+		min,
+		...(ranges ?? []).filter((r) => r > min && r < resolvedMax).sort((a, b) => a - b),
+		resolvedMax
+	];
+	const zones = thresholds.slice(0, -1).map((from, i) => ({
+		from,
+		to: thresholds[i + 1],
+		color: BULLET_RANGE_PALETTE[Math.min(i, BULLET_RANGE_PALETTE.length - 1)]
+	}));
+	const ariaLabel = props["aria-label"] ?? `${valueFormatter(value)} of ${valueFormatter(target)} target — ${resolvedStatus === "success" ? "on track" : "behind"}`;
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		role: "img",
+		"aria-label": ariaLabel,
+		className: cn("flex w-full flex-col gap-2", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative w-full",
+			style: { height: layout.trackHeight },
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute inset-0 overflow-hidden rounded-full",
+					style: { backgroundColor: BULLET_RANGE_PALETTE[0] },
+					children: zones.map((zone) => /* @__PURE__ */ jsx("div", {
+						className: "absolute inset-y-0",
+						style: {
+							left: `${toPercent(zone.from, min, resolvedMax)}%`,
+							width: `${toPercent(zone.to, min, resolvedMax) - toPercent(zone.from, min, resolvedMax)}%`,
+							backgroundColor: zone.color
+						}
+					}, zone.from))
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute left-0 top-1/2 rounded-full",
+					style: {
+						height: layout.measureHeight,
+						width: `${toPercent(value, min, resolvedMax)}%`,
+						backgroundColor: measureColor,
+						transform: "translateY(-50%)"
+					}
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute top-1/2 rounded-full bg-fg-primary",
+					style: {
+						height: layout.markerHeight,
+						width: layout.markerWidth,
+						left: `${toPercent(target, min, resolvedMax)}%`,
+						transform: "translate(-50%, -50%)"
+					}
+				})
+			]
+		}), resolvedTicks.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "relative h-4 w-full",
+			children: resolvedTicks.map((tick) => {
+				const pct = toPercent(tick, min, resolvedMax);
+				const transform = pct <= 0 ? "translateX(0)" : pct >= 100 ? "translateX(-100%)" : "translateX(-50%)";
+				return /* @__PURE__ */ jsx("span", {
+					className: cn("absolute top-0 whitespace-nowrap tabular-nums text-fg-caption-placeholder", layout.tickClass),
+					style: {
+						left: `${pct}%`,
+						transform
+					},
+					children: valueFormatter(tick)
+				}, tick);
+			})
+		})]
+	});
 }
-export {
-  BULLET_CHART_LAYOUT,
-  BULLET_RANGE_PALETTE,
-  BulletChart
-};
-//# sourceMappingURL=bullet-chart.js.map
+//#endregion
+export { BULLET_CHART_LAYOUT, BULLET_RANGE_PALETTE, BulletChart };

package/dist/button-BZIeyUw6.d.ts

@@ -0,0 +1,17 @@
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+import { Button } from "@base-ui/react/button";
+//#region src/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "danger" | "ghost" | "glass-overlay" | "link-brand" | "link-neutral" | "primary" | "primary-outline" | "secondary" | "secondary-outline" | "tertiary" | "tertiary-outline" | "whatsapp" | null | undefined;
+  size?: "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "md" | "sm" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button$1({ className, variant, size, isLoading, children, disabled, ...props }: Button.Props & VariantProps<typeof buttonVariants> & {
+  isLoading?: boolean;
+}): import("react").JSX.Element;
+type ButtonLinkProps = useRender.ComponentProps<"a"> & VariantProps<typeof buttonVariants> & {
+  disabled?: boolean;
+};
+declare function ButtonLink({ className, render, variant, size, disabled, onClick, children, ...props }: ButtonLinkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { ButtonLink as n, buttonVariants as r, Button$1 as t };

package/dist/button-group.d.ts

@@ -1,18 +1,15 @@
-import * as React$1 from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-import { Separator } from './separator.js';
-import { ComponentSize } from './size-context.js';
-import '@base-ui/react/separator';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { Separator } from "./separator.js";
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+//#region src/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants> & {
-    size?: ComponentSize;
-}): React$1.JSX.Element;
-declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
-
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+  size?: ComponentSize;
+}): import("react").JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/button-group.js

@@ -1,94 +1,45 @@
-import {
-  Separator
-} from "./chunk-CHII2QHH.js";
-import {
-  SizeProvider,
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/button-group.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { Separator } from "./separator.js";
+import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var buttonGroupVariants = cva(
-  "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-lg [&>[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-full! [&>[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-full! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}) {
-  const size = useComponentSize();
-  return /* @__PURE__ */ jsx(SizeProvider, { size, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": orientation,
-      className: cn(buttonGroupVariants({ orientation }), className),
-      ...props
-    }
-  ) });
+//#region src/button-group.tsx
+const buttonGroupVariants = cva("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-lg [&>[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-full! [&>[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-full! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: useComponentSize(),
+		children: /* @__PURE__ */ jsx("div", {
+			role: "group",
+			"data-slot": "button-group",
+			"data-orientation": orientation,
+			className: cn(buttonGroupVariants({ orientation }), className),
+			...props
+		})
+	});
 }
-function ButtonGroupText({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex items-center gap-2 rounded-lg 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"
-    }
-  });
+function ButtonGroupText({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex items-center gap-2 rounded-lg 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" }
+	});
 }
-function ButtonGroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      "data-slot": "button-group-separator",
-      orientation,
-      className: cn(
-        "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
-        className
-      ),
-      ...props
-    }
-  );
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className),
+		...props
+	});
 }
-export {
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  buttonGroupVariants
-};
-//# sourceMappingURL=button-group.js.map
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/button.d.ts

@@ -1,19 +1,2 @@
-import * as React from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { Button as Button$1 } from '@base-ui/react/button';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-
-declare const buttonVariants: (props?: ({
-    variant?: "danger" | "secondary" | "primary" | "primary-outline" | "secondary-outline" | "tertiary" | "tertiary-outline" | "ghost" | "whatsapp" | "glass-overlay" | "link-brand" | "link-neutral" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, isLoading, children, disabled, ...props }: Button$1.Props & VariantProps<typeof buttonVariants> & {
-    isLoading?: boolean;
-}): React.JSX.Element;
-type ButtonLinkProps = useRender.ComponentProps<"a"> & VariantProps<typeof buttonVariants> & {
-    disabled?: boolean;
-};
-declare function ButtonLink({ className, render, variant, size, disabled, onClick, children, ...props }: ButtonLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { Button, ButtonLink, buttonVariants };
+import { n as ButtonLink, r as buttonVariants, t as Button } from "./button-BZIeyUw6.js";
+export { Button, ButtonLink, buttonVariants };