@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/chunks/{select-Bc4kRiSG.js → select-Bbv2f5F8.js}

@@ -1,19 +1,20 @@
 "use client";
-import { i as e, o as t } from "./styles-Btvg2DCf.js";
-import { t as n } from "./cn-CidVUKMm.js";
+import { i as e, o as t } from "./styles-CVJU9t9v.js";
+import { t as n } from "./cn-DUDmdLpZ.js";
 import { i as r } from "./dev-CR1p7gCm.js";
-import { n as i, r as a } from "./portal-context-BBbzDKmY.js";
-import { i as o } from "./context-BELWW79w.js";
-import { t as s } from "./icon-CeNQtobn.js";
-import { a as ee, o as c, s as l } from "./field-d8V94bvZ.js";
-import { n as u, t as te } from "./use-layout-width-CbSDbRb0.js";
-import { Fragment as ne, forwardRef as d, useCallback as re, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ArrowDown01Icon as h, ArrowUp01Icon as ie, Tick02Icon as g } from "@hugeicons/core-free-icons";
-import { CSPProvider as _ } from "@base-ui/react/csp-provider";
-import { Select as v } from "@base-ui/react/select";
+import { n as ee, r as i } from "./portal-context-BBbzDKmY.js";
+import { i as a } from "./context-BELWW79w.js";
+import { t as o } from "./icon-BqujXDUc.js";
+import { a as te, o as ne, s } from "./field-BZriODU7.js";
+import { n as c, t as l } from "./use-layout-width-CbSDbRb0.js";
+import { t as re } from "./option-checkbox-Df7WhGn4.js";
+import { Fragment as u, forwardRef as d, useCallback as f, useRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowDown01Icon as g, ArrowUp01Icon as _, Tick02Icon as v } from "@hugeicons/core-free-icons";
+import { CSPProvider as ie } from "@base-ui/react/csp-provider";
+import { Select as y } from "@base-ui/react/select";
 //#region src/components/select/select.tsx
-var y = {
+var b = {
 	appearance: {
 		default: { classes: "material-secondary" },
 		ghost: { classes: "material-ghost text-fg-secondary hover:text-fg open:text-fg" },
@@ -25,16 +26,16 @@ var y = {
 		lg: { classes: "h-40 pl-18 pr-14 gap-8 text-body" },
 		xl: { classes: "h-48 pl-22 pr-18 gap-8 text-body-lg" }
 	}
-}, b = {
+}, x = {
 	appearance: "default",
 	size: "md"
 };
-function x(e, t) {
+function S(e, t) {
 	return (n) => {
 		t(n) && e(n);
 	};
 }
-function S(e) {
+function C(e) {
 	let t = [];
 	for (let n of e) {
 		let e = t[t.length - 1];
@@ -45,24 +46,24 @@ function S(e) {
 	}
 	return t;
 }
-var C = /* @__PURE__ */ d(function(d, b) {
-	let { options: C, placeholder: T, size: E = "md", appearance: D = "default", disabled: O, name: k, id: A, open: j, onOpenChange: M, invalid: N, icon: P, fullWidth: F, label: I, description: L, error: R, optional: z, required: B, layout: V, className: H, multiple: U, "aria-label": W, "data-force": G } = d;
+var w = /* @__PURE__ */ d(function(d, x) {
+	let { options: w, placeholder: T, size: E = "md", appearance: D = "default", disabled: O, name: k, id: A, open: j, onOpenChange: M, invalid: N, icon: P, fullWidth: F, label: I, description: L, error: R, optional: z, required: B, layout: V, className: H, multiple: U, "aria-label": W, "data-force": G } = d;
 	r("Select", H);
-	let K = o(), q = T ?? K("select.placeholder", "Select"), J = ee(), Y = c(d), X = f(null), ae = u(X), oe = re((e) => {
-		X.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
-	}, [b]), Z = new Map(C.map((e) => [e.value, e])), Q = (e) => {
+	let K = a(), q = T ?? K("select.placeholder", "Select"), J = te(), Y = ne(d), X = p(null), ae = c(X), oe = f((e) => {
+		X.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
+	}, [x]), Z = new Map(w.map((e) => [e.value, e])), Q = (e) => {
 		let t = Z.get(e);
 		return t?.textValue ?? (typeof t?.label == "string" ? t.label : e);
 	}, se = d.multiple ? {
 		multiple: !0,
 		...d.value === void 0 ? {} : { value: d.value },
 		...d.defaultValue === void 0 ? {} : { defaultValue: d.defaultValue },
-		...d.onValueChange ? { onValueChange: x(d.onValueChange, Array.isArray) } : {}
+		...d.onValueChange ? { onValueChange: S(d.onValueChange, Array.isArray) } : {}
 	} : {
 		...d.value === void 0 ? {} : { value: d.value },
 		...d.defaultValue === void 0 ? {} : { defaultValue: d.defaultValue },
-		...d.onValueChange ? { onValueChange: x(d.onValueChange, (e) => typeof e == "string") } : {}
-	}, $ = /* @__PURE__ */ m(v.Root, {
+		...d.onValueChange ? { onValueChange: S(d.onValueChange, (e) => typeof e == "string") } : {}
+	}, $ = /* @__PURE__ */ h(y.Root, {
 		...se,
 		...J?.required ?? B ? { required: !0 } : {},
 		...O === void 0 ? {} : { disabled: O },
@@ -71,21 +72,21 @@ var C = /* @__PURE__ */ d(function(d, b) {
 		...M ? { onOpenChange: (e) => M(e) } : {},
 		itemToStringLabel: (e) => Q(String(e)),
 		modal: !1,
-		children: [/* @__PURE__ */ m(v.Trigger, {
+		children: [/* @__PURE__ */ h(y.Trigger, {
 			ref: oe,
 			...A ? { id: A } : {},
 			...Y.controlProps,
 			...W ? { "aria-label": W } : {},
 			...N || R ? { "aria-invalid": !0 } : {},
 			...G ? { "data-force": G } : {},
-			className: n("inline-flex min-w-0 cursor-pointer items-center justify-between rounded-pill font-medium whitespace-nowrap transition-control focus-ring disabled:cursor-not-allowed", y.size[E].classes, y.appearance[D].classes, (N || R) && "ring-invalid", F && "w-full", !(I || L || R) && H),
+			className: n("inline-flex min-w-0 cursor-pointer items-center justify-between rounded-pill font-medium whitespace-nowrap transition-control focus-ring disabled:cursor-not-allowed", b.size[E].classes, b.appearance[D].classes, (N || R) && "ring-invalid", F && "w-full", !(I || L || R) && H),
 			children: [
-				P && /* @__PURE__ */ p(s, {
+				P && /* @__PURE__ */ m(o, {
 					icon: P,
 					size: "sm",
 					className: "text-fg-secondary"
 				}),
-				/* @__PURE__ */ p(v.Value, {
+				/* @__PURE__ */ m(y.Value, {
 					className: "min-w-0 flex-1 truncate text-left data-placeholder:text-fg-tertiary data-placeholder:font-regular",
 					placeholder: q,
 					children: (e) => {
@@ -99,77 +100,77 @@ var C = /* @__PURE__ */ d(function(d, b) {
 						return e == null || e === "" ? q : Z.get(String(e))?.label ?? String(e);
 					}
 				}),
-				/* @__PURE__ */ p(v.Icon, {
+				/* @__PURE__ */ m(y.Icon, {
 					className: "flex shrink-0 text-fg-tertiary",
-					children: /* @__PURE__ */ p(s, {
-						icon: h,
+					children: /* @__PURE__ */ m(o, {
+						icon: g,
 						size: "sm"
 					})
 				})
 			]
-		}), /* @__PURE__ */ p(_, {
+		}), /* @__PURE__ */ m(ie, {
 			disableStyleElements: !0,
-			children: /* @__PURE__ */ p(v.Portal, {
-				container: a(),
-				children: /* @__PURE__ */ p(v.Positioner, {
+			children: /* @__PURE__ */ m(y.Portal, {
+				container: i(),
+				children: /* @__PURE__ */ m(y.Positioner, {
 					positionMethod: "fixed",
-					collisionBoundary: i(),
+					collisionBoundary: ee(),
 					alignItemWithTrigger: !1,
 					align: "start",
 					sideOffset: 6,
 					collisionPadding: 8,
 					className: "z-50 outline-none",
-					children: /* @__PURE__ */ m(v.Popup, {
+					children: /* @__PURE__ */ h(y.Popup, {
 						className: n(t, "min-w-anchor overflow-hidden"),
-						style: te(ae),
+						style: l(ae),
 						children: [
-							/* @__PURE__ */ p(v.ScrollUpArrow, {
+							/* @__PURE__ */ m(y.ScrollUpArrow, {
 								className: "flex h-20 items-center justify-center text-fg-tertiary",
-								children: /* @__PURE__ */ p(s, {
-									icon: ie,
+								children: /* @__PURE__ */ m(o, {
+									icon: _,
 									size: "xs"
 								})
 							}),
-							/* @__PURE__ */ p(v.List, {
+							/* @__PURE__ */ m(y.List, {
 								className: "-mx-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain px-6 outline-none scrollbar-quiet",
-								children: S(C).map((t, r) => /* @__PURE__ */ m(ne, { children: [r > 0 && /* @__PURE__ */ p("div", {
+								children: C(w).map((t, r) => /* @__PURE__ */ h(u, { children: [r > 0 && /* @__PURE__ */ m("div", {
 									role: "presentation",
 									className: "mx-10 my-4 h-1 shrink-0 bg-line-subtle"
-								}), /* @__PURE__ */ m(v.Group, {
+								}), /* @__PURE__ */ h(y.Group, {
 									className: "flex flex-col",
-									children: [t.group && /* @__PURE__ */ p(v.GroupLabel, {
+									children: [t.group && /* @__PURE__ */ m(y.GroupLabel, {
 										className: "flex h-28 items-center px-10 text-caption font-medium text-fg-secondary",
 										children: t.group
-									}), t.items.map((t) => /* @__PURE__ */ m(v.Item, {
+									}), t.items.map((t) => /* @__PURE__ */ h(y.Item, {
 										value: t.value,
 										...t.disabled ? { disabled: !0 } : {},
 										label: t.textValue ?? (typeof t.label == "string" ? t.label : t.value),
 										className: n(e, "group/opt"),
 										children: [
-											U && /* @__PURE__ */ p("span", {
+											U && /* @__PURE__ */ m("span", {
 												className: "pointer-events-none flex",
-												children: /* @__PURE__ */ p(w, {})
+												children: /* @__PURE__ */ m(re, {})
 											}),
-											t.icon && /* @__PURE__ */ p(s, {
+											t.icon && /* @__PURE__ */ m(o, {
 												icon: t.icon,
 												size: "sm",
 												className: n("text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled", t.description && "self-start mt-10")
 											}),
-											/* @__PURE__ */ m("span", {
+											/* @__PURE__ */ h("span", {
 												className: n("flex min-w-0 flex-1 flex-col", t.description && "gap-2 py-8"),
-												children: [/* @__PURE__ */ p(v.ItemText, {
+												children: [/* @__PURE__ */ m(y.ItemText, {
 													className: "truncate",
 													children: t.label
-												}), t.description && /* @__PURE__ */ p("span", {
+												}), t.description && /* @__PURE__ */ m("span", {
 													className: "text-small font-regular whitespace-normal text-fg-secondary",
 													children: t.description
 												})]
 											}),
-											!U && /* @__PURE__ */ p(v.ItemIndicator, {
+											!U && /* @__PURE__ */ m(y.ItemIndicator, {
 												keepMounted: !0,
 												className: n("flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100", t.description && "self-start mt-10"),
-												children: /* @__PURE__ */ p(s, {
-													icon: g,
+												children: /* @__PURE__ */ m(o, {
+													icon: v,
 													size: "sm"
 												})
 											})
@@ -177,10 +178,10 @@ var C = /* @__PURE__ */ d(function(d, b) {
 									}, t.value))]
 								})] }, t.group ?? `g${r}`))
 							}),
-							/* @__PURE__ */ p(v.ScrollDownArrow, {
+							/* @__PURE__ */ m(y.ScrollDownArrow, {
 								className: "flex h-20 items-center justify-center text-fg-tertiary",
-								children: /* @__PURE__ */ p(s, {
-									icon: h,
+								children: /* @__PURE__ */ m(o, {
+									icon: g,
 									size: "xs"
 								})
 							})
@@ -190,7 +191,7 @@ var C = /* @__PURE__ */ d(function(d, b) {
 			})
 		})]
 	});
-	return J ? $ : l({
+	return J ? $ : s({
 		label: I,
 		description: L,
 		error: R,
@@ -202,26 +203,8 @@ var C = /* @__PURE__ */ d(function(d, b) {
 		className: H
 	}, $);
 });
-process.env.NODE_ENV !== "production" && (C.displayName = "Select");
-function w() {
-	return /* @__PURE__ */ p("span", {
-		className: "inline-flex size-18 shrink-0 items-center justify-center rounded-checkbox bg-raised shadow-selector group-data-selected/opt:bg-ink group-data-selected/opt:shadow-none",
-		children: /* @__PURE__ */ p("svg", {
-			viewBox: "0 0 12 12",
-			className: "hidden size-12 text-on-ink group-data-selected/opt:block",
-			fill: "none",
-			"aria-hidden": !0,
-			children: /* @__PURE__ */ p("path", {
-				d: "M2.5 6.25 4.9 8.5 9.5 3.75",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		})
-	});
-}
+process.env.NODE_ENV !== "production" && (w.displayName = "Select");
 //#endregion
-export { y as n, C as r, b as t };
+export { b as n, w as r, x as t };
 
-//# sourceMappingURL=select-Bc4kRiSG.js.map
+//# sourceMappingURL=select-Bbv2f5F8.js.map

package/dist/chunks/select-Bbv2f5F8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-Bbv2f5F8.js","names":["Select","BaseSelect","__icon_ArrowDown01Icon","__icon_ArrowUp01Icon","__icon_Tick02Icon","MENU_ITEM","MENU_POPUP","cn","warnStylingClassName","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","useLayoutWidth","anchorWidthStyle","OptionCheckbox","KAESO_SELECT_VARIANTS","KAESO_SELECT_DEFAULT_VARIANTS","changeWith","accepts","value","onChange","groupsOf","out","o","options","last","Select$1","placeholderProp","ariaLabel","force","props","className","t","placeholder","field","fc","trigger","useRef","triggerWidth","setTrigger","useCallback","el","ref","byValue","textOf","v","valueProps","control","Select","required","disabled","name","open","onOpenChange","id","invalid","error","size","appearance","fullWidth","label","description","icon","multiple","arr","first","ArrowDown01Icon","CSPProvider","ArrowUp01Icon","Fragment","gi","g","Tick02Icon","withField"],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { Fragment, forwardRef, useCallback, useRef, type ReactNode } from \"react\";\nimport { CSPProvider } from \"@base-ui/react/csp-provider\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { ArrowDown01Icon as __icon_ArrowDown01Icon, ArrowUp01Icon as __icon_ArrowUp01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { MENU_ICON, MENU_ITEM, MENU_LABEL, MENU_POPUP, MENU_SEPARATOR } from \"../menu/styles.js\";\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { OptionCheckbox } from \"./option-checkbox.js\";\n\nexport const KAESO_SELECT_VARIANTS = {\n  appearance: {\n    default: { classes: \"material-secondary\" },\n    ghost: { classes: \"material-ghost text-fg-secondary hover:text-fg open:text-fg\" },\n    header: { classes: \"material-ghost text-fg\" },\n  },\n  size: {\n    sm: { classes: \"h-32 pl-12 pr-10 gap-6 text-body\" },\n    md: { classes: \"h-36 pl-16 pr-12 gap-8 text-body\" },\n    lg: { classes: \"h-40 pl-18 pr-14 gap-8 text-body\" },\n    xl: { classes: \"h-48 pl-22 pr-18 gap-8 text-body-lg\" },\n  },\n} as const;\nexport const KAESO_SELECT_DEFAULT_VARIANTS = { appearance: \"default\", size: \"md\" } as const;\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  textValue?: string | undefined;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  group?: string | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface BaseProps extends FieldWrapProps {\n  options: SelectOption[];\n  placeholder?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SELECT_VARIANTS.size | undefined;\n  appearance?: keyof typeof KAESO_SELECT_VARIANTS.appearance | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  id?: string | undefined;\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  invalid?: boolean | undefined;\n  icon?: IconData | undefined;\n  fullWidth?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleSelectProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n}\nexport interface MultiSelectProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type SelectProps = SingleSelectProps | MultiSelectProps;\n\nfunction changeWith<T extends string | string[]>(onChange: (value: T) => void, accepts: (value: unknown) => value is T) {\n  return (value: unknown) => {\n    if (accepts(value)) onChange(value);\n  };\n}\n\nfunction groupsOf(options: SelectOption[]) {\n  const out: { group: string | undefined; items: SelectOption[] }[] = [];\n  for (const o of options) {\n    const last = out[out.length - 1];\n    if (last && last.group === o.group) last.items.push(o);\n    else out.push({ group: o.group, items: [o] });\n  }\n  return out;\n}\n\nexport const Select = /* @__PURE__ */ forwardRef<HTMLButtonElement, SelectProps>(function Select(props, ref) {\n  const {\n    options,\n    placeholder: placeholderProp,\n    size = \"md\",\n    appearance = \"default\",\n    disabled,\n    name,\n    id,\n    open,\n    onOpenChange,\n    invalid,\n    icon,\n    fullWidth,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Select\", className);\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"select.placeholder\", \"Select\");\n  const field = useField();\n  const fc = useFieldControl(props);\n  const trigger = useRef<HTMLButtonElement | null>(null);\n  const triggerWidth = useLayoutWidth(trigger);\n  const setTrigger = useCallback(\n    (el: HTMLButtonElement | null) => {\n      trigger.current = el;\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref],\n  );\n  const byValue = new Map(options.map((o) => [o.value, o]));\n  const textOf = (v: string) => {\n    const o = byValue.get(v);\n    return o?.textValue ?? (typeof o?.label === \"string\" ? o.label : v);\n  };\n  const valueProps: Pick<BaseSelect.Root.Props<string, boolean>, \"multiple\" | \"value\" | \"defaultValue\" | \"onValueChange\"> = props.multiple\n    ? {\n        multiple: true,\n        ...(props.value !== undefined ? { value: props.value } : {}),\n        ...(props.defaultValue !== undefined ? { defaultValue: props.defaultValue } : {}),\n        ...(props.onValueChange ? { onValueChange: changeWith(props.onValueChange, Array.isArray) } : {}),\n      }\n    : {\n        ...(props.value !== undefined ? { value: props.value } : {}),\n        ...(props.defaultValue !== undefined ? { defaultValue: props.defaultValue } : {}),\n        ...(props.onValueChange ? { onValueChange: changeWith(props.onValueChange, (v) => typeof v === \"string\") } : {}),\n      };\n  const control = (\n    <BaseSelect.Root\n      {...valueProps}\n      {...((field?.required ?? required) ? { required: true } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      {...(open !== undefined ? { open } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      itemToStringLabel={(v: unknown) => textOf(String(v))}\n      modal={false}\n    >\n      <BaseSelect.Trigger\n        ref={setTrigger}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(invalid || error ? { \"aria-invalid\": true } : {})}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"inline-flex min-w-0 cursor-pointer items-center justify-between rounded-pill font-medium whitespace-nowrap transition-control focus-ring disabled:cursor-not-allowed\",\n          KAESO_SELECT_VARIANTS.size[size].classes,\n          KAESO_SELECT_VARIANTS.appearance[appearance].classes,\n          (invalid || error) && \"ring-invalid\",\n          fullWidth && \"w-full\",\n          !(label || description || error) && className,\n        )}\n      >\n        {icon && <Icon icon={icon} size=\"sm\" className=\"text-fg-secondary\" />}\n        <BaseSelect.Value\n          className=\"min-w-0 flex-1 truncate text-left data-placeholder:text-fg-tertiary data-placeholder:font-regular\"\n          placeholder={placeholder}\n        >\n          {(value: unknown) => {\n            if (multiple) {\n              const arr = Array.isArray(value) ? value.map(String) : [];\n              const [first] = arr;\n              if (first === undefined) return placeholder;\n              return arr.length === 1 ? textOf(first) : t(\"select.firstAndMore\", \"{first} +{count}\", { first: textOf(first), count: String(arr.length - 1) });\n            }\n            return value == null || value === \"\" ? placeholder : (byValue.get(String(value))?.label ?? String(value));\n          }}\n        </BaseSelect.Value>\n        <BaseSelect.Icon className=\"flex shrink-0 text-fg-tertiary\">\n          <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n        </BaseSelect.Icon>\n      </BaseSelect.Trigger>\n      <CSPProvider disableStyleElements>\n        <BaseSelect.Portal container={usePortalContainer()}>\n          <BaseSelect.Positioner\n            positionMethod=\"fixed\"\n            collisionBoundary={pageBoundary()}\n            alignItemWithTrigger={false}\n            align=\"start\"\n            sideOffset={6}\n            collisionPadding={8}\n            className=\"z-50 outline-none\"\n          >\n            <BaseSelect.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden\")} style={anchorWidthStyle(triggerWidth)}>\n              <BaseSelect.ScrollUpArrow className=\"flex h-20 items-center justify-center text-fg-tertiary\">\n                <Icon icon={__icon_ArrowUp01Icon} size=\"xs\" />\n              </BaseSelect.ScrollUpArrow>\n              <BaseSelect.List className=\"-mx-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain px-6 outline-none scrollbar-quiet\">\n                {groupsOf(options).map((g, gi) => (\n                  <Fragment key={g.group ?? `g${gi}`}>\n                    {gi > 0 && <div role=\"presentation\" className={MENU_SEPARATOR} />}\n                    <BaseSelect.Group className=\"flex flex-col\">\n                      {g.group && <BaseSelect.GroupLabel className={MENU_LABEL}>{g.group}</BaseSelect.GroupLabel>}\n                      {g.items.map((o) => (\n                        <BaseSelect.Item\n                          key={o.value}\n                          value={o.value}\n                          {...(o.disabled ? { disabled: true } : {})}\n                          label={o.textValue ?? (typeof o.label === \"string\" ? o.label : o.value)}\n                          className={cn(MENU_ITEM, \"group/opt\")}\n                        >\n                          {multiple && (\n                            <span className=\"pointer-events-none flex\">\n                              <OptionCheckbox />\n                            </span>\n                          )}\n                          {o.icon && <Icon icon={o.icon} size=\"sm\" className={cn(MENU_ICON, o.description && \"self-start mt-10\")} />}\n                          <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                            <BaseSelect.ItemText className=\"truncate\">{o.label}</BaseSelect.ItemText>\n                            {o.description && <span className=\"text-small font-regular whitespace-normal text-fg-secondary\">{o.description}</span>}\n                          </span>\n                          {!multiple && (\n                            <BaseSelect.ItemIndicator\n                              keepMounted\n                              className={cn(\n                                \"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\",\n                                o.description && \"self-start mt-10\",\n                              )}\n                            >\n                              <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                            </BaseSelect.ItemIndicator>\n                          )}\n                        </BaseSelect.Item>\n                      ))}\n                    </BaseSelect.Group>\n                  </Fragment>\n                ))}\n              </BaseSelect.List>\n              <BaseSelect.ScrollDownArrow className=\"flex h-20 items-center justify-center text-fg-tertiary\">\n                <Icon icon={__icon_ArrowDown01Icon} size=\"xs\" />\n              </BaseSelect.ScrollDownArrow>\n            </BaseSelect.Popup>\n          </BaseSelect.Positioner>\n        </BaseSelect.Portal>\n      </CSPProvider>\n    </BaseSelect.Root>\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") Select.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/{separator-D5AzVFTS.js → separator-CpAUELNs.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-CidVUKMm.js";
+import { t as e } from "./cn-DUDmdLpZ.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/separator/separator.tsx
@@ -42,4 +42,4 @@ process.env.NODE_ENV !== "production" && (o.displayName = "Separator");
 //#endregion
 export { i as n, o as r, a as t };
 
-//# sourceMappingURL=separator-D5AzVFTS.js.map
+//# sourceMappingURL=separator-CpAUELNs.js.map

package/dist/chunks/{separator-D5AzVFTS.js.map → separator-CpAUELNs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"separator-D5AzVFTS.js","names":["cn","KAESO_SEPARATOR_VARIANTS","KAESO_SEPARATOR_DEFAULT_VARIANTS","Separator","props","label","orientation","className","tone"],"sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SEPARATOR_VARIANTS = {\n  orientation: {\n    horizontal: { classes: \"h-1 w-full\" },\n    vertical: { classes: \"w-1 self-stretch\" },\n  },\n  tone: {\n    subtle: { classes: \"bg-line-subtle\" },\n    default: { classes: \"bg-line\" },\n  },\n} as const;\nexport const KAESO_SEPARATOR_DEFAULT_VARIANTS = { orientation: \"horizontal\", tone: \"subtle\" } as const;\n\nexport interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: keyof typeof KAESO_SEPARATOR_VARIANTS.orientation | undefined;\n  tone?: keyof typeof KAESO_SEPARATOR_VARIANTS.tone | undefined;\n  label?: ReactNode | undefined;\n}\n\nexport const Separator = /* @__PURE__ */ forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n  { orientation = \"horizontal\", tone = \"subtle\", label, className, ...props },\n  ref,\n) {\n  if (label && orientation === \"horizontal\") {\n    return (\n      <div ref={ref} role=\"separator\" aria-orientation=\"horizontal\" className={cn(\"flex w-full items-center gap-12\", className)} {...props}>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n        <span className=\"text-caption font-medium text-fg-tertiary\">{label}</span>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cn(\"shrink-0\", KAESO_SEPARATOR_VARIANTS.orientation[orientation].classes, KAESO_SEPARATOR_VARIANTS.tone[tone].classes, className)}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Separator\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B;CACtC,aAAa;EACX,YAAY,EAAE,SAAS,aAAa;EACpC,UAAU,EAAE,SAAS,mBAAmB;CAC1C;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,iBAAiB;EACpC,SAAS,EAAE,SAAS,UAAU;CAChC;AACF,GACaC,IAAmC;CAAE,aAAa;CAAc,MAAM;AAAS,GAQ/EC,IAA4B,kBAA2C,SAClF,EAAE,iBAAc,cAAc,UAAO,UAAU,UAAO,cAAW,GAAGC,KACpE,GACA;CAUA,OATIC,KAASC,MAAgB,eAEzB,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAY,oBAAiB;EAAa,WAAWN,EAAG,mCAAmCO,CAAS;EAAG,GAAIH;EAA/H,UAAA;GACE,kBAAC,QAAD,EAAM,WAAWJ,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;GACjF,kBAAC,QAAD;IAAM,WAAU;IAA6C,UAAAH;GAAY,CAAA;GACzE,kBAAC,QAAD,EAAM,WAAWL,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;EAC9E;C,KAIP,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkBF;EAClB,WAAWN,EAAG,YAAYC,EAAyB,YAAYK,EAAY,CAAC,SAASL,EAAyB,KAAKO,EAAK,CAAC,SAASD,CAAS;EAC3I,GAAIH;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}
+{"version":3,"file":"separator-CpAUELNs.js","names":["cn","KAESO_SEPARATOR_VARIANTS","KAESO_SEPARATOR_DEFAULT_VARIANTS","Separator","props","label","orientation","className","tone"],"sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SEPARATOR_VARIANTS = {\n  orientation: {\n    horizontal: { classes: \"h-1 w-full\" },\n    vertical: { classes: \"w-1 self-stretch\" },\n  },\n  tone: {\n    subtle: { classes: \"bg-line-subtle\" },\n    default: { classes: \"bg-line\" },\n  },\n} as const;\nexport const KAESO_SEPARATOR_DEFAULT_VARIANTS = { orientation: \"horizontal\", tone: \"subtle\" } as const;\n\nexport interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: keyof typeof KAESO_SEPARATOR_VARIANTS.orientation | undefined;\n  tone?: keyof typeof KAESO_SEPARATOR_VARIANTS.tone | undefined;\n  label?: ReactNode | undefined;\n}\n\nexport const Separator = /* @__PURE__ */ forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n  { orientation = \"horizontal\", tone = \"subtle\", label, className, ...props },\n  ref,\n) {\n  if (label && orientation === \"horizontal\") {\n    return (\n      <div ref={ref} role=\"separator\" aria-orientation=\"horizontal\" className={cn(\"flex w-full items-center gap-12\", className)} {...props}>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n        <span className=\"text-caption font-medium text-fg-tertiary\">{label}</span>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cn(\"shrink-0\", KAESO_SEPARATOR_VARIANTS.orientation[orientation].classes, KAESO_SEPARATOR_VARIANTS.tone[tone].classes, className)}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Separator\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B;CACtC,aAAa;EACX,YAAY,EAAE,SAAS,aAAa;EACpC,UAAU,EAAE,SAAS,mBAAmB;CAC1C;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,iBAAiB;EACpC,SAAS,EAAE,SAAS,UAAU;CAChC;AACF,GACaC,IAAmC;CAAE,aAAa;CAAc,MAAM;AAAS,GAQ/EC,IAA4B,kBAA2C,SAClF,EAAE,iBAAc,cAAc,UAAO,UAAU,UAAO,cAAW,GAAGC,KACpE,GACA;CAUA,OATIC,KAASC,MAAgB,eAEzB,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAY,oBAAiB;EAAa,WAAWN,EAAG,mCAAmCO,CAAS;EAAG,GAAIH;EAA/H,UAAA;GACE,kBAAC,QAAD,EAAM,WAAWJ,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;GACjF,kBAAC,QAAD;IAAM,WAAU;IAA6C,UAAAH;GAAY,CAAA;GACzE,kBAAC,QAAD,EAAM,WAAWL,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;EAC9E;C,KAIP,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkBF;EAClB,WAAWN,EAAG,YAAYC,EAAyB,YAAYK,EAAY,CAAC,SAASL,EAAyB,KAAKO,EAAK,CAAC,SAASD,CAAS;EAC3I,GAAIH;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}

package/dist/chunks/{sidebar-5IA18LuP.js → sidebar-Dey1ZfGt.js}

@@ -1,12 +1,12 @@
 "use client";
-import { t as e } from "./cn-CidVUKMm.js";
-import { r as t } from "./link-provider---9JdxTg.js";
+import { t as e } from "./cn-DUDmdLpZ.js";
+import { r as t } from "./link-provider-BsUxhZKG.js";
 import { i as n } from "./context-BELWW79w.js";
-import { t as r } from "./icon-CeNQtobn.js";
-import { a as i, l as a, o, r as s, s as c } from "./tooltip-DEbCCsru.js";
+import { t as r } from "./icon-BqujXDUc.js";
+import { a as i, l as a, o, r as s, s as c } from "./tooltip-S1DmyLVl.js";
 import { t as l } from "./observe-resize-DhxhmoyB.js";
-import { t as u } from "./nav-wordmark-DLkItdvo.js";
-import { r as d } from "./skeleton-kfuqdl1a.js";
+import { t as u } from "./nav-wordmark-DmbT1Aiw.js";
+import { r as d } from "./skeleton-BM797MAg.js";
 import { t as f } from "./when-idle-Cy3pinqO.js";
 import { createContext as p, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useId as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S, useSyncExternalStore as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
@@ -86,72 +86,75 @@ var P = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ T("span", {
 	setPeeking: () => void 0,
 	width: 248,
 	setWidth: () => void 0,
+	previewWidth: () => void 0,
 	storageKey: void 0
 }), L = () => g(I), R = /* @__PURE__ */ p(!1), z = /* @__PURE__ */ p(null);
 function B({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }) {
-	let [i, a] = N(t ? `${t}:rail` : void 0, n), [o, s] = N(t ? `${t}:width` : void 0, 248), c = V(o), [l, u] = N(t ? `${t}:collapsed` : void 0, !1), [d, f] = S(!1), p = h((e) => {
+	let [i, a] = N(t ? `${t}:rail` : void 0, n), [o, s] = N(t ? `${t}:width` : void 0, 248), [c, l] = S(null), u = V(c ?? o), [d, f] = N(t ? `${t}:collapsed` : void 0, !1), [p, m] = S(!1), g = h((e) => {
 		let t = e && !!document.activeElement?.closest("[data-sidebar-root]");
-		u(e), f(!1), t && requestAnimationFrame(() => document.querySelector("[data-sidebar-expand]")?.focus());
-	}, [u]);
+		f(e), m(!1), t && requestAnimationFrame(() => document.querySelector("[data-sidebar-expand]")?.focus());
+	}, [f]);
 	_(() => {
 		if (!r) return;
 		let e = (e) => {
 			let t = e.target;
-			e.key !== "[" || e.metaKey || e.ctrlKey || e.altKey || t instanceof Element && t.closest("input, textarea, select, [contenteditable=true]") || p(!l);
+			e.key !== "[" || e.metaKey || e.ctrlKey || e.altKey || t instanceof Element && t.closest("input, textarea, select, [contenteditable=true]") || g(!d);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		l,
-		p,
+		d,
+		g,
 		r
 	]);
-	let m = b(() => ({
+	let v = b(() => ({
 		rail: i,
 		setRail: a,
-		collapsed: l,
-		setCollapsed: p,
-		peeking: d,
-		setPeeking: f,
-		width: c,
+		collapsed: d,
+		setCollapsed: g,
+		peeking: p,
+		setPeeking: m,
+		width: u,
 		setWidth: s,
+		previewWidth: l,
 		storageKey: t
 	}), [
 		i,
 		a,
-		l,
-		p,
 		d,
-		c,
+		g,
+		p,
+		u,
 		s,
 		t
 	]);
 	return /* @__PURE__ */ T(I.Provider, {
-		value: m,
+		value: v,
 		children: e
 	});
 }
 process.env.NODE_ENV !== "production" && (B.displayName = "Sidebar.Provider");
 var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number.isFinite(e) ? e : 248))), H = /* @__PURE__ */ m(function({ resizable: t = !0, className: r, children: i, style: a, "aria-label": o, ...s }, c) {
-	let { rail: l, width: u, setWidth: d, collapsed: f, setCollapsed: p } = L(), m = n(), [v, y] = S(null), [b, C] = S(!1), w = x(null);
-	_(() => () => w.current?.(), []);
-	let D = h((e) => {
+	let { rail: l, width: u, setWidth: d, previewWidth: f, collapsed: p, setCollapsed: m } = L(), v = n(), [y, b] = S(null), [C, w] = S(!1), D = x(null);
+	_(() => () => D.current?.(), []);
+	let O = h((e) => {
 		if (e.button !== 0) return;
-		e.preventDefault(), w.current?.();
-		let t = e.currentTarget, n = e.clientX, r = u, i = !1, a = (e) => {
-			Math.abs(e.clientX - n) > 3 && (i = !0, C(!0)), i && d(V(r + e.clientX - n));
-		}, o = () => {
-			t.removeEventListener("pointermove", a), t.removeEventListener("pointerup", s), t.removeEventListener("pointercancel", o), document.body.style.cursor = "", document.body.style.userSelect = "", w.current = null, C(!1);
+		e.preventDefault(), D.current?.();
+		let t = e.currentTarget, n = e.clientX, r = u, i = !1, a = r, o = (e) => {
+			Math.abs(e.clientX - n) > 3 && (i = !0, w(!0)), i && (a = V(r + e.clientX - n), f(a));
 		}, s = () => {
-			o(), i || p(!0);
+			t.removeEventListener("pointermove", o), t.removeEventListener("pointerup", c), t.removeEventListener("pointercancel", s), document.body.style.cursor = "", document.body.style.userSelect = "", D.current = null, w(!1), i && d(a), f(null);
+		}, c = () => {
+			s(), i || m(!0);
 		};
-		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointercancel", o), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", w.current = o;
+		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", o), t.addEventListener("pointerup", c), t.addEventListener("pointercancel", s), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", D.current = s;
 	}, [
 		u,
 		d,
-		p
-	]), O = g(R), k = f && !O, A = /* @__PURE__ */ T("nav", {
+		f,
+		m
+	]), k = g(R), A = p && !k, j = /* @__PURE__ */ T("nav", {
 		ref: c,
-		"aria-label": o ?? m("sidebar.main", "Main"),
+		"aria-label": o ?? v("sidebar.main", "Main"),
 		"data-rail": l || void 0,
 		"data-sidebar-root": "",
 		className: e("group/sidebar relative flex h-full shrink-0 flex-col bg-chrome text-fg", l ? F.mode.rail.classes : F.mode.expanded.classes, r),
@@ -162,12 +165,12 @@ var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number
 		...s,
 		children: i
 	});
-	return O ? A : /* @__PURE__ */ E("div", {
+	return k ? j : /* @__PURE__ */ E("div", {
 		className: "relative flex h-full shrink-0",
 		children: [/* @__PURE__ */ T("div", {
 			className: "sidebar-motion relative h-full shrink-0",
-			style: { width: k ? 8 : l ? 60 : u },
-			...k ? {
+			style: { width: A ? 8 : l ? 60 : u },
+			...A ? {
 				"data-collapsed": "",
 				inert: !0,
 				"aria-hidden": !0
@@ -175,28 +178,28 @@ var ae = 232, oe = 280, V = (e) => Math.round(Math.min(280, Math.max(232, Number
 			children: /* @__PURE__ */ T("div", {
 				className: "sidebar-content-motion h-full",
 				style: { width: l ? 60 : u },
-				children: A
+				children: j
 			})
-		}), t && !l && !k && /* @__PURE__ */ T("div", {
+		}), t && !l && !A && /* @__PURE__ */ T("div", {
 			role: "separator",
 			"aria-orientation": "vertical",
-			"aria-label": m("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
+			"aria-label": v("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
 			"aria-valuemin": 232,
 			"aria-valuemax": 280,
 			"aria-valuenow": u,
 			tabIndex: 0,
-			onPointerDown: D,
-			onPointerMove: (e) => y(Math.round(e.clientY - e.currentTarget.getBoundingClientRect().top)),
-			onPointerLeave: () => y(null),
+			onPointerDown: O,
+			onPointerMove: (e) => b(Math.round(e.clientY - e.currentTarget.getBoundingClientRect().top)),
+			onPointerLeave: () => b(null),
 			onKeyDown: (e) => {
-				e.key === "ArrowLeft" && d(V(u - 8)), e.key === "ArrowRight" && d(V(u + 8)), (e.key === "Enter" || e.key === " ") && p(!0);
+				e.key === "ArrowLeft" && d(V(u - 8)), e.key === "ArrowRight" && d(V(u + 8)), (e.key === "Enter" || e.key === " ") && m(!0);
 			},
 			className: "absolute top-0 right-0 z-10 h-full w-8 cursor-col-resize rounded-pill focus-ring-inset",
-			children: v !== null && !b && /* @__PURE__ */ E("span", {
+			children: y !== null && !C && /* @__PURE__ */ E("span", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute left-16 flex w-max flex-col gap-2 rounded-tooltip bg-tooltip px-12 py-8 text-small text-fg-secondary shadow-raised",
-				style: { top: Math.max(8, (v ?? 0) - 24) },
-				children: [/* @__PURE__ */ T("span", { children: P(m("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ T("span", { children: P(m("sidebar.clickToCollapse", "**Click** to collapse")) })]
+				style: { top: Math.max(8, (y ?? 0) - 24) },
+				children: [/* @__PURE__ */ T("span", { children: P(v("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ T("span", { children: P(v("sidebar.clickToCollapse", "**Click** to collapse")) })]
 			})
 		})]
 	});
@@ -218,7 +221,7 @@ var W = /* @__PURE__ */ m(function({ href: t, label: n = "Kaeso", children: r, c
 		children: r
 	}) : /* @__PURE__ */ E(U, {
 		ref: a,
-		className: e("justify-between pr-8 pl-28", i),
+		className: e("justify-between pr-16 pl-28", i),
 		children: [/* @__PURE__ */ T(G, {
 			href: t,
 			label: n
@@ -242,7 +245,7 @@ function G({ href: e, label: n = "Kaeso" }) {
 	});
 }
 process.env.NODE_ENV !== "production" && (G.displayName = "Sidebar.BrandWordmark");
-var se = /* @__PURE__ */ c(() => import("./sidebar-menu-DRWRxcJ3.js"), { base: () => import.meta.url });
+var se = /* @__PURE__ */ c(() => import("./sidebar-menu-ct8IiL4z.js"), { base: () => import.meta.url });
 function K({ trigger: e, side: t, header: n, footer: r, children: s }) {
 	let [c, l] = S(!1), [u, d] = S(!1), p = a(se, u || c, () => {
 		d(!1), l(!1);
@@ -593,4 +596,4 @@ var pe = /* @__PURE__ */ Object.assign(H, {
 //#endregion
 export { ae as a, z as c, oe as i, L as l, ie as n, pe as o, F as r, R as s, G as t };
 
-//# sourceMappingURL=sidebar-5IA18LuP.js.map
+//# sourceMappingURL=sidebar-Dey1ZfGt.js.map