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

package/dist/chunks/browser-EUHSQCNS.js

@@ -0,0 +1,46 @@
+// dist/chunks/solid-MUNLQKCN.jsx
+import { createSignal, onCleanup, onMount } from "solid-js";
+function readScope(origin) {
+  const computed = origin.ownerDocument.defaultView?.getComputedStyle(origin);
+  const style = {};
+  if (computed) {
+    for (const name of computed) {
+      if (name.startsWith("--nui-")) style[name] = computed.getPropertyValue(name);
+    }
+    for (const name of ["color-scheme", "font-family", "font-size", "line-height", "color"]) {
+      style[name] = computed.getPropertyValue(name);
+    }
+  }
+  return {
+    style,
+    motion: origin.closest("[data-motion]")?.getAttribute("data-motion") ?? void 0
+  };
+}
+function createPortalScope(origin) {
+  const [scope, setScope] = createSignal({
+    style: {},
+    motion: void 0
+  });
+  const [ready, setReady] = createSignal(false);
+  onMount(() => {
+    const element = origin();
+    if (!element) return;
+    const update = () => setScope(readScope(element));
+    const Observer = element.ownerDocument.defaultView?.MutationObserver;
+    const observer = Observer ? new Observer(update) : void 0;
+    for (let node = element.parentElement; node; node = node.parentElement) {
+      observer?.observe(node, {
+        attributes: true,
+        attributeFilter: ["class", "style", "data-nui-theme", "data-motion"]
+      });
+    }
+    update();
+    setReady(true);
+    onCleanup(() => observer?.disconnect());
+  });
+  return {
+    scope,
+    ready
+  };
+}
+export { createPortalScope };

package/dist/chunks/browser-EWO7SDYP.js

@@ -0,0 +1,17 @@
+// dist/chunks/solid-EOGGP6VG.jsx
+import { tv } from "tailwind-variants/lite";
+var containerRecipe = tv({
+  base: "nui:mx-auto nui:w-full nui:min-w-0 nui:px-4 nui:sm:px-6 nui:lg:px-8",
+  variants: {
+    size: {
+      sm: "nui:max-w-3xl",
+      md: "nui:max-w-5xl",
+      lg: "nui:max-w-7xl",
+      full: "nui:max-w-none"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+export { containerRecipe };

package/dist/chunks/browser-FCGDC43Q.js

@@ -0,0 +1,19 @@
+// dist/chunks/solid-ENDSMLRL.jsx
+import { tv } from "tailwind-variants/lite";
+var headingRecipe = tv({
+  base: "nui:m-0 nui:font-semibold nui:tracking-tight nui:text-foreground nui:text-balance nui:wrap-break-word",
+  variants: {
+    size: {
+      "1": "nui:text-5xl nui:leading-tight",
+      "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight",
+      "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight",
+      "4": "nui:text-2xl nui:leading-tight",
+      "5": "nui:text-xl nui:leading-snug",
+      "6": "nui:text-base nui:leading-snug"
+    }
+  },
+  defaultVariants: {
+    size: "3"
+  }
+});
+export { headingRecipe };

package/dist/chunks/browser-FITVXQJG.js

@@ -0,0 +1,15 @@
+// dist/chunks/solid-KPWH7ACG.jsx
+import { tv } from "tailwind-variants/lite";
+var collapsibleRecipe = tv({
+  base: "nui:w-full nui:min-w-0 nui:overflow-hidden nui:rounded-xl nui:border nui:border-border",
+  variants: {
+    variant: {
+      outline: "nui:bg-background",
+      soft: "nui:bg-surface"
+    }
+  },
+  defaultVariants: {
+    variant: "outline"
+  }
+});
+export { collapsibleRecipe };

package/dist/chunks/browser-FKHIAKUZ.js

@@ -0,0 +1,55 @@
+import { createPortalScope } from "./browser-EUHSQCNS.js";
+
+// dist/chunks/solid-FBI7HGP3.jsx
+import { template as _$template } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { usePresenceContext } from "@ark-ui/solid/presence";
+import { Show } from "solid-js";
+import { Portal } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */_$template(`<span hidden aria-hidden=true>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<div data-nui-overlay-root>`);
+function OverlayPortal(props) {
+  const presence = usePresenceContext();
+  let origin;
+  const {
+    scope,
+    ready
+  } = createPortalScope(() => origin);
+  return [(() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    var _ref$ = origin;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : origin = _el$;
+    return _el$;
+  })(), _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!(ready() && !presence().unmounted))() && (props.mount ?? origin?.ownerDocument.body);
+    },
+    keyed: true,
+    children: mount => _$createComponent(Portal, {
+      mount,
+      get children() {
+        var _el$2 = _$getNextElement(_tmpl$2);
+        _$insert(_el$2, () => props.children);
+        _$effect(_p$ => {
+          var _v$ = scope().motion,
+            _v$2 = scope().style;
+          _v$ !== _p$.e && _$setAttribute(_el$2, "data-motion", _p$.e = _v$);
+          _p$.t = _$style(_el$2, _v$2, _p$.t);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$2;
+      }
+    })
+  })];
+}
+export { OverlayPortal };

package/dist/chunks/browser-FLENEAMA.js

@@ -0,0 +1,7 @@
+// dist/chunks/solid-EGK5JLXD.jsx
+import { createContext, useContext } from "solid-js";
+var DialogOptions = createContext(() => ({
+  modal: true
+}));
+var useDialogOptions = () => useContext(DialogOptions);
+export { DialogOptions, useDialogOptions };

package/dist/chunks/browser-FRA44MXN.js

@@ -0,0 +1,35 @@
+// dist/chunks/solid-VUQ6PMEE.jsx
+import { tv } from "tailwind-variants/lite";
+var panelRecipe = tv({
+  slots: {
+    root: "nui:min-w-0 nui:overflow-hidden nui:rounded-xl nui:border nui:border-border nui:text-foreground",
+    bar: "nui:flex nui:min-w-0 nui:flex-wrap nui:items-center nui:justify-between nui:gap-2 nui:bg-surface nui:px-3 nui:py-2 nui:[--nui-tabs-track:var(--nui-background)] nui:[--nui-tabs-selected-bg:var(--nui-neutral-soft-active)] nui:[--nui-tabs-selected-fg:var(--nui-foreground)]",
+    barGroup: "nui:flex nui:min-w-0 nui:flex-auto nui:flex-wrap nui:items-center nui:gap-x-3 nui:gap-y-2",
+    barActions: "nui:ml-auto nui:flex nui:shrink-0 nui:items-center nui:gap-1",
+    toolbar: "nui:border-t nui:border-border nui:px-5 nui:py-4",
+    body: "nui:border-t nui:border-border nui:p-5",
+    list: "nui:m-0 nui:list-none nui:p-0",
+    item: "nui:border-t nui:border-border",
+    row: "nui:flex nui:min-w-0 nui:items-center nui:justify-between nui:gap-4 nui:px-4 nui:py-3",
+    itemContent: "nui:grid nui:min-w-0 nui:flex-1 nui:gap-y-[var(--nui-header-gap)]",
+    itemTitle: "nui:m-0 nui:text-sm nui:leading-snug nui:font-semibold nui:text-foreground nui:wrap-anywhere",
+    itemDescription: "nui:m-0 nui:text-sm nui:leading-snug nui:text-muted-foreground nui:wrap-anywhere",
+    itemActions: "nui:flex nui:shrink-0 nui:items-center nui:gap-2",
+    link: "nui:flex nui:min-w-0 nui:flex-wrap nui:items-center nui:justify-between nui:gap-3 nui:px-5 nui:py-4 nui:text-[var(--nui-primary-text)] nui:no-underline nui:hover:bg-[var(--nui-neutral-soft)] nui:active:bg-[var(--nui-neutral-soft-active)] nui:aria-[current=page]:bg-[var(--nui-primary-soft-active)] nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:-outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring",
+    footer: "nui:flex nui:flex-wrap nui:items-center nui:justify-between nui:gap-3 nui:border-t nui:border-border nui:px-5 nui:py-4"
+  },
+  variants: {
+    tone: {
+      default: {
+        root: "nui:bg-background"
+      },
+      subtle: {
+        root: "nui:bg-surface"
+      }
+    }
+  },
+  defaultVariants: {
+    tone: "default"
+  }
+});
+export { panelRecipe };

package/dist/chunks/browser-G2YQNCP3.js

@@ -0,0 +1,30 @@
+import { formatChartValue } from "./browser-UDFXYY2W.js";
+
+// dist/chunks/solid-IPRITGNV.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { VisAxis } from "@unovis/solid/components/axis";
+function ChartAxes(props) {
+  return [_$createComponent(VisAxis, {
+    type: "x",
+    gridLine: false,
+    domainLine: false,
+    tickLine: false,
+    duration: 0,
+    get tickValues() {
+      return props.data.map((_, index) => index);
+    },
+    tickTextAdaptiveSets: true,
+    tickFormat: value => {
+      const datum = props.data[Number(value)];
+      return datum === void 0 ? "" : props.label(datum);
+    }
+  }), _$createComponent(VisAxis, {
+    type: "y",
+    domainLine: false,
+    tickLine: false,
+    numTicks: 4,
+    duration: 0,
+    tickFormat: value => (props.axisFormat ?? props.valueFormat ?? formatChartValue)(Number(value))
+  })];
+}
+export { ChartAxes };

package/dist/chunks/browser-GG5VR4T7.js

@@ -0,0 +1,82 @@
+import { PaginationIcon } from "./browser-W7YQNVZ5.js";
+import { usePaginationStyles } from "./browser-DSWC74I6.js";
+
+// dist/chunks/solid-2PJ6EG6Y.jsx
+import { template as _$template } 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 { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Pagination as ArkPagination } from "@ark-ui/solid/pagination";
+import { mergeProps, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<span>Previous`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<span>Next`);
+function PaginationItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = usePaginationStyles();
+  return _$createComponent(ArkPagination.Item, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles().control({
+        class: local.class
+      });
+    }
+  }));
+}
+function PaginationEllipsis(props) {
+  const [local, rest] = splitProps(mergeProps({
+    children: "\u2026",
+    "aria-hidden": true
+  }, props), ["class"]);
+  const styles = usePaginationStyles();
+  return _$createComponent(ArkPagination.Ellipsis, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles().ellipsis({
+        class: local.class
+      });
+    }
+  }));
+}
+function PaginationPrevTrigger(props) {
+  const styles = usePaginationStyles();
+  const [local, rest] = splitProps(mergeProps({
+    get children() {
+      return [_$createComponent(PaginationIcon, {
+        name: "previous"
+      }), (() => {
+        var _el$ = _$getNextElement(_tmpl$);
+        _$effect(() => _$className(_el$, styles().label()));
+        return _el$;
+      })()];
+    }
+  }, props), ["class"]);
+  return _$createComponent(ArkPagination.PrevTrigger, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles().control({
+        class: local.class
+      });
+    }
+  }));
+}
+function PaginationNextTrigger(props) {
+  const styles = usePaginationStyles();
+  const [local, rest] = splitProps(mergeProps({
+    get children() {
+      return [(() => {
+        var _el$2 = _$getNextElement(_tmpl$2);
+        _$effect(() => _$className(_el$2, styles().label()));
+        return _el$2;
+      })(), _$createComponent(PaginationIcon, {
+        name: "next"
+      })];
+    }
+  }, props), ["class"]);
+  return _$createComponent(ArkPagination.NextTrigger, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles().control({
+        class: local.class
+      });
+    }
+  }));
+}
+export { PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger };

package/dist/chunks/browser-GKVN4ES2.js

@@ -0,0 +1,15 @@
+// dist/chunks/solid-WZZEYVFI.jsx
+import { tv } from "tailwind-variants/lite";
+var separatorRecipe = tv({
+  base: "nui:m-0 nui:shrink-0 nui:border-0 nui:bg-border",
+  variants: {
+    orientation: {
+      horizontal: "nui:h-px nui:w-full",
+      vertical: "nui:h-auto nui:min-h-4 nui:w-px nui:self-stretch"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+export { separatorRecipe };

package/dist/chunks/browser-GZINZJ2N.js

@@ -0,0 +1,107 @@
+import { chartRecipe } from "./browser-YD5PGYSA.js";
+import { Button } from "./browser-XHDR6MFL.js";
+
+// dist/chunks/solid-GQPQMYQ5.jsx
+import { template as _$template } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } 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 { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { Collapsible } from "@ark-ui/solid/collapsible";
+import { ChevronDown, Table2 } from "lucide-solid";
+import { For } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div><ul aria-label="Chart legend"></ul><!$><!/>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<li><span aria-hidden=true></span><!$><!/>`);
+var styles = chartRecipe();
+function ChartDetails(props) {
+  return _$createComponent(Collapsible.Root, {
+    lazyMount: true,
+    get ["class"]() {
+      return styles.details();
+    },
+    get children() {
+      return [(() => {
+        var _el$ = _$getNextElement(_tmpl$),
+          _el$2 = _el$.firstChild,
+          _el$3 = _el$2.nextSibling,
+          [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling);
+        _$insert(_el$2, _$createComponent(For, {
+          get each() {
+            return props.legend;
+          },
+          children: item => (() => {
+            var _el$5 = _$getNextElement(_tmpl$2),
+              _el$6 = _el$5.firstChild,
+              _el$7 = _el$6.nextSibling,
+              [_el$8, _co$2] = _$getNextMarker(_el$7.nextSibling);
+            _$insert(_el$5, () => item.label, _el$8, _co$2);
+            _$effect(_p$ => {
+              var _v$3 = styles.legendItem(),
+                _v$4 = styles.swatch(),
+                _v$5 = item.color;
+              _v$3 !== _p$.e && _$className(_el$5, _p$.e = _v$3);
+              _v$4 !== _p$.t && _$className(_el$6, _p$.t = _v$4);
+              _v$5 !== _p$.a && _$setStyleProperty(_el$6, "background", _p$.a = _v$5);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0
+            });
+            return _el$5;
+          })()
+        }));
+        _$insert(_el$, _$createComponent(Collapsible.Context, {
+          children: api => _$createComponent(Collapsible.Trigger, {
+            asChild: triggerProps => _$createComponent(Button, _$mergeProps(triggerProps, {
+              variant: "ghost",
+              tone: "neutral",
+              size: "xs",
+              get ["class"]() {
+                return styles.dataTrigger();
+              },
+              get ["aria-label"]() {
+                return `${api().open ? "Hide" : "View"} data for ${props.title}`;
+              },
+              get startIcon() {
+                return _$createComponent(Table2, {});
+              },
+              get endIcon() {
+                return _$createComponent(ChevronDown, {
+                  "class": "nui-chart-data-chevron"
+                });
+              },
+              get children() {
+                return api().open ? "Hide data" : "View data";
+              }
+            }))
+          })
+        }), _el$4, _co$);
+        _$effect(_p$ => {
+          var _v$ = styles.detailsHeader(),
+            _v$2 = styles.legend();
+          _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+          _v$2 !== _p$.t && _$className(_el$2, _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$;
+      })(), _$createComponent(Collapsible.Content, {
+        get ["class"]() {
+          return styles.dataContent();
+        },
+        get children() {
+          return props.children;
+        }
+      })];
+    }
+  });
+}
+export { ChartDetails };

package/dist/chunks/browser-H7EQVLPP.js

@@ -0,0 +1,62 @@
+import { StepsActions, StepsCompletedContent, StepsContent, StepsDescription, StepsLabel, StepsSeparator, StepsTitle, StepsTrigger } from "./browser-UICG727A.js";
+import { StepsIndicator } from "./browser-MBAMREFY.js";
+import { stepsRecipe } from "./browser-I7AEHTBR.js";
+import { StepsNextTrigger, StepsPrevTrigger } from "./browser-MHAH6H4M.js";
+
+// dist/chunks/solid-JKOHSVK5.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Steps as ArkSteps } from "@ark-ui/solid/steps";
+import { mergeProps, splitProps } from "solid-js";
+var styles = stepsRecipe();
+function StepsRoot(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkSteps.Root, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.root({
+        class: local.class
+      });
+    }
+  }));
+}
+function StepsList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkSteps.List, _$mergeProps(() => mergeProps({
+    "aria-label": "Steps"
+  }, rest), {
+    get ["class"]() {
+      return styles.list({
+        class: local.class
+      });
+    }
+  }));
+}
+function StepsItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkSteps.Item, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.item({
+        class: local.class
+      });
+    }
+  }));
+}
+var Steps = {
+  Root: StepsRoot,
+  List: StepsList,
+  Item: StepsItem,
+  Trigger: StepsTrigger,
+  Indicator: StepsIndicator,
+  Label: StepsLabel,
+  Title: StepsTitle,
+  Description: StepsDescription,
+  Separator: StepsSeparator,
+  Content: StepsContent,
+  CompletedContent: StepsCompletedContent,
+  Actions: StepsActions,
+  PrevTrigger: StepsPrevTrigger,
+  NextTrigger: StepsNextTrigger,
+  Context: ArkSteps.Context,
+  ItemContext: ArkSteps.ItemContext
+};
+export { Steps };

package/dist/chunks/browser-HQRDGT6P.js

@@ -0,0 +1,25 @@
+// dist/chunks/solid-TI4B54T5.jsx
+import { tv } from "tailwind-variants/lite";
+var textRecipe = tv({
+  base: "nui:m-0 nui:wrap-break-word",
+  variants: {
+    size: {
+      "1": "nui:text-5xl nui:leading-tight",
+      "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight",
+      "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight",
+      "4": "nui:text-2xl nui:leading-tight",
+      "5": "nui:text-xl nui:leading-relaxed",
+      "6": "nui:text-base nui:leading-relaxed",
+      "7": "nui:text-xs nui:leading-relaxed"
+    },
+    tone: {
+      default: "nui:text-foreground",
+      muted: "nui:text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    size: "6",
+    tone: "default"
+  }
+});
+export { textRecipe };

package/dist/chunks/browser-I5BBXCBS.js

@@ -0,0 +1,45 @@
+import { navigationLinkBase } from "./browser-5JTPIIRY.js";
+
+// dist/chunks/solid-QF7JLZ35.jsx
+import { tv } from "tailwind-variants/lite";
+var verticalMenuRecipe = tv({
+  slots: {
+    root: "nui:grid nui:w-full nui:min-w-0 nui:content-start nui:gap-6 nui:text-foreground",
+    group: "nui:grid nui:min-w-0 nui:gap-2",
+    label: "nui:px-3 nui:font-semibold nui:uppercase nui:tracking-wider",
+    list: "nui:m-0 nui:grid nui:min-w-0 nui:list-none nui:gap-1 nui:p-0",
+    item: "nui:min-w-0",
+    link: `nui-vertical-menu-link ${navigationLinkBase}`,
+    subList: "nui:ms-3 nui:mt-1 nui:grid nui:min-w-0 nui:list-none nui:gap-1 nui:border-s nui:border-border nui:ps-3",
+    branch: "nui:min-w-0",
+    branchTrigger: `${navigationLinkBase} nui:w-full nui:justify-between nui:text-start nui:cursor-pointer nui:data-[state=open]:text-foreground nui:disabled:cursor-not-allowed nui:disabled:text-[var(--nui-disabled-foreground)] nui:[&_svg]:shrink-0`,
+    branchIndicator: "nui:transition-transform nui:motion-reduce:transition-none nui:data-[state=open]:rotate-180",
+    branchContent: "nui:min-w-0",
+    icon: "nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:[&_svg]:size-4"
+  },
+  variants: {
+    variant: {
+      plain: {
+        root: ""
+      },
+      surface: {
+        root: "nui:rounded-lg nui:border nui:border-border nui:bg-surface nui:p-3"
+      }
+    },
+    density: {
+      comfortable: {
+        link: "nui:min-h-10 nui:px-3 nui:py-2",
+        branchTrigger: "nui:min-h-10 nui:px-3 nui:py-2"
+      },
+      compact: {
+        link: "nui:min-h-8 nui:px-3 nui:py-1.5",
+        branchTrigger: "nui:min-h-8 nui:px-3 nui:py-1.5"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "plain",
+    density: "comfortable"
+  }
+});
+export { verticalMenuRecipe };

package/dist/chunks/browser-I7AEHTBR.js

@@ -0,0 +1,18 @@
+// dist/chunks/solid-VDYGPZZK.jsx
+import { tv } from "tailwind-variants/lite";
+var stepsRecipe = tv({
+  slots: {
+    root: "nui-steps nui:grid nui:w-full nui:min-w-0 nui:gap-6 nui:text-foreground",
+    list: "nui-steps-list nui:min-w-0 nui:overflow-x-auto nui:overscroll-x-contain nui:pb-2",
+    item: "nui-steps-item nui:relative nui:min-w-0",
+    trigger: "nui-steps-trigger nui:relative nui:min-w-0 nui:max-w-full nui:rounded-md nui:text-start nui:cursor-pointer nui:outline-none nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring nui:disabled:cursor-not-allowed nui:disabled:text-[var(--nui-neutral-8)]",
+    indicator: "nui:relative nui:z-1 nui:flex nui:size-8 nui:shrink-0 nui:items-center nui:justify-center nui:rounded-full nui:border nui:border-border nui:bg-surface nui:text-sm nui:font-medium nui:tabular-nums nui:text-muted-foreground nui:data-current:border-[var(--nui-primary-focus)] nui:data-current:bg-[var(--nui-primary-soft)] nui:data-current:text-[var(--nui-primary-text)] nui:data-complete:border-[var(--nui-success-border)] nui:data-complete:bg-[var(--nui-success-soft)] nui:data-complete:text-[var(--nui-success-text)] nui:[&>svg]:size-4",
+    label: "nui:grid nui:min-w-0 nui:gap-y-[var(--nui-header-gap)] nui:wrap-anywhere",
+    title: "nui:text-sm nui:font-medium nui:leading-snug",
+    description: "nui:text-sm nui:leading-relaxed nui:text-muted-foreground",
+    separator: "nui-steps-separator nui:absolute nui:bg-border nui:data-complete:bg-[var(--nui-success-border)]",
+    content: "nui-steps-content nui:min-w-0 nui:wrap-anywhere nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring",
+    actions: "nui-steps-actions nui:flex nui:min-w-0 nui:flex-wrap nui:items-center nui:gap-2"
+  }
+});
+export { stepsRecipe };

package/dist/chunks/browser-IABOOEMR.js

@@ -0,0 +1,49 @@
+import { buttonGroupRecipe } from "./browser-WF5IBFVC.js";
+import { ButtonGroupContext } from "./browser-EFRKIJEH.js";
+
+// dist/chunks/solid-G2RQG6Q7.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 { insert as _$insert } 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 { mergeProps, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div role=group>`);
+function ButtonGroup(props) {
+  const [local, rest] = splitProps(mergeProps({
+    orientation: "horizontal"
+  }, props), ["size", "variant", "tone", "disabled", "orientation", "align", "attached", "fullWidth", "class", "children"]);
+  return _$createComponent(ButtonGroupContext.Provider, {
+    value: local,
+    get children() {
+      var _el$ = _$getNextElement(_tmpl$);
+      _$spread(_el$, _$mergeProps(rest, {
+        get ["aria-disabled"]() {
+          return local.disabled || void 0;
+        },
+        get ["data-orientation"]() {
+          return local.orientation;
+        },
+        get ["data-attached"]() {
+          return local.attached ? "true" : void 0;
+        },
+        get ["class"]() {
+          return buttonGroupRecipe({
+            orientation: local.orientation,
+            align: local.align,
+            attached: local.attached,
+            fullWidth: local.fullWidth,
+            class: local.class
+          });
+        }
+      }), false, true);
+      _$insert(_el$, () => local.children);
+      _$runHydrationEvents();
+      return _el$;
+    }
+  });
+}
+export { ButtonGroup };