@lssm/lib.design-system 0.0.0-canary-20251217060834 → 0.0.0-canary-20251217073102

package/dist/ui-kit-web/dist/ui/stepper.js

@@ -0,0 +1,37 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { HStack } from "./stack.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/stepper.js
+init_utils();
+const dotVariants = cva("h-2 w-2 rounded-full", {
+	variants: {
+		state: {
+			active: "bg-primary",
+			inactive: "bg-muted-foreground/20"
+		},
+		size: {
+			sm: "",
+			md: "h-2.5 w-2.5"
+		}
+	},
+	defaultVariants: {
+		state: "inactive",
+		size: "md"
+	}
+});
+function Stepper({ current, total, size, className }) {
+	const items = Array.from({ length: Math.max(0, total) });
+	return /* @__PURE__ */ jsx(HStack, {
+		className: cn("items-center gap-2", className),
+		children: items.map((_, idx) => /* @__PURE__ */ jsx("span", { className: cn(dotVariants({
+			state: idx + 1 === current ? "active" : "inactive",
+			size
+		})) }, idx))
+	});
+}
+
+//#endregion
+export { Stepper };

package/dist/ui-kit-web/dist/ui/switch.js

@@ -0,0 +1,24 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region ../ui-kit-web/dist/ui/switch.js
+init_utils();
+function Switch({ className, thumbClassName, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0", thumbClassName)
+		})
+	});
+}
+
+//#endregion
+export { Switch };

package/dist/ui-kit-web/dist/ui/table.js

@@ -0,0 +1,57 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/table.js
+init_utils();
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+
+//#endregion
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/ui-kit-web/dist/ui/text.js

@@ -0,0 +1,16 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/text.js
+init_utils();
+function Text({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
+		className: cn("text-foreground web:select-text text-base", className),
+		...props
+	});
+}
+
+//#endregion
+export { Text };

package/dist/ui-kit-web/dist/ui/textarea.js

@@ -0,0 +1,16 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/textarea.js
+init_utils();
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Textarea };

package/dist/ui-kit-web/dist/ui/tooltip.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region ../ui-kit-web/dist/ui/tooltip.js
+init_utils();
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui-kit-web/dist/ui/typography.js

@@ -0,0 +1,23 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { Text } from "./text.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/typography.js
+init_utils();
+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 { Muted, Small };

package/dist/ui-kit-web/dist/ui/use-mobile.js

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+
+//#region ../ui-kit-web/dist/ui/use-mobile.js
+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 };

package/dist/ui-kit-web/dist/ui/utils.js

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../ui-kit-web/dist/ui/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js

@@ -0,0 +1,13 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../ui-kit-web/dist/ui-kit-core/dist/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+var init_utils = __esmMin((() => {}));
+
+//#endregion
+init_utils();
+export { cn, init_utils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.design-system",
-  "version": "0.0.0-canary-20251217060834",
+  "version": "0.0.0-canary-20251217073102",
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "publish:pkg:canary": "bun publish:pkg --tag canary",
@@ -21,10 +21,10 @@
   "tree-shake": true,
   "dependencies": {
     "@hookform/resolvers": "5.2.2",
-    "@lssm/lib.ai-agent": "0.0.0-canary-20251217060834",
-    "@lssm/lib.contracts": "0.0.0-canary-20251217060834",
-    "@lssm/lib.ui-kit": "0.0.0-canary-20251217060834",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217060834",
+    "@lssm/lib.ai-agent": "0.0.0-canary-20251217073102",
+    "@lssm/lib.contracts": "0.0.0-canary-20251217073102",
+    "@lssm/lib.ui-kit": "0.0.0-canary-20251217073102",
+    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217073102",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.535.0",
@@ -35,8 +35,8 @@
     "zod": "^4.1.13"
   },
   "devDependencies": {
-    "@lssm/tool.typescript": "0.0.0-canary-20251217060834",
-    "@lssm/tool.tsdown": "0.0.0-canary-20251217060834",
+    "@lssm/tool.typescript": "0.0.0-canary-20251217073102",
+    "@lssm/tool.tsdown": "0.0.0-canary-20251217073102",
     "@types/node": "^24.9.0",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",