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

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# Changelog
+
+## 0.1.0-alpha.1
+
+Release automation validation: publish through the authorized GitHub Actions OIDC workflow on the `next` tag. Component code and APIs are unchanged from `0.1.0-alpha.0`; incomplete Forms and the known focus-visible limitation still apply.
+
+## 0.1.0-alpha.0
+
+Initial experimental release, distributed through the `next` tag.
+- SolidJS components with public area entries and shared ESM module identities.
+- Complete compiled CSS, semantic design tokens, Radix color scales, and automatic light/dark themes.
+- Optional Tailwind 4/PostCSS area compilation and a shared-token preset.
+- Initial Forms components: Field, Input, Textarea, and InputGroup. The broader Forms catalog is unfinished.
+
+### Known limitations
+
+This alpha has no stable API guarantee. SSR/hydration and the full browser interaction catalog have not been validated for release.
+
+The external Ark dependency resolves `@zag-js/focus-visible@1.45.0`. Its focus wrapper can make `HTMLElement.prototype.focus` read-only and conflict with other focus wrappers, as observed in Storybook navigation. The development workspace applies a patch, but that patch is not included in the published library or inherited by consuming applications. This is an accepted initial-alpha limitation; a compatible upstream update remains planned. See the [patch audit](https://github.com/bearkfear/newui/blob/main/workspace/patches/README.md).

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 newui contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,92 @@
-# Temporary Holding Version
+# newui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Composable components for **SolidJS**, with shared spacing, typography, Radix color tokens, automatic light/dark themes, and optional Tailwind integration.
+
+**Experimental alpha:** APIs may change. Forms currently includes Field, Input, Textarea, and InputGroup; the rest of the Forms catalog is unfinished. See [known limitations](#known-limitations) before adopting this release.
+
+## Install
+
+```sh
+bun add @egcs/newui@next solid-js
+```
+
+Use npm, pnpm, or Yarn if preferred. Configure your application for SolidJS, for example with Vite and `vite-plugin-solid`.
+
+## Start with compiled CSS
+
+Import the stylesheet once from your application entry:
+
+```tsx
+import "@egcs/newui/styles.css";
+```
+
+Import components from the area you use:
+
+```tsx
+import { Button } from "@egcs/newui/actions";
+import { Field, Input } from "@egcs/newui/forms";
+
+export function ProjectForm() {
+  return (
+    <form>
+      <Field.Root>
+        <Field.Label>Project name</Field.Label>
+        <Input name="project" required />
+      </Field.Root>
+      <Button type="submit">Create project</Button>
+    </form>
+  );
+}
+```
+
+The main `@egcs/newui` entry also works. Area entries include `actions`, `forms`, `content`, `layout`, `navigation`, `overlays`, `feedback`, `data`, `charts`, and `compositions`. Entries share internal modules; bundle elimination depends on your bundler. CSS selection is configured separately.
+
+The complete stylesheet includes Tailwind Preflight, which resets the whole page. Tailwind is not required for this mode.
+
+## Use your application's Tailwind
+
+Install Tailwind 4.3.3+, `@tailwindcss/postcss`, and PostCSS 8.5+ as development dependencies. Configure `postcss.config.mjs`:
+
+```js
+import newui from "@egcs/newui/postcss";
+import tailwind from "@tailwindcss/postcss";
+
+export default { plugins: [newui(), tailwind()] };
+```
+
+Use an application entry stylesheet instead of the complete `@egcs/newui/styles.css`:
+
+```css
+@import "tailwindcss";
+@import "@egcs/newui/tailwind/preset.css";
+@import "@egcs/newui/tailwind/actions.css";
+@import "@egcs/newui/tailwind/forms.css";
+```
+
+Import this application stylesheet once. Areas bring their style dependencies, including foundations, and shared dependencies are compiled once. The optional preset maps application utilities such as `p-4`, `rounded-md`, and `bg-primary` to newui tokens. Omit it to keep your application's theme. The application owns Preflight in this mode.
+
+See the [Tailwind integration guide](https://github.com/bearkfear/newui/blob/main/workspace/pkgs/ui/getting-started/tailwind.md) for supported pipelines and area selections.
+
+## Customize at runtime
+
+```css
+:root {
+  --nui-space-unit: 0.25rem;
+  --nui-radius-md: 0.75rem;
+  --nui-font-sans: system-ui, sans-serif;
+}
+```
+
+Automatic system appearance uses CSS `color-scheme` and `light-dark()`. Set `data-nui-theme="light"`, `"dark"`, or `"system"` on the document or a nested scope. Tokens can also be updated with `style.setProperty()` without rebuilding. Custom palettes need complete semantic role mappings; see [theme customization](https://github.com/bearkfear/newui/blob/main/workspace/pkgs/ui/getting-started/theme-customization.md).
+
+## Known limitations
+
+- Forms is incomplete, APIs are experimental, and SSR/hydration has not been validated for this release.
+- Ark currently resolves `@zag-js/focus-visible@1.45.0`, which can leave `HTMLElement.prototype.focus` read-only and conflict with other focus wrappers. The development workspace patch is **not shipped to consumers**. This is an accepted alpha limitation; see the [changelog](CHANGELOG.md) and [patch audit](https://github.com/bearkfear/newui/blob/main/workspace/patches/README.md).
+- Browser support requires modern CSS including `light-dark()` (Baseline 2024). Runtime theme editing, persistence, and custom palette generation belong to the application.
+
+## Development and license
+
+See the [workspace guide](https://github.com/bearkfear/newui/blob/main/workspace/README.md) for Storybook, the consumer playground, checks, and builds. The [roadmap](https://github.com/bearkfear/newui/blob/main/workspace/roadmap.md) tracks remaining work.
+
+MIT. Distributed Radix Colors and Lucide notices are retained in `dist/`; dependencies retain their own licenses.

package/dist/LUCIDE_LICENSE.txt

@@ -0,0 +1,43 @@
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The following Lucide icons are derived from the Feather project:
+
+airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out
+
+The MIT License (MIT) (for the icons listed above)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/RADIX_COLORS_LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Radix
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/actions.js

@@ -0,0 +1,6 @@
+import { ContextMenu } from "./chunks/browser-BU37O74O.js";
+import { ButtonGroup } from "./chunks/browser-IABOOEMR.js";
+import { Menubar } from "./chunks/browser-RXACLELO.js";
+import { DropdownMenu } from "./chunks/browser-CC4AQHXE.js";
+import { Button } from "./chunks/browser-XHDR6MFL.js";
+export { Button, ButtonGroup, ContextMenu, DropdownMenu, Menubar };

package/dist/actions.jsx

@@ -0,0 +1,6 @@
+import { ContextMenu } from "./chunks/solid-DPXLNDWK.jsx";
+import { ButtonGroup } from "./chunks/solid-G2RQG6Q7.jsx";
+import { Menubar } from "./chunks/solid-JANOURD4.jsx";
+import { DropdownMenu } from "./chunks/solid-27CLFAMR.jsx";
+import { Button } from "./chunks/solid-LOGM5SZB.jsx";
+export { Button, ButtonGroup, ContextMenu, DropdownMenu, Menubar };

package/dist/charts.js

@@ -0,0 +1,4 @@
+import { DonutChart } from "./chunks/browser-KEAUSNLV.js";
+import { BarChart } from "./chunks/browser-CUHIA5VD.js";
+import { LineChart } from "./chunks/browser-AYJQM5SL.js";
+export { BarChart, DonutChart, LineChart };

package/dist/charts.jsx

@@ -0,0 +1,4 @@
+import { DonutChart } from "./chunks/solid-ZVQLIOMM.jsx";
+import { BarChart } from "./chunks/solid-WAIBSPAN.jsx";
+import { LineChart } from "./chunks/solid-FR4GGKYR.jsx";
+export { BarChart, DonutChart, LineChart };

package/dist/chunks/browser-2CORKT4K.js

@@ -0,0 +1,30 @@
+// dist/chunks/solid-R4UMEUAE.jsx
+import { tv } from "tailwind-variants/lite";
+var textControlRecipe = tv({
+  base: "nui-text-control",
+  variants: {
+    size: {
+      sm: "nui:[--nui-text-height:var(--nui-control-height-sm)] nui:[--nui-text-font:var(--nui-font-size-sm)] nui:[--nui-text-padding:0.625rem] nui:[--nui-text-block:0.25rem]",
+      md: "nui:[--nui-text-height:var(--nui-control-height-md)] nui:[--nui-text-font:var(--nui-font-size-base)] nui:[--nui-text-padding:0.75rem] nui:[--nui-text-block:0.375rem]",
+      lg: "nui:[--nui-text-height:var(--nui-control-height-lg)] nui:[--nui-text-font:var(--nui-font-size-lg)] nui:[--nui-text-padding:1rem] nui:[--nui-text-block:0.5rem]"
+    },
+    tone: {
+      neutral: "nui:[--nui-text-border:var(--nui-control-border)] nui:[--nui-text-hover:var(--nui-control-border-hover)] nui:[--nui-text-focus:var(--nui-focus-ring)]",
+      primary: "nui:[--nui-text-border:var(--nui-primary-border)] nui:[--nui-text-hover:var(--nui-primary-border-hover)] nui:[--nui-text-focus:var(--nui-primary-focus)]",
+      info: "nui:[--nui-text-border:var(--nui-info-border)] nui:[--nui-text-hover:var(--nui-info-border-hover)] nui:[--nui-text-focus:var(--nui-info-focus)]",
+      success: "nui:[--nui-text-border:var(--nui-success-border)] nui:[--nui-text-hover:var(--nui-success-border-hover)] nui:[--nui-text-focus:var(--nui-success-focus)]",
+      warning: "nui:[--nui-text-border:var(--nui-warning-border)] nui:[--nui-text-hover:var(--nui-warning-border-hover)] nui:[--nui-text-focus:var(--nui-warning-focus)]",
+      danger: "nui:[--nui-text-border:var(--nui-danger-border)] nui:[--nui-text-hover:var(--nui-danger-border-hover)] nui:[--nui-text-focus:var(--nui-danger-focus)]"
+    },
+    rounded: {
+      true: "nui:[--nui-text-radius:999px]",
+      false: "nui:[--nui-text-radius:var(--nui-radius-md)]"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "neutral",
+    rounded: false
+  }
+});
+export { textControlRecipe };

package/dist/chunks/browser-2IQ72WGH.js

@@ -0,0 +1,11 @@
+// dist/chunks/solid-3TZ2M2L2.jsx
+import { tv } from "tailwind-variants/lite";
+var hoverCardRecipe = tv({
+  slots: {
+    trigger: "nui:rounded-sm nui:font-medium nui:text-[var(--nui-primary-text)] nui:underline nui:decoration-[var(--nui-primary-border)] nui:underline-offset-4 nui:hover:decoration-current nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-4 nui:focus-visible:outline-focus-ring",
+    positioner: "nui-hover-card-positioner nui:w-[min(var(--nui-hover-card-width),calc(100vw-2rem))] nui:[--arrow-size:8px] nui:[--arrow-background:var(--nui-background)]",
+    content: "nui-hover-card-content nui:flex nui:max-h-[min(var(--available-height,100dvh),calc(100dvh-2rem))] nui:w-full nui:min-w-0 nui:max-w-[calc(100vw-2rem)] nui:flex-col nui:rounded-xl nui:border nui:border-border nui:bg-background nui:text-foreground nui:wrap-anywhere nui:shadow-[var(--nui-hover-card-shadow)] nui:outline-none",
+    body: "nui:grid nui:min-h-0 nui:gap-3 nui:overflow-y-auto nui:overscroll-contain nui:p-5 nui:text-sm nui:leading-relaxed"
+  }
+});
+export { hoverCardRecipe };

package/dist/chunks/browser-2N3IPKNP.js

@@ -0,0 +1,57 @@
+import { actionBarRecipe } from "./browser-BSPA3YTQ.js";
+import { Text } from "./browser-MFWC6J3Q.js";
+import { Heading } from "./browser-JIQ6MLO5.js";
+
+// dist/chunks/solid-JOHFWMT4.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 styles = actionBarRecipe();
+function ActionBarContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.content({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function ActionBarTitle(props) {
+  return _$createComponent(Heading, _$mergeProps(() => mergeProps({
+    as: "h2",
+    size: "6"
+  }, props)));
+}
+function ActionBarDescription(props) {
+  return _$createComponent(Text, _$mergeProps(() => mergeProps({
+    size: "7",
+    tone: "muted"
+  }, props)));
+}
+function ActionBarActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.actions({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+export { ActionBarContent, ActionBarTitle, ActionBarDescription, ActionBarActions };

package/dist/chunks/browser-2WXBRBOD.js

@@ -0,0 +1,51 @@
+// dist/chunks/solid-UHYUCYLS.jsx
+import { tv } from "tailwind-variants/lite";
+var badgeAppearanceVariants = {
+  variant: {
+    solid: "nui:[--nui-badge-bg:var(--nui-badge-solid)] nui:[--nui-badge-bg-hover:var(--nui-badge-solid-hover)] nui:[--nui-badge-fg:var(--nui-badge-on-solid)] nui:border-transparent",
+    soft: "nui:[--nui-badge-bg:var(--nui-badge-soft)] nui:[--nui-badge-bg-hover:var(--nui-badge-soft-hover)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-transparent",
+    outline: "nui:[--nui-badge-bg:transparent] nui:[--nui-badge-bg-hover:var(--nui-badge-soft)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-[var(--nui-badge-border)]"
+  },
+  tone: {
+    neutral: "nui:[--nui-badge-solid:var(--nui-neutral)] nui:[--nui-badge-solid-hover:var(--nui-neutral-hover)] nui:[--nui-badge-on-solid:var(--nui-on-neutral)] nui:[--nui-badge-soft:var(--nui-neutral-soft)] nui:[--nui-badge-soft-hover:var(--nui-neutral-soft-hover)] nui:[--nui-badge-text:var(--nui-neutral-text)] nui:[--nui-badge-border:var(--nui-neutral-border)]",
+    primary: "nui:[--nui-badge-solid:var(--nui-primary)] nui:[--nui-badge-solid-hover:var(--nui-primary-hover)] nui:[--nui-badge-on-solid:var(--nui-on-primary)] nui:[--nui-badge-soft:var(--nui-primary-soft)] nui:[--nui-badge-soft-hover:var(--nui-primary-soft-hover)] nui:[--nui-badge-text:var(--nui-primary-text)] nui:[--nui-badge-border:var(--nui-primary-border)]",
+    info: "nui:[--nui-badge-solid:var(--nui-info)] nui:[--nui-badge-solid-hover:var(--nui-info-hover)] nui:[--nui-badge-on-solid:var(--nui-on-info)] nui:[--nui-badge-soft:var(--nui-info-soft)] nui:[--nui-badge-soft-hover:var(--nui-info-soft-hover)] nui:[--nui-badge-text:var(--nui-info-text)] nui:[--nui-badge-border:var(--nui-info-border)]",
+    success: "nui:[--nui-badge-solid:var(--nui-success)] nui:[--nui-badge-solid-hover:var(--nui-success-hover)] nui:[--nui-badge-on-solid:var(--nui-on-success)] nui:[--nui-badge-soft:var(--nui-success-soft)] nui:[--nui-badge-soft-hover:var(--nui-success-soft-hover)] nui:[--nui-badge-text:var(--nui-success-text)] nui:[--nui-badge-border:var(--nui-success-border)]",
+    warning: "nui:[--nui-badge-solid:var(--nui-warning)] nui:[--nui-badge-solid-hover:var(--nui-warning-hover)] nui:[--nui-badge-on-solid:var(--nui-on-warning)] nui:[--nui-badge-soft:var(--nui-warning-soft)] nui:[--nui-badge-soft-hover:var(--nui-warning-soft-hover)] nui:[--nui-badge-text:var(--nui-warning-text)] nui:[--nui-badge-border:var(--nui-warning-border)]",
+    danger: "nui:[--nui-badge-solid:var(--nui-danger)] nui:[--nui-badge-solid-hover:var(--nui-danger-hover)] nui:[--nui-badge-on-solid:var(--nui-on-danger)] nui:[--nui-badge-soft:var(--nui-danger-soft)] nui:[--nui-badge-soft-hover:var(--nui-danger-soft-hover)] nui:[--nui-badge-text:var(--nui-danger-text)] nui:[--nui-badge-border:var(--nui-danger-border)]"
+  }
+};
+var badgeRecipe = tv({
+  base: "nui-badge nui:inline-flex nui:max-w-full nui:min-w-0 nui:items-center nui:justify-center nui:gap-1 nui:border nui:font-medium nui:leading-snug nui:align-middle nui:wrap-anywhere nui:no-underline nui:transition-colors nui:motion-reduce:transition-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",
+  variants: {
+    ...badgeAppearanceVariants,
+    size: {
+      sm: "nui:min-h-5 nui:px-1.5 nui:py-0.5 nui:text-xs",
+      md: "nui:min-h-6 nui:px-2 nui:py-0.5 nui:text-xs",
+      lg: "nui:min-h-7 nui:px-2.5 nui:py-1 nui:text-sm"
+    },
+    rounded: {
+      true: "nui:rounded-full",
+      false: "nui:rounded-md"
+    }
+  },
+  defaultVariants: {
+    variant: "soft",
+    tone: "neutral",
+    size: "md",
+    rounded: false
+  }
+});
+var badgeGroupRecipe = tv({
+  base: "nui:inline-flex nui:max-w-full nui:items-center nui:align-middle",
+  variants: {
+    attached: {
+      true: "nui:gap-0 nui:[&>*]:rounded-none nui:[&>*+*]:-ml-px nui:[&>*:first-child]:rounded-l-md nui:[&>*:last-child]:rounded-r-md nui:[&>*:focus-visible]:relative nui:[&>*:focus-visible]:z-10",
+      false: "nui:flex-wrap nui:gap-2"
+    }
+  },
+  defaultVariants: {
+    attached: false
+  }
+});
+export { badgeAppearanceVariants, badgeRecipe, badgeGroupRecipe };

package/dist/chunks/browser-37HQFM2K.js

@@ -0,0 +1,112 @@
+import { footerRecipe } from "./browser-RMXLOEB6.js";
+import { Heading } from "./browser-JIQ6MLO5.js";
+
+// dist/chunks/solid-RWXWHN3P.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(`<nav>`);
+var _tmpl$3 = /* @__PURE__ */_$template(`<a>`);
+var styles = footerRecipe();
+function FooterContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.content({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function FooterBrand(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.brand({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function FooterLinks(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$);
+    _$spread(_el$3, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.links({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+function FooterGroup(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$4 = _$getNextElement(_tmpl$2);
+    _$spread(_el$4, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.group({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$4;
+  })();
+}
+function FooterTitle(props) {
+  return _$createComponent(Heading, _$mergeProps(() => mergeProps({
+    as: "h2",
+    size: "6"
+  }, props)));
+}
+function FooterLink(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$5 = _$getNextElement(_tmpl$3);
+    _$spread(_el$5, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.link({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$5;
+  })();
+}
+function FooterMeta(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$6 = _$getNextElement(_tmpl$);
+    _$spread(_el$6, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.meta({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$6;
+  })();
+}
+export { FooterContent, FooterBrand, FooterLinks, FooterGroup, FooterTitle, FooterLink, FooterMeta };

package/dist/chunks/browser-3CYE5XKB.js

@@ -0,0 +1,52 @@
+// dist/chunks/solid-HPIY6TOI.jsx
+import { tv } from "tailwind-variants/lite";
+var progressTones = {
+  neutral: {
+    root: "nui:[--nui-progress-color:var(--nui-neutral-text)] nui:[--nui-progress-text:var(--nui-neutral-text)] nui:[--nui-progress-strong:var(--nui-neutral-text-strong)]"
+  },
+  primary: {
+    root: "nui:[--nui-progress-color:var(--nui-primary)] nui:[--nui-progress-text:var(--nui-primary-text)] nui:[--nui-progress-strong:var(--nui-primary-text-strong)]"
+  },
+  info: {
+    root: "nui:[--nui-progress-color:var(--nui-info)] nui:[--nui-progress-text:var(--nui-info-text)] nui:[--nui-progress-strong:var(--nui-info-text-strong)]"
+  },
+  success: {
+    root: "nui:[--nui-progress-color:var(--nui-success)] nui:[--nui-progress-text:var(--nui-success-text)] nui:[--nui-progress-strong:var(--nui-success-text-strong)]"
+  },
+  warning: {
+    root: "nui:[--nui-progress-color:var(--nui-warning)] nui:[--nui-progress-text:var(--nui-warning-text)] nui:[--nui-progress-strong:var(--nui-warning-text-strong)]"
+  },
+  danger: {
+    root: "nui:[--nui-progress-color:var(--nui-danger)] nui:[--nui-progress-text:var(--nui-danger-text)] nui:[--nui-progress-strong:var(--nui-danger-text-strong)]"
+  }
+};
+var progressRecipe = tv({
+  slots: {
+    root: "nui:grid nui:w-full nui:min-w-0 nui:gap-2",
+    header: "nui:flex nui:min-w-0 nui:items-center nui:justify-between nui:gap-3",
+    label: "nui:min-w-0 nui:text-sm nui:leading-snug nui:font-medium nui:text-[var(--nui-progress-strong)] nui:wrap-anywhere",
+    value: "nui:min-w-0 nui:max-w-[50%] nui:shrink-0 nui:text-right nui:text-xs nui:tabular-nums nui:text-[var(--nui-progress-text)] nui:wrap-anywhere",
+    hidden: "nui:sr-only",
+    track: "nui:relative nui:w-full nui:overflow-hidden nui:rounded-full nui:bg-[var(--nui-progress-track)]",
+    range: "nui-progress-range nui:h-full nui:rounded-[inherit] nui:bg-[var(--nui-progress-color)]"
+  },
+  variants: {
+    size: {
+      sm: {
+        track: "nui:h-1"
+      },
+      md: {
+        track: "nui:h-2"
+      },
+      lg: {
+        track: "nui:h-3"
+      }
+    },
+    tone: progressTones
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "primary"
+  }
+});
+export { progressTones, progressRecipe };

package/dist/chunks/browser-3FQEBLSN.js

@@ -0,0 +1,45 @@
+import { PopoverContent } from "./browser-N2VP3WKO.js";
+import { PopoverArrow, PopoverBody, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverSurface, PopoverTitle } from "./browser-NOGBB3OJ.js";
+import { PopoverCloseTrigger } from "./browser-7PBU5WKO.js";
+import { OverlayPortal } from "./browser-FKHIAKUZ.js";
+
+// dist/chunks/solid-AS4TC7OH.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+import { mergeProps, splitProps } from "solid-js";
+function PopoverRoot(props) {
+  const [local, rest] = splitProps(props, ["positioning"]);
+  return _$createComponent(ArkPopover.Root, _$mergeProps(() => mergeProps({
+    lazyMount: true,
+    unmountOnExit: true
+  }, rest), {
+    get positioning() {
+      return mergeProps({
+        placement: "bottom-start",
+        gutter: 8,
+        strategy: "fixed",
+        overflowPadding: 16
+      }, local.positioning ?? {});
+    }
+  }));
+}
+var Popover = {
+  Root: PopoverRoot,
+  Trigger: ArkPopover.Trigger,
+  Anchor: ArkPopover.Anchor,
+  Content: PopoverContent,
+  Header: PopoverHeader,
+  Title: PopoverTitle,
+  Description: PopoverDescription,
+  Body: PopoverBody,
+  Footer: PopoverFooter,
+  CloseTrigger: PopoverCloseTrigger,
+  Portal: OverlayPortal,
+  Positioner: PopoverPositioner,
+  Surface: PopoverSurface,
+  Arrow: PopoverArrow,
+  ArrowTip: ArkPopover.ArrowTip,
+  Context: ArkPopover.Context
+};
+export { PopoverRoot, Popover };

package/dist/chunks/browser-3IWCA5RK.js

@@ -0,0 +1,38 @@
+import { tooltipRecipe } from "./browser-JDHWVPDP.js";
+
+// dist/chunks/solid-5DJTTU77.jsx
+import { memo as _$memo } from "solid-js/web";
+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 { splitProps } from "solid-js";
+var styles = tooltipRecipe();
+function TooltipSurface(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkTooltip.Content, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.content({
+        class: local.class
+      });
+    }
+  }));
+}
+function TooltipPositioner(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(ArkTooltip.Positioner, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.positioner({
+        class: local.class
+      });
+    }
+  }));
+}
+function TooltipArrow(props) {
+  const [local, rest] = splitProps(props, ["children"]);
+  return _$createComponent(ArkTooltip.Arrow, _$mergeProps(rest, {
+    get children() {
+      return local.children ?? _$createComponent(ArkTooltip.ArrowTip, {});
+    }
+  }));
+}
+export { TooltipSurface, TooltipPositioner, TooltipArrow };