@egcs/newui 0.0.0-stage → 0.1.0-alpha.0

package/dist/chunks/browser-OMAOOF3R.js

@@ -0,0 +1,41 @@
+// dist/chunks/solid-DRQRVA7F.jsx
+import { tv } from "tailwind-variants/lite";
+var avatarRecipe = tv({
+  slots: {
+    root: "nui:relative nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:overflow-hidden nui:bg-[var(--nui-neutral-soft)] nui:font-medium nui:text-foreground nui:align-middle",
+    image: "nui:h-full nui:w-full nui:object-cover nui:data-[state=hidden]:hidden",
+    fallback: "nui:flex nui:h-full nui:w-full nui:items-center nui:justify-center nui:leading-none nui:data-[state=hidden]:hidden"
+  },
+  variants: {
+    size: {
+      xs: {
+        root: "nui:size-6 nui:text-[0.625rem]"
+      },
+      sm: {
+        root: "nui:size-8 nui:text-xs"
+      },
+      md: {
+        root: "nui:size-10 nui:text-sm"
+      },
+      lg: {
+        root: "nui:size-12 nui:text-base"
+      },
+      xl: {
+        root: "nui:size-16 nui:text-xl"
+      }
+    },
+    shape: {
+      circle: {
+        root: "nui:rounded-full"
+      },
+      square: {
+        root: "nui:rounded-md"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
+  }
+});
+export { avatarRecipe };

package/dist/chunks/browser-ONRUETYP.js

@@ -0,0 +1,7 @@
+// dist/chunks/solid-AMCFDBB4.jsx
+import { createContext, useContext } from "solid-js";
+var CalloutOptions = createContext(() => ({
+  tone: "info"
+}));
+var useCalloutOptions = () => useContext(CalloutOptions);
+export { CalloutOptions, useCalloutOptions };

package/dist/chunks/browser-ORA6KUPN.js

@@ -0,0 +1,74 @@
+import { pageLoadingRecipe } from "./browser-XBXLACCD.js";
+import { LoadingIndicator } from "./browser-L2U3A4DB.js";
+
+// dist/chunks/solid-ACWJDXI2.jsx
+import { template as _$template } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { mergeProps, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<p>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<div><!$><!/><div><p></p><!$><!/>`);
+function PageLoading(props) {
+  const [local, rest] = splitProps(mergeProps({
+    role: "status",
+    "aria-atomic": true,
+    label: "Loading page\u2026"
+  }, props), ["layout", "tone", "label", "description", "class"]);
+  const styles = () => pageLoadingRecipe({
+    layout: local.layout
+  });
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$2),
+      _el$7 = _el$.firstChild,
+      [_el$8, _co$2] = _$getNextMarker(_el$7.nextSibling),
+      _el$2 = _el$8.nextSibling,
+      _el$3 = _el$2.firstChild,
+      _el$5 = _el$3.nextSibling,
+      [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles().root({
+          class: local.class
+        });
+      }
+    }), false, true);
+    _$insert(_el$, _$createComponent(LoadingIndicator, {
+      size: "lg",
+      get tone() {
+        return local.tone;
+      }
+    }), _el$8, _co$2);
+    _$insert(_el$3, () => local.label);
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return local.description;
+      },
+      get children() {
+        var _el$4 = _$getNextElement(_tmpl$);
+        _$insert(_el$4, () => local.description);
+        _$effect(() => _$className(_el$4, styles().description()));
+        return _el$4;
+      }
+    }), _el$6, _co$);
+    _$effect(_p$ => {
+      var _v$ = styles().message(),
+        _v$2 = styles().label();
+      _v$ !== _p$.e && _$className(_el$2, _p$.e = _v$);
+      _v$2 !== _p$.t && _$className(_el$3, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+export { PageLoading };

package/dist/chunks/browser-OVDZLHLM.js

@@ -0,0 +1,37 @@
+import { TooltipContent } from "./browser-ZQEFF63B.js";
+import { TooltipArrow, TooltipPositioner, TooltipSurface } from "./browser-3IWCA5RK.js";
+import { OverlayPortal } from "./browser-FKHIAKUZ.js";
+
+// dist/chunks/solid-NX7YQ5CQ.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Tooltip as ArkTooltip } from "@ark-ui/solid/tooltip";
+import { mergeProps, splitProps } from "solid-js";
+function TooltipRoot(props) {
+  const [local, rest] = splitProps(props, ["positioning"]);
+  return _$createComponent(ArkTooltip.Root, _$mergeProps(() => mergeProps({
+    lazyMount: true,
+    unmountOnExit: true,
+    interactive: true
+  }, rest), {
+    get positioning() {
+      return mergeProps({
+        placement: "top",
+        gutter: 8,
+        strategy: "fixed"
+      }, local.positioning ?? {});
+    }
+  }));
+}
+var Tooltip = {
+  Root: TooltipRoot,
+  Trigger: ArkTooltip.Trigger,
+  Content: TooltipContent,
+  Portal: OverlayPortal,
+  Positioner: TooltipPositioner,
+  Surface: TooltipSurface,
+  Arrow: TooltipArrow,
+  ArrowTip: ArkTooltip.ArrowTip,
+  Context: ArkTooltip.Context
+};
+export { TooltipRoot, Tooltip };

package/dist/chunks/browser-P2A4JGWE.js

@@ -0,0 +1,126 @@
+import { ChartDetails } from "./browser-GZINZJ2N.js";
+import { chartRecipe } from "./browser-YD5PGYSA.js";
+import { Empty } from "./browser-EJK3XQAG.js";
+
+// dist/chunks/solid-CANLAA4R.jsx
+import { template as _$template } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createUniqueId, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<p>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<div aria-hidden=true>`);
+var _tmpl$3 = /* @__PURE__ */_$template(`<figure><figcaption><h3></h3><!$><!/></figcaption><!$><!/>`);
+var styles = chartRecipe();
+function ChartFrame(props) {
+  const [local, rest] = splitProps(props, ["title", "description", "height", "legend", "empty", "dataTable", "class", "children"]);
+  const titleId = `${createUniqueId()}-chart-title`;
+  const descriptionId = `${titleId}-description`;
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$3),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      _el$5 = _el$3.nextSibling,
+      [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling),
+      _el$8 = _el$2.nextSibling,
+      [_el$9, _co$2] = _$getNextMarker(_el$8.nextSibling);
+    _$spread(_el$, _$mergeProps(rest, {
+      "aria-labelledby": titleId,
+      get ["aria-describedby"]() {
+        return local.description ? descriptionId : void 0;
+      },
+      get ["class"]() {
+        return styles.root({
+          class: local.class
+        });
+      }
+    }), false, true);
+    _$setAttribute(_el$3, "id", titleId);
+    _$insert(_el$3, () => local.title);
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return local.description;
+      },
+      get children() {
+        var _el$4 = _$getNextElement(_tmpl$);
+        _$setAttribute(_el$4, "id", descriptionId);
+        _$insert(_el$4, () => local.description);
+        _$effect(() => _$className(_el$4, styles.description()));
+        return _el$4;
+      }
+    }), _el$6, _co$);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return !local.empty;
+      },
+      get fallback() {
+        return _$createComponent(ChartEmpty, {});
+      },
+      get children() {
+        return [(() => {
+          var _el$7 = _$getNextElement(_tmpl$2);
+          _$insert(_el$7, () => local.children);
+          _$effect(_p$ => {
+            var _v$ = styles.plot(),
+              _v$2 = `${local.height}px`;
+            _v$ !== _p$.e && _$className(_el$7, _p$.e = _v$);
+            _v$2 !== _p$.t && _$setStyleProperty(_el$7, "height", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
+          return _el$7;
+        })(), _$createComponent(ChartDetails, {
+          get title() {
+            return local.title;
+          },
+          get legend() {
+            return local.legend;
+          },
+          get children() {
+            return local.dataTable;
+          }
+        })];
+      }
+    }), _el$9, _co$2);
+    _$effect(_p$ => {
+      var _v$3 = styles.caption(),
+        _v$4 = styles.title();
+      _v$3 !== _p$.e && _$className(_el$2, _p$.e = _v$3);
+      _v$4 !== _p$.t && _$className(_el$3, _p$.t = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function ChartEmpty() {
+  return _$createComponent(Empty.Root, {
+    layout: "compact",
+    get children() {
+      return _$createComponent(Empty.Content, {
+        get children() {
+          return [_$createComponent(Empty.Title, {
+            children: "No data available"
+          }), _$createComponent(Empty.Description, {
+            children: "Values will appear here when data is available."
+          })];
+        }
+      });
+    }
+  });
+}
+export { ChartFrame };

package/dist/chunks/browser-P4BKMSFX.js

@@ -0,0 +1,36 @@
+import { progressTones } from "./browser-3CYE5XKB.js";
+
+// dist/chunks/solid-CQDNFR23.jsx
+import { tv } from "tailwind-variants/lite";
+var progressCircleRecipe = tv({
+  slots: {
+    root: "nui:inline-flex nui:min-w-0 nui:flex-col nui:items-center nui:gap-2",
+    visual: "nui:relative nui:grid nui:shrink-0 nui:place-items-center",
+    circle: "nui-progress-circle nui:col-start-1 nui:row-start-1",
+    track: "nui:stroke-[var(--nui-progress-track)]",
+    range: "nui-progress-circle-range nui:stroke-[var(--nui-progress-color)] nui:[stroke-linecap:round]",
+    value: "nui:pointer-events-none nui:col-start-1 nui:row-start-1 nui:max-w-[calc(var(--size)-var(--thickness)*3)] nui:text-center nui:text-xs nui:leading-tight nui:font-medium nui:tabular-nums nui:text-[var(--nui-progress-text)] nui:wrap-anywhere",
+    label: "nui:max-w-[20ch] nui:text-center nui:text-sm nui:leading-snug nui:font-medium nui:text-[var(--nui-progress-strong)] nui:wrap-anywhere",
+    hidden: "nui:sr-only"
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "nui:[--size:48px] nui:[--thickness:4px]"
+      },
+      md: {
+        root: "nui:[--size:80px] nui:[--thickness:6px]"
+      },
+      lg: {
+        root: "nui:[--size:112px] nui:[--thickness:8px]",
+        value: "nui:text-base"
+      }
+    },
+    tone: progressTones
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "primary"
+  }
+});
+export { progressCircleRecipe };

package/dist/chunks/browser-PBHUPODX.js

@@ -0,0 +1,56 @@
+import { initializeTextControl } from "./browser-RUJPOZI2.js";
+import { useTextControl } from "./browser-JSB2YMJ7.js";
+import { textControlRecipe } from "./browser-2CORKT4K.js";
+
+// dist/chunks/solid-R2JYQNIM.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { Field as ArkField } from "@ark-ui/solid/field";
+import { mergeProps, splitProps, untrack } from "solid-js";
+function Textarea(props) {
+  const [local, rest] = splitProps(mergeProps({
+    rows: 4,
+    resize: "vertical"
+  }, props), ["size", "tone", "valid", "invalid", "loading", "disabled", "readOnly", "resize", "class", "aria-describedby", "aria-invalid", "aria-busy", "defaultValue", "ref"]);
+  const control = useTextControl(local);
+  const initialValue = untrack(() => local.defaultValue);
+  return _$createComponent(ArkField.Textarea, _$mergeProps(rest, {
+    ref: element => initializeTextControl(element, initialValue, local.ref),
+    get disabled() {
+      return control.disabled();
+    },
+    get readOnly() {
+      return control.readOnly();
+    },
+    get ["aria-describedby"]() {
+      return control.describedBy(local["aria-describedby"]);
+    },
+    get ["aria-invalid"]() {
+      return _$memo(() => !!control.invalid())() ? "true" : local["aria-invalid"];
+    },
+    get ["aria-busy"]() {
+      return control.loading() || local["aria-busy"];
+    },
+    get ["data-invalid"]() {
+      return control.invalid() ? "" : void 0;
+    },
+    get ["data-valid"]() {
+      return control.valid() ? "" : void 0;
+    },
+    get ["data-resize"]() {
+      return local.resize;
+    },
+    get ["data-loading"]() {
+      return control.loading() ? "" : void 0;
+    },
+    get ["class"]() {
+      return textControlRecipe({
+        size: control.size(),
+        tone: control.tone(),
+        class: local.class
+      });
+    }
+  }));
+}
+export { Textarea };

package/dist/chunks/browser-PEINKOEW.js

@@ -0,0 +1,104 @@
+import { useFieldVisual } from "./browser-JSB2YMJ7.js";
+
+// dist/chunks/solid-UK4MOYZS.jsx
+import { template as _$template } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Field as ArkField, useFieldContext } from "@ark-ui/solid/field";
+import { createUniqueId, onCleanup, onMount, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<span>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<div>`);
+function FieldLabel(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkField.Label, _$mergeProps(rest, {
+    get ["class"]() {
+      return partClass("nui-field-label", local.class);
+    }
+  }));
+}
+function FieldDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const field = useFieldContext();
+  const visual = useFieldVisual();
+  const hasFeedback = () => Boolean(visual?.successId() || field?.().invalid && field().ariaDescribedby?.split(" ").includes(field().ids.errorText));
+  return _$createComponent(Show, {
+    get when() {
+      return !hasFeedback();
+    },
+    get children() {
+      return _$createComponent(ArkField.HelperText, _$mergeProps(rest, {
+        get ["class"]() {
+          return partClass("nui-field-description", local.class);
+        }
+      }));
+    }
+  });
+}
+function FieldErrorText(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkField.ErrorText, _$mergeProps(rest, {
+    get ["class"]() {
+      return partClass("nui-field-error", local.class);
+    }
+  }));
+}
+function FieldSuccessText(props) {
+  const field = useFieldVisual();
+  return _$createComponent(Show, {
+    get when() {
+      return field?.options().valid;
+    },
+    get children() {
+      return _$createComponent(SuccessMessage, props);
+    }
+  });
+}
+function SuccessMessage(props) {
+  const [local, rest] = splitProps(props, ["id", "class"]);
+  const field = useFieldVisual();
+  const id = local.id ?? `${createUniqueId()}-success`;
+  onMount(() => {
+    const cleanup = field?.registerSuccess(id);
+    onCleanup(() => cleanup?.());
+  });
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      "id": id,
+      "aria-live": "polite",
+      get ["class"]() {
+        return partClass("nui-field-success", local.class);
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function FieldContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$2);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["class"]() {
+        return partClass("nui-field-content", local.class);
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function FieldRequiredIndicator(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkField.RequiredIndicator, _$mergeProps(rest, {
+    get ["class"]() {
+      return partClass("nui-field-required", local.class);
+    }
+  }));
+}
+function partClass(base, extra) {
+  return [base, extra].filter(Boolean).join(" ");
+}
+export { FieldLabel, FieldDescription, FieldErrorText, FieldSuccessText, FieldContent, FieldRequiredIndicator };

package/dist/chunks/browser-PGP2ULTH.js

@@ -0,0 +1,16 @@
+// dist/chunks/solid-3PB3S3AX.jsx
+import { tv } from "tailwind-variants/lite";
+var proseRecipe = tv({
+  base: "nui-prose nui:max-w-prose nui:min-w-0 nui:leading-relaxed nui:text-foreground nui:wrap-break-word",
+  variants: {
+    size: {
+      sm: "nui:text-sm",
+      md: "nui:text-base",
+      lg: "nui:text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export { proseRecipe };

package/dist/chunks/browser-PGXL7WTN.js

@@ -0,0 +1,139 @@
+import { panelHeaderRecipe } from "./browser-RPBEIRTF.js";
+import { panelRecipe } from "./browser-FRA44MXN.js";
+import { Text } from "./browser-MFWC6J3Q.js";
+import { Heading } from "./browser-JIQ6MLO5.js";
+
+// dist/chunks/solid-MADLLW5O.jsx
+import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { mergeProps, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<ul>`);
+var _tmpl$3 = /* @__PURE__ */_$template(`<li>`);
+var _tmpl$4 = /* @__PURE__ */_$template(`<a>`);
+var styles = panelRecipe();
+function PanelHeader(props) {
+  const [local, rest] = splitProps(props, ["variant", "tone", "density", "class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return panelHeaderRecipe({
+          variant: local.variant,
+          tone: local.tone,
+          density: local.density,
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function PanelTitle(props) {
+  return _$createComponent(Heading, _$mergeProps(() => mergeProps({
+    as: "h2",
+    size: "5"
+  }, props)));
+}
+function PanelDescription(props) {
+  return _$createComponent(Text, _$mergeProps(() => mergeProps({
+    size: "6",
+    tone: "muted"
+  }, props)));
+}
+function PanelToolbar(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.toolbar({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function PanelBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$);
+    _$spread(_el$3, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.body({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+function PanelList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$4 = _$getNextElement(_tmpl$2);
+    _$spread(_el$4, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.list({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$4;
+  })();
+}
+function PanelItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$5 = _$getNextElement(_tmpl$3);
+    _$spread(_el$5, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.item({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$5;
+  })();
+}
+function PanelLink(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$6 = _$getNextElement(_tmpl$4);
+    _$spread(_el$6, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.link({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$6;
+  })();
+}
+function PanelFooter(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$7 = _$getNextElement(_tmpl$);
+    _$spread(_el$7, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.footer({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$7;
+  })();
+}
+export { PanelHeader, PanelTitle, PanelDescription, PanelToolbar, PanelBody, PanelList, PanelItem, PanelLink, PanelFooter };

package/dist/chunks/browser-PKGO3MJ4.js

@@ -0,0 +1,32 @@
+// dist/chunks/solid-HRGZPXXC.jsx
+import { createMediaQuery } from "@solid-primitives/media";
+import { createEffect, createSignal, createUniqueId, on, untrack } from "solid-js";
+function useSidebarState(props) {
+  const desktop = createMediaQuery("(min-width: 48rem)");
+  const [open, setOpen] = createSignal(props.defaultMobileOpen ?? false);
+  const mobileOpen = () => props.mobileOpen ?? open();
+  const panelId = `${createUniqueId()}-sidebar`;
+  const setMobileOpen = value => {
+    if (props.mobileOpen === void 0) setOpen(value);
+    props.onMobileOpenChange?.(value);
+  };
+  createEffect(() => {
+    if (desktop() && untrack(mobileOpen)) setMobileOpen(false);
+  });
+  return {
+    desktop,
+    mobileOpen,
+    setMobileOpen,
+    panelId
+  };
+}
+function synchronizeCollapsed(api, props) {
+  createEffect(on(() => props.collapsed, desired => {
+    if (desired === void 0 || desired === api().isPanelCollapsed("sidebar")) return;
+    if (desired) api().collapsePanel("sidebar");else api().expandPanel("sidebar");
+  }, {
+    defer: true
+  }));
+}
+var sidebarOptionKeys = ["children", "class", "resizable", "defaultWidth", "minWidth", "maxWidth", "compactWidth", "collapsed", "defaultCollapsed", "onCollapsedChange", "mobileOpen", "defaultMobileOpen", "onMobileOpenChange", "onResizeEnd"];
+export { useSidebarState, synchronizeCollapsed, sidebarOptionKeys };