@tetherto/dev-websites-core 0.2.1 → 0.3.0

package/dist/ui/components/Radio/Radio.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { focusRingClassName } from "../../a11y/focus.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Radio/Radio.tsx
+function Radio({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "relative inline-flex shrink-0 items-center justify-center",
+		children: [/* @__PURE__ */ jsx(Primitive.input, {
+			type: "radio",
+			ref,
+			"data-slot": "radio",
+			className: cn("peer size-5 shrink-0 appearance-none rounded-full border border-border bg-surface", "cursor-pointer transition-colors", "hover:border-accent", "checked:border-2 checked:border-accent", "disabled:cursor-not-allowed disabled:opacity-50", focusRingClassName, className),
+			...props
+		}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "pointer-events-none absolute size-2 rounded-full bg-accent opacity-0 transition-opacity peer-checked:opacity-100"
+		})]
+	});
+}
+//#endregion
+export { Radio };
+
+//# sourceMappingURL=Radio.mjs.map

package/dist/ui/components/Radio/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","names":[],"sources":["../../../../src/ui/components/Radio/Radio.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\n\nimport { focusRingClassName } from '../../a11y/focus.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps } from 'react'\n\nexport type RadioProps = Omit<ComponentProps<typeof Primitive.input>, 'type'>\n\nfunction Radio({ className, ref, ...props }: RadioProps) {\n  return (\n    <span className=\"relative inline-flex shrink-0 items-center justify-center\">\n      <Primitive.input\n        type=\"radio\"\n        ref={ref}\n        data-slot=\"radio\"\n        className={cn(\n          'peer size-5 shrink-0 appearance-none rounded-full border border-border bg-surface',\n          'cursor-pointer transition-colors',\n          'hover:border-accent',\n          'checked:border-2 checked:border-accent',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          focusRingClassName,\n          className\n        )}\n        {...props}\n      />\n      <span\n        aria-hidden\n        className=\"pointer-events-none absolute size-2 rounded-full bg-accent opacity-0 transition-opacity peer-checked:opacity-100\"\n      />\n    </span>\n  )\n}\n\nexport { Radio }\n"],"mappings":";;;;;;AAWA,SAAS,MAAM,EAAE,WAAW,KAAK,GAAG,SAAqB;CACvD,OACE,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,oBAAC,UAAU,OAAX;GACE,MAAK;GACA;GACL,aAAU;GACV,WAAW,GACT,qFACA,oCACA,uBACA,0CACA,mDACA,oBACA,SACF;GACA,GAAI;EACL,CAAA,GACD,oBAAC,QAAD;GACE,eAAA;GACA,WAAU;EACX,CAAA,CACG;;AAEV"}

package/dist/ui/components/Radio/index.d.mts

@@ -0,0 +1,2 @@
+import { Radio, RadioProps } from "./Radio.mjs";
+export { Radio, type RadioProps };

package/dist/ui/components/Radio/index.mjs

@@ -0,0 +1,2 @@
+import { Radio } from "./Radio.mjs";
+export { Radio };

package/dist/ui/components/Reveal/Reveal.d.mts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+//#region src/ui/components/Reveal/Reveal.d.ts
+type RevealProps = ComponentProps<'div'> & {
+  asChild?: boolean;
+  delay?: string;
+};
+declare function Reveal({ asChild, delay, className, ...props }: RevealProps): import("react").JSX.Element;
+//#endregion
+export { Reveal, RevealProps };
+//# sourceMappingURL=Reveal.d.mts.map

package/dist/ui/components/Reveal/Reveal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.d.mts","names":[],"sources":["../../../../src/ui/components/Reveal/Reveal.tsx"],"mappings":";;KASY,cAAc;EACxB;EACA;;iBAGO,SAAS,SAAiB,OAAO,cAAc,SAAS,8BAAW,IAAA"}

package/dist/ui/components/Reveal/Reveal.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { useInView } from "../../hooks/useInView.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/ui/components/Reveal/Reveal.tsx
+function Reveal({ asChild = false, delay, className, ...props }) {
+	const { ref, inView } = useInView();
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		ref,
+		className: cn("transition-all duration-[550ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", delay, inView ? "translate-y-0 opacity-100" : "translate-y-6 opacity-0 motion-reduce:translate-y-0 motion-reduce:opacity-100", className),
+		...props
+	});
+}
+//#endregion
+export { Reveal };
+
+//# sourceMappingURL=Reveal.mjs.map

package/dist/ui/components/Reveal/Reveal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.mjs","names":[],"sources":["../../../../src/ui/components/Reveal/Reveal.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useInView } from '../../hooks/useInView.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps } from 'react'\n\nexport type RevealProps = ComponentProps<'div'> & {\n  asChild?: boolean\n  delay?: string\n}\n\nfunction Reveal({ asChild = false, delay, className, ...props }: RevealProps) {\n  const { ref, inView } = useInView<HTMLDivElement>()\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'transition-all duration-[550ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none',\n        delay,\n        inView\n          ? 'translate-y-0 opacity-100'\n          : 'translate-y-6 opacity-0 motion-reduce:translate-y-0 motion-reduce:opacity-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Reveal }\n"],"mappings":";;;;;;AAcA,SAAS,OAAO,EAAE,UAAU,OAAO,OAAO,WAAW,GAAG,SAAsB;CAC5E,MAAM,EAAE,KAAK,WAAW,UAA0B;CAGlD,OACE,oBAHW,UAAU,OAAO,OAG5B;EACO;EACL,WAAW,GACT,mGACA,OACA,SACI,8BACA,iFACJ,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/Reveal/index.d.mts

@@ -0,0 +1,2 @@
+import { Reveal, RevealProps } from "./Reveal.mjs";
+export { Reveal, type RevealProps };

package/dist/ui/components/Reveal/index.mjs

@@ -0,0 +1,2 @@
+import { Reveal } from "./Reveal.mjs";
+export { Reveal };

package/dist/ui/components/SearchInput/SearchInput.d.mts

@@ -0,0 +1,15 @@
+//#region src/ui/components/SearchInput/SearchInput.d.ts
+type SearchInputProps = {
+  'value': string;
+  'onChange': (value: string) => void;
+  'placeholder'?: string;
+  'className'?: string;
+  'id'?: string;
+  'name'?: string;
+  'disabled'?: boolean;
+  'aria-label'?: string;
+};
+declare function SearchInput({ value, onChange, placeholder, className, id, name, disabled, 'aria-label': ariaLabel }: SearchInputProps): import("react").JSX.Element;
+//#endregion
+export { SearchInput, SearchInputProps };
+//# sourceMappingURL=SearchInput.d.mts.map

package/dist/ui/components/SearchInput/SearchInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.mts","names":[],"sources":["../../../../src/ui/components/SearchInput/SearchInput.tsx"],"mappings":";KAOY;EACV;EACA,aAAa;EACb;EACA;EACA;EACA;EACA;EACA;;iBAGO,cACP,OACA,UACA,aACA,WACA,IACA,MACA,wBACc,aACb,mCAAgB,IAAA"}

package/dist/ui/components/SearchInput/SearchInput.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { Input } from "../Input/Input.mjs";
+import { jsx } from "react/jsx-runtime";
+import { MdSearch } from "react-icons/md";
+//#region src/ui/components/SearchInput/SearchInput.tsx
+function SearchInput({ value, onChange, placeholder, className, id, name, disabled, "aria-label": ariaLabel }) {
+	return /* @__PURE__ */ jsx(Input, {
+		id,
+		name,
+		type: "search",
+		value,
+		disabled,
+		"aria-label": ariaLabel,
+		placeholder,
+		onChange: (e) => onChange(e.target.value),
+		className: cn("font-semibold placeholder:font-normal", className),
+		leftIcon: /* @__PURE__ */ jsx(MdSearch, {
+			size: 16,
+			className: "text-muted",
+			"aria-hidden": "true"
+		})
+	});
+}
+//#endregion
+export { SearchInput };
+
+//# sourceMappingURL=SearchInput.mjs.map

package/dist/ui/components/SearchInput/SearchInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.mjs","names":[],"sources":["../../../../src/ui/components/SearchInput/SearchInput.tsx"],"sourcesContent":["'use client'\n\nimport { MdSearch } from 'react-icons/md'\n\nimport { Input } from '../Input/Input.js'\nimport { cn } from '../../utils/cn.js'\n\nexport type SearchInputProps = {\n  'value': string\n  'onChange': (value: string) => void\n  'placeholder'?: string\n  'className'?: string\n  'id'?: string\n  'name'?: string\n  'disabled'?: boolean\n  'aria-label'?: string\n}\n\nfunction SearchInput({\n  value,\n  onChange,\n  placeholder,\n  className,\n  id,\n  name,\n  disabled,\n  'aria-label': ariaLabel,\n}: SearchInputProps) {\n  return (\n    <Input\n      id={id}\n      name={name}\n      type=\"search\"\n      value={value}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      placeholder={placeholder}\n      onChange={(e) => onChange(e.target.value)}\n      className={cn('font-semibold placeholder:font-normal', className)}\n      leftIcon={<MdSearch size={16} className=\"text-muted\" aria-hidden=\"true\" />}\n    />\n  )\n}\n\nexport { SearchInput }\n"],"mappings":";;;;;;AAkBA,SAAS,YAAY,EACnB,OACA,UACA,aACA,WACA,IACA,MACA,UACA,cAAc,aACK;CACnB,OACE,oBAAC,OAAD;EACM;EACE;EACN,MAAK;EACE;EACG;EACV,cAAY;EACC;EACb,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;EACxC,WAAW,GAAG,yCAAyC,SAAS;EAChE,UAAU,oBAAC,UAAD;GAAU,MAAM;GAAI,WAAU;GAAa,eAAY;EAAQ,CAAA;CAC1E,CAAA;AAEL"}

package/dist/ui/components/SearchInput/index.d.mts

@@ -0,0 +1,2 @@
+import { SearchInput, SearchInputProps } from "./SearchInput.mjs";
+export { SearchInput, type SearchInputProps };

package/dist/ui/components/SearchInput/index.mjs

@@ -0,0 +1,2 @@
+import { SearchInput } from "./SearchInput.mjs";
+export { SearchInput };

package/dist/ui/components/Select/Select.d.mts

@@ -0,0 +1,34 @@
+//#region src/ui/components/Select/Select.d.ts
+type SelectOption = {
+  value: string;
+  label: string;
+};
+type CommonProps = {
+  'id'?: string;
+  'options': SelectOption[];
+  'aria-label'?: string;
+  'disabled'?: boolean;
+  'error'?: boolean | string;
+  'className'?: string;
+  'triggerClassName'?: string;
+};
+type SingleProps = CommonProps & {
+  multiple?: false;
+  value: string;
+  onChange: (value: string) => void;
+  label?: string;
+  placeholder?: string;
+};
+type MultiProps = CommonProps & {
+  multiple: true;
+  value: string[];
+  onChange: (value: string[]) => void;
+  addLabel: string;
+  emptyLabel?: string;
+  removeChipLabel: (label: string) => string;
+};
+type SelectProps = SingleProps | MultiProps;
+declare function Select(props: SelectProps): import("react").JSX.Element;
+//#endregion
+export { Select, SelectOption, SelectProps };
+//# sourceMappingURL=Select.d.mts.map

package/dist/ui/components/Select/Select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../src/ui/components/Select/Select.tsx"],"mappings":";KAOY;EACV;EACA;;KAGG;EACH;EACA,WAAW;EACX;EACA;EACA;EACA;EACA;;KAGG,cAAc;EACjB;EACA;EACA,WAAW;EACX;EACA;;KAGG,aAAa;EAChB;EACA;EACA,WAAW;EACX;EACA;EACA,kBAAkB;;KAGR,cAAc,cAAc;iBAoD/B,OAAO,OAAO,8BAAW,IAAA"}

package/dist/ui/components/Select/Select.mjs

@@ -0,0 +1,167 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+//#region src/ui/components/Select/Select.tsx
+function ChevronIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 18 18",
+		width: "18",
+		height: "18",
+		fill: "none",
+		className,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4.5 6.75 9 11.25l4.5-4.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CheckIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		className: "shrink-0 text-accent",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3 8.2 6.2 11l6.5-7",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CloseIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 10 10",
+		width: "10",
+		height: "10",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2 2l6 6M8 2L2 8",
+			stroke: "currentColor",
+			strokeWidth: "1.25",
+			strokeLinecap: "round"
+		})
+	});
+}
+function Select(props) {
+	const { id, options, disabled, error, className, triggerClassName } = props;
+	const ariaLabel = props["aria-label"];
+	const multiContainerRef = useRef(null);
+	const [multiMenuWidth, setMultiMenuWidth] = useState();
+	const errorId = id ? `${id}-error` : void 0;
+	const hasError = Boolean(error);
+	const errorMessage = typeof error === "string" ? error : void 0;
+	const selectedSet = new Set(props.multiple ? props.value : props.value ? [props.value] : []);
+	const selectedChips = props.multiple ? props.value.map((v) => options.find((o) => o.value === v) ?? {
+		value: v,
+		label: v
+	}) : [];
+	const availableOptions = props.multiple ? options.filter((o) => !selectedSet.has(o.value)) : options;
+	const allSelected = Boolean(props.multiple && availableOptions.length === 0);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-full flex-col gap-1", !props.multiple && className),
+		children: [/* @__PURE__ */ jsxs(DropdownMenu.Root, {
+			modal: false,
+			onOpenChange: (open) => {
+				if (!props.multiple || !open) return;
+				const width = multiContainerRef.current?.getBoundingClientRect().width;
+				if (width) setMultiMenuWidth(width);
+			},
+			children: [props.multiple ? /* @__PURE__ */ jsxs("div", {
+				ref: multiContainerRef,
+				"data-slot": "select-multi",
+				"aria-describedby": hasError && errorId ? errorId : void 0,
+				className: cn("group/select flex w-full flex-wrap items-center gap-2 rounded-btn border border-border bg-background px-3 py-2.5 text-left transition-colors", "hover:border-accent/60", hasError && "border-destructive", disabled && "cursor-not-allowed opacity-50", className),
+				children: [selectedChips.map((option, idx) => /* @__PURE__ */ jsxs("span", {
+					"data-slot": "select-chip",
+					className: "inline-flex items-center gap-1.5 rounded-btn border border-border bg-card py-1 pr-2 pl-2.5 text-xs font-medium text-foreground",
+					children: [option.label, /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": props.removeChipLabel(option.label),
+						disabled,
+						onClick: () => {
+							if (disabled) return;
+							props.onChange(props.value.filter((_, i) => i !== idx));
+						},
+						className: "inline-flex cursor-pointer items-center justify-center text-muted transition-colors hover:text-foreground disabled:pointer-events-none",
+						children: /* @__PURE__ */ jsx(CloseIcon, {})
+					})]
+				}, `${option.value}-${idx}`)), /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+					asChild: true,
+					disabled: disabled || allSelected,
+					children: /* @__PURE__ */ jsx("button", {
+						id,
+						type: "button",
+						"data-slot": "select-multi-add",
+						"aria-label": ariaLabel,
+						className: "cursor-pointer text-sm font-normal text-muted transition-colors hover:text-foreground data-[state=open]:text-foreground focus-visible:outline-none",
+						children: allSelected && props.emptyLabel ? props.emptyLabel : props.addLabel
+					})
+				})]
+			}) : /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("button", {
+					id,
+					type: "button",
+					disabled,
+					"aria-label": ariaLabel,
+					"aria-describedby": hasError && errorId ? errorId : void 0,
+					"data-slot": "select-trigger",
+					className: cn("group/select inline-flex h-11 w-full shrink-0 cursor-pointer items-center gap-2 rounded-btn border border-border bg-background pr-3.5 pl-4 text-left transition-colors", "hover:border-accent/60 data-[state=open]:border-accent", "focus-visible:border-accent focus-visible:outline-none", hasError && "border-destructive data-[state=open]:border-destructive", disabled && "cursor-not-allowed opacity-50", triggerClassName),
+					children: [
+						props.label ? /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 text-sm text-muted",
+							children: props.label
+						}) : null,
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1 truncate text-sm font-semibold text-foreground",
+							children: options.find((o) => o.value === props.value)?.label ?? props.placeholder ?? ""
+						}),
+						/* @__PURE__ */ jsx(ChevronIcon, { className: "shrink-0 text-foreground transition-transform group-data-[state=open]/select:rotate-180" })
+					]
+				})
+			}), /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
+				align: "start",
+				sideOffset: 8,
+				style: props.multiple && multiMenuWidth ? { width: multiMenuWidth } : void 0,
+				className: cn("z-50 overflow-hidden rounded-card border border-border bg-card-elevated py-1.5 shadow-lg", "focus:outline-none", !props.multiple && "w-(--radix-dropdown-menu-trigger-width)"),
+				children: availableOptions.map((option) => {
+					const isSelected = !props.multiple && props.value === option.value;
+					return /* @__PURE__ */ jsxs(DropdownMenu.Item, {
+						onSelect: (event) => {
+							if (props.multiple) {
+								event.preventDefault();
+								props.onChange([...props.value, option.value]);
+								return;
+							}
+							props.onChange(option.value);
+						},
+						className: cn("flex cursor-pointer items-center justify-between gap-3 px-3.5 py-2.5 text-sm font-medium text-secondary transition-colors outline-none", "data-[highlighted]:bg-card data-[highlighted]:text-foreground", isSelected && "bg-card font-semibold text-foreground"),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: option.label
+						}), isSelected ? /* @__PURE__ */ jsx(CheckIcon, {}) : null]
+					}, option.value);
+				})
+			}) })]
+		}), errorMessage ? /* @__PURE__ */ jsx("p", {
+			id: errorId,
+			className: "text-xs text-destructive",
+			children: errorMessage
+		}) : null]
+	});
+}
+//#endregion
+export { Select };
+
+//# sourceMappingURL=Select.mjs.map

package/dist/ui/components/Select/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../src/ui/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { cn } from '../../utils/cn.js'\n\nexport type SelectOption = {\n  value: string\n  label: string\n}\n\ntype CommonProps = {\n  'id'?: string\n  'options': SelectOption[]\n  'aria-label'?: string\n  'disabled'?: boolean\n  'error'?: boolean | string\n  'className'?: string\n  'triggerClassName'?: string\n}\n\ntype SingleProps = CommonProps & {\n  multiple?: false\n  value: string\n  onChange: (value: string) => void\n  label?: string\n  placeholder?: string\n}\n\ntype MultiProps = CommonProps & {\n  multiple: true\n  value: string[]\n  onChange: (value: string[]) => void\n  addLabel: string\n  emptyLabel?: string\n  removeChipLabel: (label: string) => string\n}\n\nexport type SelectProps = SingleProps | MultiProps\n\nfunction ChevronIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 18 18\"\n      width=\"18\"\n      height=\"18\"\n      fill=\"none\"\n      className={className}\n    >\n      <path\n        d=\"M4.5 6.75 9 11.25l4.5-4.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      className=\"shrink-0 text-accent\"\n    >\n      <path\n        d=\"M3 8.2 6.2 11l6.5-7\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction CloseIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" fill=\"none\">\n      <path d=\"M2 2l6 6M8 2L2 8\" stroke=\"currentColor\" strokeWidth=\"1.25\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nfunction Select(props: SelectProps) {\n  const { id, options, disabled, error, className, triggerClassName } = props\n  const ariaLabel = props['aria-label']\n  const multiContainerRef = useRef<HTMLDivElement>(null)\n  const [multiMenuWidth, setMultiMenuWidth] = useState<number>()\n\n  const errorId = id ? `${id}-error` : undefined\n  const hasError = Boolean(error)\n  const errorMessage = typeof error === 'string' ? error : undefined\n\n  const selectedSet = new Set(props.multiple ? props.value : props.value ? [props.value] : [])\n  const selectedChips = props.multiple\n    ? props.value.map((v) => options.find((o) => o.value === v) ?? { value: v, label: v })\n    : []\n  const availableOptions = props.multiple\n    ? options.filter((o) => !selectedSet.has(o.value))\n    : options\n  const allSelected = Boolean(props.multiple && availableOptions.length === 0)\n\n  return (\n    <div className={cn('flex w-full flex-col gap-1', !props.multiple && className)}>\n      <DropdownMenu.Root\n        modal={false}\n        onOpenChange={(open) => {\n          if (!props.multiple || !open) return\n          const width = multiContainerRef.current?.getBoundingClientRect().width\n          if (width) setMultiMenuWidth(width)\n        }}\n      >\n        {props.multiple ? (\n          <div\n            ref={multiContainerRef}\n            data-slot=\"select-multi\"\n            aria-describedby={hasError && errorId ? errorId : undefined}\n            className={cn(\n              'group/select flex w-full flex-wrap items-center gap-2 rounded-btn border border-border bg-background px-3 py-2.5 text-left transition-colors',\n              'hover:border-accent/60',\n              hasError && 'border-destructive',\n              disabled && 'cursor-not-allowed opacity-50',\n              className\n            )}\n          >\n            {selectedChips.map((option, idx) => (\n              <span\n                key={`${option.value}-${idx}`}\n                data-slot=\"select-chip\"\n                className=\"inline-flex items-center gap-1.5 rounded-btn border border-border bg-card py-1 pr-2 pl-2.5 text-xs font-medium text-foreground\"\n              >\n                {option.label}\n                <button\n                  type=\"button\"\n                  aria-label={props.removeChipLabel(option.label)}\n                  disabled={disabled}\n                  onClick={() => {\n                    if (disabled) return\n                    props.onChange(props.value.filter((_, i) => i !== idx))\n                  }}\n                  className=\"inline-flex cursor-pointer items-center justify-center text-muted transition-colors hover:text-foreground disabled:pointer-events-none\"\n                >\n                  <CloseIcon />\n                </button>\n              </span>\n            ))}\n\n            <DropdownMenu.Trigger asChild disabled={disabled || allSelected}>\n              <button\n                id={id}\n                type=\"button\"\n                data-slot=\"select-multi-add\"\n                aria-label={ariaLabel}\n                className=\"cursor-pointer text-sm font-normal text-muted transition-colors hover:text-foreground data-[state=open]:text-foreground focus-visible:outline-none\"\n              >\n                {allSelected && props.emptyLabel ? props.emptyLabel : props.addLabel}\n              </button>\n            </DropdownMenu.Trigger>\n          </div>\n        ) : (\n          <DropdownMenu.Trigger asChild>\n            <button\n              id={id}\n              type=\"button\"\n              disabled={disabled}\n              aria-label={ariaLabel}\n              aria-describedby={hasError && errorId ? errorId : undefined}\n              data-slot=\"select-trigger\"\n              className={cn(\n                'group/select inline-flex h-11 w-full shrink-0 cursor-pointer items-center gap-2 rounded-btn border border-border bg-background pr-3.5 pl-4 text-left transition-colors',\n                'hover:border-accent/60 data-[state=open]:border-accent',\n                'focus-visible:border-accent focus-visible:outline-none',\n                hasError && 'border-destructive data-[state=open]:border-destructive',\n                disabled && 'cursor-not-allowed opacity-50',\n                triggerClassName\n              )}\n            >\n              {props.label ? (\n                <span className=\"shrink-0 text-sm text-muted\">{props.label}</span>\n              ) : null}\n              <span className=\"flex-1 truncate text-sm font-semibold text-foreground\">\n                {options.find((o) => o.value === props.value)?.label ?? props.placeholder ?? ''}\n              </span>\n              <ChevronIcon className=\"shrink-0 text-foreground transition-transform group-data-[state=open]/select:rotate-180\" />\n            </button>\n          </DropdownMenu.Trigger>\n        )}\n\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"start\"\n            sideOffset={8}\n            style={props.multiple && multiMenuWidth ? { width: multiMenuWidth } : undefined}\n            className={cn(\n              'z-50 overflow-hidden rounded-card border border-border bg-card-elevated py-1.5 shadow-lg',\n              'focus:outline-none',\n              !props.multiple && 'w-(--radix-dropdown-menu-trigger-width)'\n            )}\n          >\n            {availableOptions.map((option) => {\n              const isSelected = !props.multiple && props.value === option.value\n              return (\n                <DropdownMenu.Item\n                  key={option.value}\n                  onSelect={(event) => {\n                    if (props.multiple) {\n                      event.preventDefault()\n                      props.onChange([...props.value, option.value])\n                      return\n                    }\n                    props.onChange(option.value)\n                  }}\n                  className={cn(\n                    'flex cursor-pointer items-center justify-between gap-3 px-3.5 py-2.5 text-sm font-medium text-secondary transition-colors outline-none',\n                    'data-[highlighted]:bg-card data-[highlighted]:text-foreground',\n                    isSelected && 'bg-card font-semibold text-foreground'\n                  )}\n                >\n                  <span className=\"truncate\">{option.label}</span>\n                  {isSelected ? <CheckIcon /> : null}\n                </DropdownMenu.Item>\n              )\n            })}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n\n      {errorMessage ? (\n        <p id={errorId} className=\"text-xs text-destructive\">\n          {errorMessage}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nexport { Select }\n"],"mappings":"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"}

package/dist/ui/components/Select/index.d.mts

@@ -0,0 +1,2 @@
+import { Select, SelectOption, SelectProps } from "./Select.mjs";
+export { Select, type SelectOption, type SelectProps };

package/dist/ui/components/Select/index.mjs

@@ -0,0 +1,2 @@
+import { Select } from "./Select.mjs";
+export { Select };

package/dist/ui/components/Sheet/Sheet.d.mts

@@ -0,0 +1,19 @@
+import { ComponentProps, ReactNode } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/ui/components/Sheet/Sheet.d.ts
+declare const Sheet: import("react").FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+type SheetOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
+declare function SheetOverlay({ className, ...props }: SheetOverlayProps): import("react").JSX.Element;
+type SheetContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
+  side?: 'left' | 'right';
+  closeLabel?: string;
+  title?: string;
+  children?: ReactNode;
+};
+declare function SheetContent({ side, className, children, closeLabel, title, ...props }: SheetContentProps): import("react").JSX.Element;
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetContentProps, SheetOverlay, SheetOverlayProps, SheetPortal, SheetTrigger };
+//# sourceMappingURL=Sheet.d.mts.map

package/dist/ui/components/Sheet/Sheet.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.mts","names":[],"sources":["../../../../src/ui/components/Sheet/Sheet.tsx"],"mappings":";;;cASM,uBAAK,GAAA,gBAAA;cACL,8BAAY,0BAAA,gBAAA,qCAAA,cAAA;cACZ,4BAAU,0BAAA,gBAAA,mCAAA,cAAA;cACV,6BAAW,GAAA,gBAAA;KAOL,oBAAoB,sBAAsB,gBAAgB;iBAE7D,eAAe,cAAc,SAAS,oCAAiB,IAAA;KAiBpD,oBAAoB,sBAAsB,gBAAgB;EACpE;EACA;EACA;EACA,WAAW;;iBAGJ,eACP,MACA,WACA,UACA,YACA,UACG,SACF,oCAAiB,IAAA"}

package/dist/ui/components/Sheet/Sheet.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { IconButton } from "../IconButton/IconButton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/ui/components/Sheet/Sheet.tsx
+const Sheet = DialogPrimitive.Root;
+const SheetTrigger = DialogPrimitive.Trigger;
+const SheetClose = DialogPrimitive.Close;
+const SheetPortal = DialogPrimitive.Portal;
+const sheetOverlayClasses = cn("fixed inset-0 z-50 bg-background/75 backdrop-blur-sm", "data-[state=closed]:pointer-events-none");
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: cn(sheetOverlayClasses, className),
+		...props
+	});
+}
+function CloseIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 20 20",
+		width: "20",
+		height: "20",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M5 5l10 10M15 5L5 15",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function SheetContent({ side = "left", className, children, closeLabel, title, ...props }) {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		"data-side": side,
+		className: cn("fixed z-50 flex h-full flex-col bg-background shadow-xl", side === "left" && "inset-y-0 left-0 w-[min(100vw,280px)] border-r border-border", side === "right" && "inset-y-0 right-0 w-[min(100vw,280px)] border-l border-border", className),
+		...props,
+		children: [
+			title ? /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+				className: "sr-only",
+				children: title
+			}) : null,
+			children,
+			closeLabel ? /* @__PURE__ */ jsx(SheetClose, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(IconButton, {
+					type: "button",
+					className: "absolute top-3 right-3 lg:hidden",
+					"aria-label": closeLabel,
+					children: /* @__PURE__ */ jsx(CloseIcon, {})
+				})
+			}) : null
+		]
+	})] });
+}
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetOverlay, SheetPortal, SheetTrigger };
+
+//# sourceMappingURL=Sheet.mjs.map

package/dist/ui/components/Sheet/Sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.mjs","names":[],"sources":["../../../../src/ui/components/Sheet/Sheet.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { IconButton } from '../IconButton/IconButton.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps, ReactNode } from 'react'\n\nconst Sheet = DialogPrimitive.Root\nconst SheetTrigger = DialogPrimitive.Trigger\nconst SheetClose = DialogPrimitive.Close\nconst SheetPortal = DialogPrimitive.Portal\n\nconst sheetOverlayClasses = cn(\n  'fixed inset-0 z-50 bg-background/75 backdrop-blur-sm',\n  'data-[state=closed]:pointer-events-none'\n)\n\nexport type SheetOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>\n\nfunction SheetOverlay({ className, ...props }: SheetOverlayProps) {\n  return <DialogPrimitive.Overlay className={cn(sheetOverlayClasses, className)} {...props} />\n}\n\nfunction CloseIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 20 20\" width=\"20\" height=\"20\" fill=\"none\">\n      <path\n        d=\"M5 5l10 10M15 5L5 15\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport type SheetContentProps = ComponentProps<typeof DialogPrimitive.Content> & {\n  side?: 'left' | 'right'\n  closeLabel?: string\n  title?: string\n  children?: ReactNode\n}\n\nfunction SheetContent({\n  side = 'left',\n  className,\n  children,\n  closeLabel,\n  title,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <DialogPrimitive.Content\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex h-full flex-col bg-background shadow-xl',\n          side === 'left' && 'inset-y-0 left-0 w-[min(100vw,280px)] border-r border-border',\n          side === 'right' && 'inset-y-0 right-0 w-[min(100vw,280px)] border-l border-border',\n          className\n        )}\n        {...props}\n      >\n        {title ? <DialogPrimitive.Title className=\"sr-only\">{title}</DialogPrimitive.Title> : null}\n        {children}\n        {closeLabel ? (\n          <SheetClose asChild>\n            <IconButton\n              type=\"button\"\n              className=\"absolute top-3 right-3 lg:hidden\"\n              aria-label={closeLabel}\n            >\n              <CloseIcon />\n            </IconButton>\n          </SheetClose>\n        ) : null}\n      </DialogPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetPortal, SheetOverlay, SheetContent }\n"],"mappings":";;;;;;AASA,MAAM,QAAQ,gBAAgB;AAC9B,MAAM,eAAe,gBAAgB;AACrC,MAAM,aAAa,gBAAgB;AACnC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,sBAAsB,GAC1B,wDACA,yCACF;AAIA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA4B;CAChE,OAAO,oBAAC,gBAAgB,SAAjB;EAAyB,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC7F;AAEA,SAAS,YAAY;CACnB,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,SAAQ;EAAY,OAAM;EAAK,QAAO;EAAK,MAAK;EACtE,UAAA,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACf,CAAA;CACE,CAAA;AAET;AASA,SAAS,aAAa,EACpB,OAAO,QACP,WACA,UACA,YACA,OACA,GAAG,SACiB;CACpB,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACf,qBAAC,gBAAgB,SAAjB;EACE,aAAW;EACX,WAAW,GACT,2DACA,SAAS,UAAU,gEACnB,SAAS,WAAW,iEACpB,SACF;EACA,GAAI;EARN,UAAA;GAUG,QAAQ,oBAAC,gBAAgB,OAAjB;IAAuB,WAAU;IAAW,UAAA;GAA6B,CAAA,IAAI;GACrF;GACA,aACC,oBAAC,YAAD;IAAY,SAAA;IACV,UAAA,oBAAC,YAAD;KACE,MAAK;KACL,WAAU;KACV,cAAY;KAEZ,UAAA,oBAAC,WAAD,CAAY,CAAA;IACF,CAAA;GACF,CAAA,IACV;EACmB;CACd,CAAA,CAAA,EAAA,CAAA;AAEjB"}

package/dist/ui/components/Sheet/index.d.mts

@@ -0,0 +1,2 @@
+import { Sheet, SheetClose, SheetContent, SheetContentProps, SheetOverlay, SheetOverlayProps, SheetPortal, SheetTrigger } from "./Sheet.mjs";
+export { Sheet, SheetClose, SheetContent, type SheetContentProps, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTrigger };

package/dist/ui/components/Sheet/index.mjs

@@ -0,0 +1,2 @@
+import { Sheet, SheetClose, SheetContent, SheetOverlay, SheetPortal, SheetTrigger } from "./Sheet.mjs";
+export { Sheet, SheetClose, SheetContent, SheetOverlay, SheetPortal, SheetTrigger };

package/dist/ui/components/StaggerReveal/StaggerReveal.d.mts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+//#region src/ui/components/StaggerReveal/StaggerReveal.d.ts
+type StaggerRevealProps = {
+  className?: string;
+  children: ReactNode;
+};
+declare function StaggerReveal({ className, children }: StaggerRevealProps): import("react").JSX.Element;
+//#endregion
+export { StaggerReveal, StaggerRevealProps };
+//# sourceMappingURL=StaggerReveal.d.mts.map

package/dist/ui/components/StaggerReveal/StaggerReveal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaggerReveal.d.mts","names":[],"sources":["../../../../src/ui/components/StaggerReveal/StaggerReveal.tsx"],"mappings":";;KASY;EACV;EACA,UAAU;;iBAcH,gBAAgB,WAAW,YAAY,qCAAkB,IAAA"}

package/dist/ui/components/StaggerReveal/StaggerReveal.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { useInView } from "../../hooks/useInView.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Children } from "react";
+//#region src/ui/components/StaggerReveal/StaggerReveal.tsx
+const STAGGER_DELAYS = [
+	"delay-[0ms]",
+	"delay-[100ms]",
+	"delay-[200ms]",
+	"delay-[300ms]",
+	"delay-[400ms]",
+	"delay-[500ms]",
+	"delay-[600ms]",
+	"delay-[700ms]"
+];
+function StaggerReveal({ className, children }) {
+	const { ref, inView } = useInView();
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className,
+		children: Children.map(children, (child, index) => /* @__PURE__ */ jsx("div", {
+			className: cn("h-full transition-all duration-[550ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", STAGGER_DELAYS[Math.min(index, STAGGER_DELAYS.length - 1)], inView ? "translate-y-0 opacity-100" : "translate-y-6 opacity-0 motion-reduce:translate-y-0 motion-reduce:opacity-100"),
+			children: child
+		}))
+	});
+}
+//#endregion
+export { StaggerReveal };
+
+//# sourceMappingURL=StaggerReveal.mjs.map

package/dist/ui/components/StaggerReveal/StaggerReveal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaggerReveal.mjs","names":[],"sources":["../../../../src/ui/components/StaggerReveal/StaggerReveal.tsx"],"sourcesContent":["'use client'\n\nimport { Children } from 'react'\n\nimport { useInView } from '../../hooks/useInView.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type StaggerRevealProps = {\n  className?: string\n  children: ReactNode\n}\n\nconst STAGGER_DELAYS = [\n  'delay-[0ms]',\n  'delay-[100ms]',\n  'delay-[200ms]',\n  'delay-[300ms]',\n  'delay-[400ms]',\n  'delay-[500ms]',\n  'delay-[600ms]',\n  'delay-[700ms]',\n]\n\nfunction StaggerReveal({ className, children }: StaggerRevealProps) {\n  const { ref, inView } = useInView<HTMLDivElement>()\n\n  return (\n    <div ref={ref} className={className}>\n      {Children.map(children, (child, index) => (\n        <div\n          className={cn(\n            'h-full transition-all duration-[550ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none',\n            STAGGER_DELAYS[Math.min(index, STAGGER_DELAYS.length - 1)],\n            inView\n              ? 'translate-y-0 opacity-100'\n              : 'translate-y-6 opacity-0 motion-reduce:translate-y-0 motion-reduce:opacity-100'\n          )}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport { StaggerReveal }\n"],"mappings":";;;;;;AAcA,MAAM,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,cAAc,EAAE,WAAW,YAAgC;CAClE,MAAM,EAAE,KAAK,WAAW,UAA0B;CAElD,OACE,oBAAC,OAAD;EAAU;EAAgB;EACvB,UAAA,SAAS,IAAI,WAAW,OAAO,UAC9B,oBAAC,OAAD;GACE,WAAW,GACT,0GACA,eAAe,KAAK,IAAI,OAAO,eAAe,SAAS,CAAC,IACxD,SACI,8BACA,+EACN;GAEC,UAAA;EACE,CAAA,CACN;CACE,CAAA;AAET"}

package/dist/ui/components/StaggerReveal/index.d.mts

@@ -0,0 +1,2 @@
+import { StaggerReveal, StaggerRevealProps } from "./StaggerReveal.mjs";
+export { StaggerReveal, type StaggerRevealProps };

package/dist/ui/components/StaggerReveal/index.mjs

@@ -0,0 +1,2 @@
+import { StaggerReveal } from "./StaggerReveal.mjs";
+export { StaggerReveal };

package/dist/ui/components/Stepper/Stepper.d.mts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+//#region src/ui/components/Stepper/Stepper.d.ts
+type StepperItem = {
+  id: string;
+  title: string;
+  description?: ReactNode;
+};
+type StepperProps = {
+  items: StepperItem[];
+  className?: string;
+};
+declare function Stepper({ items, className }: StepperProps): import("react").JSX.Element;
+//#endregion
+export { Stepper, StepperItem, StepperProps };
+//# sourceMappingURL=Stepper.d.mts.map

package/dist/ui/components/Stepper/Stepper.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.mts","names":[],"sources":["../../../../src/ui/components/Stepper/Stepper.tsx"],"mappings":";;KAIY;EACV;EACA;EACA,cAAc;;KAGJ;EACV,OAAO;EACP;;iBAGO,UAAU,OAAO,aAAa,+BAAY,IAAA"}

package/dist/ui/components/Stepper/Stepper.mjs

@@ -0,0 +1,38 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/components/Stepper/Stepper.tsx
+function Stepper({ items, className }) {
+	return /* @__PURE__ */ jsx("ol", {
+		className: cn("relative flex flex-col gap-8 pl-0", className),
+		children: items.map((item, idx) => /* @__PURE__ */ jsxs("li", {
+			className: "relative flex items-start gap-2.5",
+			children: [
+				idx < items.length - 1 ? /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "absolute top-8 bottom-[-32px] left-[17px] w-px bg-border"
+				}) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "relative z-10 flex size-[34px] shrink-0 items-center justify-center rounded-full bg-accent text-sm font-normal text-accent-foreground",
+					children: String(idx + 1).padStart(2, "0")
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 pt-1",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "mb-3 text-base font-bold text-foreground",
+						children: item.title
+					}), item.description ? typeof item.description === "string" ? /* @__PURE__ */ jsx("div", {
+						className: "prose text-base text-secondary",
+						dangerouslySetInnerHTML: { __html: item.description }
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "text-base text-secondary",
+						children: item.description
+					}) : null]
+				})
+			]
+		}, item.id))
+	});
+}
+//#endregion
+export { Stepper };
+
+//# sourceMappingURL=Stepper.mjs.map