@hyperpackai/hyperui 0.1.0

package/dist/components/MobileStepper/index.js

@@ -0,0 +1,67 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const CSS = `
+.hu-mobile-stepper {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--hu-space-2) var(--hu-space-2);
+  background: var(--hu-bg); border-top: 1px solid var(--hu-border);
+}
+.hu-mobile-stepper--bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; }
+.hu-mobile-stepper--static { position: static; }
+
+.hu-mobile-stepper__dots { display: flex; align-items: center; gap: 6px; }
+.hu-mobile-stepper__dot {
+  width: 8px; height: 8px; border-radius: 50%;
+  background: var(--hu-border-2);
+  transition: width var(--hu-duration) var(--hu-ease), background var(--hu-duration) var(--hu-ease), border-radius var(--hu-duration) var(--hu-ease);
+}
+.hu-mobile-stepper__dot--active { background: var(--hu-primary); width: 20px; border-radius: 4px; }
+
+.hu-mobile-stepper__progress {
+  flex: 1; margin: 0 var(--hu-space-3); height: 4px;
+  background: var(--hu-border-2); border-radius: 2px; overflow: hidden;
+}
+.hu-mobile-stepper__progress-bar {
+  height: 100%; background: var(--hu-primary); border-radius: inherit;
+  transition: width 300ms cubic-bezier(.4,0,.2,1);
+}
+
+.hu-mobile-stepper__text {
+  font-size: var(--hu-font-size-sm); color: var(--hu-text-2);
+  font-weight: var(--hu-font-weight-medium);
+}
+
+.hu-mobile-stepper__btn {
+  background: linear-gradient(180deg, var(--hu-bg), var(--hu-bg-2)); border: 1px solid var(--hu-border); color: var(--hu-text);
+  min-height: 36px; padding: var(--hu-space-2) var(--hu-space-3); border-radius: var(--hu-radius-md);
+  cursor: pointer; font-size: var(--hu-font-size-sm); font-family: var(--hu-font-sans);
+  font-weight: var(--hu-font-weight-medium);
+  transition: background var(--hu-duration) var(--hu-ease), border-color var(--hu-duration) var(--hu-ease), color var(--hu-duration) var(--hu-ease), box-shadow var(--hu-duration) var(--hu-ease);
+  display: flex; align-items: center; gap: var(--hu-space-1);
+}
+.hu-mobile-stepper__btn:hover { background: var(--hu-bg-3); border-color: var(--hu-border-2); }
+.hu-mobile-stepper__btn:focus-visible { outline: 2px solid var(--hu-primary); outline-offset: 2px; }
+.hu-mobile-stepper__btn:disabled { opacity: .4; pointer-events: none; }
+`;
+export function MobileStepper(props) {
+    injectCSS("hu-mobile-stepper", CSS);
+    const { steps, activeStep, variant = "dots", position = "static" } = props;
+    const progress = (activeStep / (steps - 1)) * 100;
+    const center = variant === "dots"
+        ? h("div", { class: "hu-mobile-stepper__dots" }, ...Array.from({ length: steps }, (_, i) => h("span", { class: cn("hu-mobile-stepper__dot", i === activeStep && "hu-mobile-stepper__dot--active") })))
+        : variant === "progress"
+            ? h("div", { class: "hu-mobile-stepper__progress" }, h("div", { class: "hu-mobile-stepper__progress-bar", style: `width:${progress}%` }))
+            : h("span", { class: "hu-mobile-stepper__text" }, `${activeStep + 1} / ${steps}`);
+    const back = props.backButton ?? h("button", {
+        class: "hu-mobile-stepper__btn",
+        onClick: props.onBack,
+        disabled: activeStep === 0
+    }, "← Back");
+    const next = props.nextButton ?? h("button", {
+        class: "hu-mobile-stepper__btn",
+        onClick: props.onNext,
+        disabled: activeStep === steps - 1
+    }, "Next →");
+    return h("div", {
+        class: cn("hu-mobile-stepper", `hu-mobile-stepper--${position}`, props.class)
+    }, back, center, next);
+}

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,14 @@
+import { type VNode } from "../../theme/index.js";
+export interface ModalProps {
+    open: boolean;
+    onClose?: (reason?: "backdrop" | "escape") => void;
+    onOpenChange?: (open: boolean, reason?: "backdrop" | "escape") => void;
+    align?: "center" | "top" | "bottom";
+    disableBackdropClick?: boolean;
+    disableEscapeKey?: boolean;
+    keepMounted?: boolean;
+    class?: string;
+    children?: unknown;
+}
+export declare function Modal(props: ModalProps): VNode | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAyBpE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAC;IACvE,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,GAAG,IAAI,CA6BrD"}

package/dist/components/Modal/index.js

@@ -0,0 +1,51 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+import { renderInPortal } from "../../portal.js";
+import { FocusTrap } from "../FocusTrap/index.js";
+const CSS = `
+.hu-modal {
+  position: fixed; inset: 0; z-index: var(--hu-z-modal);
+  display: flex; align-items: center; justify-content: center;
+  padding: var(--hu-space-4);
+}
+.hu-modal__backdrop {
+  position: absolute; inset: 0; background: var(--hu-overlay);
+  animation: hu-modal-bg-in 180ms ease forwards;
+}
+.hu-modal__content {
+  position: relative; z-index: 1; max-height: 90vh; overflow-y: auto;
+  outline: none;
+  animation: hu-modal-in 200ms cubic-bezier(.34,1.56,.64,1) forwards;
+}
+@keyframes hu-modal-bg-in { from { opacity: 0; } to { opacity: 1; } }
+@keyframes hu-modal-in { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: scale(1); } }
+.hu-modal--align-top    { align-items: flex-start; padding-top: var(--hu-space-8); }
+.hu-modal--align-bottom { align-items: flex-end; padding-bottom: var(--hu-space-8); }
+`;
+export function Modal(props) {
+    injectCSS("hu-modal", CSS);
+    const { open, onClose, onOpenChange, align = "center", disableBackdropClick } = props;
+    const close = (reason) => {
+        onOpenChange?.(false, reason);
+        onClose?.(reason);
+    };
+    if (!open && !props.keepMounted)
+        return null;
+    if (!open)
+        return h("div", { style: "display:none", "aria-hidden": "true" }, props.children);
+    return renderInPortal(h("div", {
+        class: cn("hu-modal", align !== "center" && `hu-modal--align-${align}`, props.class),
+        role: "dialog",
+        "aria-modal": "true",
+        onKeydown: !props.disableEscapeKey && onClose ? (e) => { if (e.key === "Escape")
+            close("escape"); } : undefined
+    }, h("div", {
+        class: "hu-modal__backdrop",
+        onClick: !disableBackdropClick && onClose ? () => close("backdrop") : undefined
+    }), FocusTrap({
+        active: true,
+        restoreFocus: true,
+        autoFocus: true,
+        onEscape: !props.disableEscapeKey && onClose ? () => close("escape") : undefined,
+        children: h("div", { class: "hu-modal__content", tabindex: "-1" }, props.children)
+    })), "modal");
+}

package/dist/components/Navbar/index.d.ts

@@ -0,0 +1,14 @@
+import { type VNode } from "../../theme/index.js";
+export interface NavLink {
+    label: string;
+    href: string;
+    active?: boolean;
+}
+export interface NavbarProps {
+    brand?: unknown;
+    links?: NavLink[];
+    actions?: unknown;
+    class?: string;
+}
+export declare function Navbar(props: NavbarProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAwBpE,MAAM,WAAW,OAAO;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAAE;AAE3E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAWhD"}

package/dist/components/Navbar/index.js

@@ -0,0 +1,27 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const NAVBAR_CSS = `
+.hu-navbar {
+  display: flex; align-items: center; justify-content: space-between;
+  gap: var(--hu-space-4); padding: 0 var(--hu-space-6); min-height: 60px;
+  border-bottom: 1px solid color-mix(in srgb, var(--hu-border) 82%, transparent);
+  position: sticky; top: 0; z-index: var(--hu-z-sticky);
+  backdrop-filter: blur(12px); background: color-mix(in srgb, var(--hu-bg) 88%, transparent);
+  box-shadow: var(--hu-shadow-xs);
+}
+.hu-navbar-brand { display: flex; align-items: center; gap: var(--hu-space-3); min-width: max-content; text-decoration: none; color: var(--hu-text); font-weight: var(--hu-font-weight-bold); font-size: var(--hu-font-size-md); }
+.hu-navbar-nav { display: flex; align-items: center; gap: var(--hu-space-1); min-width: 0; overflow-x: auto; }
+.hu-navbar-link {
+  padding: 7px 12px; border-radius: var(--hu-radius-md); font-size: var(--hu-font-size-sm); color: var(--hu-text-2);
+  text-decoration: none; font-weight: var(--hu-font-weight-medium); white-space: nowrap;
+  transition: background var(--hu-duration) var(--hu-ease), color var(--hu-duration) var(--hu-ease), box-shadow var(--hu-duration) var(--hu-ease);
+}
+.hu-navbar-link:hover { color: var(--hu-text); background: var(--hu-bg-3); }
+.hu-navbar-link:focus-visible { outline: 2px solid var(--hu-primary); outline-offset: 2px; }
+.hu-navbar-link--active { color: var(--hu-primary); background: var(--hu-primary-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hu-primary) 20%, transparent); }
+.hu-navbar-actions { display: flex; align-items: center; gap: var(--hu-space-2); min-width: max-content; }
+`;
+export function Navbar(props) {
+    injectCSS("hu-navbar", NAVBAR_CSS);
+    const { brand, links = [], actions } = props;
+    return h("header", { class: cn("hu-navbar", props.class) }, brand && h("a", { class: "hu-navbar-brand", href: "/" }, brand), links.length > 0 && h("nav", { class: "hu-navbar-nav", "aria-label": "Main navigation" }, ...links.map((l) => h("a", { key: l.href, href: l.href, class: cn("hu-navbar-link", l.active && "hu-navbar-link--active") }, l.label))), actions && h("div", { class: "hu-navbar-actions" }, actions));
+}

package/dist/components/NoSSR/index.d.ts

@@ -0,0 +1,7 @@
+import { type VNode } from "../../theme/index.js";
+export interface NoSSRProps {
+    fallback?: unknown;
+    children?: unknown;
+}
+export declare function NoSSR(props: NoSSRProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NoSSR/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NoSSR/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAK,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAO9C"}

package/dist/components/NoSSR/index.js

@@ -0,0 +1,9 @@
+import { signal, onMount } from "@hyperpackai/hyperion";
+import { h } from "../../theme/index.js";
+export function NoSSR(props) {
+    const mounted = signal(false);
+    onMount(() => { mounted.value = true; });
+    return (() => mounted.value
+        ? h("span", { "data-hu-nosr": "mounted" }, props.children)
+        : h("span", { "data-hu-nosr": "fallback" }, props.fallback ?? null));
+}

package/dist/components/PageLayout/index.d.ts

@@ -0,0 +1,13 @@
+import { type VNode } from "../../theme/index.js";
+export interface PageLayoutProps {
+    header?: unknown;
+    footer?: unknown;
+    contained?: boolean;
+    stickyHeader?: boolean;
+    maxWidth?: string | number;
+    padding?: string | number;
+    class?: string;
+    children?: unknown;
+}
+export declare function PageLayout(props: PageLayoutProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA8BpE,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAgBxD"}

package/dist/components/PageLayout/index.js

@@ -0,0 +1,41 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const ENTERPRISE_LAYOUT_CSS = `
+.hu-page-layout {
+  min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto;
+  background: var(--hu-bg-2); color: var(--hu-text);
+}
+.hu-page-layout--contained .hu-page-layout__main {
+  width: 100%; max-width: var(--hu-page-max, 1200px); margin-inline: auto;
+}
+.hu-page-layout__header {
+  position: relative; z-index: var(--hu-z-sticky); background: var(--hu-bg);
+  border-block-end: 1px solid var(--hu-border);
+}
+.hu-page-layout__header--sticky { position: sticky; inset-block-start: 0; }
+.hu-page-layout__main {
+  min-width: 0; padding: var(--hu-page-padding, var(--hu-space-6));
+}
+.hu-page-layout__footer {
+  background: var(--hu-bg); border-block-start: 1px solid var(--hu-border);
+}
+@media (max-width: 768px) {
+  .hu-page-layout__main { padding: var(--hu-space-4); }
+}
+`;
+function toCssUnit(value) {
+    return typeof value === "number" ? `${value}px` : value;
+}
+export function PageLayout(props) {
+    injectCSS("hu-page-layout", ENTERPRISE_LAYOUT_CSS);
+    const styles = [];
+    if (props.maxWidth !== undefined)
+        styles.push(`--hu-page-max:${toCssUnit(props.maxWidth)}`);
+    if (props.padding !== undefined)
+        styles.push(`--hu-page-padding:${toCssUnit(props.padding)}`);
+    return h("div", {
+        class: cn("hu-page-layout", props.contained && "hu-page-layout--contained", props.class),
+        style: styles.join(";") || undefined
+    }, props.header && h("header", {
+        class: cn("hu-page-layout__header", props.stickyHeader && "hu-page-layout__header--sticky")
+    }, props.header), h("main", { class: "hu-page-layout__main" }, props.children), props.footer && h("footer", { class: "hu-page-layout__footer" }, props.footer));
+}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,11 @@
+import { type VNode } from "../../theme/index.js";
+export interface PaginationProps {
+    page: number;
+    totalPages: number;
+    siblingCount?: number;
+    onChange: (page: number) => void;
+    showFirstLast?: boolean;
+    class?: string;
+}
+export declare function Pagination(props: PaginationProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAuBpE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CA0CxD"}

package/dist/components/Pagination/index.js

@@ -0,0 +1,56 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const PAGINATION_CSS = `
+.hu-pagination { display: flex; align-items: center; gap: var(--hu-space-1); max-width: 100%; overflow-x: auto; padding: 2px; }
+.hu-pagination-btn {
+  display: inline-flex; align-items: center; justify-content: center;
+  min-width: 36px; height: 36px; padding: 0 var(--hu-space-2);
+  border: 1px solid var(--hu-border); border-radius: var(--hu-radius-md);
+  background: linear-gradient(180deg, var(--hu-bg), var(--hu-bg-2)); font-size: var(--hu-font-size-sm); color: var(--hu-text-2);
+  cursor: pointer; flex-shrink: 0; box-shadow: var(--hu-shadow-xs);
+  transition: background var(--hu-duration) var(--hu-ease), border-color var(--hu-duration) var(--hu-ease), color var(--hu-duration) var(--hu-ease), box-shadow var(--hu-duration) var(--hu-ease), transform var(--hu-duration-fast) var(--hu-ease);
+}
+.hu-pagination-btn:hover:not(:disabled) { background: var(--hu-bg-3); color: var(--hu-text); border-color: var(--hu-border-2); transform: translateY(-1px); }
+.hu-pagination-btn:focus-visible { outline: 2px solid var(--hu-primary); outline-offset: 2px; }
+.hu-pagination-btn--active {
+  background: linear-gradient(180deg, color-mix(in srgb, var(--hu-primary) 86%, white), var(--hu-primary));
+  border-color: var(--hu-primary); color: white; font-weight: var(--hu-font-weight-semibold);
+}
+.hu-pagination-btn--active:hover { background: var(--hu-primary); }
+.hu-pagination-btn:disabled { opacity: .4; cursor: not-allowed; }
+.hu-pagination-ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; color: var(--hu-text-3); font-size: var(--hu-font-size-sm); flex-shrink: 0; }
+`;
+export function Pagination(props) {
+    injectCSS("hu-pagination", PAGINATION_CSS);
+    const { page, totalPages, siblingCount = 1, onChange, showFirstLast = true } = props;
+    const pages = [];
+    const delta = siblingCount;
+    const left = page - delta;
+    const right = page + delta + 1;
+    const range = [];
+    const rangeWithDots = [];
+    for (let i = 1; i <= totalPages; i++) {
+        if (i === 1 || i === totalPages || (i >= left && i < right))
+            range.push(i);
+    }
+    let prev;
+    for (const i of range) {
+        if (prev !== undefined) {
+            if (i - prev === 2)
+                rangeWithDots.push(prev + 1);
+            else if (i - prev > 2)
+                rangeWithDots.push("...");
+        }
+        rangeWithDots.push(i);
+        prev = i;
+    }
+    const prevSVG = `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M10 4L6 8l4 4"/></svg>`;
+    const nextSVG = `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6 4l4 4-4 4"/></svg>`;
+    return h("nav", { class: cn("hu-pagination", props.class), "aria-label": "Pagination" }, h("button", { class: "hu-pagination-btn", onClick: () => onChange(page - 1), disabled: page <= 1, "aria-label": "Previous page", innerHTML: prevSVG }), ...rangeWithDots.map((p, i) => p === "..."
+        ? h("span", { key: `ellipsis-${i}`, class: "hu-pagination-ellipsis" }, "…")
+        : h("button", {
+            key: p,
+            class: cn("hu-pagination-btn", p === page && "hu-pagination-btn--active"),
+            onClick: () => onChange(p),
+            "aria-label": `Page ${p}`, "aria-current": p === page ? "page" : undefined
+        }, p)), h("button", { class: "hu-pagination-btn", onClick: () => onChange(page + 1), disabled: page >= totalPages, "aria-label": "Next page", innerHTML: nextSVG }));
+}

package/dist/components/Paper/index.d.ts

@@ -0,0 +1,12 @@
+import { type VNode } from "../../theme/index.js";
+export type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5;
+export interface PaperProps {
+    elevation?: PaperElevation;
+    variant?: "elevation" | "outlined";
+    square?: boolean;
+    component?: string;
+    class?: string;
+    children?: unknown;
+}
+export declare function Paper(props: PaperProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Paper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAmBpE,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEnD,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAW9C"}

package/dist/components/Paper/index.js

@@ -0,0 +1,24 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const PAPER_CSS = `
+.hu-paper {
+  background: linear-gradient(180deg, var(--hu-bg), color-mix(in srgb, var(--hu-bg-2) 56%, var(--hu-bg)));
+  border: 1px solid color-mix(in srgb, var(--hu-border) 68%, transparent);
+  border-radius: var(--hu-radius-md);
+  transition: box-shadow var(--hu-duration) var(--hu-ease), border-color var(--hu-duration) var(--hu-ease);
+}
+.hu-paper--elevation-0  { box-shadow: none; }
+.hu-paper--elevation-1  { box-shadow: var(--hu-shadow-xs); }
+.hu-paper--elevation-2  { box-shadow: var(--hu-shadow-sm); }
+.hu-paper--elevation-3  { box-shadow: var(--hu-shadow-md); }
+.hu-paper--elevation-4  { box-shadow: var(--hu-shadow-lg); }
+.hu-paper--elevation-5  { box-shadow: var(--hu-shadow-xl); }
+.hu-paper--outlined { border: 1px solid var(--hu-border); box-shadow: none; }
+.hu-paper--square { border-radius: 0; }
+`;
+export function Paper(props) {
+    injectCSS("hu-paper", PAPER_CSS);
+    const { elevation = 1, variant = "elevation", square, component = "div" } = props;
+    return h(component, {
+        class: cn("hu-paper", variant === "elevation" ? `hu-paper--elevation-${elevation}` : "hu-paper--outlined", square && "hu-paper--square", props.class)
+    }, props.children);
+}

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,13 @@
+import { type Signal } from "@hyperpackai/hyperion";
+import { type VNode } from "../../theme/index.js";
+export interface PopoverProps {
+    open: boolean | Signal<boolean>;
+    side?: "top" | "bottom" | "left" | "right";
+    trigger?: unknown;
+    onClose?: () => void;
+    onOpenChange?: (open: boolean) => void;
+    children?: unknown;
+    class?: string;
+}
+export declare function Popover(props: PopoverProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAgBpE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAuBlD"}

package/dist/components/Popover/index.js

@@ -0,0 +1,34 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const POPOVER_CSS = `
+.hu-popover-wrap { position: relative; display: inline-flex; }
+.hu-popover-content {
+  position: absolute; z-index: var(--hu-z-popover); min-width: 200px;
+  background: var(--hu-bg); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius-md); box-shadow: var(--hu-shadow-lg); padding: var(--hu-space-4);
+  animation: hu-scale-in var(--hu-duration-fast) var(--hu-ease);
+}
+.hu-popover-content--top    { bottom: calc(100% + 6px); left: 0; }
+.hu-popover-content--bottom { top:    calc(100% + 6px); left: 0; }
+.hu-popover-content--left   { right:  calc(100% + 6px); top: 0; }
+.hu-popover-content--right  { left:   calc(100% + 6px); top: 0; }
+`;
+export function Popover(props) {
+    injectCSS("hu-popover", POPOVER_CSS);
+    const { side = "bottom", trigger, children } = props;
+    const isSignalOpen = typeof props.open === "object" && "peek" in props.open;
+    const isOpen = () => isSignalOpen
+        ? props.open.value
+        : props.open;
+    const overlay = () => isOpen()
+        ? h("div", {
+            class: cn("hu-popover-content", `hu-popover-content--${side}`),
+            onKeyDown: (e) => {
+                if (e.key === "Escape") {
+                    props.onOpenChange?.(false);
+                    props.onClose?.();
+                }
+            }
+        }, children)
+        : null;
+    return h("div", { class: cn("hu-popover-wrap", props.class) }, trigger, typeof props.open === "boolean" ? overlay() : overlay);
+}

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,13 @@
+import { type VNode } from "../../theme/index.js";
+export interface ProgressProps {
+    value?: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+    size?: "sm" | "md" | "lg";
+    color?: "primary" | "success" | "error" | "warning";
+    indeterminate?: boolean;
+    class?: string;
+}
+export declare function Progress(props: ProgressProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA6BpE,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAqBpD"}

package/dist/components/Progress/index.js

@@ -0,0 +1,40 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const PROGRESS_CSS = `
+.hu-progress-wrap { display: flex; flex-direction: column; gap: var(--hu-space-1); }
+.hu-progress-header { display: flex; justify-content: space-between; align-items: center; font-size: var(--hu-font-size-xs); color: var(--hu-text-2); }
+.hu-progress-label { font-weight: var(--hu-font-weight-medium); }
+.hu-progress-track {
+  width: 100%; background: var(--hu-bg-3); border-radius: var(--hu-radius-full);
+  overflow: hidden;
+}
+.hu-progress-track--sm  { height: 4px; }
+.hu-progress-track--md  { height: 8px; }
+.hu-progress-track--lg  { height: 12px; }
+.hu-progress-bar {
+  height: 100%; background: var(--hu-primary); border-radius: var(--hu-radius-full);
+  transition: width .4s var(--hu-ease-out);
+}
+.hu-progress-bar--success { background: var(--hu-success); }
+.hu-progress-bar--error   { background: var(--hu-error); }
+.hu-progress-bar--warning { background: var(--hu-warning); }
+.hu-progress-bar--indeterminate {
+  width: 40% !important; animation: hu-progress-indeterminate 1.5s infinite;
+}
+@keyframes hu-progress-indeterminate {
+  0%  { transform: translateX(-100%); }
+  100%{ transform: translateX(350%); }
+}
+`;
+export function Progress(props) {
+    injectCSS("hu-progress", PROGRESS_CSS);
+    const { value = 0, max = 100, label, showValue = false, size = "md", color = "primary", indeterminate = false } = props;
+    const pct = Math.min(100, Math.max(0, (value / max) * 100));
+    return h("div", { class: cn("hu-progress-wrap", props.class) }, (label || showValue) && h("div", { class: "hu-progress-header" }, label && h("span", { class: "hu-progress-label" }, label), showValue && h("span", {}, `${Math.round(pct)}%`)), h("div", {
+        class: cn("hu-progress-track", `hu-progress-track--${size}`),
+        role: "progressbar", "aria-valuenow": indeterminate ? undefined : value,
+        "aria-valuemin": 0, "aria-valuemax": max, "aria-label": label
+    }, h("div", {
+        class: cn("hu-progress-bar", color !== "primary" && `hu-progress-bar--${color}`, indeterminate && "hu-progress-bar--indeterminate"),
+        style: !indeterminate ? `width:${pct}%` : undefined
+    })));
+}

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,7 @@
+import { type VNode } from "../../theme/index.js";
+import type { CheckboxProps } from "../Checkbox/index.js";
+export interface RadioProps extends Omit<CheckboxProps, "indeterminate" | "defaultChecked"> {
+    value: string;
+}
+export declare function Radio(props: RadioProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAyB1D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,gBAAgB,CAAC;IACzF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAW9C"}

package/dist/components/Radio/index.js

@@ -0,0 +1,28 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const RADIO_CSS = `
+.hu-radio-wrap { display: inline-flex; align-items: center; gap: var(--hu-space-2); cursor: pointer; min-height: 28px; max-width: 100%; }
+.hu-radio-wrap--disabled { opacity: .5; cursor: not-allowed; }
+.hu-radio {
+  appearance: none; width: 18px; height: 18px; min-width: 18px;
+  border: 1.5px solid var(--hu-border-2); border-radius: var(--hu-radius-full);
+  background: linear-gradient(180deg, var(--hu-bg), var(--hu-bg-2)); cursor: pointer; position: relative;
+  box-shadow: var(--hu-shadow-xs);
+  transition: background var(--hu-duration) var(--hu-ease), border-color var(--hu-duration) var(--hu-ease), box-shadow var(--hu-duration) var(--hu-ease);
+  margin: 0;
+}
+.hu-radio:hover { border-color: var(--hu-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hu-primary) 10%, transparent); }
+.hu-radio:checked { background: var(--hu-bg); border-color: var(--hu-primary); border-width: 2px; }
+.hu-radio:checked::after {
+  content: ""; position: absolute; inset: 3px;
+  background: linear-gradient(180deg, color-mix(in srgb, var(--hu-primary) 88%, white), var(--hu-primary));
+  border-radius: var(--hu-radius-full);
+}
+.hu-radio:focus-visible { outline: 2px solid var(--hu-primary); outline-offset: 2px; }
+.hu-radio-group { display: flex; flex-direction: column; gap: var(--hu-space-2); }
+.hu-radio-group--horizontal { flex-direction: row; flex-wrap: wrap; }
+`;
+export function Radio(props) {
+    injectCSS("hu-radio", RADIO_CSS);
+    const { label, description, disabled, id, ...rest } = props;
+    return h("label", { class: cn("hu-radio-wrap", disabled && "hu-radio-wrap--disabled", props.class) }, h("input", { ...rest, type: "radio", id, disabled, class: "hu-radio" }), (label || description) && h("span", { class: "hu-checkbox-text" }, label && h("span", { class: "hu-checkbox-label" }, label), description && h("span", { class: "hu-checkbox-desc" }, description)));
+}

package/dist/components/Rating/index.d.ts

@@ -0,0 +1,15 @@
+import { type VNode } from "../../theme/index.js";
+export type RatingSize = "sm" | "md" | "lg";
+export interface RatingProps {
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    precision?: number;
+    size?: RatingSize;
+    readOnly?: boolean;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+    class?: string;
+}
+export declare function Rating(props: RatingProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAsBpE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAqBhD"}

package/dist/components/Rating/index.js

@@ -0,0 +1,41 @@
+import { signal } from "@hyperpackai/hyperion";
+import { injectCSS, cn, h } from "../../theme/index.js";
+const RATING_CSS = `
+.hu-rating { display: inline-flex; gap: 2px; user-select: none; }
+.hu-rating__star {
+  font-size: 24px; cursor: pointer; color: var(--hu-border-2);
+  transition: color var(--hu-duration) var(--hu-ease), transform 80ms;
+  line-height: 1;
+}
+.hu-rating__star--filled { color: #f59e0b; }
+.hu-rating__star--half { position: relative; color: var(--hu-border-2); }
+.hu-rating__star--half::after {
+  content: "★"; position: absolute; left: 0; top: 0; width: 50%; overflow: hidden; color: #f59e0b;
+}
+.hu-rating__star:hover { transform: scale(1.15); }
+.hu-rating--sm .hu-rating__star { font-size: 18px; }
+.hu-rating--lg .hu-rating__star { font-size: 30px; }
+.hu-rating--readonly .hu-rating__star { cursor: default; }
+.hu-rating--readonly .hu-rating__star:hover { transform: none; }
+.hu-rating--disabled { opacity: .5; pointer-events: none; }
+`;
+export function Rating(props) {
+    injectCSS("hu-rating", RATING_CSS);
+    const { max = 5, precision = 1, size = "md", readOnly, disabled, onChange } = props;
+    const val = signal(props.value ?? props.defaultValue ?? 0);
+    const stars = Array.from({ length: max }, (_, i) => {
+        const starVal = i + 1;
+        const filled = val.value >= starVal;
+        const half = !filled && precision === 0.5 && val.value >= starVal - 0.5;
+        return h("span", {
+            class: cn("hu-rating__star", filled && "hu-rating__star--filled", half && "hu-rating__star--half"),
+            onClick: !readOnly && !disabled ? () => { val.value = starVal; onChange?.(starVal); } : undefined,
+            "aria-label": `${starVal} star${starVal > 1 ? "s" : ""}`
+        }, "★");
+    });
+    return h("div", {
+        class: cn("hu-rating", `hu-rating--${size}`, readOnly && "hu-rating--readonly", disabled && "hu-rating--disabled", props.class),
+        role: "radiogroup",
+        "aria-label": "rating"
+    }, ...stars);
+}

package/dist/components/ResizablePanel/index.d.ts

@@ -0,0 +1,16 @@
+import { type VNode } from "../../theme/index.js";
+export interface ResizablePanelProps {
+    title?: unknown;
+    actions?: unknown;
+    width?: string | number;
+    height?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    resize?: "none" | "both" | "horizontal" | "vertical";
+    class?: string;
+    children?: unknown;
+}
+export declare function ResizablePanel(props: ResizablePanelProps): VNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ResizablePanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ResizablePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAuBpE,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAqBhE"}