@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/tooltip.js

@@ -1,96 +1,38 @@
-// src/components/ui/tooltip.tsx
-import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/tooltip.tsx
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+//#region src/tooltip.tsx
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "tooltip", ...props });
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
 }
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    PopoverPrimitive.Trigger,
-    {
-      nativeButton: false,
-      "data-slot": "tooltip-trigger",
-      openOnHover: true,
-      delay: 100,
-      ...props
-    }
-  );
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		delay: 100,
+		...props
+	});
 }
-function TooltipContent({
-  className,
-  side = "top",
-  sideOffset = 6,
-  align = "center",
-  alignOffset = 0,
-  showArrow = true,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    PopoverPrimitive.Positioner,
-    {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs(
-        PopoverPrimitive.Popup,
-        {
-          "data-slot": "tooltip-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 TooltipContent({ className, container, side = "top", sideOffset = 6, align = "center", alignOffset = 0, showArrow = true, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
+		container,
+		children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "pointer-events-none isolate z-50",
+			children: /* @__PURE__ */ jsxs(Tooltip$1.Popup, {
+				"data-slot": "tooltip-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(Tooltip$1.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 {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-};
-//# sourceMappingURL=tooltip.js.map
+//#endregion
+export { Tooltip, TooltipContent, TooltipTrigger };

package/dist/tree-map.d.ts

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { ChartCard, ChartValueType } from './chart.js';
-import { ComponentSize } from './size-context.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import 'recharts';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { ChartCard, ChartValueType } from "./chart.js";
+import * as React from "react";
+//#region src/tree-map.d.ts
 /**
  * A treemap — part-to-whole composition drawn as proportionally sized, nested
  * rectangles. Reach for one to compare category shares at a glance (portfolio
@@ -56,14 +53,14 @@ type TreeMapSize = ComponentSize;
 /** Where the colour-key legend sits relative to the plot. */
 type TreeMapLegendPlacement = "right" | "bottom";
 type TreeMapDatum = {
-    /** Category name, shown in the tile label, legend, and tooltip. */
-    label: string;
-    /** Tile value — drives the tile's area. Omit on a group with `children`. */
-    value?: number;
-    /** Tile/group colour; defaults to the palette in order. Leaves inherit it. */
-    fill?: string;
-    /** Subcategories for a `nested` treemap. */
-    children?: TreeMapDatum[];
+  /** Category name, shown in the tile label, legend, and tooltip. */
+  label: string;
+  /** Tile value — drives the tile's area. Omit on a group with `children`. */
+  value?: number;
+  /** Tile/group colour; defaults to the palette in order. Leaves inherit it. */
+  fill?: string;
+  /** Subcategories for a `nested` treemap. */
+  children?: TreeMapDatum[];
 };
 /**
  * Tile palette, ordered by share: forest → brass → moss → clay → stone. Each
@@ -72,56 +69,56 @@ type TreeMapDatum = {
  * map to the brand scales; assign by order, or override per datum with `fill`.
  */
 declare const TREE_MAP_PALETTE: readonly [{
-    readonly fill: "var(--color-forest-700)";
-    readonly text: "var(--color-forest-100)";
+  readonly fill: "var(--color-forest-700)";
+  readonly text: "var(--color-forest-100)";
 }, {
-    readonly fill: "var(--color-brass-500)";
-    readonly text: "var(--color-brass-900)";
+  readonly fill: "var(--color-brass-500)";
+  readonly text: "var(--color-brass-900)";
 }, {
-    readonly fill: "var(--color-moss-600)";
-    readonly text: "var(--color-moss-100)";
+  readonly fill: "var(--color-moss-600)";
+  readonly text: "var(--color-moss-100)";
 }, {
-    readonly fill: "var(--color-clay-500)";
-    readonly text: "var(--color-clay-50)";
+  readonly fill: "var(--color-clay-500)";
+  readonly text: "var(--color-clay-50)";
 }, {
-    readonly fill: "var(--color-stone-500)";
-    readonly text: "var(--color-stone-50)";
+  readonly fill: "var(--color-stone-500)";
+  readonly text: "var(--color-stone-50)";
 }];
 type TreeMapLayout = {
-    /** Plot box height in px. Width stays fluid via the ResponsiveContainer. */
-    height: number;
-    /** Inset around every tile in px — straddles edges to read as a gap. */
-    gap: number;
-    /** Tile corner radius in px. */
-    radius: number;
-    /** Tile label padding from the top-left corner in px. */
-    labelPadding: number;
-    /** Tile label (name) font size in px. */
-    nameFontSize: number;
-    /** Tile label (share) font size in px. */
-    shareFontSize: number;
-    /** Smallest tile width/height in px that still shows its label. */
-    labelMinSide: number;
+  /** Plot box height in px. Width stays fluid via the ResponsiveContainer. */
+  height: number;
+  /** Inset around every tile in px — straddles edges to read as a gap. */
+  gap: number;
+  /** Tile corner radius in px. */
+  radius: number;
+  /** Tile label padding from the top-left corner in px. */
+  labelPadding: number;
+  /** Tile label (name) font size in px. */
+  nameFontSize: number;
+  /** Tile label (share) font size in px. */
+  shareFontSize: number;
+  /** Smallest tile width/height in px that still shows its label. */
+  labelMinSide: number;
 };
 declare const TREE_MAP_LAYOUT: Record<TreeMapSize, TreeMapLayout>;
 type TreeMapProps = Omit<React.ComponentProps<typeof ChartCard>, "size" | "children"> & {
-    /** Categories — flat leaves, or groups carrying `children` (nested). */
-    data: TreeMapDatum[];
-    /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
-    size?: TreeMapSize;
-    /** Chart heading. Omit to hide the title. */
-    title?: React.ReactNode;
-    /** Supporting metadata (period, source). Omit to hide the description. */
-    description?: React.ReactNode;
-    /** Enable the hover value tooltip. Default false. */
-    tooltip?: boolean;
-    /** Legend placement — a right column or a wrapped bottom row. Default right. */
-    legend?: TreeMapLegendPlacement;
-    /** Format the tile value in the tooltip. Defaults to a localised number. */
-    valueFormatter?: (value: number) => string;
-    /** Value formatting for the tooltip. Defaults to `number`. */
-    valueType?: ChartValueType;
+  /** Categories — flat leaves, or groups carrying `children` (nested). */
+  data: TreeMapDatum[];
+  /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
+  size?: TreeMapSize;
+  /** Chart heading. Omit to hide the title. */
+  title?: React.ReactNode;
+  /** Supporting metadata (period, source). Omit to hide the description. */
+  description?: React.ReactNode;
+  /** Enable the hover value tooltip. Default false. */
+  tooltip?: boolean;
+  /** Legend placement — a right column or a wrapped bottom row. Default right. */
+  legend?: TreeMapLegendPlacement;
+  /** Format the tile value in the tooltip. Defaults to a localised number. */
+  valueFormatter?: (value: number) => string;
+  /** Value formatting for the tooltip. Defaults to `number`. */
+  valueType?: ChartValueType;
 };
 declare function TreeMap({ data, size, title, description, tooltip, legend, valueFormatter, valueType, className, ...props }: TreeMapProps): React.JSX.Element;
-
-export { TREE_MAP_LAYOUT, TREE_MAP_PALETTE, TreeMap, type TreeMapDatum, type TreeMapLayout, type TreeMapLegendPlacement, type TreeMapProps, type TreeMapSize };
+//#endregion
+export { TREE_MAP_LAYOUT, TREE_MAP_PALETTE, TreeMap, type TreeMapDatum, type TreeMapLayout, type TreeMapLegendPlacement, type TreeMapProps, type TreeMapSize };