@lssm/lib.design-system 0.0.0-canary-20251217060433 → 0.0.0-canary-20251217062139

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

@@ -0,0 +1,90 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchIcon } from "lucide-react";
+import { Command } from "cmdk";
+
+//#region ../ui-kit-web/dist/ui/command.js
+init_utils();
+function Command$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command, {
+		"data-slot": "command",
+		className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+		...props
+	});
+}
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Dialog, {
+		...props,
+		children: [/* @__PURE__ */ jsxs(DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(DialogContent, {
+			className: cn("overflow-hidden p-0", className),
+			showCloseButton,
+			children: /* @__PURE__ */ jsx(Command$1, {
+				className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children
+			})
+		})]
+	});
+}
+function CommandInput({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command.Input, {
+			"data-slot": "command-input",
+			className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			...props
+		})]
+	});
+}
+function CommandList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.List, {
+		"data-slot": "command-list",
+		className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandEmpty({ ...props }) {
+	return /* @__PURE__ */ jsx(Command.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+}
+function CommandGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.Group, {
+		"data-slot": "command-group",
+		className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+		...props
+	});
+}
+function CommandSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.Separator, {
+		"data-slot": "command-separator",
+		className: cn("bg-border -mx-1 h-px", className),
+		...props
+	});
+}
+function CommandItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.Item, {
+		"data-slot": "command-item",
+		className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function CommandShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "command-shortcut",
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+export { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

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

@@ -0,0 +1,84 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region ../ui-kit-web/dist/ui/dialog.js
+init_utils();
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			"data-slot": "dialog-content",
+			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/ui-kit-web/dist/ui/dropdown-menu.js

@@ -0,0 +1,57 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CircleIcon } from "lucide-react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region ../ui-kit-web/dist/ui/dropdown-menu.js
+init_utils();
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("data-[variant=destructive]:*:[svg]:text-destructive! focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger };

package/dist/ui-kit-web/dist/ui/empty-state.js

@@ -0,0 +1,43 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { VStack } from "./stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/empty-state.js
+init_utils();
+const containerVariants = cva("items-center text-center", {
+	variants: { density: {
+		compact: "gap-3 p-6",
+		default: "gap-4 p-8"
+	} },
+	defaultVariants: { density: "default" }
+});
+function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: cn(containerVariants({ density }), className),
+		children: [
+			icon ? /* @__PURE__ */ jsx("div", {
+				className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground flex items-center justify-center",
+					children: icon
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-medium",
+				children: title
+			}), description ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-base",
+				children: description
+			}) : null] }),
+			(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center gap-2",
+				children: [primaryAction, secondaryAction]
+			})
+		]
+	});
+}
+
+//#endregion
+export { EmptyState };

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

@@ -0,0 +1,62 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/empty.js
+init_utils();
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+		...props
+	});
+}
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("text-lg font-medium tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "empty-description",
+		className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+		...props
+	});
+}
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

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

@@ -0,0 +1,78 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { Label } from "./label.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/field.js
+init_utils();
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4", className),
+		...props
+	});
+}
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+	variants: { orientation: {
+		vertical: ["flex-col *:w-full [&>.sr-only]:w-auto"],
+		horizontal: [
+			"flex-row items-center",
+			"data-[slot=field-label]:*:flex-auto",
+			"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		],
+		responsive: [
+			"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto",
+			"@md/field-group:data-[slot=field-label]:*:flex-auto",
+			"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		]
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function Field({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": orientation,
+		className: cn(fieldVariants({ orientation }), className),
+		...props
+	});
+}
+function FieldLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className),
+		...props
+	});
+}
+function FieldDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		className: cn("text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function FieldError({ className, children, errors, ...props }) {
+	const content = React$1.useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		if (errors?.length == 1) return errors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
+		});
+	}, [children, errors]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: cn("text-destructive text-sm font-normal", className),
+		...props,
+		children: content
+	});
+}
+
+//#endregion
+export { Field, FieldDescription, FieldError, FieldGroup, FieldLabel };

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

@@ -0,0 +1,16 @@
+'use client';
+
+import * as React$1 from "react";
+import { Controller, FormProvider, useForm as useForm$1 } from "react-hook-form";
+import { zodResolver as zodResolver$1 } from "@hookform/resolvers/zod";
+import { jsx } from "react/jsx-runtime";
+import "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/form.js
+const Form = FormProvider;
+const FormFieldContext = React$1.createContext({});
+const FormItemContext = React$1.createContext({});
+
+//#endregion
+export { Form, useForm$1 as useForm, zodResolver$1 as zodResolver };

package/dist/ui-kit-web/dist/ui/hover-card.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region ../ui-kit-web/dist/ui/hover-card.js
+function HoverCard({ ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
+		"data-slot": "hover-card",
+		...props
+	});
+}
+function HoverCardTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...props
+	});
+}
+function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+			"data-slot": "hover-card-content",
+			align,
+			sideOffset,
+			className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+			...props
+		})
+	});
+}
+var init_hover_card = __esmMin((() => {
+	init_utils();
+}));
+
+//#endregion
+init_hover_card();
+export { HoverCard, HoverCardContent, HoverCardTrigger, init_hover_card };

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

@@ -0,0 +1,17 @@
+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/input.js
+init_utils();
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input };

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

@@ -0,0 +1,19 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region ../ui-kit-web/dist/ui/label.js
+init_utils();
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+export { Label };

package/dist/ui-kit-web/dist/ui/marketing/Hero.js

@@ -0,0 +1,52 @@
+import { Button } from "../button.js";
+import { cn } from "../utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/marketing/Hero.js
+function Hero({ title, subtitle, primaryCta, secondaryCta, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("mx-auto max-w-4xl py-16 text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-4xl font-bold tracking-tight md:text-5xl",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-4 text-lg md:text-xl",
+				children: subtitle
+			}),
+			(primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", {
+				className: "mt-8 flex items-center justify-center gap-3",
+				children: [primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, {
+					asChild: true,
+					size: "lg",
+					children: /* @__PURE__ */ jsx("a", {
+						href: primaryCta.href,
+						children: primaryCta.label
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					size: "lg",
+					onClick: primaryCta.onClick,
+					children: primaryCta.label
+				})), secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					asChild: true,
+					size: "lg",
+					children: /* @__PURE__ */ jsx("a", {
+						href: secondaryCta.href,
+						children: secondaryCta.label
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "lg",
+					onClick: secondaryCta.onClick,
+					children: secondaryCta.label
+				}))]
+			})
+		]
+	});
+}
+
+//#endregion
+export { Hero };

package/dist/ui-kit-web/dist/ui/marketing/PricingTable.js

@@ -0,0 +1,59 @@
+import { Button } from "../button.js";
+import { cn } from "../utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/marketing/PricingTable.js
+function PricingTable({ tiers, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("mx-auto max-w-6xl py-12", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 md:grid-cols-3",
+			children: tiers.map((t, idx) => /* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col rounded-lg border p-6", t.highlighted && "border-primary shadow-lg"),
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mb-2 text-base font-medium",
+						children: t.name
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-3xl font-semibold",
+						children: t.price
+					}),
+					t.tagline && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mt-1 text-base",
+						children: t.tagline
+					}),
+					/* @__PURE__ */ jsx("ul", {
+						className: "mt-4 space-y-2 text-base",
+						children: t.features.map((f, i) => /* @__PURE__ */ jsxs("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-primary mt-1 h-1.5 w-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", { children: f })]
+						}, i))
+					}),
+					t.cta && /* @__PURE__ */ jsx("div", {
+						className: "mt-6",
+						children: t.cta.href ? /* @__PURE__ */ jsx(Button, {
+							asChild: true,
+							className: "w-full",
+							children: /* @__PURE__ */ jsx("a", {
+								href: t.cta.href,
+								children: t.cta.label
+							})
+						}) : /* @__PURE__ */ jsx(Button, {
+							className: "w-full",
+							onClick: t.cta.onClick,
+							children: t.cta.label
+						})
+					})
+				]
+			}, idx))
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-6 text-center text-base",
+			children: "Usage-based tiers inspired by generous free allowances and per-unit pricing."
+		})]
+	});
+}
+
+//#endregion
+export { PricingTable };