@tetherto/dev-websites-core 0.2.0 → 0.3.0

package/dist/ui/hooks/useInView.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+//#region src/ui/hooks/useInView.ts
+function useInView({ once = true, rootMargin = "0px 0px -15% 0px", threshold = 0 } = {}) {
+	const ref = useRef(null);
+	const [inView, setInView] = useState(false);
+	useEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		if (typeof IntersectionObserver === "undefined") {
+			const id = setTimeout(() => setInView(true));
+			return () => clearTimeout(id);
+		}
+		const observer = new IntersectionObserver((entries) => {
+			const isIntersecting = entries.some((entry) => entry.isIntersecting);
+			setInView(isIntersecting);
+			if (isIntersecting && once) observer.disconnect();
+		}, {
+			rootMargin,
+			threshold
+		});
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [
+		once,
+		rootMargin,
+		threshold
+	]);
+	return {
+		ref,
+		inView
+	};
+}
+//#endregion
+export { useInView };
+
+//# sourceMappingURL=useInView.mjs.map

package/dist/ui/hooks/useInView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInView.mjs","names":[],"sources":["../../../src/ui/hooks/useInView.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nexport type UseInViewOptions = {\n  once?: boolean\n  rootMargin?: string\n  threshold?: number\n}\n\nexport function useInView<T extends Element>({\n  once = true,\n  rootMargin = '0px 0px -15% 0px',\n  threshold = 0,\n}: UseInViewOptions = {}) {\n  const ref = useRef<T | null>(null)\n  const [inView, setInView] = useState(false)\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n\n    if (typeof IntersectionObserver === 'undefined') {\n      const id = setTimeout(() => setInView(true))\n      return () => clearTimeout(id)\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const isIntersecting = entries.some((entry) => entry.isIntersecting)\n        setInView(isIntersecting)\n        if (isIntersecting && once) observer.disconnect()\n      },\n      { rootMargin, threshold }\n    )\n\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [once, rootMargin, threshold])\n\n  return { ref, inView }\n}\n"],"mappings":";;;AAUA,SAAgB,UAA6B,EAC3C,OAAO,MACP,aAAa,oBACb,YAAY,MACQ,CAAC,GAAG;CACxB,MAAM,MAAM,OAAiB,IAAI;CACjC,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,gBAAgB;EACd,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EAET,IAAI,OAAO,yBAAyB,aAAa;GAC/C,MAAM,KAAK,iBAAiB,UAAU,IAAI,CAAC;GAC3C,aAAa,aAAa,EAAE;EAC9B;EAEA,MAAM,WAAW,IAAI,sBAClB,YAAY;GACX,MAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM,cAAc;GACnE,UAAU,cAAc;GACxB,IAAI,kBAAkB,MAAM,SAAS,WAAW;EAClD,GACA;GAAE;GAAY;EAAU,CAC1B;EAEA,SAAS,QAAQ,EAAE;EACnB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAM;EAAY;CAAS,CAAC;CAEhC,OAAO;EAAE;EAAK;CAAO;AACvB"}

package/dist/ui/index.d.mts

@@ -0,0 +1,81 @@
+import { focusRingClassName } from "./a11y/focus.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./components/VisuallyHidden/VisuallyHidden.mjs";
+import "./components/VisuallyHidden/index.mjs";
+import "./a11y/index.mjs";
+import { Accordion, AccordionItem, AccordionProps } from "./components/Accordion/Accordion.mjs";
+import "./components/Accordion/index.mjs";
+import { Avatar, AvatarProps } from "./components/Avatar/Avatar.mjs";
+import "./components/Avatar/index.mjs";
+import { Badge, BadgeProps, badgeVariants } from "./components/Badge/Badge.mjs";
+import "./components/Badge/index.mjs";
+import { BADGE_VERSION_RELEASE_TYPE_STYLES, BadgeVersion, BadgeVersionProps, ReleaseType, coerceBadgeReleaseType } from "./components/BadgeVersion/BadgeVersion.mjs";
+import "./components/BadgeVersion/index.mjs";
+import { Button, ButtonProps, buttonVariants } from "./components/Button/Button.mjs";
+import "./components/Button/index.mjs";
+import { Card, CardProps, cardVariants } from "./components/Card/Card.mjs";
+import "./components/Card/index.mjs";
+import { Checkbox, CheckboxProps } from "./components/Checkbox/Checkbox.mjs";
+import "./components/Checkbox/index.mjs";
+import { CodeBlock, CodeBlockProps, CodeBlockTheme } from "./components/CodeBlock/CodeBlock.mjs";
+import "./components/CodeBlock/index.mjs";
+import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsProps, CodeBlockTabsTheme } from "./components/CodeBlockTabs/CodeBlockTabs.mjs";
+import "./components/CodeBlockTabs/index.mjs";
+import { CollapsibleSection, CollapsibleSectionProps } from "./components/CollapsibleSection/CollapsibleSection.mjs";
+import "./components/CollapsibleSection/index.mjs";
+import { IconButton, IconButtonProps } from "./components/IconButton/IconButton.mjs";
+import { CopyButton, CopyButtonProps } from "./components/CopyButton/CopyButton.mjs";
+import "./components/CopyButton/index.mjs";
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile } from "./components/Dialog/Dialog.mjs";
+import "./components/Dialog/index.mjs";
+import { EmptyState, EmptyStateProps, emptyStateVariants } from "./components/EmptyState/EmptyState.mjs";
+import "./components/EmptyState/index.mjs";
+import { FieldError, FieldErrorProps } from "./components/FieldError/FieldError.mjs";
+import "./components/FieldError/index.mjs";
+import { FormatDateOptions, FormattedDate, FormattedDateProps, formatDate } from "./components/FormattedDate/FormattedDate.mjs";
+import "./components/FormattedDate/index.mjs";
+import "./components/IconButton/index.mjs";
+import { Input, InputProps } from "./components/Input/Input.mjs";
+import "./components/Input/index.mjs";
+import { Label, LabelProps } from "./components/Label/Label.mjs";
+import "./components/Label/index.mjs";
+import { LazyVideo, LazyVideoProps } from "./components/LazyVideo/LazyVideo.mjs";
+import "./components/LazyVideo/index.mjs";
+import { Pagination, PaginationLabels, PaginationProps, buildPageItems } from "./components/Pagination/Pagination.mjs";
+import "./components/Pagination/index.mjs";
+import { PaginationItem, PaginationItemProps } from "./components/PaginationItem/PaginationItem.mjs";
+import "./components/PaginationItem/index.mjs";
+import { PasswordInput, PasswordInputProps } from "./components/PasswordInput/PasswordInput.mjs";
+import "./components/PasswordInput/index.mjs";
+import { ProgressStepper, ProgressStepperProps, segmentVariants } from "./components/ProgressStepper/ProgressStepper.mjs";
+import "./components/ProgressStepper/index.mjs";
+import { Prose, ProseProps } from "./components/Prose/Prose.mjs";
+import "./components/Prose/index.mjs";
+import { Radio, RadioProps } from "./components/Radio/Radio.mjs";
+import "./components/Radio/index.mjs";
+import { Reveal, RevealProps } from "./components/Reveal/Reveal.mjs";
+import "./components/Reveal/index.mjs";
+import { SearchInput, SearchInputProps } from "./components/SearchInput/SearchInput.mjs";
+import "./components/SearchInput/index.mjs";
+import { Select, SelectOption, SelectProps } from "./components/Select/Select.mjs";
+import "./components/Select/index.mjs";
+import { Sheet, SheetClose, SheetContent, SheetContentProps, SheetOverlay, SheetOverlayProps, SheetPortal, SheetTrigger } from "./components/Sheet/Sheet.mjs";
+import "./components/Sheet/index.mjs";
+import { StaggerReveal, StaggerRevealProps } from "./components/StaggerReveal/StaggerReveal.mjs";
+import "./components/StaggerReveal/index.mjs";
+import { Stepper, StepperItem, StepperProps } from "./components/Stepper/Stepper.mjs";
+import "./components/Stepper/index.mjs";
+import { Switch, SwitchProps } from "./components/Switch/Switch.mjs";
+import "./components/Switch/index.mjs";
+import { TextButton, TextButtonProps } from "./components/TextButton/TextButton.mjs";
+import "./components/TextButton/index.mjs";
+import { Textarea, TextareaProps } from "./components/Textarea/Textarea.mjs";
+import "./components/Textarea/index.mjs";
+import { ToastProvider, ToastProviderProps, useToast } from "./components/Toast/Toast.mjs";
+import "./components/Toast/index.mjs";
+import { Tooltip, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger } from "./components/Tooltip/Tooltip.mjs";
+import "./components/Tooltip/index.mjs";
+import { UseInViewOptions, useInView } from "./hooks/useInView.mjs";
+import "./hooks/index.mjs";
+import { cn } from "./utils/cn.mjs";
+import "./utils/index.mjs";
+export { Accordion, type AccordionItem, type AccordionProps, Avatar, type AvatarProps, BADGE_VERSION_RELEASE_TYPE_STYLES, Badge, type BadgeProps, BadgeVersion, type BadgeVersionProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, type CodeBlockTab, CodeBlockTabs, type CodeBlockTabsProps, type CodeBlockTabsTheme, type CodeBlockTheme, CollapsibleSection, type CollapsibleSectionProps, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, EmptyState, type EmptyStateProps, FieldError, type FieldErrorProps, type FormatDateOptions, FormattedDate, type FormattedDateProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LazyVideo, type LazyVideoProps, Pagination, PaginationItem, type PaginationItemProps, type PaginationLabels, type PaginationProps, PasswordInput, type PasswordInputProps, ProgressStepper, type ProgressStepperProps, Prose, type ProseProps, Radio, type RadioProps, type ReleaseType, Reveal, type RevealProps, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTrigger, StaggerReveal, type StaggerRevealProps, Stepper, type StepperItem, type StepperProps, Switch, type SwitchProps, TextButton, type TextButtonProps, Textarea, type TextareaProps, ToastProvider, type ToastProviderProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseInViewOptions, VisuallyHidden, type VisuallyHiddenProps, badgeVariants, buildPageItems, buttonVariants, cardVariants, cn, coerceBadgeReleaseType, dialogFullscreenOnMobile, emptyStateVariants, focusRingClassName, formatDate, segmentVariants, useInView, useToast };

package/dist/ui/index.mjs

@@ -0,0 +1,40 @@
+export * from './utils/index.mjs'
+export * from './a11y/index.mjs'
+export * from './hooks/index.mjs'
+export * from './components/Button/index.mjs'
+export * from './components/IconButton/index.mjs'
+export * from './components/TextButton/index.mjs'
+export * from './components/Input/index.mjs'
+export * from './components/Textarea/index.mjs'
+export * from './components/Checkbox/index.mjs'
+export * from './components/Radio/index.mjs'
+export * from './components/Label/index.mjs'
+export * from './components/Dialog/index.mjs'
+export * from './components/Card/index.mjs'
+export * from './components/Badge/index.mjs'
+export * from './components/BadgeVersion/index.mjs'
+export * from './components/Avatar/index.mjs'
+export * from './components/EmptyState/index.mjs'
+export * from './components/CopyButton/index.mjs'
+export * from './components/Accordion/index.mjs'
+export * from './components/Stepper/index.mjs'
+export * from './components/Switch/index.mjs'
+export * from './components/Sheet/index.mjs'
+export * from './components/Select/index.mjs'
+export * from './components/Toast/index.mjs'
+export * from './components/CodeBlock/index.mjs'
+export * from './components/CodeBlockTabs/index.mjs'
+export * from './components/ProgressStepper/index.mjs'
+export * from './components/Pagination/index.mjs'
+export * from './components/PaginationItem/index.mjs'
+export * from './components/Prose/index.mjs'
+export * from './components/FormattedDate/index.mjs'
+export * from './components/VisuallyHidden/index.mjs'
+export * from './components/Tooltip/index.mjs'
+export * from './components/LazyVideo/index.mjs'
+export * from './components/Reveal/index.mjs'
+export * from './components/StaggerReveal/index.mjs'
+export * from './components/PasswordInput/index.mjs'
+export * from './components/SearchInput/index.mjs'
+export * from './components/FieldError/index.mjs'
+export * from './components/CollapsibleSection/index.mjs'

package/dist/ui/theme/preset.d.mts

@@ -0,0 +1,170 @@
+//#region src/ui/theme/preset.d.ts
+/**
+ * Shared websites UI Tailwind preset — full theme contract, WDK defaults.
+ *
+ * Same utility names everywhere (`bg-accent`, `text-foreground`, `text-display-1`,
+ * `rounded-btn`, `h-btn`, …). Apps point CSS variables at their brand palette.
+ *
+ *   // WDK — defaults already match site tokens
+ *   presets: [uiPreset]
+ *
+ *   // QVAC — same keys, override color (and any other) values
+ *   presets: [uiPreset]
+ *   theme: { extend: { colors: { accent: { DEFAULT: '…' }, … } } }
+ *
+ * CSS: define the `--color-*` / `--primitive-*` / `--btn-*` vars the preset
+ * references (see WDK `globals.css`), or remap them in the app `:root`.
+ */
+declare const preset: {
+  theme: {
+    extend: {
+      colors: {
+        background: string;
+        recessed: string;
+        surface: string;
+        'surface-elevated': string;
+        card: string;
+        'card-elevated': string;
+        foreground: string;
+        secondary: string;
+        muted: string;
+        'landing-text': string;
+        'landing-text-light': string;
+        'landing-text-light-30': string;
+        accent: {
+          DEFAULT: string;
+          foreground: string;
+          hover: string;
+          dim: string;
+        };
+        border: {
+          DEFAULT: string;
+          subtle: string;
+        };
+        success: string;
+        warning: string;
+        error: string;
+        destructive: string;
+        info: string;
+        ring: string;
+        teal: string;
+        amber: string;
+        purple: string;
+        green: string;
+        'blog-primary': string;
+        'blog-body': string;
+        'blog-meta': string;
+        primitive: {
+          black: string;
+          'dark-grey': string;
+          grey: string;
+          'light-grey': string;
+          white: string;
+          orange: string;
+          'orange-dark': string;
+          purple: string;
+        };
+      };
+      fontFamily: {
+        sans: string[];
+        display: string[];
+        mono: string[];
+      };
+      fontSize: {
+        'display-1': (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'display-2': (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'heading-3': (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'subhead-1': (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'subhead-2': (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'subhead-3': (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'body-1': (string | {
+          lineHeight: string;
+        })[];
+        'body-2': (string | {
+          lineHeight: string;
+        })[];
+        'body-sm': (string | {
+          lineHeight: string;
+        })[];
+        'body-md': (string | {
+          lineHeight: string;
+        })[];
+        'body-xs': (string | {
+          lineHeight: string;
+        })[];
+        btn: (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        'btn-cta': (string | {
+          lineHeight: string;
+        })[];
+        code: (string | {
+          lineHeight: string;
+        })[];
+        label: (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        badge: (string | {
+          lineHeight: string;
+          letterSpacing: string;
+        })[];
+        caption: (string | {
+          lineHeight: string;
+        })[];
+        'inter-h1': (string | {
+          lineHeight: string;
+        })[];
+        'inter-h2': (string | {
+          lineHeight: string;
+        })[];
+        'inter-h3': (string | {
+          lineHeight: string;
+        })[];
+        'blog-mob': (string | {
+          lineHeight: string;
+        })[];
+      };
+      borderRadius: {
+        btn: string;
+        card: string;
+        badge: string;
+        control: string;
+        pill: string;
+      };
+      height: {
+        btn: string;
+        'btn-sm': string;
+      };
+      size: {
+        'btn-sm': string;
+      };
+      padding: {
+        btn: string;
+        'btn-sm': string;
+      };
+    };
+  };
+};
+//#endregion
+export { preset as default };
+//# sourceMappingURL=preset.d.mts.map

package/dist/ui/theme/preset.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.mts","names":[],"sources":["../../../src/ui/theme/preset.ts"],"mappings":";;;;;;;;;;;;;;;;;cAoBM"}

package/dist/ui/theme/preset.mjs

@@ -0,0 +1,143 @@
+//#region src/ui/theme/preset.ts
+/**
+* Shared websites UI Tailwind preset — full theme contract, WDK defaults.
+*
+* Same utility names everywhere (`bg-accent`, `text-foreground`, `text-display-1`,
+* `rounded-btn`, `h-btn`, …). Apps point CSS variables at their brand palette.
+*
+*   // WDK — defaults already match site tokens
+*   presets: [uiPreset]
+*
+*   // QVAC — same keys, override color (and any other) values
+*   presets: [uiPreset]
+*   theme: { extend: { colors: { accent: { DEFAULT: '…' }, … } } }
+*
+* CSS: define the `--color-*` / `--primitive-*` / `--btn-*` vars the preset
+* references (see WDK `globals.css`), or remap them in the app `:root`.
+*/
+const hsl = (name) => `hsl(var(${name}) / <alpha-value>)`;
+const cssVar = (name) => `var(${name})`;
+const preset = { theme: { extend: {
+	colors: {
+		"background": hsl("--color-bg-base"),
+		"recessed": hsl("--color-bg-recessed"),
+		"surface": hsl("--color-bg-surface"),
+		"surface-elevated": hsl("--color-bg-card-elevated"),
+		"card": hsl("--color-bg-card"),
+		"card-elevated": hsl("--color-bg-card-elevated"),
+		"foreground": hsl("--color-text-primary"),
+		"secondary": hsl("--color-text-secondary"),
+		"muted": hsl("--color-text-muted"),
+		"landing-text": hsl("--color-landing-text"),
+		"landing-text-light": hsl("--color-landing-text-light"),
+		"landing-text-light-30": cssVar("--landing-text-light-30"),
+		"accent": {
+			DEFAULT: hsl("--color-accent"),
+			foreground: hsl("--color-text-primary"),
+			hover: hsl("--color-accent-hover"),
+			dim: hsl("--color-accent-dim")
+		},
+		"border": {
+			DEFAULT: hsl("--color-border-default"),
+			subtle: hsl("--color-border-subtle")
+		},
+		"success": hsl("--color-success"),
+		"warning": hsl("--color-warning"),
+		"error": hsl("--color-error"),
+		"destructive": hsl("--color-error"),
+		"info": hsl("--color-info"),
+		"ring": hsl("--color-accent"),
+		"teal": hsl("--color-teal"),
+		"amber": hsl("--color-amber"),
+		"purple": hsl("--color-purple"),
+		"green": hsl("--color-green"),
+		"blog-primary": hsl("--color-blog-primary"),
+		"blog-body": hsl("--color-blog-body"),
+		"blog-meta": hsl("--color-blog-meta"),
+		"primitive": {
+			"black": hsl("--primitive-black"),
+			"dark-grey": hsl("--primitive-dark-grey"),
+			"grey": hsl("--primitive-grey"),
+			"light-grey": hsl("--primitive-light-grey"),
+			"white": hsl("--primitive-white"),
+			"orange": hsl("--primitive-orange"),
+			"orange-dark": hsl("--primitive-orange-dark"),
+			"purple": hsl("--primitive-purple")
+		}
+	},
+	fontFamily: {
+		sans: ["var(--font-sans)", "sans-serif"],
+		display: ["var(--font-sharp)", "sans-serif"],
+		mono: ["var(--font-mono)", "monospace"]
+	},
+	fontSize: {
+		"display-1": ["60px", {
+			lineHeight: "1.05",
+			letterSpacing: "0"
+		}],
+		"display-2": ["50px", {
+			lineHeight: "1.05",
+			letterSpacing: "0"
+		}],
+		"heading-3": ["38px", {
+			lineHeight: "40px",
+			letterSpacing: "0"
+		}],
+		"subhead-1": ["28px", {
+			lineHeight: "32px",
+			letterSpacing: "0"
+		}],
+		"subhead-2": ["22px", {
+			lineHeight: "26px",
+			letterSpacing: "0"
+		}],
+		"subhead-3": ["13px", {
+			lineHeight: "1",
+			letterSpacing: "2px"
+		}],
+		"body-1": ["22px", { lineHeight: "32px" }],
+		"body-2": ["18px", { lineHeight: "28px" }],
+		"body-sm": ["15px", { lineHeight: "20px" }],
+		"body-md": ["14px", { lineHeight: "20px" }],
+		"body-xs": ["13px", { lineHeight: "18px" }],
+		"btn": ["14px", {
+			lineHeight: "19px",
+			letterSpacing: "0.5px"
+		}],
+		"btn-cta": ["15px", { lineHeight: "1" }],
+		"code": ["17px", { lineHeight: "20px" }],
+		"label": ["11px", {
+			lineHeight: "16px",
+			letterSpacing: "0.3px"
+		}],
+		"badge": ["10px", {
+			lineHeight: "1",
+			letterSpacing: "0.4px"
+		}],
+		"caption": ["12px", { lineHeight: "16px" }],
+		"inter-h1": ["50px", { lineHeight: "60px" }],
+		"inter-h2": ["30px", { lineHeight: "38px" }],
+		"inter-h3": ["26px", { lineHeight: "36px" }],
+		"blog-mob": ["16px", { lineHeight: "24px" }]
+	},
+	borderRadius: {
+		btn: "5px",
+		card: "10px",
+		badge: "5px",
+		control: "var(--control-radius)",
+		pill: "9999px"
+	},
+	height: {
+		"btn": "var(--btn-primary-height)",
+		"btn-sm": "var(--btn-sm-height)"
+	},
+	size: { "btn-sm": "var(--btn-sm-height)" },
+	padding: {
+		"btn": "var(--btn-primary-px)",
+		"btn-sm": "var(--btn-sm-px)"
+	}
+} } };
+//#endregion
+export { preset as default };
+
+//# sourceMappingURL=preset.mjs.map

package/dist/ui/theme/preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.mjs","names":[],"sources":["../../../src/ui/theme/preset.ts"],"sourcesContent":["/**\n * Shared websites UI Tailwind preset — full theme contract, WDK defaults.\n *\n * Same utility names everywhere (`bg-accent`, `text-foreground`, `text-display-1`,\n * `rounded-btn`, `h-btn`, …). Apps point CSS variables at their brand palette.\n *\n *   // WDK — defaults already match site tokens\n *   presets: [uiPreset]\n *\n *   // QVAC — same keys, override color (and any other) values\n *   presets: [uiPreset]\n *   theme: { extend: { colors: { accent: { DEFAULT: '…' }, … } } }\n *\n * CSS: define the `--color-*` / `--primitive-*` / `--btn-*` vars the preset\n * references (see WDK `globals.css`), or remap them in the app `:root`.\n */\n\nconst hsl = (name: string) => `hsl(var(${name}) / <alpha-value>)`\nconst cssVar = (name: string) => `var(${name})`\n\nconst preset = {\n  theme: {\n    extend: {\n      colors: {\n        'background': hsl('--color-bg-base'),\n        'recessed': hsl('--color-bg-recessed'),\n        'surface': hsl('--color-bg-surface'),\n        'surface-elevated': hsl('--color-bg-card-elevated'),\n        'card': hsl('--color-bg-card'),\n        'card-elevated': hsl('--color-bg-card-elevated'),\n        'foreground': hsl('--color-text-primary'),\n        'secondary': hsl('--color-text-secondary'),\n        'muted': hsl('--color-text-muted'),\n        'landing-text': hsl('--color-landing-text'),\n        'landing-text-light': hsl('--color-landing-text-light'),\n        'landing-text-light-30': cssVar('--landing-text-light-30'),\n\n        'accent': {\n          DEFAULT: hsl('--color-accent'),\n          foreground: hsl('--color-text-primary'),\n          hover: hsl('--color-accent-hover'),\n          dim: hsl('--color-accent-dim'),\n        },\n        'border': {\n          DEFAULT: hsl('--color-border-default'),\n          subtle: hsl('--color-border-subtle'),\n        },\n        'success': hsl('--color-success'),\n        'warning': hsl('--color-warning'),\n        'error': hsl('--color-error'),\n        'destructive': hsl('--color-error'),\n        'info': hsl('--color-info'),\n        'ring': hsl('--color-accent'),\n\n        'teal': hsl('--color-teal'),\n        'amber': hsl('--color-amber'),\n        'purple': hsl('--color-purple'),\n        'green': hsl('--color-green'),\n\n        'blog-primary': hsl('--color-blog-primary'),\n        'blog-body': hsl('--color-blog-body'),\n        'blog-meta': hsl('--color-blog-meta'),\n\n        'primitive': {\n          'black': hsl('--primitive-black'),\n          'dark-grey': hsl('--primitive-dark-grey'),\n          'grey': hsl('--primitive-grey'),\n          'light-grey': hsl('--primitive-light-grey'),\n          'white': hsl('--primitive-white'),\n          'orange': hsl('--primitive-orange'),\n          'orange-dark': hsl('--primitive-orange-dark'),\n          'purple': hsl('--primitive-purple'),\n        },\n      },\n\n      fontFamily: {\n        sans: ['var(--font-sans)', 'sans-serif'],\n        display: ['var(--font-sharp)', 'sans-serif'],\n        mono: ['var(--font-mono)', 'monospace'],\n      },\n\n      fontSize: {\n        'display-1': ['60px', { lineHeight: '1.05', letterSpacing: '0' }],\n        'display-2': ['50px', { lineHeight: '1.05', letterSpacing: '0' }],\n        'heading-3': ['38px', { lineHeight: '40px', letterSpacing: '0' }],\n        'subhead-1': ['28px', { lineHeight: '32px', letterSpacing: '0' }],\n        'subhead-2': ['22px', { lineHeight: '26px', letterSpacing: '0' }],\n        'subhead-3': ['13px', { lineHeight: '1', letterSpacing: '2px' }],\n        'body-1': ['22px', { lineHeight: '32px' }],\n        'body-2': ['18px', { lineHeight: '28px' }],\n        'body-sm': ['15px', { lineHeight: '20px' }],\n        'body-md': ['14px', { lineHeight: '20px' }],\n        'body-xs': ['13px', { lineHeight: '18px' }],\n        'btn': ['14px', { lineHeight: '19px', letterSpacing: '0.5px' }],\n        'btn-cta': ['15px', { lineHeight: '1' }],\n        'code': ['17px', { lineHeight: '20px' }],\n        'label': ['11px', { lineHeight: '16px', letterSpacing: '0.3px' }],\n        'badge': ['10px', { lineHeight: '1', letterSpacing: '0.4px' }],\n        'caption': ['12px', { lineHeight: '16px' }],\n        'inter-h1': ['50px', { lineHeight: '60px' }],\n        'inter-h2': ['30px', { lineHeight: '38px' }],\n        'inter-h3': ['26px', { lineHeight: '36px' }],\n        'blog-mob': ['16px', { lineHeight: '24px' }],\n      },\n\n      borderRadius: {\n        btn: '5px',\n        card: '10px',\n        badge: '5px',\n        control: 'var(--control-radius)',\n        pill: '9999px',\n      },\n\n      height: {\n        'btn': 'var(--btn-primary-height)',\n        'btn-sm': 'var(--btn-sm-height)',\n      },\n\n      size: {\n        'btn-sm': 'var(--btn-sm-height)',\n      },\n\n      padding: {\n        'btn': 'var(--btn-primary-px)',\n        'btn-sm': 'var(--btn-sm-px)',\n      },\n    },\n  },\n}\n\nexport default preset\n"],"mappings":"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"}

package/dist/ui/utils/cn.d.mts

@@ -0,0 +1,6 @@
+import { ClassValue } from "clsx";
+//#region src/ui/utils/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };
+//# sourceMappingURL=cn.d.mts.map

package/dist/ui/utils/cn.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.mts","names":[],"sources":["../../../src/ui/utils/cn.ts"],"mappings":";;iBAgDgB,MAAM,QAAQ"}

package/dist/ui/utils/cn.mjs

@@ -0,0 +1,42 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+const twMerge = extendTailwindMerge({ extend: { classGroups: {
+	"font-size": [{ text: [
+		"display-1",
+		"display-2",
+		"heading-1",
+		"heading-2",
+		"heading-3",
+		"heading-4",
+		"heading-5",
+		"heading-6",
+		"subhead-1",
+		"subhead-2",
+		"subhead-3",
+		"body-1",
+		"body-2",
+		"body-lg",
+		"body-md",
+		"body-sm",
+		"body-xs",
+		"btn",
+		"btn-cta",
+		"code",
+		"label",
+		"badge",
+		"caption",
+		"eyebrow",
+		"inter-h1",
+		"inter-h2",
+		"inter-h3",
+		"blog-mob"
+	] }],
+	"text-color": ["text-on-action", "visited:text-on-action"]
+} } });
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn };
+
+//# sourceMappingURL=cn.mjs.map

package/dist/ui/utils/cn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.mjs","names":[],"sources":["../../../src/ui/utils/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\n/**\n * Shared `cn()` helper. Extends tailwind-merge so shared typography tokens from\n * WDK and QVAC are treated as font-size / color groups and do not cancel each\n * other incorrectly.\n */\nconst CUSTOM_FONT_SIZES = [\n  'display-1',\n  'display-2',\n  'heading-1',\n  'heading-2',\n  'heading-3',\n  'heading-4',\n  'heading-5',\n  'heading-6',\n  'subhead-1',\n  'subhead-2',\n  'subhead-3',\n  'body-1',\n  'body-2',\n  'body-lg',\n  'body-md',\n  'body-sm',\n  'body-xs',\n  'btn',\n  'btn-cta',\n  'code',\n  'label',\n  'badge',\n  'caption',\n  'eyebrow',\n  'inter-h1',\n  'inter-h2',\n  'inter-h3',\n  'blog-mob',\n]\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'font-size': [{ text: CUSTOM_FONT_SIZES }],\n      'text-color': ['text-on-action', 'visited:text-on-action'],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;AAuCA,MAAM,UAAU,oBAAoB,EAClC,QAAQ,EACN,aAAa;CACX,aAAa,CAAC,EAAE,MAAM;EAjC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAM0B,EAAkB,CAAC;CACzC,cAAc,CAAC,kBAAkB,wBAAwB;AAC3D,EACF,EACF,CAAC;AAED,SAAgB,GAAG,GAAG,QAAsB;CAC1C,OAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B"}

package/dist/ui/utils/index.d.mts

@@ -0,0 +1,2 @@
+import { cn } from "./cn.mjs";
+export { cn };

package/dist/ui/utils/index.mjs

@@ -0,0 +1,2 @@
+import { cn } from "./cn.mjs";
+export { cn };

package/dist/utils/index.d.mts

@@ -0,0 +1,2 @@
+import { i as stripShikiPreBackground, n as createLogger, r as toPlainValue, t as Logger } from "../index4.mjs";
+export { type Logger, createLogger, stripShikiPreBackground, toPlainValue };

package/dist/utils/index.mjs

@@ -0,0 +1,3 @@
+import { t as createLogger } from "../logger.mjs";
+import { n as stripShikiPreBackground, t as toPlainValue } from "../utils.mjs";
+export { createLogger, stripShikiPreBackground, toPlainValue };

package/dist/utils.mjs

@@ -0,0 +1,18 @@
+//#region src/utils/stripShikiPreBackground.ts
+function stripShikiPreBackground(html) {
+	return html.replace(/<pre([^>]*)style="([^"]*)"([^>]*)>/, (_, before, styles, after) => {
+		const nextStyles = styles.replace(/background-color:[^;"]*;?/gi, "").replace(/(^|;)\s*;+/g, "$1").trim().replace(/^;|;$/g, "");
+		if (!nextStyles) return `<pre${before}${after}>`;
+		return `<pre${before}style="${nextStyles}"${after}>`;
+	});
+}
+//#endregion
+//#region src/utils/toPlainValue.ts
+function toPlainValue(value) {
+	if (value == null) return value;
+	return JSON.parse(JSON.stringify(value));
+}
+//#endregion
+export { stripShikiPreBackground as n, toPlainValue as t };
+
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../src/utils/stripShikiPreBackground.ts","../src/utils/toPlainValue.ts"],"sourcesContent":["export function stripShikiPreBackground(html: string): string {\n  return html.replace(/<pre([^>]*)style=\"([^\"]*)\"([^>]*)>/, (_, before, styles, after) => {\n    const nextStyles = styles\n      .replace(/background-color:[^;\"]*;?/gi, '')\n      .replace(/(^|;)\\s*;+/g, '$1')\n      .trim()\n      .replace(/^;|;$/g, '')\n\n    if (!nextStyles) {\n      return `<pre${before}${after}>`\n    }\n\n    return `<pre${before}style=\"${nextStyles}\"${after}>`\n  })\n}\n","export function toPlainValue<T>(value: T): T {\n  if (value == null) return value\n  return JSON.parse(JSON.stringify(value)) as T\n}\n"],"mappings":";AAAA,SAAgB,wBAAwB,MAAsB;CAC5D,OAAO,KAAK,QAAQ,uCAAuC,GAAG,QAAQ,QAAQ,UAAU;EACtF,MAAM,aAAa,OAChB,QAAQ,+BAA+B,EAAE,CAAC,CAC1C,QAAQ,eAAe,IAAI,CAAC,CAC5B,KAAK,CAAC,CACN,QAAQ,UAAU,EAAE;EAEvB,IAAI,CAAC,YACH,OAAO,OAAO,SAAS,MAAM;EAG/B,OAAO,OAAO,OAAO,SAAS,WAAW,GAAG,MAAM;CACpD,CAAC;AACH;;;ACdA,SAAgB,aAAgB,OAAa;CAC3C,IAAI,SAAS,MAAM,OAAO;CAC1B,OAAO,KAAK,MAAM,KAAK,UAAU,KAAK,CAAC;AACzC"}