@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/browser/ui/toast.js

@@ -0,0 +1,79 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/toast.tsx
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Viewport, {
+  ref,
+  className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full", {
+  variants: {
+    variant: {
+      default: "border bg-background text-foreground",
+      destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Root, {
+    ref,
+    className: cn(toastVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Action, {
+  ref,
+  className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Close, {
+  ref,
+  className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+  "toast-close": "",
+  ...props,
+  children: /* @__PURE__ */ jsxDEV(X, {
+    className: "h-4 w-4"
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Title, {
+  ref,
+  className: cn("text-base font-semibold", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Description, {
+  ref,
+  className: cn("text-base opacity-90", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+export {
+  ToastViewport,
+  ToastTitle,
+  ToastProvider,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+  Toast
+};

package/dist/browser/ui/toaster.js

@@ -0,0 +1,220 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/toast.tsx
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Viewport, {
+  ref,
+  className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full", {
+  variants: {
+    variant: {
+      default: "border bg-background text-foreground",
+      destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Root, {
+    ref,
+    className: cn(toastVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Action, {
+  ref,
+  className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Close, {
+  ref,
+  className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+  "toast-close": "",
+  ...props,
+  children: /* @__PURE__ */ jsxDEV(X, {
+    className: "h-4 w-4"
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Title, {
+  ref,
+  className: cn("text-base font-semibold", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Description, {
+  ref,
+  className: cn("text-base opacity-90", className),
+  ...props
+}, undefined, false, undefined, this));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+// ui/use-toast.ts
+import * as React2 from "react";
+"use client";
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 1e6;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = new Map;
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined ? {
+          ...t,
+          open: false
+        } : t)
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open)
+          dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React2.useState(memoryState);
+  React2.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+// ui/toaster.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function Toaster() {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxDEV2(ToastProvider, {
+    children: [
+      toasts.map(function({ id, title, description, action, ...props }) {
+        return /* @__PURE__ */ jsxDEV2(Toast, {
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxDEV2("div", {
+              className: "grid gap-1",
+              children: [
+                title && /* @__PURE__ */ jsxDEV2(ToastTitle, {
+                  children: title
+                }, undefined, false, undefined, this),
+                description && /* @__PURE__ */ jsxDEV2(ToastDescription, {
+                  children: description
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            action,
+            /* @__PURE__ */ jsxDEV2(ToastClose, {}, undefined, false, undefined, this)
+          ]
+        }, id, true, undefined, this);
+      }),
+      /* @__PURE__ */ jsxDEV2(ToastViewport, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  Toaster
+};

package/dist/browser/ui/toggle-group.js

@@ -0,0 +1,96 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/toggle.tsx
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-hidden transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border border-input bg-transparent shadow-2xs hover:bg-accent hover:text-accent-foreground"
+    },
+    size: {
+      default: "h-9 px-2 min-w-9",
+      sm: "h-8 px-1.5 min-w-8",
+      lg: "h-10 px-2.5 min-w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TogglePrimitive.Root, {
+    "data-slot": "toggle",
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/toggle-group.tsx
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(ToggleGroupPrimitive.Root, {
+    "data-slot": "toggle-group",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn2("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-2xs", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV2(ToggleGroupContext.Provider, {
+      value: { variant, size },
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxDEV2(ToggleGroupPrimitive.Item, {
+    "data-slot": "toggle-group-item",
+    "data-variant": context.variant || variant,
+    "data-size": context.size || size,
+    className: cn2(toggleVariants({
+      variant: context.variant || variant,
+      size: context.size || size
+    }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+export {
+  ToggleGroupItem,
+  ToggleGroup
+};

package/dist/browser/ui/toggle.js

@@ -0,0 +1,47 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/toggle.tsx
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-hidden transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border border-input bg-transparent shadow-2xs hover:bg-accent hover:text-accent-foreground"
+    },
+    size: {
+      default: "h-9 px-2 min-w-9",
+      sm: "h-8 px-1.5 min-w-8",
+      lg: "h-10 px-2.5 min-w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TogglePrimitive.Root, {
+    "data-slot": "toggle",
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  toggleVariants,
+  Toggle
+};

package/dist/browser/ui/tooltip.js

@@ -0,0 +1,68 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delayDuration,
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TooltipProvider, {
+    children: /* @__PURE__ */ jsxDEV(TooltipPrimitive.Root, {
+      "data-slot": "tooltip",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV(TooltipPrimitive.Content, {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxDEV(TooltipPrimitive.Arrow, {
+          className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  TooltipTrigger,
+  TooltipProvider,
+  TooltipContent,
+  Tooltip
+};

package/dist/browser/ui/typography.js

@@ -0,0 +1,123 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/text.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Text({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot : "p";
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/typography.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function H1({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : "h1";
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    role: "heading",
+    "aria-level": 1,
+    className: cn2("text-foreground web:select-text web:scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function H2({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : "h2";
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    role: "heading",
+    "aria-level": 2,
+    className: cn2("border-border text-foreground web:select-text web:scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function H3({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : "h3";
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    role: "heading",
+    "aria-level": 3,
+    className: cn2("text-foreground web:select-text web:scroll-m-20 text-2xl font-semibold tracking-tight", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function H4({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : "h4";
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    role: "heading",
+    "aria-level": 4,
+    className: cn2("text-foreground web:select-text web:scroll-m-20 text-xl font-semibold tracking-tight", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function P({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    className: cn2("text-foreground web:select-text text-base", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function BlockQuote({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    role: "blockquote",
+    className: cn2("native:mt-4 native:pl-3 border-border text-foreground web:select-text mt-6 border-l-2 pl-6 text-base italic", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Code({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    role: "code",
+    className: cn2("bg-muted text-foreground web:select-text relative rounded-md px-[0.3rem] py-[0.2rem] text-sm font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Lead({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    className: cn2("text-muted-foreground web:select-text text-xl", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Large({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    className: cn2("text-foreground web:select-text text-xl font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Small({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    className: cn2("text-foreground web:select-text text-sm leading-none font-medium", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Muted({ className, asChild = false, ...props }) {
+  const Component = asChild ? Slot2 : Text;
+  return /* @__PURE__ */ jsxDEV2(Component, {
+    className: cn2("text-muted-foreground web:select-text text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+export {
+  Small,
+  P,
+  Muted,
+  Lead,
+  Large,
+  H4,
+  H3,
+  H2,
+  H1,
+  Code,
+  BlockQuote
+};

package/dist/browser/ui/use-media-query.js

@@ -0,0 +1,26 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/use-media-query.ts
+import * as React from "react";
+function useMediaQuery(query) {
+  const [value, setValue] = React.useState(false);
+  React.useEffect(() => {
+    function onChange(event) {
+      setValue(event.matches);
+    }
+    const result = matchMedia(query);
+    result.addEventListener("change", onChange);
+    setValue(result.matches);
+    return () => result.removeEventListener("change", onChange);
+  }, [query]);
+  return value;
+}
+export {
+  useMediaQuery
+};