@lt-three/love3 0.0.0-stage → 0.1.0

package/dist/web/base/radio-group.d.ts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/web/base/radio-group.d.ts
+declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): React$1.JSX.Element;
+//#endregion
+export { RadioGroup, RadioGroupItem };

package/dist/web/base/radio-group.js

@@ -0,0 +1,27 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+
+//#region src/web/base/radio-group.tsx
+function RadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+		"data-slot": "radio-group",
+		className: cn("grid gap-3", className),
+		...props
+	});
+}
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		"data-slot": "radio-group-item",
+		className: cn("border-line-control data-[state=checked]:border-action bg-card aria-invalid:border-destructive flex size-4 shrink-0 items-center justify-center rounded-full border outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", { className: "bg-action block size-2 rounded-full" })
+		})
+	});
+}
+
+//#endregion
+export { RadioGroup, RadioGroupItem };

package/dist/web/base/scroll-area.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+//#region src/web/base/scroll-area.d.ts
+declare function ScrollArea({ ref, className, viewPortClassName, innerViewPortClassName, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+  viewPortClassName?: string;
+  innerViewPortClassName?: string;
+}): React$1.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React$1.JSX.Element;
+//#endregion
+export { ScrollArea, ScrollBar };

package/dist/web/base/scroll-area.js

@@ -0,0 +1,41 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+
+//#region src/web/base/scroll-area.tsx
+function ScrollArea({ ref, className, viewPortClassName, innerViewPortClassName, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		"data-slot": "scroll-area",
+		className: cn("flex flex-col relative overflow-hidden", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+				ref,
+				"data-slot": "scroll-area-viewport",
+				className: cn("rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "flex-grow w-full !block", viewPortClassName),
+				asChild: true,
+				children: /* @__PURE__ */ jsx("div", {
+					className: cn(innerViewPortClassName),
+					children
+				})
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, {}),
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+		]
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		className: cn("flex touch-none p-px select-none", orientation === "vertical" && "h-full w-1.5 border-l border-l-transparent", orientation === "horizontal" && "h-1.5 flex-col border-t border-t-transparent", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-full"
+		})
+	});
+}
+
+//#endregion
+export { ScrollArea, ScrollBar };

package/dist/web/base/select.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+//#region src/web/base/select.d.ts
+declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: "xs" | "sm" | "default";
+}): React$1.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React$1.JSX.Element;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/web/base/select.js

@@ -0,0 +1,96 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/web/base/select.tsx
+function Select({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("cursor-pointer border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/25 aria-invalid:ring-destructive/20 aria-invalid:border-destructive hover:bg-accent flex w-fit items-center justify-between gap-2 rounded-control border bg-card px-2.5 py-1.5 text-[13px] whitespace-nowrap shadow-xs outline-none transition-[border-color,box-shadow,background-color] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=xs]:h-6 data-[size=xs]:px-2 data-[size=xs]:py-1 data-[size=xs]:text-xs data-[size=xs]:gap-1 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "popper", ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-surface border border-border shadow-lg", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		"data-slot": "select-label",
+		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+		...props
+	});
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-pointer items-center gap-2 rounded-control py-1.5 pr-8 pl-2 text-[13px] outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		"data-slot": "select-separator",
+		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+}
+
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/web/base/separator.d.ts

@@ -0,0 +1,6 @@
+import * as React$1 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+//#region src/web/base/separator.d.ts
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
+//#endregion
+export { Separator };

package/dist/web/base/separator.js

@@ -0,0 +1,17 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+
+//#region src/web/base/separator.tsx
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		"data-slot": "separator",
+		decorative,
+		orientation,
+		className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { Separator };

package/dist/web/base/sheet.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+//#region src/web/base/sheet.d.ts
+declare function Sheet({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root>): React$1.JSX.Element;
+declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
+declare function SheetClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, closeLabel, onClose, onOpenAutoFocus, onCloseAutoFocus, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left";
+  showCloseButton?: boolean;
+  /** 閉じるボタンの読み上げ名 */
+  closeLabel?: string;
+  onClose?: () => void;
+}): React$1.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
+declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/web/base/sheet.js

@@ -0,0 +1,88 @@
+import { CLOSE_LABEL } from "../lib/labels.js";
+import { cn } from "../lib/utils.js";
+import { useRestoreFocus } from "../lib/restore-focus.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+
+//#region src/web/base/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+}
+function SheetClose({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+		"data-slot": "sheet-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-scrim duration-200", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, closeLabel = CLOSE_LABEL, onClose, onOpenAutoFocus, onCloseAutoFocus, ...props }) {
+	const focus = useRestoreFocus(onOpenAutoFocus, onCloseAutoFocus);
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+		"data-slot": "sheet-content",
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition duration-200 ease-out", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[90%] rounded-l-surface sm:max-w-lg", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[90%] rounded-r-surface sm:max-w-lg", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto rounded-b-surface", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto rounded-t-surface", className),
+		onOpenAutoFocus: focus.onOpenAutoFocus,
+		onCloseAutoFocus: focus.onCloseAutoFocus,
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+			className: "text-muted-foreground hover:bg-accent hover:text-foreground  absolute top-3.5 right-3.5 flex size-7 cursor-pointer items-center justify-center rounded-control outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-popover disabled:pointer-events-none",
+			onClick: onClose,
+			children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: closeLabel
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-5", className),
+		...props
+	});
+}
+function SheetFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-5", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground text-base leading-6 font-semibold", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-[13px] leading-5", className),
+		...props
+	});
+}
+
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/web/base/skeleton.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+//#region src/web/base/skeleton.d.ts
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Skeleton };

package/dist/web/base/skeleton.js

@@ -0,0 +1,14 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/base/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("bg-accent animate-pulse rounded-control", className),
+		...props
+	});
+}
+
+//#endregion
+export { Skeleton };

package/dist/web/base/slider.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+//#region src/web/base/slider.d.ts
+declare function Slider({ className, defaultValue, value, min, max, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, thumbLabels, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root> & {
+  /** つまみごとの読み上げ名（範囲指定で、つまみを区別したいとき）。無ければ `aria-label` を全部のつまみに付ける */
+  thumbLabels?: readonly string[];
+}): React$1.JSX.Element;
+//#endregion
+export { Slider };

package/dist/web/base/slider.js

@@ -0,0 +1,39 @@
+import { cn } from "../lib/utils.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/web/base/slider.tsx
+function Slider({ className, defaultValue, value, min = 0, max = 100, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, thumbLabels, ...props }) {
+	const thumbValues = React$1.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+		"data-slot": "slider",
+		defaultValue,
+		value,
+		min,
+		max,
+		className: cn("group/slider relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+			"data-slot": "slider-track",
+			className: cn("bg-muted relative grow overflow-hidden rounded-full group-aria-invalid/slider:ring-1 group-aria-invalid/slider:ring-destructive data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
+				"data-slot": "slider-range",
+				className: cn("bg-action group-aria-invalid/slider:bg-destructive absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: thumbValues.length }, (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+			"data-slot": "slider-thumb",
+			"aria-label": thumbLabels?.[index] ?? ariaLabel,
+			"aria-labelledby": ariaLabelledby,
+			className: "border-action group-aria-invalid/slider:border-destructive bg-card block size-4 shrink-0 rounded-full border-2 shadow-sm hover:ring-4 hover:ring-action/25 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+		}, `thumb-${index.toString()}`))]
+	});
+}
+
+//#endregion
+export { Slider };

package/dist/web/base/sonner.d.ts

@@ -0,0 +1,9 @@
+import { ToasterProps } from "sonner";
+//#region src/web/base/sonner.d.ts
+/**
+ * 通知の描画先。テーマは `theme` で渡す（既定は OS に合わせる）。
+ * love3 はアプリの状態（テーマの保存先など）を持たないので、`@lt-three/web` と違い、ここでテーマを引かない。
+ */
+declare const Toaster: ({ ...props }: ToasterProps) => import("react").JSX.Element;
+//#endregion
+export { Toaster };

package/dist/web/base/sonner.js

@@ -0,0 +1,25 @@
+import { cssVars } from "../lib/css-vars.js";
+import { jsx } from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+
+//#region src/web/base/sonner.tsx
+/**
+* 通知の描画先。テーマは `theme` で渡す（既定は OS に合わせる）。
+* love3 はアプリの状態（テーマの保存先など）を持たないので、`@lt-three/web` と違い、ここでテーマを引かない。
+*/
+const Toaster = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		theme: "system",
+		className: "toaster group",
+		style: cssVars({
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)",
+			"--border-radius": "var(--radius-surface)"
+		}),
+		...props
+	});
+};
+
+//#endregion
+export { Toaster };

package/dist/web/base/spinner.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+//#region src/web/base/spinner.d.ts
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React.JSX.Element;
+//#endregion
+export { Spinner };

package/dist/web/base/spinner.js

@@ -0,0 +1,17 @@
+import { LOADING_LABEL } from "../lib/labels.js";
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+
+//#region src/web/base/spinner.tsx
+function Spinner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Loader2Icon, {
+		role: "status",
+		"aria-label": LOADING_LABEL,
+		className: cn("size-4 animate-spin", className),
+		...props
+	});
+}
+
+//#endregion
+export { Spinner };

package/dist/web/base/switch.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+//#region src/web/base/switch.d.ts
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): React.JSX.Element;
+//#endregion
+export { Switch };

package/dist/web/base/switch.js

@@ -0,0 +1,19 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region src/web/base/switch.tsx
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("peer data-[state=checked]:bg-action data-[state=unchecked]:bg-accent data-[state=checked]:border-action data-[state=unchecked]:border-line-control inline-flex h-5 w-9 shrink-0 items-center rounded-full border outline-none transition-[background-color,border-color] duration-150 ease-out motion-reduce:transition-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-white shadow-xs pointer-events-none block size-3.5 rounded-full ring-0 transition-[translate,background-color] duration-150 ease-out motion-reduce:transition-none data-[state=checked]:translate-x-[19px] data-[state=unchecked]:translate-x-px")
+		})
+	});
+}
+
+//#endregion
+export { Switch };

package/dist/web/base/table.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+//#region src/web/base/table.d.ts
+declare function Table({ className, wrapperClassName, ...props }: React.ComponentProps<"table"> & {
+  wrapperClassName?: string;
+}): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/web/base/table.js

@@ -0,0 +1,68 @@
+import { cn } from "../lib/utils.js";
+import { ScrollArea, ScrollBar } from "./scroll-area.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/web/base/table.tsx
+function Table({ className, wrapperClassName, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollArea, {
+		"data-slot": "table-container",
+		className: cn("relative w-full", wrapperClassName),
+		children: [/* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		}), /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" })]
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("bg-section [&_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 TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("bg-section border-t font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted 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-muted-foreground h-9 px-2 text-left align-middle text-xs 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("px-2 py-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("text-muted-foreground mt-4 text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/web/base/tabs.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+//#region src/web/base/tabs.d.ts
+declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): React$1.JSX.Element;
+declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): React$1.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): React$1.JSX.Element;
+declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): React$1.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/web/base/tabs.js

@@ -0,0 +1,36 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/web/base/tabs.tsx
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		className: cn("text-muted-foreground border-border flex w-full items-center gap-5 border-b", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-action data-[state=active]:font-medium focus-visible:outline-ring -mb-px inline-flex items-center justify-center gap-1.5 border-b-2 border-transparent px-0 pb-2 text-[13px] font-normal whitespace-nowrap transition-colors focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };