@lssm/lib.ui-kit-web 0.0.0-canary-20251120170226

package/dist/ui/use-toast.js

@@ -0,0 +1,123 @@
+'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","listeners: ((state: State) => void)[]","memoryState: State","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\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;AAgB3B,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,MAAMC,YAAwC,EAAE;AAEhD,IAAIC,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":["filterParams: Record<string, string>"],"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,MAAMA,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_runtime109 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_runtime109.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

package/dist/ui/usecases/UseCaseCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseCaseCard.js","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack, HStack } from '../stack';\nimport { Button } from '../button';\n\nexport function UseCaseCard({\n  title,\n  summary,\n  ctaHref,\n  ctaLabel = 'Learn more',\n  onCtaClick,\n}: {\n  title: string;\n  summary?: string;\n  ctaHref?: string;\n  ctaLabel?: string;\n  onCtaClick?: () => void;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {summary && (\n        <div className=\"text-muted-foreground text-base\">{summary}</div>\n      )}\n      {ctaHref && (\n        <HStack>\n          <a href={ctaHref} onClick={onCtaClick}>\n            <Button size=\"sm\" variant=\"outline\">\n              {ctaLabel}\n            </Button>\n          </a>\n        </HStack>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,YAAY,EAC1B,OACA,SACA,SACA,WAAW,cACX,cAOC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,WACC,oBAAC;IAAI,WAAU;cAAmC;KAAc;GAEjE,WACC,oBAAC,oBACC,oBAAC;IAAE,MAAM;IAAS,SAAS;cACzB,oBAAC;KAAO,MAAK;KAAK,SAAQ;eACvB;MACM;KACP,GACG;;GAEJ"}

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime111 from "react/jsx-runtime";
+
+//#region ui/usecases/UserStoryCard.d.ts
+declare function UserStoryCard({
+  title,
+  body,
+  outcome
+}: {
+  title: string;
+  body?: string;
+  outcome?: string;
+}): react_jsx_runtime111.JSX.Element;
+//#endregion
+export { UserStoryCard };
+//# sourceMappingURL=UserStoryCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserStoryCard.d.ts","names":[],"sources":["../../../ui/usecases/UserStoryCard.tsx"],"sourcesContent":[],"mappings":";;;iBAGgB,aAAA;;;;;;;EAAA,OAAA,CAAA,EAAA,MAAa;CAC3B,CAAA,EAOD,oBAAA,CAAA,GAAA,CAAA,OAPC"}

package/dist/ui/usecases/UserStoryCard.js

@@ -0,0 +1,36 @@
+import { VStack } from "../stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/usecases/UserStoryCard.tsx
+function UserStoryCard({ title, body, outcome }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: "rounded-lg border p-4",
+		gap: "sm",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-lg font-semibold",
+				children: title
+			}),
+			body && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-base",
+				children: body
+			}),
+			outcome && /* @__PURE__ */ jsxs("div", {
+				className: "text-base",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "font-medium",
+						children: "Outcome:"
+					}),
+					" ",
+					outcome
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { UserStoryCard };
+//# sourceMappingURL=UserStoryCard.js.map

package/dist/ui/usecases/UserStoryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserStoryCard.js","names":[],"sources":["../../../ui/usecases/UserStoryCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack } from '../stack';\n\nexport function UserStoryCard({\n  title,\n  body,\n  outcome,\n}: {\n  title: string;\n  body?: string;\n  outcome?: string;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {body && <div className=\"text-muted-foreground text-base\">{body}</div>}\n      {outcome && (\n        <div className=\"text-base\">\n          <span className=\"font-medium\">Outcome:</span> {outcome}\n        </div>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgB,cAAc,EAC5B,OACA,MACA,WAKC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,QAAQ,oBAAC;IAAI,WAAU;cAAmC;KAAW;GACrE,WACC,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAK,WAAU;gBAAc;OAAe;;KAAE;;KAC3C;;GAED"}

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

@@ -0,0 +1,3 @@
+import { UseCaseCard } from "./UseCaseCard.js";
+import { UserStoryCard } from "./UserStoryCard.js";
+export { UseCaseCard, UserStoryCard };

package/dist/ui/usecases/index.js

@@ -0,0 +1,4 @@
+import { UseCaseCard } from "./UseCaseCard.js";
+import { UserStoryCard } from "./UserStoryCard.js";
+
+export { UseCaseCard, UserStoryCard };

package/dist/ui/utils.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../ui/utils.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,EAAA,YAAc"}

package/dist/ui/utils.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ui/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.js.map

package/dist/ui/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../ui/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/ui/visually-hidden.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+import { JSX } from "react";
+
+//#region ui/visually-hidden.d.ts
+declare const VisuallyHidden: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & {
+  as?: keyof JSX.IntrinsicElements;
+} & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { VisuallyHidden };
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/ui/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","names":[],"sources":["../../ui/visually-hidden.tsx"],"sourcesContent":[],"mappings":";;;;cAmBM,gBAAc,OAAA,CAAA,0BAAA,OAAA,CAAA,eAAA;aAfP,GAAA,CAAI;AAHc,CAAA,wBA2B9B,YAAA,CAAA,CAAA"}

package/dist/ui/visually-hidden.js

@@ -0,0 +1,31 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/visually-hidden.tsx
+const srOnlyStyle = {
+	border: 0,
+	clip: "rect(0 0 0 0)",
+	height: "1px",
+	margin: "-1px",
+	overflow: "hidden",
+	padding: 0,
+	position: "absolute",
+	width: "1px",
+	whiteSpace: "nowrap"
+};
+const VisuallyHidden = React$1.forwardRef(({ as = "span", style, children,...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		style: {
+			...srOnlyStyle,
+			...style
+		},
+		...props,
+		children
+	});
+});
+VisuallyHidden.displayName = "VisuallyHidden";
+
+//#endregion
+export { VisuallyHidden };
+//# sourceMappingURL=visually-hidden.js.map

package/dist/ui/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","names":["srOnlyStyle: React.CSSProperties","React"],"sources":["../../ui/visually-hidden.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport * as React from 'react';\n\ntype VisuallyHiddenProps = React.HTMLAttributes<HTMLElement> & {\n  as?: keyof JSX.IntrinsicElements;\n};\n\nconst srOnlyStyle: React.CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap',\n};\n\nconst VisuallyHidden = React.forwardRef<HTMLElement, VisuallyHiddenProps>(\n  ({ as = 'span', style, children, ...props }, ref) => {\n    const Comp: any = as;\n    return (\n      <Comp ref={ref} style={{ ...srOnlyStyle, ...style }} {...props}>\n        {children}\n      </Comp>\n    );\n  }\n);\nVisuallyHidden.displayName = 'VisuallyHidden';\n\nexport { VisuallyHidden };\n"],"mappings":";;;;AAOA,MAAMA,cAAmC;CACvC,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,SAAS;CACT,UAAU;CACV,OAAO;CACP,YAAY;CACb;AAED,MAAM,iBAAiBC,QAAM,YAC1B,EAAE,KAAK,QAAQ,OAAO,SAAU,GAAG,SAAS,QAAQ;AAEnD,QACE,oBAFgB;EAEL;EAAK,OAAO;GAAE,GAAG;GAAa,GAAG;GAAO;EAAE,GAAI;EACtD;GACI;EAGZ;AACD,eAAe,cAAc"}