@lt-three/love3 0.0.0-stage → 0.1.0

package/dist/web/atom/segmented-control.js

@@ -0,0 +1,43 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/atom/segmented-control.tsx
+const SIZE = {
+	xs: "px-2 py-1 text-xs",
+	sm: "px-3 py-1.5 text-sm",
+	md: "px-4 py-[9px] text-base leading-[26px]"
+};
+/**
+* 排他選択の横並び（タブ・モード選択・間隔選択・絞り込みの種別）。
+*
+* 選択中はインディゴ（action）塗り + 白文字になる（角丸は control の段）。
+* `role="radiogroup"` を張り、各セグメントに `aria-checked` を付けるので、
+* 使用側が aria を組み立てる必要はない。
+*
+* アプリ側で `.map` して `<button>` に三項の className を当てる形が
+* 18 箇所書かれていた。仕切り線・選択時の見た目の切り替え・キーボード操作の扱いが
+* 少しずつ違っていたため、1 つにまとめている。
+*/
+function SegmentedControl({ value, onValueChange, options, variant = "joined", size = "sm", fill, className, "aria-label": ariaLabel }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "radiogroup",
+		"aria-label": ariaLabel,
+		className: cn("inline-flex", fill && "flex w-full", variant === "joined" && "border-input bg-card rounded-control border", variant === "separate" && "gap-1", className),
+		children: options.map((option) => {
+			const active = option.value === value;
+			return /* @__PURE__ */ jsx("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": active,
+				disabled: option.disabled,
+				"data-testid": option.testId,
+				onClick: () => onValueChange(option.value),
+				className: cn("cursor-pointer whitespace-nowrap transition-colors disabled:cursor-not-allowed disabled:opacity-50", SIZE[size], fill && "flex-1", variant === "joined" && "not-first:border-input not-first:border-l first:rounded-l-control last:rounded-r-control", variant === "separate" && "border-input bg-card rounded-control border", variant === "underline" && "border-b-2 border-transparent", variant === "solid" && "border-input bg-card not-first:-ml-px first:rounded-l-control last:rounded-r-control border", active ? variant === "underline" ? "border-action text-foreground font-medium" : cn("bg-action text-action-foreground", variant === "solid" && "border-action relative") : "text-muted-foreground hover:bg-accent hover:text-foreground"),
+				children: option.label
+			}, String(option.value));
+		})
+	});
+}
+
+//#endregion
+export { SegmentedControl };

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

@@ -0,0 +1,43 @@
+import { SelectTrigger } from "../base/select.js";
+import { ComponentProps, ReactNode } from "react";
+//#region src/web/atom/select.d.ts
+export type SelectOption = {
+  value: string;
+  label: ReactNode;
+  /** テキスト検索用（label が ReactNode の場合に指定） */
+  textValue?: string;
+};
+export type SelectOptionGroup = {
+  label: ReactNode;
+  options: SelectOption[];
+};
+export type SelectProps = {
+  value: string;
+  onValueChange: (value: string) => void;
+  options: (SelectOption | SelectOptionGroup)[];
+  placeholder?: string;
+  label?: ReactNode;
+  required?: boolean;
+  description?: ReactNode;
+  helpText?: ReactNode;
+  className?: string;
+  wrapperClassName?: string;
+  disabled?: boolean;
+  size?: "xs" | "sm" | "default";
+  /** open 状態の制御 (インライン編集など) */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Trigger 直接の DOM プロパティ (autoFocus・onBlur 等) */
+  triggerProps?: ComponentProps<typeof SelectTrigger>;
+  /** form 側でエラーを差し込むためのスロット */
+  errorSlot?: ReactNode;
+  invalid?: boolean;
+  /** DEV-E2E: e2e からトリガーボタンを特定するための ID */
+  "data-testid"?: string;
+  /** トリガーの DOM id。外側の `<label htmlFor>` と対応付けるときに使う。 */
+  id?: string;
+  /** 可視ラベルが無いときのアクセシブル名。`label` を渡す場合は不要。 */
+  "aria-label"?: string;
+};
+export declare function Select({ value, onValueChange, options, placeholder, label, required, description, helpText, className, wrapperClassName, disabled, size, open, onOpenChange, triggerProps, errorSlot, invalid, id, "aria-label": ariaLabel, "data-testid": testId }: SelectProps): import("react").JSX.Element;
+//#endregion

package/dist/web/atom/select.js

@@ -0,0 +1,93 @@
+import { cn } from "../lib/utils.js";
+import { Label } from "../base/label.js";
+import { Select as Select$1, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "../base/select.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/web/atom/select.tsx
+const EMPTY_SENTINEL = "__atom_select_empty__";
+/**
+* `""` を「選択肢としての空」ではなく「まだ選んでいない」として扱ってよいか。
+*
+* センチネルに置き換えると Radix は**値が選ばれている**と解釈するため、
+* `<SelectValue placeholder>` が一切描画されない（選択肢に無い値なので中身も空になり、
+* トリガーが**無言で空のボタン**になる）。空の選択肢を持たないときは、
+* placeholder を自分で描いて「未選択」と分かる形にする。
+*/
+function hasEmptyOption(options) {
+	return options.some((o) => isOptionGroup(o) ? o.options.some((x) => x.value === "") : o.value === "");
+}
+function toInternalValue(value) {
+	return value === "" ? EMPTY_SENTINEL : value;
+}
+function fromInternalValue(value) {
+	return value === EMPTY_SENTINEL ? "" : value;
+}
+function isOptionGroup(option) {
+	return "options" in option;
+}
+function renderOption(option) {
+	const v = toInternalValue(option.value);
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: v,
+		textValue: option.textValue,
+		children: option.label
+	}, v);
+}
+function Select({ value, onValueChange, options, placeholder, label, required, description, helpText, className, wrapperClassName, disabled, size = "default", open, onOpenChange, triggerProps, errorSlot, invalid, id, "aria-label": ariaLabel, "data-testid": testId }) {
+	const generatedId = useId();
+	const triggerId = id ?? generatedId;
+	const select = /* @__PURE__ */ jsxs(Select$1, {
+		value: toInternalValue(value),
+		onValueChange: (v) => onValueChange(fromInternalValue(v)),
+		disabled,
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			id: triggerId,
+			size,
+			"aria-label": ariaLabel,
+			"aria-invalid": invalid,
+			"data-testid": testId,
+			...triggerProps,
+			className: cn("w-full cursor-pointer", className, triggerProps?.className),
+			children: /* @__PURE__ */ jsx(SelectValue, {
+				placeholder,
+				children: value === "" && !hasEmptyOption(options) ? /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: placeholder
+				}) : void 0
+			})
+		}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => isOptionGroup(option) ? /* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: option.label }), option.options.map(renderOption)] }, typeof option.label === "string" ? option.label : option.options.map((o) => o.value).join(",")) : renderOption(option)) })]
+	});
+	if (!label && !description && !errorSlot) return select;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1.5", wrapperClassName),
+		children: [
+			label && /* @__PURE__ */ jsxs(Label, {
+				htmlFor: triggerId,
+				className: "font-semibold text-xs opacity-80 flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ jsx("span", { children: label }),
+					required ? /* @__PURE__ */ jsx("span", {
+						className: "text-destructive",
+						children: "*"
+					}) : null,
+					helpText ? /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground font-normal",
+						children: helpText
+					}) : null
+				]
+			}),
+			select,
+			description && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: description
+			}),
+			errorSlot
+		]
+	});
+}
+
+//#endregion
+export { Select };

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

@@ -0,0 +1,2 @@
+import { Separator } from "../base/separator.js";
+export { Separator };

package/dist/web/atom/separator.js

@@ -0,0 +1,3 @@
+import { Separator } from "../base/separator.js";
+
+export { Separator };

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

@@ -0,0 +1,2 @@
+import { Skeleton } from "../base/skeleton.js";
+export { Skeleton };

package/dist/web/atom/skeleton.js

@@ -0,0 +1,3 @@
+import { Skeleton } from "../base/skeleton.js";
+
+export { Skeleton };

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

@@ -0,0 +1,33 @@
+import { Slider as Slider$1 } from "../base/slider.js";
+import { ComponentProps, ReactNode } from "react";
+//#region src/web/atom/slider.d.ts
+type CommonProps = {
+  label?: ReactNode;
+  required?: boolean;
+  description?: ReactNode;
+  helpText?: ReactNode;
+  className?: string;
+  wrapperClassName?: string;
+  errorSlot?: ReactNode;
+  invalid?: boolean;
+  disabled?: boolean;
+  min?: number;
+  max: number;
+  step?: number;
+  /** 値の右側に表示する整形済み文字列。指定が無ければ生の数値（範囲時は ` / ` 区切り）を表示 */
+  formattedValue?: ReactNode;
+} & Omit<ComponentProps<typeof Slider$1>, "value" | "onValueChange" | "defaultValue" | "min" | "max" | "step" | "disabled" | "className">;
+export type SliderProps = ({
+  value: number;
+  onValueChange: (value: number) => void;
+} & CommonProps) | ({
+  value: number[];
+  onValueChange: (value: number[]) => void;
+} & CommonProps);
+/**
+ * 制御専用の Slider。単一値 (`number`) と範囲 (`number[]`) の両方を許容する。
+ * Radix Slider は内部的に `number[]` で扱うため、`number` 入力時はランタイムで配列化する。
+ */
+export declare function Slider(props: SliderProps): import("react").JSX.Element;
+//#endregion
+export {};

package/dist/web/atom/slider.js

@@ -0,0 +1,70 @@
+import { cn } from "../lib/utils.js";
+import { Label } from "../base/label.js";
+import { Slider as Slider$1 } from "../base/slider.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/web/atom/slider.tsx
+function isRange(props) {
+	return Array.isArray(props.value);
+}
+/**
+* 制御専用の Slider。単一値 (`number`) と範囲 (`number[]`) の両方を許容する。
+* Radix Slider は内部的に `number[]` で扱うため、`number` 入力時はランタイムで配列化する。
+*/
+function Slider(props) {
+	const { label, required, description, helpText, className, wrapperClassName, errorSlot, invalid, "aria-invalid": ariaInvalid, min, max, step, disabled, formattedValue, value, onValueChange: _onValueChange, ...rest } = props;
+	const labelId = useId();
+	const sliderValue = Array.isArray(value) ? value : typeof value === "number" ? [value] : [];
+	const handleChange = (next) => {
+		if (isRange(props)) props.onValueChange(next);
+		else if (typeof next[0] === "number") props.onValueChange(next[0]);
+	};
+	const inlineDisplay = formattedValue ?? sliderValue.join(" / ");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-2", wrapperClassName),
+		children: [
+			(label || formattedValue !== void 0 || sliderValue.length > 0) && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-baseline justify-between gap-2",
+				children: [label ? /* @__PURE__ */ jsxs(Label, {
+					id: labelId,
+					className: "font-semibold text-xs opacity-80 flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx("span", { children: label }),
+						required ? /* @__PURE__ */ jsx("span", {
+							className: "text-destructive",
+							children: "*"
+						}) : null,
+						helpText ? /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground font-normal",
+							children: helpText
+						}) : null
+					]
+				}) : /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-sm font-mono tabular-nums",
+					children: inlineDisplay
+				})]
+			}),
+			/* @__PURE__ */ jsx(Slider$1, {
+				"aria-labelledby": label ? labelId : void 0,
+				...rest,
+				"aria-invalid": invalid ?? ariaInvalid,
+				value: sliderValue,
+				onValueChange: handleChange,
+				min,
+				max,
+				step,
+				disabled,
+				className: cn("grow", className)
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: description
+			}),
+			errorSlot
+		]
+	});
+}
+
+//#endregion
+export { Slider };

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

@@ -0,0 +1,8 @@
+import { Spinner as Spinner$1 } from "../base/spinner.js";
+import React from "react";
+//#region src/web/atom/spinner.d.ts
+export type SpinnerProps = React.ComponentProps<typeof Spinner$1> & {
+  full?: boolean;
+};
+export declare function Spinner({ full, ...props }: SpinnerProps): React.JSX.Element;
+//#endregion

package/dist/web/atom/spinner.js

@@ -0,0 +1,14 @@
+import { cn } from "../lib/utils.js";
+import { Spinner as Spinner$1 } from "../base/spinner.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/atom/spinner.tsx
+function Spinner({ full, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(full && "grow w-full h-full flex justify-center items-center"),
+		children: /* @__PURE__ */ jsx(Spinner$1, { ...props })
+	});
+}
+
+//#endregion
+export { Spinner };

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

@@ -0,0 +1,11 @@
+import { Switch as Switch$1 } from "../base/switch.js";
+import { ComponentProps } from "react";
+//#region src/web/atom/switch.d.ts
+/**
+ * フォーム外で使える制御モードの Switch。
+ * `form/switch.tsx` は TanStack Form の field context に依存するため、
+ * 単独の ON/OFF トグルにはこちらを使う。
+ */
+export type SwitchProps = ComponentProps<typeof Switch$1>;
+export declare function Switch(props: SwitchProps): import("react").JSX.Element;
+//#endregion

package/dist/web/atom/switch.js

@@ -0,0 +1,10 @@
+import { Switch as Switch$1 } from "../base/switch.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/atom/switch.tsx
+function Switch(props) {
+	return /* @__PURE__ */ jsx(Switch$1, { ...props });
+}
+
+//#endregion
+export { Switch };

package/dist/web/atom/text-area.d.ts

@@ -0,0 +1,22 @@
+import { textareaVariants } from "../base/textarea.js";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/web/atom/text-area.d.ts
+export type TextAreaProps = Omit<ComponentProps<"textarea">, "value" | "onChange"> & VariantProps<typeof textareaVariants> & {
+  value: string;
+  onValueChange: (value: string) => void;
+};
+/**
+ * 素の複数行入力。TanStack Form を使わない画面（設定・小さな編集欄・読み取り専用の
+ * 書き出し）から直接使う。`base/textarea` はアプリから直接 import しない決まりなので、
+ * その入口を担う。`atom/text-field` の複数行版。
+ *
+ * variant は `atom/text-field` と揃えてある:
+ *   default … 1px の枠を持つ欄
+ *   `<3`    … 既存の行に添える下線だけの欄
+ *   block   … 枠を持たず本文に見える欄（常時編集できる行）
+ *
+ * フォーム統合が要るときは `form/text-area`（同じ `base/textarea` を内側で使っている）。
+ */
+export declare function TextArea({ value, onValueChange, ...props }: TextAreaProps): import("react").JSX.Element;
+//#endregion

package/dist/web/atom/text-area.js

@@ -0,0 +1,26 @@
+import { Textarea } from "../base/textarea.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/atom/text-area.tsx
+/**
+* 素の複数行入力。TanStack Form を使わない画面（設定・小さな編集欄・読み取り専用の
+* 書き出し）から直接使う。`base/textarea` はアプリから直接 import しない決まりなので、
+* その入口を担う。`atom/text-field` の複数行版。
+*
+* variant は `atom/text-field` と揃えてある:
+*   default … 1px の枠を持つ欄
+*   `<3`    … 既存の行に添える下線だけの欄
+*   block   … 枠を持たず本文に見える欄（常時編集できる行）
+*
+* フォーム統合が要るときは `form/text-area`（同じ `base/textarea` を内側で使っている）。
+*/
+function TextArea({ value, onValueChange, ...props }) {
+	return /* @__PURE__ */ jsx(Textarea, {
+		value,
+		onChange: (event) => onValueChange(event.target.value),
+		...props
+	});
+}
+
+//#endregion
+export { TextArea };

package/dist/web/atom/text-field.d.ts

@@ -0,0 +1,17 @@
+import { inputVariants } from "../base/input.js";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/web/atom/text-field.d.ts
+export type TextFieldProps = Omit<ComponentProps<"input">, "value" | "onChange"> & VariantProps<typeof inputVariants> & {
+  value: string;
+  onValueChange: (value: string) => void;
+};
+/**
+ * 素のテキスト入力。TanStack Form を使わない画面（設定・検索条件・小さな編集欄）から
+ * 直接使う。`base/input` はアプリから直接 import しない決まりなので、その入口を担う。
+ *
+ * フォーム統合が要るときは `form/text-input`（同じ `base/input` を内側で使っている）。
+ * native の `atom/text-field` と対になる。
+ */
+export declare function TextField({ value, onValueChange, ...props }: TextFieldProps): import("react").JSX.Element;
+//#endregion

package/dist/web/atom/text-field.js

@@ -0,0 +1,21 @@
+import { Input } from "../base/input.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/atom/text-field.tsx
+/**
+* 素のテキスト入力。TanStack Form を使わない画面（設定・検索条件・小さな編集欄）から
+* 直接使う。`base/input` はアプリから直接 import しない決まりなので、その入口を担う。
+*
+* フォーム統合が要るときは `form/text-input`（同じ `base/input` を内側で使っている）。
+* native の `atom/text-field` と対になる。
+*/
+function TextField({ value, onValueChange, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		value,
+		onChange: (event) => onValueChange(event.target.value),
+		...props
+	});
+}
+
+//#endregion
+export { TextField };

package/dist/web/atom/toggle-chip.d.ts

@@ -0,0 +1,22 @@
+import { BadgeVariants } from "../base/badge.js";
+import { ReactNode } from "react";
+//#region src/web/atom/toggle-chip.d.ts
+export type ToggleChipProps = {
+  children: ReactNode;
+  /** 選択されているか。選択時は `variant` が `default`（インディゴ塗り）になる。 */
+  pressed: boolean;
+  onPressedChange: (pressed: boolean) => void;
+  /** 非選択時の見た目（既定 `outline`）。 */
+  inactiveVariant?: BadgeVariants;
+  disabled?: boolean;
+  className?: string;
+};
+/**
+ * 押して選択を切り替える Badge。絞り込みのタグやアカウントの複数選択に使う。
+ *
+ * `<button>` で `Badge` を包む形はアプリ側で何度も書かれていたが、`type="button"` の
+ * 付け忘れや `aria-pressed` の欠落が起きやすい。押下状態の表現（インディゴ塗り）も
+ * design system 側で決めるべきものなので、1 つのコンポーネントにまとめている。
+ */
+export declare function ToggleChip({ children, pressed, onPressedChange, inactiveVariant, disabled, className }: ToggleChipProps): import("react").JSX.Element;
+//#endregion

package/dist/web/atom/toggle-chip.js

@@ -0,0 +1,28 @@
+import { cn } from "../lib/utils.js";
+import { Badge } from "../base/badge.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/web/atom/toggle-chip.tsx
+/**
+* 押して選択を切り替える Badge。絞り込みのタグやアカウントの複数選択に使う。
+*
+* `<button>` で `Badge` を包む形はアプリ側で何度も書かれていたが、`type="button"` の
+* 付け忘れや `aria-pressed` の欠落が起きやすい。押下状態の表現（インディゴ塗り）も
+* design system 側で決めるべきものなので、1 つのコンポーネントにまとめている。
+*/
+function ToggleChip({ children, pressed, onPressedChange, inactiveVariant = "outline", disabled, className }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-pressed": pressed,
+		disabled,
+		onClick: () => onPressedChange(!pressed),
+		className: cn("shrink-0", disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer", className),
+		children: /* @__PURE__ */ jsx(Badge, {
+			variant: pressed ? "default" : inactiveVariant,
+			children
+		})
+	});
+}
+
+//#endregion
+export { ToggleChip };

package/dist/web/atom/tooltip.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+//#region src/web/atom/tooltip.d.ts
+type Props = {
+  /**
+   * ツールチップの本文。falsy のときは、ツールチップを付けず子をそのまま描画する。
+   * 「ボタンが無効のときだけ理由を出す」のように、条件つきで有効にしやすい。
+   */
+  content?: React.ReactNode;
+  /**
+   * ホバーやフォーカスの対象になる要素。無効な要素は、フォーカスできる span で包んで扱う。
+   * `<button disabled>` を渡しても、ホバーとキーボードのフォーカスで本文が出る。
+   */
+  children: React.ReactNode;
+  side?: "top" | "right" | "bottom" | "left";
+};
+/**
+ * shadcn の Tooltip を包んだ軽い部品。「トリガーが無効（押せない）ときに理由を出す」用途を想定する。
+ *
+ * content が空のときは、ツールチップを付けず、子をそのまま描画する。
+ */
+export declare function Tooltip({ content, children, side }: Props): React.JSX.Element;
+//#endregion
+export {};

package/dist/web/atom/tooltip.js

@@ -0,0 +1,26 @@
+import { Tooltip as Tooltip$1, TooltipContent, TooltipTrigger } from "../base/tooltip.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/web/atom/tooltip.tsx
+/**
+* shadcn の Tooltip を包んだ軽い部品。「トリガーが無効（押せない）ときに理由を出す」用途を想定する。
+*
+* content が空のときは、ツールチップを付けず、子をそのまま描画する。
+*/
+function Tooltip({ content, children, side }) {
+	if (!content) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx("span", {
+			tabIndex: 0,
+			className: "contents",
+			children
+		})
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side,
+		children: content
+	})] });
+}
+
+//#endregion
+export { Tooltip };

package/dist/web/atom/typography.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+//#region src/web/atom/typography.d.ts
+export declare function SectionTitle({ className, children, description, ...props }: ComponentProps<"p"> & {
+  description?: string;
+}): import("react").JSX.Element;
+//#endregion

package/dist/web/atom/typography.js

@@ -0,0 +1,23 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/web/atom/typography.tsx
+function SectionTitle({ className, children, description, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-0.5",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "after:bg-action/70 relative py-2 pl-3 text-sm after:absolute after:inset-y-2 after:left-1 after:w-0.5",
+			children: /* @__PURE__ */ jsx("p", {
+				className: cn("font-semibold", className),
+				...props,
+				children
+			})
+		}), description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: description
+		})]
+	});
+}
+
+//#endregion
+export { SectionTitle };

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

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+//#region src/web/base/accordion.d.ts
+declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): React$1.JSX.Element;
+declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): React$1.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): React$1.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): React$1.JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/web/base/accordion.js

@@ -0,0 +1,44 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region src/web/base/accordion.tsx
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn(" flex flex-1 items-start justify-between gap-4 rounded-control py-3 text-left text-[13px] font-medium outline-none hover:underline focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5" })]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-[13px]",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-3", className),
+			children
+		})
+	});
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

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

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/web/base/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React$1.JSX.Element;
+declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };