@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/infotip.js

@@ -1,66 +1,40 @@
 "use client";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/infotip.tsx
-import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/infotip.tsx
 function Infotip({ ...props }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "infotip", ...props });
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "infotip",
+		...props
+	});
 }
 function InfotipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx(
-    PopoverPrimitive.Trigger,
-    {
-      nativeButton: false,
-      "data-slot": "infotip-trigger",
-      openOnHover: true,
-      delay: 100,
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		nativeButton: false,
+		"data-slot": "infotip-trigger",
+		openOnHover: true,
+		delay: 100,
+		...props
+	});
 }
-function InfotipContent({
-  className,
-  container,
-  side = "top",
-  sideOffset = 6,
-  align = "center",
-  alignOffset = 0,
-  showArrow = true,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
-    PopoverPrimitive.Positioner,
-    {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs(
-        PopoverPrimitive.Popup,
-        {
-          "data-slot": "infotip-content",
-          className: cn(
-            "z-50 relative inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-[6px] border border-line bg-surface-overlay px-3 py-2 text-gdt-sm font-medium text-fg-primary shadow-2 duration-100 has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            showArrow ? /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "relative block w-3 h-1.5 overflow-clip data-[side=bottom]:top-[-6px] data-[side=left]:right-[-9px] data-[side=left]:rotate-90 data-[side=right]:left-[-9px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-6px] data-[side=top]:rotate-180 before:content-[''] before:absolute before:bottom-0 before:left-1/2 before:w-[calc(6px*sqrt(2))] before:h-[calc(6px*sqrt(2))] before:bg-surface-overlay before:border before:border-line before:[transform:translate(-50%,50%)_rotate(45deg)]" }) : null
-          ]
-        }
-      )
-    }
-  ) });
+function InfotipContent({ className, container, side = "top", sideOffset = 6, align = "center", alignOffset = 0, showArrow = true, children, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		container,
+		children: /* @__PURE__ */ jsx(Popover.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsxs(Popover.Popup, {
+				"data-slot": "infotip-content",
+				className: cn("z-50 relative inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-[6px] border border-line bg-surface-overlay px-3 py-2 text-gdt-sm font-medium text-fg-primary shadow-2 duration-100 has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+				...props,
+				children: [children, showArrow ? /* @__PURE__ */ jsx(Popover.Arrow, { className: "relative block w-3 h-1.5 overflow-clip data-[side=bottom]:top-[-6px] data-[side=left]:right-[-9px] data-[side=left]:rotate-90 data-[side=right]:left-[-9px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-6px] data-[side=top]:rotate-180 before:content-[''] before:absolute before:bottom-0 before:left-1/2 before:w-[calc(6px*sqrt(2))] before:h-[calc(6px*sqrt(2))] before:bg-surface-overlay before:border before:border-line before:[transform:translate(-50%,50%)_rotate(45deg)]" }) : null]
+			})
+		})
+	});
 }
-export {
-  Infotip,
-  InfotipContent,
-  InfotipTrigger
-};
-//# sourceMappingURL=infotip.js.map
+//#endregion
+export { Infotip, InfotipContent, InfotipTrigger };

package/dist/input-CfoEJ8A6.d.ts

@@ -0,0 +1,12 @@
+import { t as InputComponentSize } from "./input-size-context-C-SFx9sx.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/input.d.ts
+declare const inputVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type InputProps = Omit<React.ComponentProps<"input">, "size"> & VariantProps<typeof inputVariants>;
+type InputSize = InputComponentSize;
+declare function Input({ className, size, type, ...props }: InputProps): React.JSX.Element;
+//#endregion
+export { InputSize as n, inputVariants as r, Input as t };

package/dist/input-group.d.ts

@@ -1,32 +1,28 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { Button } from './button.js';
-import { InputSize } from './input.js';
-import { TextareaSize } from './textarea.js';
-import '@base-ui/react/button';
-import '@base-ui/react/use-render';
-import './input-size-context.js';
-
+import { t as Button } from "./button-BZIeyUw6.js";
+import { n as InputSize } from "./input-CfoEJ8A6.js";
+import { n as TextareaSize } from "./textarea-IS_D8pXf.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/input-group.d.ts
 declare function InputGroup({ className, size, ...props }: React.ComponentProps<"div"> & {
-    size?: InputSize;
+  size?: InputSize;
 }): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  size?: "icon-sm" | "icon-xs" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
-    type?: "button" | "submit" | "reset";
+  type?: "button" | "submit" | "reset";
 }): React.JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function InputGroupInput({ className, size, ...props }: Omit<React.ComponentProps<"input">, "size"> & {
-    size?: InputSize;
+  size?: InputSize;
 }): React.JSX.Element;
 declare function InputGroupTextarea({ className, size, ...props }: Omit<React.ComponentProps<"textarea">, "size"> & {
-    size?: TextareaSize;
+  size?: TextareaSize;
 }): React.JSX.Element;
-
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/input-group.js

@@ -1,24 +1,100 @@
 "use client";
-import {
-  InputGroup,
-  InputGroupAddon,
-  InputGroupButton,
-  InputGroupInput,
-  InputGroupText,
-  InputGroupTextarea
-} from "./chunk-6ZSGQHH2.js";
-import "./chunk-KSMDANKI.js";
-import "./chunk-MEKCCOP5.js";
-import "./chunk-3ACQVT7A.js";
-import "./chunk-B4H6RNDH.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  InputGroup,
-  InputGroupAddon,
-  InputGroupButton,
-  InputGroupInput,
-  InputGroupText,
-  InputGroupTextarea
-};
-//# sourceMappingURL=input-group.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { Button } from "./button.js";
+import { InputSizeProvider } from "./input-size-context.js";
+import { Input } from "./input.js";
+import { Textarea } from "./textarea.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/input-group.tsx
+const inputGroupVariants = cva("group/input-group relative flex w-full min-w-0 items-center rounded-full has-[textarea]:rounded-xl has-data-[align=block-end]:rounded-xl has-data-[align=block-start]:rounded-xl border border-line bg-canvas transition-[background-color,border-color,box-shadow,color] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:border-line-subtle has-disabled:bg-surface has-disabled:text-fg-caption-placeholder focus-within:border-line-focus focus-within:inset-ring-1 focus-within:inset-ring-line-focus has-[[data-slot][aria-invalid=true]]:border-line-danger has-[[data-slot][aria-invalid=true]]:inset-shadow-none has-[[data-slot][aria-invalid=true]]:focus-within:border-line-danger has-[[data-slot][aria-invalid=true]]:focus-within:inset-ring-line-danger has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=sm]/input-group:pl-2 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=md]/input-group:pl-2.5 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=lg]/input-group:pl-3 has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:group-data-[size=xl]/input-group:pl-3 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=sm]/input-group:pr-2 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=md]/input-group:pr-2.5 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=lg]/input-group:pr-3 has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:group-data-[size=xl]/input-group:pr-3", {
+	variants: { size: {
+		sm: "h-8",
+		md: "h-10",
+		lg: "h-12",
+		xl: "h-14"
+	} },
+	defaultVariants: { size: "md" }
+});
+function InputGroup({ className, size, ...props }) {
+	const inheritedSize = useComponentSize();
+	const resolvedSize = size ?? inheritedSize;
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: resolvedSize === "xl" ? void 0 : resolvedSize,
+		children: /* @__PURE__ */ jsx(InputSizeProvider, {
+			size: resolvedSize,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-slot": "input-group",
+				"data-size": resolvedSize,
+				role: "group",
+				className: cn(inputGroupVariants({ size: resolvedSize }), className),
+				...props
+			})
+		})
+	});
+}
+const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-gdt-sm font-normal text-fg-secondary select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[size=lg]/input-group:[&>svg:not([class*='size-'])]:size-4.5 group-data-[size=xl]/input-group:[&>svg:not([class*='size-'])]:size-5 [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first group-data-[size=sm]/input-group:pl-3 group-data-[size=md]/input-group:pl-3.5 group-data-[size=lg]/input-group:pl-4 group-data-[size=xl]/input-group:pl-4.5 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last group-data-[size=sm]/input-group:pr-3 group-data-[size=md]/input-group:pr-3.5 group-data-[size=lg]/input-group:pr-4 group-data-[size=xl]/input-group:pr-4.5 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-3 group-data-[size=md]/input-group:px-3.5 group-data-[size=lg]/input-group:px-4 group-data-[size=xl]/input-group:px-4.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-3 group-data-[size=md]/input-group:px-3.5 group-data-[size=lg]/input-group:px-4 group-data-[size=xl]/input-group:px-4.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		className: cn(inputGroupAddonVariants({ align }), className),
+		onClick: (e) => {
+			if (e.target.closest("button")) return;
+			e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...props
+	});
+}
+const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none rounded-full", {
+	variants: { size: {
+		xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type,
+		"data-size": size,
+		variant,
+		className: cn(inputGroupButtonVariants({ size }), className),
+		...props
+	});
+}
+function InputGroupText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("flex items-center gap-2 text-gdt-sm text-fg-secondary [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function InputGroupInput({ className, size, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		size,
+		className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none inset-shadow-none  inset-ring-0 focus:border-transparent focus:shadow-none focus:inset-shadow-none focus-visible:border-transparent focus-visible:shadow-none focus-visible:ring-0 focus-visible:inset-ring-0 focus-visible:inset-shadow-none disabled:bg-transparent aria-invalid:ring-0 aria-invalid:inset-ring-0 dark:bg-transparent dark:disabled:bg-transparent", className),
+		...props
+	});
+}
+function InputGroupTextarea({ className, size, ...props }) {
+	return /* @__PURE__ */ jsx(Textarea, {
+		"data-slot": "input-group-control",
+		size,
+		className: cn("flex-1 resize-none rounded-none border-0 bg-transparent shadow-none inset-shadow-none  inset-ring-0 focus:border-transparent focus:shadow-none focus:inset-shadow-none focus-visible:border-transparent focus-visible:shadow-none focus-visible:ring-0 focus-visible:inset-ring-0 focus-visible:inset-shadow-none disabled:bg-transparent aria-invalid:ring-0 aria-invalid:inset-ring-0 dark:bg-transparent dark:disabled:bg-transparent", className),
+		...props
+	});
+}
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/input-size-context-C-SFx9sx.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+//#region src/input-size-context.d.ts
+type InputComponentSize = "sm" | "md" | "lg" | "xl";
+declare function InputSizeProvider({ children, size }: {
+  children: ReactNode;
+  size?: InputComponentSize | null;
+}): import("react").JSX.Element;
+declare function useInputComponentSize(size?: InputComponentSize | null, fallback?: InputComponentSize): InputComponentSize;
+//#endregion
+export { InputSizeProvider as n, useInputComponentSize as r, InputComponentSize as t };

package/dist/input-size-context.d.ts

@@ -1,11 +1,2 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-
-type InputComponentSize = "sm" | "md" | "lg" | "xl";
-declare function InputSizeProvider({ children, size, }: {
-    children: ReactNode;
-    size?: InputComponentSize | null;
-}): React.JSX.Element;
-declare function useInputComponentSize(size?: InputComponentSize | null, fallback?: InputComponentSize): InputComponentSize;
-
-export { type InputComponentSize, InputSizeProvider, useInputComponentSize };
+import { n as InputSizeProvider, r as useInputComponentSize, t as InputComponentSize } from "./input-size-context-C-SFx9sx.js";
+export { type InputComponentSize, InputSizeProvider, useInputComponentSize };

package/dist/input-size-context.js

@@ -1,10 +1,18 @@
 "use client";
-import {
-  InputSizeProvider,
-  useInputComponentSize
-} from "./chunk-3ACQVT7A.js";
-export {
-  InputSizeProvider,
-  useInputComponentSize
-};
-//# sourceMappingURL=input-size-context.js.map
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+//#region src/input-size-context.tsx
+const InputSizeContext = createContext(void 0);
+function InputSizeProvider({ children, size }) {
+	if (!size) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(InputSizeContext.Provider, {
+		value: size,
+		children
+	});
+}
+function useInputComponentSize(size, fallback = "md") {
+	const inheritedSize = useContext(InputSizeContext);
+	return size ?? inheritedSize ?? fallback;
+}
+//#endregion
+export { InputSizeProvider, useInputComponentSize };

package/dist/input.d.ts

@@ -1,13 +1,2 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { InputComponentSize } from './input-size-context.js';
-
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type InputProps = Omit<React.ComponentProps<"input">, "size"> & VariantProps<typeof inputVariants>;
-type InputSize = InputComponentSize;
-declare function Input({ className, size, type, ...props }: InputProps): React.JSX.Element;
-
-export { Input, type InputSize, inputVariants };
+import { n as InputSize, r as inputVariants, t as Input } from "./input-CfoEJ8A6.js";
+export { Input, type InputSize, inputVariants };

package/dist/input.js

@@ -1,11 +1,27 @@
-import {
-  Input,
-  inputVariants
-} from "./chunk-MEKCCOP5.js";
-import "./chunk-3ACQVT7A.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Input,
-  inputVariants
-};
-//# sourceMappingURL=input.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useInputComponentSize } from "./input-size-context.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Input as Input$1 } from "@base-ui/react/input";
+//#region src/input.tsx
+const inputVariants = cva("flex w-full min-w-0 rounded-full border border-line bg-canvas text-fg-primary transition-[background-color,border-color,box-shadow,color] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-normal file:text-fg-primary placeholder:text-fg-caption-placeholder hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 focus-visible:inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder disabled:placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:placeholder:text-fg-danger aria-invalid:shadow-none aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:inset-ring-line-danger", {
+	variants: { size: {
+		sm: "h-8 px-3 text-gdt-xs font-normal file:text-gdt-xs",
+		md: "h-10 px-3.5 text-gdt-sm font-normal file:text-gdt-sm",
+		lg: "h-12 px-4 text-gdt-md font-normal file:text-gdt-md",
+		xl: "h-14 px-4.5 text-gdt-lg font-normal file:text-gdt-lg"
+	} },
+	defaultVariants: { size: "md" }
+});
+function Input({ className, size, type, ...props }) {
+	const resolvedSize = useInputComponentSize(size);
+	return /* @__PURE__ */ jsx(Input$1, {
+		type,
+		"data-slot": "input",
+		"data-size": resolvedSize,
+		className: cn(inputVariants({ size: resolvedSize }), className),
+		...props
+	});
+}
+//#endregion
+export { Input, inputVariants };

package/dist/item.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { useRender } from '@base-ui/react';
-
-declare function Item({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function ItemLabel({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function ItemValue({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-
-export { Item, ItemLabel, ItemValue };
+import { useRender } from "@base-ui/react";
+//#region src/item.d.ts
+declare function Item({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ItemLabel({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ItemValue({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { Item, ItemLabel, ItemValue };

package/dist/item.js

@@ -1,63 +1,26 @@
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/item.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { mergeProps, useRender } from "@base-ui/react";
-function Item({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn("flex flex-col gap-1", className)
-      },
-      props
-    ),
-    render
-  });
+//#region src/item.tsx
+function Item({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex flex-col gap-1", className) }, props),
+		render
+	});
 }
-function ItemLabel({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-sm  text-fg-secondary", className)
-      },
-      props
-    ),
-    render
-  });
+function ItemLabel({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("text-gdt-sm  text-fg-secondary", className) }, props),
+		render
+	});
 }
-function ItemValue({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "text-gdt-sm font-semibold text-fg-primary [a]:text-fg-brand [&_a]:text-fg-brand",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function ItemValue({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("text-gdt-sm font-semibold text-fg-primary [a]:text-fg-brand [&_a]:text-fg-brand", className) }, props),
+		render
+	});
 }
-export {
-  Item,
-  ItemLabel,
-  ItemValue
-};
-//# sourceMappingURL=item.js.map
+//#endregion
+export { Item, ItemLabel, ItemValue };

package/dist/kpi-card.d.ts

@@ -1,24 +1,22 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-import { Skeleton } from './skeleton.js';
-
+import { Skeleton } from "./skeleton.js";
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+//#region src/kpi-card.d.ts
 declare function KpiCard({ className, loading, render, ...props }: useRender.ComponentProps<"article"> & {
-    loading?: boolean;
-}): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function KpiCardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function KpiCardLinkOutIcon({ children, className, render, ...props }: useRender.ComponentProps<"span">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function KpiCardValue({ className, render, ...props }: useRender.ComponentProps<"p">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function KpiCardValueSkeleton({ className, ...props }: React.ComponentProps<typeof Skeleton>): React$1.JSX.Element;
+  loading?: boolean;
+}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function KpiCardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function KpiCardLinkOutIcon({ children, className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function KpiCardValue({ className, render, ...props }: useRender.ComponentProps<"p">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function KpiCardValueSkeleton({ className, ...props }: React.ComponentProps<typeof Skeleton>): import("react").JSX.Element;
 declare const kpiCardTrendVariants: (props?: ({
-    direction?: "up" | "down" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  direction?: "down" | "up" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type KpiCardTrendProps = useRender.ComponentProps<"p"> & VariantProps<typeof kpiCardTrendVariants> & {
-    showIcon?: boolean;
+  showIcon?: boolean;
 };
-declare function KpiCardTrend({ children, className, direction, render, showIcon, ...props }: KpiCardTrendProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function KpiCardTrendValue({ className, render, ...props }: useRender.ComponentProps<"span">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-declare function KpiCardTrendCaption({ className, render, ...props }: useRender.ComponentProps<"span">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
-
-export { KpiCard, KpiCardLinkOutIcon, KpiCardTitle, KpiCardTrend, KpiCardTrendCaption, KpiCardTrendValue, KpiCardValue, KpiCardValueSkeleton, kpiCardTrendVariants };
+declare function KpiCardTrend({ children, className, direction, render, showIcon, ...props }: KpiCardTrendProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function KpiCardTrendValue({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function KpiCardTrendCaption({ className, render, ...props }: useRender.ComponentProps<"span">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { KpiCard, KpiCardLinkOutIcon, KpiCardTitle, KpiCardTrend, KpiCardTrendCaption, KpiCardTrendValue, KpiCardValue, KpiCardValueSkeleton, kpiCardTrendVariants };