@contractspec/lib.ui-kit-web 0.0.0-canary-20260113162409

package/dist/ui/typography.d.ts

@@ -0,0 +1,65 @@
+import { TextProps } from "./text.js";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
+
+//#region ui/typography.d.ts
+type TypographyProps = TextProps & {
+  asChild?: boolean;
+};
+declare function H1({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function H2({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function H3({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function H4({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function P({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function BlockQuote({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function Code({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function Lead({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function Large({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function Small({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+declare function Muted({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime235.JSX.Element;
+//#endregion
+export { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };
+//# sourceMappingURL=typography.d.ts.map

package/dist/ui/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../ui/typography.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,eAAA,GAAkB;;;AAHuB,iBAOrC,EAAA,CAJJ;EAAe,SAAA;EAAA,OAAG;EAAA,GAAS;AAAA,CAAA,EAIsB,eAJtB,CAAA,EAIqC,oBAAA,CAAA,GAAA,CAAA,OAJrC;AAAA,iBAmBvB,EAAA,CAfE;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAe2C,eAf3C,CAAA,EAe0D,oBAAA,CAAA,GAAA,CAAA,OAf1D;iBA8BF,EAAA,CA9BK;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA8BwC,eA9BxC,CAAA,EA8BuD,oBAAA,CAAA,GAAA,CAAA,OA9BvD;iBA6CL,EAAA,CA7CgB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6C6B,eA7C7B,CAAA,EA6C4C,oBAAA,CAAA,GAAA,CAAA,OA7C5C;iBA4DhB,CAAA,CA5D6C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA4DD,eA5DC,CAAA,EA4Dc,oBAAA,CAAA,GAAA,CAAA,OA5Dd;iBAsE7C,UAAA,CAtE4D;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAsEP,eAtEO,CAAA,EAsEQ,oBAAA,CAAA,GAAA,CAAA,OAtER;iBAoF5D,IAAA,CApF4D;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAoFb,eApFa,CAAA,EAoFE,oBAAA,CAAA,GAAA,CAAA,OApFF;AAAA,iBAkG5D,IAAA,CAnFE;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAmF6C,eAnF7C,CAAA,EAmF4D,oBAAA,CAAA,GAAA,CAAA,OAnF5D;iBA6FF,KAAA,CA7FK;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6F2C,eA7F3C,CAAA,EA6F0D,oBAAA,CAAA,GAAA,CAAA,OA7F1D;iBA0GL,KAAA,CA1GgB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA0GgC,eA1GhC,CAAA,EA0G+C,oBAAA,CAAA,GAAA,CAAA,OA1G/C;iBAuHhB,KAAA,CAvH6C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAuHG,eAvHH,CAAA,EAuHkB,oBAAA,CAAA,GAAA,CAAA,OAvHlB"}

package/dist/ui/typography.js

@@ -0,0 +1,87 @@
+import { Text } from "./text.js";
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ui/typography.tsx
+function H1({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "h1", {
+		role: "heading",
+		"aria-level": 1,
+		className: cn("text-foreground web:select-text web:scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl", className),
+		...props
+	});
+}
+function H2({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "h2", {
+		role: "heading",
+		"aria-level": 2,
+		className: cn("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
+	});
+}
+function H3({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "h3", {
+		role: "heading",
+		"aria-level": 3,
+		className: cn("text-foreground web:select-text web:scroll-m-20 text-2xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function H4({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "h4", {
+		role: "heading",
+		"aria-level": 4,
+		className: cn("text-foreground web:select-text web:scroll-m-20 text-xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function P({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		className: cn("text-foreground web:select-text text-base", className),
+		...props
+	});
+}
+function BlockQuote({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		role: "blockquote",
+		className: cn("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
+	});
+}
+function Code({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		role: "code",
+		className: cn("bg-muted text-foreground web:select-text relative rounded-md px-[0.3rem] py-[0.2rem] text-sm font-semibold", className),
+		...props
+	});
+}
+function Lead({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		className: cn("text-muted-foreground web:select-text text-xl", className),
+		...props
+	});
+}
+function Large({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		className: cn("text-foreground web:select-text text-xl font-semibold", className),
+		...props
+	});
+}
+function Small({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		className: cn("text-foreground web:select-text text-sm leading-none font-medium", className),
+		...props
+	});
+}
+function Muted({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Text, {
+		className: cn("text-muted-foreground web:select-text text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };
+//# sourceMappingURL=typography.js.map

package/dist/ui/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../ui/typography.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport { Text, type TextProps } from './text';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\ntype TypographyProps = TextProps & {\n  asChild?: boolean;\n};\n\nfunction H1({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : 'h1';\n  return (\n    <Component\n      role=\"heading\"\n      aria-level={1}\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H2({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : 'h2';\n  return (\n    <Component\n      role=\"heading\"\n      aria-level={2}\n      className={cn(\n        'border-border text-foreground web:select-text web:scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H3({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : 'h3';\n  return (\n    <Component\n      role=\"heading\"\n      aria-level={3}\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-2xl font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H4({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : 'h4';\n  return (\n    <Component\n      role=\"heading\"\n      aria-level={4}\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-xl font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction P({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      className={cn('text-foreground web:select-text text-base', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BlockQuote({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      role=\"blockquote\"\n      className={cn(\n        'native:mt-4 native:pl-3 border-border text-foreground web:select-text mt-6 border-l-2 pl-6 text-base italic',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Code({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      role=\"code\"\n      className={cn(\n        'bg-muted text-foreground web:select-text relative rounded-md px-[0.3rem] py-[0.2rem] text-sm font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Lead({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      className={cn('text-muted-foreground web:select-text text-xl', className)}\n      {...props}\n    />\n  );\n}\n\nfunction Large({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-xl font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Small({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-sm leading-none font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Muted({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot : Text;\n  return (\n    <Component\n      className={cn('text-muted-foreground web:select-text text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };\n"],"mappings":";;;;;;;AASA,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,OAAO;EAG/B,MAAK;EACL,cAAY;EACZ,WAAW,GACT,sGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,OAAO;EAG/B,MAAK;EACL,cAAY;EACZ,WAAW,GACT,gIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,OAAO;EAG/B,MAAK;EACL,cAAY;EACZ,WAAW,GACT,yFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,OAAO;EAG/B,MAAK;EACL,cAAY;EACZ,WAAW,GACT,wFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,EAAE,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAEpE,QACE,oBAFgB,UAAU,OAAO;EAG/B,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAE7E,QACE,oBAFgB,UAAU,OAAO;EAG/B,MAAK;EACL,WAAW,GACT,+GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,KAAK,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAEvE,QACE,oBAFgB,UAAU,OAAO;EAG/B,MAAK;EACL,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,KAAK,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAEvE,QACE,oBAFgB,UAAU,OAAO;EAG/B,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,OAAO;EAG/B,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,OAAO;EAG/B,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,OAAO;EAG/B,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ"}

package/dist/ui/use-media-query.d.ts

@@ -0,0 +1,5 @@
+//#region ui/use-media-query.d.ts
+declare function useMediaQuery(query: string): boolean;
+//#endregion
+export { useMediaQuery };
+//# sourceMappingURL=use-media-query.d.ts.map

package/dist/ui/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","names":[],"sources":["../../ui/use-media-query.ts"],"sourcesContent":[],"mappings":";iBAEgB,aAAA"}

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

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+
+//#region ui/use-media-query.ts
+function useMediaQuery(query) {
+	const [value, setValue] = React$1.useState(false);
+	React$1.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;
+}
+
+//#endregion
+export { useMediaQuery };
+//# sourceMappingURL=use-media-query.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","names":["React"],"sources":["../../ui/use-media-query.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useMediaQuery(query: string) {\n  const [value, setValue] = React.useState(false);\n\n  React.useEffect(() => {\n    function onChange(event: MediaQueryListEvent) {\n      setValue(event.matches);\n    }\n\n    const result = matchMedia(query);\n    result.addEventListener('change', onChange);\n    setValue(result.matches);\n\n    return () => result.removeEventListener('change', onChange);\n  }, [query]);\n\n  return value;\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAe;CAC3C,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAS,MAAM;AAE/C,SAAM,gBAAgB;EACpB,SAAS,SAAS,OAA4B;AAC5C,YAAS,MAAM,QAAQ;;EAGzB,MAAM,SAAS,WAAW,MAAM;AAChC,SAAO,iBAAiB,UAAU,SAAS;AAC3C,WAAS,OAAO,QAAQ;AAExB,eAAa,OAAO,oBAAoB,UAAU,SAAS;IAC1D,CAAC,MAAM,CAAC;AAEX,QAAO"}

package/dist/ui/use-mobile.d.ts

@@ -0,0 +1,5 @@
+//#region ui/use-mobile.d.ts
+declare function useIsMobile(): boolean;
+//#endregion
+export { useIsMobile };
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/ui/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","names":[],"sources":["../../ui/use-mobile.tsx"],"sourcesContent":[],"mappings":";iBAMgB,WAAA,CAAA"}

package/dist/ui/use-mobile.js

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+
+//#region ui/use-mobile.tsx
+const MOBILE_BREAKPOINT = 640;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+
+//#endregion
+export { useIsMobile };
+//# sourceMappingURL=use-mobile.js.map

package/dist/ui/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","names":["React"],"sources":["../../ui/use-mobile.tsx"],"sourcesContent":["import * as React from 'react';\n\n// Mobile-first breakpoint optimized for selleur users\n// Using 640px (Tailwind sm) to ensure tablet portrait is considered mobile\nconst MOBILE_BREAKPOINT = 640;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;;AAIA,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAeA,QAAM,SACpC,OACD;AAED,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,EAAE,KAAK;EACxE,MAAM,iBAAiB;AACrB,eAAY,OAAO,aAAa,kBAAkB;;AAEpD,MAAI,iBAAiB,UAAU,SAAS;AACxC,cAAY,OAAO,aAAa,kBAAkB;AAClD,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AAEN,QAAO,CAAC,CAAC"}

package/dist/ui/use-reduced-motion.d.ts

@@ -0,0 +1,5 @@
+//#region ui/use-reduced-motion.d.ts
+declare function useReducedMotion(): boolean;
+//#endregion
+export { useReducedMotion };
+//# sourceMappingURL=use-reduced-motion.d.ts.map

package/dist/ui/use-reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.d.ts","names":[],"sources":["../../ui/use-reduced-motion.ts"],"sourcesContent":[],"mappings":";iBAEgB,gBAAA,CAAA"}

package/dist/ui/use-reduced-motion.js

@@ -0,0 +1,18 @@
+import * as React$1 from "react";
+
+//#region ui/use-reduced-motion.ts
+function useReducedMotion() {
+	const [reduced, setReduced] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+		const onChange = () => setReduced(mql.matches);
+		onChange();
+		mql.addEventListener("change", onChange);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return reduced;
+}
+
+//#endregion
+export { useReducedMotion };
+//# sourceMappingURL=use-reduced-motion.js.map

package/dist/ui/use-reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.js","names":["React"],"sources":["../../ui/use-reduced-motion.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useReducedMotion(): boolean {\n  const [reduced, setReduced] = React.useState(false);\n  React.useEffect(() => {\n    const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const onChange = () => setReduced(mql.matches);\n    onChange();\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n  return reduced;\n}\n"],"mappings":";;;AAEA,SAAgB,mBAA4B;CAC1C,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,MAAM;AACnD,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,mCAAmC;EACjE,MAAM,iBAAiB,WAAW,IAAI,QAAQ;AAC9C,YAAU;AACV,MAAI,iBAAiB,UAAU,SAAS;AACxC,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AACN,QAAO"}

package/dist/ui/use-toast.d.ts

@@ -0,0 +1,50 @@
+import { ToastActionElement, ToastProps } from "./toast.js";
+import * as React$1 from "react";
+
+//#region ui/use-toast.d.ts
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  action?: ToastActionElement;
+};
+declare const actionTypes: {
+  readonly ADD_TOAST: "ADD_TOAST";
+  readonly UPDATE_TOAST: "UPDATE_TOAST";
+  readonly DISMISS_TOAST: "DISMISS_TOAST";
+  readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+  type: ActionType['ADD_TOAST'];
+  toast: ToasterToast;
+} | {
+  type: ActionType['UPDATE_TOAST'];
+  toast: Partial<ToasterToast>;
+} | {
+  type: ActionType['DISMISS_TOAST'];
+  toastId?: ToasterToast['id'];
+} | {
+  type: ActionType['REMOVE_TOAST'];
+  toastId?: ToasterToast['id'];
+};
+interface State {
+  toasts: ToasterToast[];
+}
+declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, 'id'>;
+declare function toast({
+  ...props
+}: Toast): {
+  id: string;
+  dismiss: () => void;
+  update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+  toast: typeof toast;
+  dismiss: (toastId?: string) => void;
+  toasts: ToasterToast[];
+};
+//#endregion
+export { reducer, toast, useToast };
+//# sourceMappingURL=use-toast.d.ts.map

package/dist/ui/use-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.d.ts","names":[],"sources":["../../ui/use-toast.ts"],"sourcesContent":[],"mappings":";;;;KAUK,YAAA,GAAe;;EAAf,KAAA,CAAA,EAEK,OAAA,CAAM,SAFC;EAAG,WAAA,CAAA,EAGJ,OAAA,CAAM,SAHF;EAEV,MAAM,CAAA,EAEL,kBAFK;CACA;cAKV,WAJK,EAAA;EAAkB,SAAA,SAAA,EAAA,WAAA;EAIvB,SAAA,YAKI,EAAA,cAAA;EASL,SAAA,aAAU,EAAA,eAAqB;EAE/B,SAAM,YAAA,EAAA,cAAA;CAEC;KAJP,UAAA,GAKQ,OALY,WAKZ;KAHR,MAAA,GAMO;EACS,IAAA,EALT,UAKS,CAAA,WAAA,CAAA;EAAR,KAAA,EAJA,YAIA;CAGD,GAAA;EACI,IAAA,EALJ,UAKI,CAAA,cAAA,CAAA;EAGJ,KAAA,EAPC,OAOD,CAPS,YAOT,CAAA;CACI,GAAA;EAAY,IAAA,EALhB,UAKgB,CAAA,eAAA,CAAA;EAGlB,OAAA,CAAK,EAPC,YAQN,CAAA,IAAA,CAAA;AAqBV,CAAA,GAAa;EAAkB,IAAA,EA1BnB,UA0BmB,CAAA,cAAA,CAAA;EAAe,OAAA,CAAA,EAzB9B,YAyB8B,CAAA,IAAA,CAAA;CAAS;UAtB7C,KAAA,CA2ET;EAaI,MAAA,EAvFK,YAuFA,EAAQ;AAAD;AA+BR,cAjGI,OAiGI,EAAA,CAAA,KAtHP,EAqBqB,KArBrB,EAAA,MAAY,EAqBwB,MArBxB,EAAA,GAqBiC,KArBjC;KAuFjB,KAAA,GAAQ,KAAK;iBAET,KAAA;;GAAoB;;;kBAGJ;;iBA0BhB,QAAA,CAAA;gBAAQ;;UAtHP"}

package/dist/ui/use-toast.js

@@ -0,0 +1,122 @@
+'use client';
+
+import * as React$1 from "react";
+
+//#region ui/use-toast.ts
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1e6;
+let count = 0;
+function genId() {
+	count = (count + 1) % Number.MAX_SAFE_INTEGER;
+	return count.toString();
+}
+const toastTimeouts = /* @__PURE__ */ new Map();
+const 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);
+};
+const 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$1) => {
+				addToRemoveQueue(toast$1.id);
+			});
+			return {
+				...state,
+				toasts: state.toasts.map((t) => t.id === toastId || toastId === void 0 ? {
+					...t,
+					open: false
+				} : t)
+			};
+		}
+		case "REMOVE_TOAST":
+			if (action.toastId === void 0) return {
+				...state,
+				toasts: []
+			};
+			return {
+				...state,
+				toasts: state.toasts.filter((t) => t.id !== action.toastId)
+			};
+	}
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+	memoryState = reducer(memoryState, action);
+	listeners.forEach((listener) => {
+		listener(memoryState);
+	});
+}
+function toast({ ...props }) {
+	const id = genId();
+	const update = (props$1) => dispatch({
+		type: "UPDATE_TOAST",
+		toast: {
+			...props$1,
+			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] = React$1.useState(memoryState);
+	React$1.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
+		})
+	};
+}
+
+//#endregion
+export { reducer, toast, useToast };
+//# sourceMappingURL=use-toast.js.map

package/dist/ui/use-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.js","names":["toast","props","React"],"sources":["../../ui/use-toast.ts"],"sourcesContent":["'use client';\n\n// Inspired by react-hot-toast library\nimport * as React from 'react';\n\nimport type { ToastActionElement, ToastProps } from './toast';\n\nconst TOAST_LIMIT = 1;\nconst TOAST_REMOVE_DELAY = 1000000;\n\ntype ToasterToast = ToastProps & {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  action?: ToastActionElement;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst actionTypes = {\n  ADD_TOAST: 'ADD_TOAST',\n  UPDATE_TOAST: 'UPDATE_TOAST',\n  DISMISS_TOAST: 'DISMISS_TOAST',\n  REMOVE_TOAST: 'REMOVE_TOAST',\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n}\n\ntype ActionType = typeof actionTypes;\n\ntype Action =\n  | {\n      type: ActionType['ADD_TOAST'];\n      toast: ToasterToast;\n    }\n  | {\n      type: ActionType['UPDATE_TOAST'];\n      toast: Partial<ToasterToast>;\n    }\n  | {\n      type: ActionType['DISMISS_TOAST'];\n      toastId?: ToasterToast['id'];\n    }\n  | {\n      type: ActionType['REMOVE_TOAST'];\n      toastId?: ToasterToast['id'];\n    };\n\ninterface State {\n  toasts: ToasterToast[];\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return;\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId);\n    dispatch({\n      type: 'REMOVE_TOAST',\n      toastId: toastId,\n    });\n  }, TOAST_REMOVE_DELAY);\n\n  toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      };\n\n    case 'UPDATE_TOAST':\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      };\n\n    case 'DISMISS_TOAST': {\n      const { toastId } = action;\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId);\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id);\n        });\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      };\n    }\n    case 'REMOVE_TOAST':\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        };\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      };\n  }\n};\n\nconst listeners: ((state: State) => void)[] = [];\n\nlet memoryState: State = { toasts: [] };\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action);\n  listeners.forEach((listener) => {\n    listener(memoryState);\n  });\n}\n\ntype Toast = Omit<ToasterToast, 'id'>;\n\nfunction toast({ ...props }: Toast) {\n  const id = genId();\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: 'UPDATE_TOAST',\n      toast: { ...props, id },\n    });\n  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });\n\n  dispatch({\n    type: 'ADD_TOAST',\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss();\n      },\n    },\n  });\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  };\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState);\n\n  React.useEffect(() => {\n    listeners.push(setState);\n    return () => {\n      const index = listeners.indexOf(setState);\n      if (index > -1) {\n        listeners.splice(index, 1);\n      }\n    };\n  }, [state]);\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),\n  };\n}\n\nexport { useToast, toast };\n"],"mappings":";;;;;AAOA,MAAM,cAAc;AACpB,MAAM,qBAAqB;AAiB3B,IAAI,QAAQ;AAEZ,SAAS,QAAQ;AACf,UAAS,QAAQ,KAAK,OAAO;AAC7B,QAAO,MAAM,UAAU;;AA2BzB,MAAM,gCAAgB,IAAI,KAA4C;AAEtE,MAAM,oBAAoB,YAAoB;AAC5C,KAAI,cAAc,IAAI,QAAQ,CAC5B;CAGF,MAAM,UAAU,iBAAiB;AAC/B,gBAAc,OAAO,QAAQ;AAC7B,WAAS;GACP,MAAM;GACG;GACV,CAAC;IACD,mBAAmB;AAEtB,eAAc,IAAI,SAAS,QAAQ;;AAGrC,MAAa,WAAW,OAAc,WAA0B;AAC9D,SAAQ,OAAO,MAAf;EACE,KAAK,YACH,QAAO;GACL,GAAG;GACH,QAAQ,CAAC,OAAO,OAAO,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,YAAY;GAC9D;EAEH,KAAK,eACH,QAAO;GACL,GAAG;GACH,QAAQ,MAAM,OAAO,KAAK,MACxB,EAAE,OAAO,OAAO,MAAM,KAAK;IAAE,GAAG;IAAG,GAAG,OAAO;IAAO,GAAG,EACxD;GACF;EAEH,KAAK,iBAAiB;GACpB,MAAM,EAAE,YAAY;AAIpB,OAAI,QACF,kBAAiB,QAAQ;OAEzB,OAAM,OAAO,SAAS,YAAU;AAC9B,qBAAiBA,QAAM,GAAG;KAC1B;AAGJ,UAAO;IACL,GAAG;IACH,QAAQ,MAAM,OAAO,KAAK,MACxB,EAAE,OAAO,WAAW,YAAY,SAC5B;KACE,GAAG;KACH,MAAM;KACP,GACD,EACL;IACF;;EAEH,KAAK;AACH,OAAI,OAAO,YAAY,OACrB,QAAO;IACL,GAAG;IACH,QAAQ,EAAE;IACX;AAEH,UAAO;IACL,GAAG;IACH,QAAQ,MAAM,OAAO,QAAQ,MAAM,EAAE,OAAO,OAAO,QAAQ;IAC5D;;;AAIP,MAAM,YAAwC,EAAE;AAEhD,IAAI,cAAqB,EAAE,QAAQ,EAAE,EAAE;AAEvC,SAAS,SAAS,QAAgB;AAChC,eAAc,QAAQ,aAAa,OAAO;AAC1C,WAAU,SAAS,aAAa;AAC9B,WAAS,YAAY;GACrB;;AAKJ,SAAS,MAAM,EAAE,GAAG,SAAgB;CAClC,MAAM,KAAK,OAAO;CAElB,MAAM,UAAU,YACd,SAAS;EACP,MAAM;EACN,OAAO;GAAE,GAAGC;GAAO;GAAI;EACxB,CAAC;CACJ,MAAM,gBAAgB,SAAS;EAAE,MAAM;EAAiB,SAAS;EAAI,CAAC;AAEtE,UAAS;EACP,MAAM;EACN,OAAO;GACL,GAAG;GACH;GACA,MAAM;GACN,eAAe,SAAS;AACtB,QAAI,CAAC,KAAM,UAAS;;GAEvB;EACF,CAAC;AAEF,QAAO;EACD;EACJ;EACA;EACD;;AAGH,SAAS,WAAW;CAClB,MAAM,CAAC,OAAO,YAAYC,QAAM,SAAgB,YAAY;AAE5D,SAAM,gBAAgB;AACpB,YAAU,KAAK,SAAS;AACxB,eAAa;GACX,MAAM,QAAQ,UAAU,QAAQ,SAAS;AACzC,OAAI,QAAQ,GACV,WAAU,OAAO,OAAO,EAAE;;IAG7B,CAAC,MAAM,CAAC;AAEX,QAAO;EACL,GAAG;EACH;EACA,UAAU,YAAqB,SAAS;GAAE,MAAM;GAAiB;GAAS,CAAC;EAC5E"}

package/dist/ui/useListState.d.ts

@@ -0,0 +1,34 @@
+//#region ui/useListState.d.ts
+interface UseListStateOptions {
+  initialSearch?: string;
+  initialFilters?: Record<string, string>;
+  initialPage?: number;
+  initialItemsPerPage?: number;
+  debounceMs?: number;
+}
+interface UseListStateReturn {
+  searchQuery: string;
+  setSearchQuery: (query: string) => void;
+  filters: Record<string, string>;
+  setFilter: (key: string, value: string) => void;
+  clearFilters: () => void;
+  currentPage: number;
+  itemsPerPage: number;
+  setCurrentPage: (page: number) => void;
+  setItemsPerPage: (itemsPerPage: number) => void;
+  queryParams: {
+    search: string;
+    page: number;
+    limit: number;
+  } & Record<string, string | number>;
+  resetAll: () => void;
+}
+declare const useListState: ({
+  initialSearch,
+  initialFilters,
+  initialPage,
+  initialItemsPerPage
+}?: UseListStateOptions) => UseListStateReturn;
+//#endregion
+export { UseListStateOptions, UseListStateReturn, useListState };
+//# sourceMappingURL=useListState.d.ts.map

package/dist/ui/useListState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListState.d.ts","names":[],"sources":["../../ui/useListState.tsx"],"sourcesContent":[],"mappings":";UAEiB,mBAAA;EAAA,aAAA,CAAA,EAAA,MAAmB;EAQnB,cAAA,CAAA,EANE,MAMgB,CAAA,MAAA,EAAA,MAMxB,CAAA;EAqBE,WAAA,CAAA,EAAA,MA2EZ;EA3E4B,mBAAA,CAAA,EAAA,MAAA;EAAA,UAAA,CAAA,EAAA,MAAA;;AAAA,UA3BZ,kBAAA,CA2BY;EAK1B,WAAA,EAAA,MAAA;EAA2B,cAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAsE7B,OAAA,EAhGU,MAgGV,CAAA,MAAA,EAAA,MAAA,CAAA;;;;;;;;;;;MAjFK;;;cAMO;;;;;IAKV,wBAA2B"}

package/dist/ui/useListState.js

@@ -0,0 +1,75 @@
+import { useCallback, useMemo, useState } from "react";
+
+//#region ui/useListState.tsx
+const useListState = ({ initialSearch = "", initialFilters = {}, initialPage = 1, initialItemsPerPage = 25 } = {}) => {
+	const [searchQuery, setSearchQuery] = useState(initialSearch);
+	const [filters, setFilters] = useState(initialFilters);
+	const [currentPage, setCurrentPage] = useState(initialPage);
+	const [itemsPerPage, setItemsPerPage] = useState(initialItemsPerPage);
+	const setFilter = useCallback((key, value) => {
+		setFilters((prev) => ({
+			...prev,
+			[key]: value
+		}));
+		setCurrentPage(1);
+	}, []);
+	const clearFilters = useCallback(() => {
+		setFilters({});
+		setCurrentPage(1);
+	}, []);
+	const handleSetSearchQuery = useCallback((query) => {
+		setSearchQuery(query);
+		setCurrentPage(1);
+	}, []);
+	const handleSetItemsPerPage = useCallback((newItemsPerPage) => {
+		setItemsPerPage(newItemsPerPage);
+		setCurrentPage(1);
+	}, []);
+	const resetAll = useCallback(() => {
+		setSearchQuery(initialSearch);
+		setFilters(initialFilters);
+		setCurrentPage(initialPage);
+		setItemsPerPage(initialItemsPerPage);
+	}, [
+		initialSearch,
+		initialFilters,
+		initialPage,
+		initialItemsPerPage
+	]);
+	return {
+		searchQuery,
+		setSearchQuery: handleSetSearchQuery,
+		filters,
+		setFilter,
+		clearFilters,
+		currentPage,
+		itemsPerPage,
+		setCurrentPage,
+		setItemsPerPage: handleSetItemsPerPage,
+		queryParams: useMemo(() => {
+			const baseParams = {
+				search: searchQuery,
+				page: currentPage,
+				limit: itemsPerPage
+			};
+			const filterParams = {};
+			Object.entries(filters).forEach(([key, value]) => {
+				if (value) filterParams[key] = value;
+			});
+			return {
+				...baseParams,
+				...filterParams
+			};
+		}, [
+			searchQuery,
+			filters,
+			currentPage,
+			itemsPerPage
+		]),
+		resetAll
+	};
+};
+
+//#endregion
+export { useListState };
+//# sourceMappingURL=useListState.js.map

package/dist/ui/useListState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListState.js","names":[],"sources":["../../ui/useListState.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nexport interface UseListStateOptions {\n  initialSearch?: string;\n  initialFilters?: Record<string, string>;\n  initialPage?: number;\n  initialItemsPerPage?: number;\n  debounceMs?: number;\n}\n\nexport interface UseListStateReturn {\n  // Search\n  searchQuery: string;\n  setSearchQuery: (query: string) => void;\n\n  // Filters\n  filters: Record<string, string>;\n  setFilter: (key: string, value: string) => void;\n  clearFilters: () => void;\n\n  // Pagination\n  currentPage: number;\n  itemsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  setItemsPerPage: (itemsPerPage: number) => void;\n\n  // Combined state for API calls\n  queryParams: {\n    search: string;\n    page: number;\n    limit: number;\n  } & Record<string, string | number>;\n\n  // Reset all\n  resetAll: () => void;\n}\n\nexport const useListState = ({\n  initialSearch = '',\n  initialFilters = {},\n  initialPage = 1,\n  initialItemsPerPage = 25,\n}: UseListStateOptions = {}): UseListStateReturn => {\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [filters, setFilters] = useState(initialFilters);\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const [itemsPerPage, setItemsPerPage] = useState(initialItemsPerPage);\n\n  const setFilter = useCallback((key: string, value: string) => {\n    setFilters((prev) => ({\n      ...prev,\n      [key]: value,\n    }));\n    // Reset to first page when filtering\n    setCurrentPage(1);\n  }, []);\n\n  const clearFilters = useCallback(() => {\n    setFilters({});\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetSearchQuery = useCallback((query: string) => {\n    setSearchQuery(query);\n    // Reset to first page when searching\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetItemsPerPage = useCallback((newItemsPerPage: number) => {\n    setItemsPerPage(newItemsPerPage);\n    // Reset to first page when changing items per page\n    setCurrentPage(1);\n  }, []);\n\n  const resetAll = useCallback(() => {\n    setSearchQuery(initialSearch);\n    setFilters(initialFilters);\n    setCurrentPage(initialPage);\n    setItemsPerPage(initialItemsPerPage);\n  }, [initialSearch, initialFilters, initialPage, initialItemsPerPage]);\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      search: searchQuery,\n      page: currentPage,\n      limit: itemsPerPage,\n    };\n\n    // Add active filters to params\n    const filterParams: Record<string, string> = {};\n    Object.entries(filters).forEach(([key, value]) => {\n      if (value) {\n        filterParams[key] = value;\n      }\n    });\n\n    return { ...baseParams, ...filterParams };\n  }, [searchQuery, filters, currentPage, itemsPerPage]);\n\n  return {\n    searchQuery,\n    setSearchQuery: handleSetSearchQuery,\n    filters,\n    setFilter,\n    clearFilters,\n    currentPage,\n    itemsPerPage,\n    setCurrentPage,\n    setItemsPerPage: handleSetItemsPerPage,\n    queryParams,\n    resetAll,\n  };\n};\n"],"mappings":";;;AAqCA,MAAa,gBAAgB,EAC3B,gBAAgB,IAChB,iBAAiB,EAAE,EACnB,cAAc,GACd,sBAAsB,OACC,EAAE,KAAyB;CAClD,MAAM,CAAC,aAAa,kBAAkB,SAAS,cAAc;CAC7D,MAAM,CAAC,SAAS,cAAc,SAAS,eAAe;CACtD,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CAErE,MAAM,YAAY,aAAa,KAAa,UAAkB;AAC5D,cAAY,UAAU;GACpB,GAAG;IACF,MAAM;GACR,EAAE;AAEH,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,eAAe,kBAAkB;AACrC,aAAW,EAAE,CAAC;AACd,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAAa,UAAkB;AAC1D,iBAAe,MAAM;AAErB,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,wBAAwB,aAAa,oBAA4B;AACrE,kBAAgB,gBAAgB;AAEhC,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,WAAW,kBAAkB;AACjC,iBAAe,cAAc;AAC7B,aAAW,eAAe;AAC1B,iBAAe,YAAY;AAC3B,kBAAgB,oBAAoB;IACnC;EAAC;EAAe;EAAgB;EAAa;EAAoB,CAAC;AAoBrE,QAAO;EACL;EACA,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB;EACjB,aA5BkB,cAAc;GAChC,MAAM,aAAa;IACjB,QAAQ;IACR,MAAM;IACN,OAAO;IACR;GAGD,MAAM,eAAuC,EAAE;AAC/C,UAAO,QAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,WAAW;AAChD,QAAI,MACF,cAAa,OAAO;KAEtB;AAEF,UAAO;IAAE,GAAG;IAAY,GAAG;IAAc;KACxC;GAAC;GAAa;GAAS;GAAa;GAAa,CAAC;EAanD;EACD"}

package/dist/ui/usecases/UseCaseCard.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime272 from "react/jsx-runtime";
+
+//#region ui/usecases/UseCaseCard.d.ts
+declare function UseCaseCard({
+  title,
+  summary,
+  ctaHref,
+  ctaLabel,
+  onCtaClick
+}: {
+  title: string;
+  summary?: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+  onCtaClick?: () => void;
+}): react_jsx_runtime272.JSX.Element;
+//#endregion
+export { UseCaseCard };
+//# sourceMappingURL=UseCaseCard.d.ts.map

package/dist/ui/usecases/UseCaseCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseCaseCard.d.ts","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":[],"mappings":";;;iBAIgB,WAAA;;;;;;;;;EAAA,OAAA,CAAA,EAAA,MAAW;EACzB,QAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CACA,CAAA,EASD,oBAAA,CAAA,GAAA,CAAA,OATC"}

package/dist/ui/usecases/UseCaseCard.js

@@ -0,0 +1,35 @@
+import { Button } from "../button.js";
+import { HStack, VStack } from "../stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/usecases/UseCaseCard.tsx
+function UseCaseCard({ title, summary, ctaHref, ctaLabel = "Learn more", onCtaClick }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: "rounded-lg border p-4",
+		gap: "sm",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-lg font-semibold",
+				children: title
+			}),
+			summary && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-base",
+				children: summary
+			}),
+			ctaHref && /* @__PURE__ */ jsx(HStack, { children: /* @__PURE__ */ jsx("a", {
+				href: ctaHref,
+				onClick: onCtaClick,
+				children: /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "outline",
+					children: ctaLabel
+				})
+			}) })
+		]
+	});
+}
+
+//#endregion
+export { UseCaseCard };
+//# sourceMappingURL=UseCaseCard.js.map