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

package/dist/chunks/browser-CTDC6C2E.js

@@ -0,0 +1,51 @@
+import { PanelBody, PanelDescription, PanelFooter, PanelHeader, PanelItem, PanelLink, PanelList, PanelTitle, PanelToolbar } from "./browser-PGXL7WTN.js";
+import { PanelItemActions, PanelItemContent, PanelItemDescription, PanelItemTitle, PanelRow } from "./browser-QIO2NSJA.js";
+import { PanelBar, PanelBarActions, PanelBarGroup } from "./browser-7G7YCBXK.js";
+import { panelRecipe } from "./browser-FRA44MXN.js";
+
+// dist/chunks/solid-UU4GO5B3.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 { mergeProps as _$mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<section>`);
+function PanelRoot(props) {
+  const [local, rest] = splitProps(props, ["tone", "class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return panelRecipe({
+          tone: local.tone
+        }).root({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+var Panel = {
+  Root: PanelRoot,
+  Bar: PanelBar,
+  BarGroup: PanelBarGroup,
+  BarActions: PanelBarActions,
+  Header: PanelHeader,
+  Title: PanelTitle,
+  Description: PanelDescription,
+  Toolbar: PanelToolbar,
+  Body: PanelBody,
+  List: PanelList,
+  Item: PanelItem,
+  Row: PanelRow,
+  ItemContent: PanelItemContent,
+  ItemTitle: PanelItemTitle,
+  ItemDescription: PanelItemDescription,
+  ItemActions: PanelItemActions,
+  Link: PanelLink,
+  Footer: PanelFooter
+};
+export { PanelRoot, Panel };

package/dist/chunks/browser-CUHIA5VD.js

@@ -0,0 +1,73 @@
+import { ChartAxes } from "./browser-G2YQNCP3.js";
+import { ChartData } from "./browser-JWCIBN3F.js";
+import { chartBaseKeys, chartColor, chartTooltip, chartX, seriesLegend } from "./browser-UDFXYY2W.js";
+import { ChartFrame } from "./browser-P2A4JGWE.js";
+
+// dist/chunks/solid-WAIBSPAN.jsx
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { VisCrosshair } from "@unovis/solid/components/crosshair";
+import { VisGroupedBar } from "@unovis/solid/components/grouped-bar";
+import { VisTooltip } from "@unovis/solid/components/tooltip";
+import { VisXYContainer } from "@unovis/solid/containers/xy-container";
+import { splitProps } from "solid-js";
+function BarChart(props) {
+  const [local, rest] = splitProps(props, chartBaseKeys);
+  const colors = () => local.series.map((item, index) => chartColor(item.tone, index));
+  return _$createComponent(ChartFrame, _$mergeProps(rest, {
+    get title() {
+      return local.title;
+    },
+    get description() {
+      return local.description;
+    },
+    get height() {
+      return local.height ?? 260;
+    },
+    get legend() {
+      return seriesLegend(local.series);
+    },
+    get empty() {
+      return !local.data.length || !local.series.length;
+    },
+    get dataTable() {
+      return _$createComponent(ChartData, local);
+    },
+    get children() {
+      return _$createComponent(VisXYContainer, {
+        get data() {
+          return local.data;
+        },
+        get height() {
+          return local.height ?? 260;
+        },
+        duration: 0,
+        yDomainMinConstraint: [void 0, 0],
+        yDomainMaxConstraint: [0, void 0],
+        get children() {
+          return [_$createComponent(VisGroupedBar, {
+            x: chartX,
+            get y() {
+              return local.series.map(item => item.value);
+            },
+            get color() {
+              return colors();
+            },
+            barPadding: 0.12,
+            groupPadding: 0.3,
+            roundedCorners: 4,
+            duration: 0
+          }), _$createComponent(ChartAxes, local), _$createComponent(VisCrosshair, {
+            get color() {
+              return colors();
+            },
+            template: datum => chartTooltip(local, datum),
+            duration: 0
+          }), _$createComponent(VisTooltip, {})];
+        }
+      });
+    }
+  }));
+}
+export { BarChart };

package/dist/chunks/browser-CVMRSBKK.js

@@ -0,0 +1,111 @@
+import { dialogRecipe } from "./browser-VQPEQHJC.js";
+import { useDialogOptions } from "./browser-FLENEAMA.js";
+
+// dist/chunks/solid-RU2KYFIN.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 { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div>`);
+var styles = dialogRecipe();
+function DialogBackdrop(props) {
+  const options = useDialogOptions();
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(Show, {
+    get when() {
+      return options().modal;
+    },
+    get children() {
+      return _$createComponent(ArkDialog.Backdrop, _$mergeProps(rest, {
+        get ["class"]() {
+          return styles.backdrop({
+            class: local.class
+          });
+        }
+      }));
+    }
+  });
+}
+function DialogPositioner(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkDialog.Positioner, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.positioner({
+        class: local.class
+      });
+    }
+  }));
+}
+function DialogHeader(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      "data-nui-dialog-header": "",
+      get ["class"]() {
+        return styles.header({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function DialogTitle(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkDialog.Title, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.title({
+        class: local.class
+      });
+    }
+  }));
+}
+function DialogDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkDialog.Description, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.description({
+        class: local.class
+      });
+    }
+  }));
+}
+function DialogBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      "data-nui-dialog-body": "",
+      get ["class"]() {
+        return styles.body({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function DialogFooter(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$);
+    _$spread(_el$3, _$mergeProps(rest, {
+      "data-nui-dialog-footer": "",
+      get ["class"]() {
+        return styles.footer({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+export { DialogBackdrop, DialogPositioner, DialogHeader, DialogTitle, DialogDescription, DialogBody, DialogFooter };

package/dist/chunks/browser-D4EO6TFF.js

@@ -0,0 +1,10 @@
+// dist/chunks/solid-ZOMYC454.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ChevronDown } from "lucide-solid";
+function DisclosureChevron() {
+  return _$createComponent(ChevronDown, {
+    size: 16,
+    "aria-hidden": "true"
+  });
+}
+export { DisclosureChevron };

package/dist/chunks/browser-D7RANW3H.js

@@ -0,0 +1,16 @@
+// dist/chunks/solid-JRU5VQZA.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ChevronDown, Menu } from "lucide-solid";
+function NavigationChevron() {
+  return _$createComponent(ChevronDown, {
+    size: 16,
+    "aria-hidden": "true"
+  });
+}
+function NavigationToggleIcon() {
+  return _$createComponent(Menu, {
+    size: 20,
+    "aria-hidden": "true"
+  });
+}
+export { NavigationChevron, NavigationToggleIcon };

package/dist/chunks/browser-DAS5MLIN.js

@@ -0,0 +1,19 @@
+// dist/chunks/solid-7FKR2OF6.jsx
+import { tv } from "tailwind-variants/lite";
+var focus = "nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring";
+var entry = `nui:flex nui:min-w-0 nui:items-center nui:gap-2 nui:border-0 nui:bg-transparent nui:py-3 nui:text-sm nui:font-medium nui:text-muted-foreground nui:no-underline nui:wrap-anywhere nui:cursor-pointer nui:hover:text-foreground nui:aria-[current=page]:text-[var(--nui-primary-text)] ${focus}`;
+var navigationMenuRecipe = tv({
+  slots: {
+    root: "nui-navigation-menu nui:relative nui:min-w-0 nui:text-foreground",
+    list: "nui-navigation-menu-list nui:flex nui:min-w-0 nui:gap-6",
+    item: "nui:relative nui:min-w-0",
+    link: `nui-navigation-menu-link ${entry}`,
+    trigger: `nui-navigation-menu-trigger ${entry} nui:justify-between nui:data-[state=open]:text-foreground nui:disabled:cursor-not-allowed nui:disabled:text-[var(--nui-disabled-foreground)] nui:[&>svg]:shrink-0`,
+    content: "nui-navigation-menu-content nui:grid nui:gap-1 nui:rounded-lg nui:border nui:border-border nui:bg-background nui:p-2 nui:text-foreground nui:shadow-[var(--nui-popover-shadow)]",
+    subTrigger: `nui-navigation-menu-subtrigger ${entry} nui:w-full nui:justify-between nui:rounded-sm nui:px-3 nui:py-2 nui:hover:bg-[var(--nui-neutral-soft)] nui:data-[state=open]:bg-[var(--nui-neutral-soft)] nui:disabled:cursor-not-allowed nui:disabled:text-[var(--nui-disabled-foreground)]`,
+    group: "nui:grid nui:min-w-0 nui:content-start nui:gap-1",
+    label: "nui:px-3 nui:pb-1 nui:pt-2 nui:text-xs nui:font-semibold nui:text-muted-foreground",
+    description: "nui:block nui:text-xs nui:font-normal nui:leading-relaxed nui:text-muted-foreground"
+  }
+});
+export { navigationMenuRecipe };

package/dist/chunks/browser-DEJV4M5T.js

@@ -0,0 +1,37 @@
+import { DialogBackdrop, DialogPositioner } from "./browser-CVMRSBKK.js";
+import { dialogRecipe } from "./browser-VQPEQHJC.js";
+import { OverlayPortal } from "./browser-FKHIAKUZ.js";
+
+// dist/chunks/solid-W4CIBAZM.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { splitProps } from "solid-js";
+function DialogSurface(props) {
+  const [local, rest] = splitProps(props, ["size", "variant", "class"]);
+  return _$createComponent(ArkDialog.Content, _$mergeProps(rest, {
+    get ["class"]() {
+      return dialogRecipe({
+        size: local.size,
+        variant: local.variant
+      }).content({
+        class: local.class
+      });
+    }
+  }));
+}
+function DialogContent(props) {
+  const [local, rest] = splitProps(props, ["mount"]);
+  return _$createComponent(OverlayPortal, _$mergeProps(() => local.mount ? {
+    mount: local.mount
+  } : {}, {
+    get children() {
+      return [_$createComponent(DialogBackdrop, {}), _$createComponent(DialogPositioner, {
+        get children() {
+          return _$createComponent(DialogSurface, rest);
+        }
+      })];
+    }
+  }));
+}
+export { DialogSurface, DialogContent };

package/dist/chunks/browser-DL77267K.js

@@ -0,0 +1,6 @@
+// dist/chunks/solid-3IZ2QP3T.jsx
+import { tv } from "tailwind-variants/lite";
+var menubarRecipe = tv({
+  base: "nui:flex nui:w-fit nui:max-w-full nui:self-start nui:items-center nui:gap-1 nui:rounded-md nui:border nui:border-border nui:bg-background nui:p-1"
+});
+export { menubarRecipe };

package/dist/chunks/browser-DNGH2YGQ.js

@@ -0,0 +1,87 @@
+import { sidebarRecipe } from "./browser-77AU5EFP.js";
+import { useSidebar } from "./browser-YE77Y2OV.js";
+import { Resizable } from "./browser-PZRZPQK4.js";
+import { Sheet } from "./browser-JIPZ5F2W.js";
+
+// dist/chunks/solid-2YOCBILJ.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 { Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<aside aria-label=Sidebar>`);
+var styles = sidebarRecipe();
+function SidebarPanel(props) {
+  const context = useSidebar();
+  const [local, rest] = splitProps(props, ["class", "children", "id"]);
+  const surface = () => (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get id() {
+        return local.id ?? context.panelId;
+      },
+      get ["data-collapsed"]() {
+        return context.collapsed() ? "" : void 0;
+      },
+      get ["class"]() {
+        return styles.surface({
+          class: local.class
+        });
+      }
+    }), false, true);
+    _$insert(_el$, () => local.children);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+  return [_$createComponent(Resizable.Panel, {
+    id: "sidebar",
+    get ["class"]() {
+      return styles.panel();
+    },
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return context.desktop();
+        },
+        get fallback() {
+          return _$createComponent(Sheet.Content, {
+            side: "left",
+            size: "sm",
+            "class": "nui-sidebar-sheet",
+            style: {
+              "--nui-sheet-size": "min(20rem, calc(100vw - 2rem))"
+            },
+            get ["aria-label"]() {
+              return rest["aria-label"] ?? "Sidebar navigation";
+            },
+            get children() {
+              return [_$createComponent(Sheet.CloseTrigger, {
+                "class": "nui-sidebar-mobile-close"
+              }), _$memo(() => surface())];
+            }
+          });
+        },
+        get children() {
+          return surface();
+        }
+      });
+    }
+  }), _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!context.desktop())() && context.resizable();
+    },
+    get children() {
+      return _$createComponent(Resizable.Handle, {
+        id: "sidebar:main",
+        "class": "nui-sidebar-resize-handle",
+        "aria-label": "Resize sidebar; press Enter to collapse or expand",
+        withHandle: true
+      });
+    }
+  })];
+}
+export { SidebarPanel };

package/dist/chunks/browser-DSWC74I6.js

@@ -0,0 +1,7 @@
+import { paginationRecipe } from "./browser-L2BKJJHA.js";
+
+// dist/chunks/solid-MR2AMEB3.jsx
+import { createContext, useContext } from "solid-js";
+var PaginationStyles = createContext(() => paginationRecipe());
+var usePaginationStyles = () => useContext(PaginationStyles);
+export { PaginationStyles, usePaginationStyles };

package/dist/chunks/browser-EFRKIJEH.js

@@ -0,0 +1,5 @@
+// dist/chunks/solid-3H4FQFP4.jsx
+import { createContext, useContext } from "solid-js";
+var ButtonGroupContext = createContext({});
+var useButtonGroup = () => useContext(ButtonGroupContext);
+export { ButtonGroupContext, useButtonGroup };

package/dist/chunks/browser-EGI7JMTA.js

@@ -0,0 +1,8 @@
+// dist/chunks/solid-4LT7BNWT.jsx
+import { createContext, useContext } from "solid-js";
+var NavigationMenuCloseContext = createContext(() => {});
+var useNavigationMenuClose = () => useContext(NavigationMenuCloseContext);
+var NavigationMenuItemContext = createContext();
+var NavigationMenuVisibilityContext = createContext(() => true);
+var useNavigationMenuVisibility = () => useContext(NavigationMenuVisibilityContext);
+export { NavigationMenuCloseContext, useNavigationMenuClose, NavigationMenuItemContext, NavigationMenuVisibilityContext, useNavigationMenuVisibility };

package/dist/chunks/browser-EJK3XQAG.js

@@ -0,0 +1,37 @@
+import { EmptyActions, EmptyContent, EmptyDescription, EmptyIcon, EmptyTitle } from "./browser-QFUKXQAI.js";
+import { emptyRecipe } from "./browser-U6CAOJLG.js";
+
+// dist/chunks/solid-5KV4MTYV.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 { mergeProps as _$mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div>`);
+function EmptyRoot(props) {
+  const [local, rest] = splitProps(props, ["layout", "class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return emptyRecipe({
+          layout: local.layout
+        }).root({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+var Empty = {
+  Root: EmptyRoot,
+  Icon: EmptyIcon,
+  Content: EmptyContent,
+  Title: EmptyTitle,
+  Description: EmptyDescription,
+  Actions: EmptyActions
+};
+export { EmptyRoot, Empty };

package/dist/chunks/browser-EOIR64XA.js

@@ -0,0 +1,66 @@
+import { resizableRecipe } from "./browser-RYCDNE2M.js";
+
+// dist/chunks/solid-TXZ75EIN.jsx
+import { template as _$template } 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 { memo as _$memo } 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 { Splitter as ArkSplitter } from "@ark-ui/solid/splitter";
+import { GripVertical } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<span aria-hidden=true>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<button>`);
+var styles = resizableRecipe();
+function ResizableHandle(props) {
+  const [local, rest] = splitProps(props, ["class", "children", "withHandle", "asChild", "disabled"]);
+  const content = () => local.children ?? _$createComponent(Show, {
+    get when() {
+      return local.withHandle;
+    },
+    get children() {
+      var _el$ = _$getNextElement(_tmpl$);
+      _$insert(_el$, _$createComponent(GripVertical, {
+        size: 12
+      }));
+      _$effect(() => _$className(_el$, styles.grip()));
+      return _el$;
+    }
+  });
+  return _$createComponent(ArkSplitter.ResizeTrigger, _$mergeProps(rest, {
+    get disabled() {
+      return local.disabled;
+    },
+    get ["aria-disabled"]() {
+      return local.disabled || void 0;
+    },
+    get ["class"]() {
+      return styles.handle({
+        class: local.class
+      });
+    },
+    get asChild() {
+      return local.asChild ?? (triggerProps => (() => {
+        var _el$2 = _$getNextElement(_tmpl$2);
+        _$spread(_el$2, _$mergeProps(triggerProps, {
+          "type": "button",
+          get disabled() {
+            return local.disabled;
+          }
+        }), false, true);
+        _$insert(_el$2, content);
+        _$runHydrationEvents();
+        return _el$2;
+      })());
+    },
+    get children() {
+      return content();
+    }
+  }));
+}
+export { ResizableHandle };

package/dist/chunks/browser-EPM72SHQ.js

@@ -0,0 +1,77 @@
+import { TimelineContent, TimelineDescription, TimelineIndicator, TimelineTime, TimelineTitle } from "./browser-RTWQDWSG.js";
+import { timelineItemRecipe, timelineRecipe } from "./browser-MIZ6XF2H.js";
+
+// dist/chunks/solid-ZDOCWASS.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 { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<ol>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<li>`);
+function TimelineRoot(props) {
+  const [local, rest] = splitProps(props, ["density", "orientation", "class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps({
+      get ["aria-label"]() {
+        return local.orientation === "horizontal" ? "Timeline" : void 0;
+      },
+      get tabIndex() {
+        return local.orientation === "horizontal" ? 0 : void 0;
+      }
+    }, rest, {
+      get ["data-orientation"]() {
+        return local.orientation ?? "vertical";
+      },
+      get ["class"]() {
+        return timelineRecipe({
+          density: local.density,
+          orientation: local.orientation
+        }).root({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function TimelineItem(props) {
+  const [local, rest] = splitProps(props, ["status", "class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$2);
+    _$spread(_el$2, _$mergeProps({
+      get ["aria-current"]() {
+        return local.status === "current" ? "step" : void 0;
+      }
+    }, rest, {
+      "data-nui-timeline-item": "",
+      get ["data-status"]() {
+        return local.status ?? "default";
+      },
+      get ["class"]() {
+        return timelineRecipe().item({
+          class: timelineItemRecipe({
+            status: local.status,
+            class: local.class
+          })
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+var Timeline = {
+  Root: TimelineRoot,
+  Item: TimelineItem,
+  Indicator: TimelineIndicator,
+  Content: TimelineContent,
+  Title: TimelineTitle,
+  Description: TimelineDescription,
+  Time: TimelineTime
+};
+export { TimelineRoot, TimelineItem, Timeline };

package/dist/chunks/browser-EQLER5FV.js

@@ -0,0 +1,53 @@
+import { createPortalScope } from "./browser-EUHSQCNS.js";
+
+// dist/chunks/solid-BLPH2K7V.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 { 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 ToastPortal(props) {
+  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())() && (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 { ToastPortal };