@giddaa-housing/ui 0.1.0 → 1.1.0

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

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

package/dist/size-context.d.ts

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

package/dist/size-context.js

@@ -1,22 +1,18 @@
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
+"use client";
 import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function SizeProvider({
-  children,
-  size
-}) {
-  if (!size) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(SizeContext.Provider, { value: size, children });
+import { createContext, useContext } from "react";
+//#region src/size-context.tsx
+const SizeContext = createContext(void 0);
+function SizeProvider({ children, size }) {
+	if (!size) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(SizeContext.Provider, {
+		value: size,
+		children
+	});
 }
 function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
+	const inheritedSize = useContext(SizeContext);
+	return size ?? inheritedSize ?? fallback;
 }
-export {
-  SizeProvider,
-  useComponentSize
-};
-//# sourceMappingURL=size-context.js.map
+//#endregion
+export { SizeProvider, useComponentSize };

package/dist/skeleton.d.ts

@@ -1,5 +1,4 @@
-import * as React$1 from 'react';
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
-
-export { Skeleton };
+//#region src/skeleton.d.ts
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+//#endregion
+export { Skeleton };

package/dist/skeleton.js

@@ -1,48 +1,12 @@
-// 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/skeleton.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx } from "react/jsx-runtime";
+//#region src/skeleton.tsx
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("animate-pulse rounded-md bg-line", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("animate-pulse rounded-md bg-line", className),
+		...props
+	});
 }
-export {
-  Skeleton
-};
-//# sourceMappingURL=skeleton.js.map
+//#endregion
+export { Skeleton };

package/dist/slider.d.ts

@@ -0,0 +1,27 @@
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+//#region src/slider.d.ts
+declare const sliderVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SliderRootValue = number | readonly number[];
+type SliderSize = NonNullable<VariantProps<typeof sliderVariants>["size"]>;
+type SliderProps<Value extends SliderRootValue = SliderRootValue> = Slider$1.Root.Props<Value> & VariantProps<typeof sliderVariants>;
+type SliderControlProps = Slider$1.Control.Props;
+type SliderTrackProps = Slider$1.Track.Props;
+type SliderIndicatorProps = Slider$1.Indicator.Props;
+type SliderThumbProps = Slider$1.Thumb.Props;
+type SliderLabelProps = Slider$1.Label.Props;
+type SliderValueProps = Slider$1.Value.Props;
+type SliderCaptionProps = React.ComponentProps<"p">;
+declare function Slider<Value extends SliderRootValue = SliderRootValue>({ className, children, size, disabled, ...props }: SliderProps<Value>): React.JSX.Element;
+declare function SliderControl({ className, ...props }: SliderControlProps): React.JSX.Element;
+declare function SliderTrack({ className, ...props }: SliderTrackProps): React.JSX.Element;
+declare function SliderIndicator({ className, ...props }: SliderIndicatorProps): React.JSX.Element;
+declare function SliderThumb({ className, ...props }: SliderThumbProps): React.JSX.Element;
+declare function SliderLabel({ className, ...props }: SliderLabelProps): React.JSX.Element;
+declare function SliderValue({ className, ...props }: SliderValueProps): React.JSX.Element;
+declare function SliderCaption({ className, ...props }: SliderCaptionProps): React.JSX.Element;
+//#endregion
+export { Slider, SliderCaption, SliderControl, SliderIndicator, SliderLabel, type SliderSize, SliderThumb, SliderTrack, SliderValue, sliderVariants };

package/dist/slider.js

@@ -0,0 +1,81 @@
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+//#region src/slider.tsx
+const sliderVariants = cva("group/slider grid w-full gap-2 disabled:cursor-not-allowed disabled:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-60", {
+	variants: { size: {
+		sm: "[--slider-thumb-size:1rem] [--slider-track-size:0.25rem]",
+		md: "[--slider-thumb-size:1.25rem] [--slider-track-size:0.375rem]",
+		lg: "[--slider-thumb-size:1.5rem] [--slider-track-size:0.5rem]"
+	} },
+	defaultVariants: { size: "md" }
+});
+function Slider({ className, children, size, disabled = false, ...props }) {
+	const resolvedSize = useComponentSize(size);
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size: resolvedSize,
+		children: /* @__PURE__ */ jsx(Slider$1.Root, {
+			disabled,
+			"data-disabled": disabled,
+			"data-size": resolvedSize,
+			"data-slot": "slider",
+			className: cn(sliderVariants({ size: resolvedSize }), className),
+			...props,
+			children
+		})
+	});
+}
+function SliderControl({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider$1.Control, {
+		"data-slot": "slider-control",
+		className: cn("relative flex touch-none items-center select-none data-[orientation=horizontal]:h-(--slider-thumb-size) data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-56 data-[orientation=vertical]:w-(--slider-thumb-size) data-[orientation=vertical]:justify-center", className),
+		...props
+	});
+}
+function SliderTrack({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider$1.Track, {
+		"data-slot": "slider-track",
+		className: cn("relative rounded-full bg-line select-none group-data-[disabled=true]/slider:bg-line-subtle data-[orientation=horizontal]:h-(--slider-track-size) data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-(--slider-track-size)", className),
+		...props
+	});
+}
+function SliderIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider$1.Indicator, {
+		"data-slot": "slider-indicator",
+		className: cn("rounded-full bg-surface-brand transition-[height,left,width,bottom,background-color] duration-200 ease-out select-none group-data-[disabled=true]/slider:bg-line-strong data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full", className),
+		...props
+	});
+}
+function SliderThumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider$1.Thumb, {
+		"data-slot": "slider-thumb",
+		className: cn("relative box-border size-(--slider-thumb-size) rounded-full border-2 border-surface-brand bg-canvas shadow-[var(--shadow-1)] outline-none transition-[border-color,background-color,box-shadow,transform] duration-200 ease-out select-none after:absolute after:-inset-2 has-[:focus-visible]:shadow-[0_0_0_2px_var(--color-line-focus),var(--shadow-1)] data-[dragging]:scale-105 data-[disabled]:border-line-strong data-[disabled]:bg-surface data-[disabled]:shadow-none", className),
+		...props
+	});
+}
+function SliderLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider$1.Label, {
+		"data-slot": "slider-label",
+		className: cn("text-fg-primary font-semibold leading-snug group-data-[disabled=true]/slider:text-fg-caption-placeholder group-data-[size=sm]/slider:text-gdt-xs group-data-[size=md]/slider:text-gdt-sm group-data-[size=lg]/slider:text-gdt-md", className),
+		...props
+	});
+}
+function SliderValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Slider$1.Value, {
+		"data-slot": "slider-value",
+		className: cn("text-fg-primary font-semibold tabular-nums leading-snug group-data-[disabled=true]/slider:text-fg-caption-placeholder group-data-[size=sm]/slider:text-gdt-subtext group-data-[size=md]/slider:text-gdt-xs group-data-[size=lg]/slider:text-gdt-sm", className),
+		...props
+	});
+}
+function SliderCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "slider-caption",
+		className: cn("text-fg-secondary leading-snug group-data-[disabled=true]/slider:text-fg-caption-placeholder group-data-[size=sm]/slider:text-gdt-subtext group-data-[size=md]/slider:text-gdt-xs group-data-[size=lg]/slider:text-gdt-sm", className),
+		...props
+	});
+}
+//#endregion
+export { Slider, SliderCaption, SliderControl, SliderIndicator, SliderLabel, SliderThumb, SliderTrack, SliderValue, sliderVariants };

package/dist/sparkline.d.ts

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { ChartContainer, 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 { ChartContainer, ChartValueType } from "./chart.js";
+import * as React from "react";
+//#region src/sparkline.d.ts
 /**
  * Small inline trend lines for KPI cards and dense tables — no axes, no
  * gridlines. Composed from recharts plot primitives (`Line`/`Area`/`Bar`) so it
@@ -48,47 +45,47 @@ type SparklineType = "line" | "bar" | "area";
 /** Sentiment of the series — drives the stroke/fill colour. */
 type SparklineTrend = "up" | "down" | "flat";
 type SparklineLayout = {
-    /** Recommended container width in px (width is parent-driven). */
-    width: number;
-    /** Plot height in px. */
-    height: number;
-    /** Line/area stroke width in px. */
-    strokeWidth: number;
-    /** Radius of the end-point dot. */
-    dotRadius: number;
-    /** Outer margin — keeps the stroke, peaks, and end dot from clipping. */
-    margin: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    /** Corner radius for bars. */
-    barRadius: number;
-    /** Cap on bar thickness so stretched sparklines keep thin bars. */
-    maxBarSize: number;
+  /** Recommended container width in px (width is parent-driven). */
+  width: number;
+  /** Plot height in px. */
+  height: number;
+  /** Line/area stroke width in px. */
+  strokeWidth: number;
+  /** Radius of the end-point dot. */
+  dotRadius: number;
+  /** Outer margin — keeps the stroke, peaks, and end dot from clipping. */
+  margin: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+  };
+  /** Corner radius for bars. */
+  barRadius: number;
+  /** Cap on bar thickness so stretched sparklines keep thin bars. */
+  maxBarSize: number;
 };
 declare const SPARKLINE_LAYOUT: Record<SparklineSize, SparklineLayout>;
 type SparklineProps = Omit<React.ComponentProps<typeof ChartContainer>, "config" | "children"> & {
-    /** The series to plot. Needs at least two points to draw a trend. */
-    data: number[];
-    /** Render style. Defaults to `line`. */
-    type?: SparklineType;
-    /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
-    size?: SparklineSize;
-    /** Override the auto-detected sentiment colour. */
-    trend?: SparklineTrend;
-    /** Show the filled marker on the latest value. Default true. */
-    showMarker?: boolean;
-    /** Enable the hover tooltip. Default false. */
-    tooltip?: boolean;
-    /** Series name shown in the tooltip, e.g. "Revenue". */
-    label?: string;
-    /** Per-point captions for the tooltip (e.g. months). Indexed by data point. */
-    labels?: string[];
-    /** Value formatting for the tooltip. Defaults to `number`. */
-    valueType?: ChartValueType;
+  /** The series to plot. Needs at least two points to draw a trend. */
+  data: number[];
+  /** Render style. Defaults to `line`. */
+  type?: SparklineType;
+  /** Explicit size; otherwise inherited from the nearest `SizeProvider`. */
+  size?: SparklineSize;
+  /** Override the auto-detected sentiment colour. */
+  trend?: SparklineTrend;
+  /** Show the filled marker on the latest value. Default true. */
+  showMarker?: boolean;
+  /** Enable the hover tooltip. Default false. */
+  tooltip?: boolean;
+  /** Series name shown in the tooltip, e.g. "Revenue". */
+  label?: string;
+  /** Per-point captions for the tooltip (e.g. months). Indexed by data point. */
+  labels?: string[];
+  /** Value formatting for the tooltip. Defaults to `number`. */
+  valueType?: ChartValueType;
 };
 declare function Sparkline({ data, type, size, trend, showMarker, tooltip, label, labels, valueType, className, style, ...props }: SparklineProps): React.JSX.Element;
-
-export { SPARKLINE_LAYOUT, Sparkline, type SparklineProps, type SparklineSize, type SparklineTrend, type SparklineType };
+//#endregion
+export { SPARKLINE_LAYOUT, Sparkline, type SparklineProps, type SparklineSize, type SparklineTrend, type SparklineType };