@hyperpackai/hyperui 0.2.0 → 0.3.0

package/dist/components/enterprise.js

@@ -4,6 +4,18 @@
  */
 import { injectCSS, cn, h } from "../theme/index.js";
 import { Button } from "./Button/index.js";
+function rootProps(props, className, extra) {
+    return {
+        ...extra,
+        id: props.id,
+        class: cn(className, props.class),
+        style: mergeStyle(props.style, extra?.style),
+        "data-testid": props.testId
+    };
+}
+function mergeStyle(base, extra) {
+    return [base, extra].filter(Boolean).join(";") || undefined;
+}
 const ENTERPRISE_CSS = `
 .hu-enterprise {
   display: flex; flex-direction: column; gap: var(--hu-space-3);
@@ -227,7 +239,7 @@ const ENTERPRISE_CSS = `
 export function ApprovalFlow(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const pending = props.steps.filter((step) => (step.status ?? "pending") === "pending").length;
-    return h("section", { class: cn("hu-enterprise hu-approval-flow", props.class), "aria-label": props.title ?? "Approval flow" }, enterpriseHeader(props.title ?? "Approval flow", props.description ?? `${pending} pending`), h("ol", { class: "hu-approval-flow__steps" }, ...props.steps.map((step, index) => {
+    return h("section", rootProps(props, "hu-enterprise hu-approval-flow", { "aria-label": props.title ?? "Approval flow" }), enterpriseHeader(props.title ?? "Approval flow", props.description ?? `${pending} pending`), h("ol", { class: "hu-approval-flow__steps" }, ...props.steps.map((step, index) => {
         const status = step.status ?? "pending";
         return h("li", {
             key: step.id,
@@ -238,7 +250,7 @@ export function ApprovalFlow(props) {
 }
 export function AuditTrail(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
-    return h("section", { class: cn("hu-enterprise hu-audit-trail", props.class), "aria-label": props.title ?? "Audit trail" }, enterpriseHeader(props.title ?? "Audit trail", props.description ?? `${props.events.length} events`), h("div", { class: "hu-audit-trail__list", role: "list" }, ...props.events.map((event) => h("article", {
+    return h("section", rootProps(props, "hu-enterprise hu-audit-trail", { "aria-label": props.title ?? "Audit trail" }), enterpriseHeader(props.title ?? "Audit trail", props.description ?? `${props.events.length} events`), h("div", { class: "hu-audit-trail__list", role: "list" }, ...props.events.map((event) => h("article", {
         key: event.id,
         class: cn("hu-audit-event", event.severity && `hu-audit-event--${event.severity}`),
         role: "listitem",
@@ -249,84 +261,239 @@ export function AuditTrail(props) {
 export function PermissionMatrix(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const value = props.value ?? {};
-    return h("section", { class: cn("hu-enterprise", props.class), "aria-label": props.title ?? "Permission matrix" }, enterpriseHeader(props.title ?? "Permission matrix", props.description ?? `${props.resources.length} resources`), h("div", { class: "hu-permission-matrix" }, h("table", { role: "grid" }, h("thead", {}, h("tr", {}, h("th", { scope: "col" }, "Resource"), ...props.actions.map((action) => h("th", { key: action.key, scope: "col" }, action.label)))), h("tbody", {}, ...props.resources.map((resource) => h("tr", { key: resource.key }, h("th", { scope: "row" }, resource.label), ...props.actions.map((action) => {
+    const resourceHeaderId = "hu-permission-resource";
+    return h("section", rootProps(props, "hu-enterprise", {
+        "aria-label": props["aria-label"] ?? props.title ?? "Permission matrix",
+        "aria-labelledby": props["aria-labelledby"]
+    }), enterpriseHeader(props.title ?? "Permission matrix", props.description ?? `${props.resources.length} resources`), h("div", { class: "hu-permission-matrix", "aria-label": props.matrixLabel ?? "Permissions", "aria-rowcount": props.resources.length }, h("table", { role: "grid", "aria-rowcount": props.resources.length }, h("thead", {}, h("tr", {}, h("th", { id: resourceHeaderId, role: "columnheader", scope: "col" }, props.resourceHeaderLabel ?? "Resource"), ...props.actions.map((action) => h("th", {
+        key: action.key,
+        id: getPermissionActionId(action),
+        role: "columnheader",
+        scope: "col",
+        "aria-label": action.headerLabel
+    }, action.label)))), h("tbody", {}, ...props.resources.map((resource, rowIndex) => h("tr", {
+        key: resource.key,
+        role: "row",
+        "aria-rowindex": rowIndex + 1,
+        "aria-disabled": resource.disabled ? "true" : undefined,
+        "aria-label": resource.rowLabel
+    }, h("th", { id: getPermissionResourceId(resource), role: "rowheader", scope: "row", headers: resourceHeaderId }, resource.label), ...props.actions.map((action) => {
         const checked = value[resource.key]?.includes(action.key) ?? false;
-        return h("td", { key: action.key }, h("input", {
+        const disabled = resource.disabled || action.disabled || (props.isPermissionDisabled?.(resource, action) ?? false);
+        return h("td", {
+            key: action.key,
+            role: "gridcell",
+            headers: `${getPermissionResourceId(resource)} ${getPermissionActionId(action)}`
+        }, h("input", {
             type: "checkbox",
             checked,
-            "aria-label": `${resource.label} ${action.label}`,
-            onChange: (e) => props.onChange?.(resource.key, action.key, e.target.checked)
+            disabled,
+            "aria-label": props.permissionLabel?.(resource, action) ?? `${resource.label} ${action.label}`,
+            onChange: (e) => {
+                if (disabled)
+                    return;
+                props.onChange?.(resource.key, action.key, e.target.checked);
+            }
         }));
     })))))));
 }
 export function RoleManager(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const selectedRole = props.roles.find((role) => role.id === props.selectedRole) ?? props.roles[0];
-    return h("section", { class: cn("hu-enterprise hu-role-manager", props.class), "aria-label": props.title ?? "Role manager" }, h("div", { class: "hu-enterprise__header" }, h("div", {}, h("div", { class: "hu-enterprise__title" }, props.title ?? "Role manager"), h("div", { class: "hu-enterprise__meta" }, props.description ?? `${props.roles.length} roles`)), props.onCreateRole && Button({ type: "button", size: "sm", children: "New role", onClick: props.onCreateRole })), h("div", { class: "hu-role-manager__grid" }, h("div", { class: "hu-role-manager__roles", role: "listbox", "aria-label": "Roles" }, ...props.roles.map((role) => h("button", {
+    return h("section", rootProps(props, "hu-enterprise hu-role-manager", {
+        "aria-label": props["aria-label"] ?? props.title ?? "Role manager",
+        "aria-labelledby": props["aria-labelledby"]
+    }), h("div", { class: "hu-enterprise__header" }, h("div", {}, h("div", { class: "hu-enterprise__title" }, props.title ?? "Role manager"), h("div", { class: "hu-enterprise__meta" }, props.description ?? `${props.roles.length} roles`)), props.onCreateRole && Button({ type: "button", size: "sm", children: props.createRoleLabel ?? "New role", onClick: props.onCreateRole })), h("div", { class: "hu-role-manager__grid" }, h("div", { class: "hu-role-manager__roles", role: "listbox", "aria-label": props.rolesLabel ?? "Roles" }, ...props.roles.map((role) => h("button", {
         key: role.id,
         type: "button",
         class: "hu-role-manager__role",
         role: "option",
+        disabled: role.disabled,
+        "aria-disabled": role.disabled ? "true" : undefined,
+        "aria-label": props.roleLabel?.(role) ?? role.label,
         "aria-selected": selectedRole?.id === role.id ? "true" : "false",
-        onClick: () => props.onRoleSelect?.(role.id)
-    }, h("span", {}, role.name), h("span", { class: "hu-enterprise__meta" }, `${role.users ?? 0} users`)))), h("div", { class: "hu-role-manager__details", "aria-label": "Role details" }, selectedRole
+        onClick: () => {
+            if (role.disabled)
+                return;
+            props.onRoleSelect?.(role.id);
+        }
+    }, h("span", {}, role.name), h("span", { class: "hu-enterprise__meta" }, `${role.users ?? 0} users`)))), h("div", { class: "hu-role-manager__details", "aria-label": props.detailsLabel ?? "Role details" }, selectedRole
         ? [
             h("div", { class: "hu-enterprise__title" }, selectedRole.name),
             selectedRole.description && h("div", { class: "hu-enterprise__meta" }, selectedRole.description),
-            h("div", { class: "hu-role-manager__permissions", "aria-label": "Role permissions" }, ...(selectedRole.permissions ?? []).map((permission) => h("span", { key: permission, class: "hu-role-manager__permission" }, permission)))
+            h("div", { class: "hu-role-manager__permissions", "aria-label": props.permissionsLabel ?? "Role permissions" }, (selectedRole.permissions?.length ?? 0) > 0
+                ? selectedRole.permissions.map((permission) => h("span", { key: permission, class: "hu-role-manager__permission" }, permission))
+                : h("span", { class: "hu-enterprise__meta" }, props.noPermissionsMessage ?? "No permissions assigned."))
         ]
-        : h("div", { class: "hu-enterprise__meta" }, "No role selected."))));
+        : h("div", { class: "hu-enterprise__meta" }, props.emptyMessage ?? "No role selected."))));
 }
 export function FeatureFlags(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const enabledCount = props.flags.filter((flag) => flag.enabled).length;
-    return h("section", { class: cn("hu-enterprise hu-feature-flags", props.class), "aria-label": props.title ?? "Feature flags" }, enterpriseHeader(props.title ?? "Feature flags", props.description ?? `${enabledCount} enabled · ${props.flags.length} total`), h("div", { class: "hu-feature-flags__list", role: "list" }, ...props.flags.map((flag) => {
+    return h("section", rootProps(props, "hu-enterprise hu-feature-flags", {
+        "aria-label": props["aria-label"] ?? props.title ?? "Feature flags",
+        "aria-labelledby": props["aria-labelledby"]
+    }), enterpriseHeader(props.title ?? "Feature flags", props.description ?? `${enabledCount} enabled · ${props.flags.length} total`), h("div", { class: "hu-feature-flags__list", role: "list", "aria-label": props.listLabel ?? "Feature flags" }, ...props.flags.map((flag) => {
         const enabled = flag.enabled ?? false;
-        return h("article", { key: flag.key, class: "hu-feature-flag", role: "listitem" }, h("div", {}, h("div", { class: "hu-feature-flag__name" }, flag.name), h("div", { class: "hu-feature-flag__details" }, [flag.description, flag.environment, flag.rollout !== undefined ? `${flag.rollout}% rollout` : undefined].filter(Boolean).join(" · "))), h("div", { class: "hu-feature-flag__actions" }, h("span", { class: cn("hu-feature-flag__badge", enabled ? "hu-feature-flag__badge--enabled" : "hu-feature-flag__badge--disabled") }, enabled ? "Enabled" : "Disabled"), h("input", {
+        const disabled = flag.disabled || (props.isFlagDisabled?.(flag) ?? false);
+        return h("article", {
+            key: flag.key,
+            class: "hu-feature-flag",
+            role: "listitem",
+            "aria-disabled": disabled ? "true" : undefined,
+            "aria-label": props.flagLabel?.(flag) ?? flag.label
+        }, h("div", {}, h("div", { class: "hu-feature-flag__name" }, flag.name), h("div", { class: "hu-feature-flag__details" }, [flag.description, flag.environment, flag.rollout !== undefined ? `${flag.rollout}% rollout` : undefined].filter(Boolean).join(" · "))), h("div", { class: "hu-feature-flag__actions" }, h("span", { class: cn("hu-feature-flag__badge", enabled ? "hu-feature-flag__badge--enabled" : "hu-feature-flag__badge--disabled") }, enabled ? props.enabledLabel ?? "Enabled" : props.disabledLabel ?? "Disabled"), h("input", {
             type: "checkbox",
             role: "switch",
             checked: enabled,
-            "aria-label": `Toggle ${flag.name}`,
-            onChange: (e) => props.onToggle?.(flag.key, e.target.checked)
-        }), props.onEdit && Button({ type: "button", size: "sm", variant: "secondary", children: "Edit", onClick: () => props.onEdit?.(flag.key) })));
+            disabled,
+            "aria-label": props.flagLabel?.(flag) ?? `Toggle ${flag.name}`,
+            onChange: (e) => {
+                if (disabled)
+                    return;
+                props.onToggle?.(flag.key, e.target.checked);
+            }
+        }), props.onEdit && Button({
+            type: "button",
+            size: "sm",
+            variant: "secondary",
+            disabled,
+            children: props.editLabel ?? "Edit",
+            onClick: () => {
+                if (disabled)
+                    return;
+                props.onEdit?.(flag.key);
+            }
+        })));
     })));
 }
 export function TenantSelector(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const selected = props.tenants.find((tenant) => tenant.id === props.value) ?? props.tenants[0];
-    return h("section", { class: cn("hu-enterprise hu-tenant-selector", props.class), "aria-label": props.title ?? "Tenant selector" }, enterpriseHeader(props.title ?? "Tenant selector", props.description ?? `${props.tenants.length} tenants`), h("div", { class: "hu-tenant-selector__control" }, h("label", {}, h("span", { class: "hu-enterprise__meta" }, "Tenant"), h("select", {
+    const selectedDisabled = selected ? selected.disabled || (props.isTenantDisabled?.(selected) ?? false) : false;
+    return h("section", rootProps(props, "hu-enterprise hu-tenant-selector", {
+        "aria-label": props["aria-label"] ?? props.title ?? "Tenant selector",
+        "aria-labelledby": props["aria-labelledby"]
+    }), enterpriseHeader(props.title ?? "Tenant selector", props.description ?? `${props.tenants.length} tenants`), props.tenants.length > 0 ? h("div", { class: "hu-tenant-selector__control" }, h("label", {}, h("span", { class: "hu-enterprise__meta" }, props.tenantLabel ?? "Tenant"), h("select", {
         class: "hu-tenant-selector__select",
         value: selected?.id,
-        onChange: (e) => props.onChange?.(e.target.value)
-    }, ...props.tenants.map((tenant) => h("option", { key: tenant.id, value: tenant.id }, tenant.name)))), selected && props.onManage && Button({ type: "button", size: "sm", children: "Manage", onClick: () => props.onManage?.(selected.id) })), selected && h("div", { class: "hu-tenant-selector__summary", "aria-live": "polite" }, h("span", {}, selected.plan ?? "No plan"), h("span", {}, selected.region ?? "No region"), h("span", {}, selected.status ?? "active")));
+        "aria-label": props.selectLabel ?? props.tenantLabel ?? "Tenant",
+        onChange: (e) => {
+            const nextId = e.target.value;
+            const nextTenant = props.tenants.find((tenant) => tenant.id === nextId);
+            if (!nextTenant || nextTenant.disabled || (props.isTenantDisabled?.(nextTenant) ?? false))
+                return;
+            props.onChange?.(nextId);
+        }
+    }, ...props.tenants.map((tenant) => {
+        const disabled = tenant.disabled || (props.isTenantDisabled?.(tenant) ?? false);
+        return h("option", { key: tenant.id, value: tenant.id, disabled }, props.tenantOptionLabel?.(tenant) ?? tenant.label ?? tenant.name);
+    }))), selected && props.onManage && Button({
+        type: "button",
+        size: "sm",
+        disabled: selectedDisabled,
+        children: props.manageLabel ?? "Manage",
+        onClick: () => {
+            if (selectedDisabled)
+                return;
+            props.onManage?.(selected.id);
+        }
+    })) : h("div", { class: "hu-enterprise__meta" }, props.emptyMessage ?? "No tenants available."), selected && h("div", {
+        class: "hu-tenant-selector__summary",
+        "aria-live": "polite",
+        "aria-label": props.summaryLabel ?? "Selected tenant"
+    }, h("span", {}, selected.plan ?? "No plan"), h("span", {}, selected.region ?? "No region"), h("span", {}, selected.status ?? "active")));
 }
 export function NotificationCenter(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const unread = props.notifications.filter((notification) => !notification.read).length;
-    return h("section", { class: cn("hu-enterprise hu-notification-center", props.class), "aria-label": props.title ?? "Notification center" }, enterpriseHeader(props.title ?? "Notification center", props.description ?? `${unread} unread`), h("div", { class: "hu-notification-center__list", role: "list", "aria-live": "polite" }, ...props.notifications.map((notification) => {
+    return h("section", rootProps(props, "hu-enterprise hu-notification-center", {
+        "aria-label": props["aria-label"] ?? props.title ?? "Notification center",
+        "aria-labelledby": props["aria-labelledby"]
+    }), enterpriseHeader(props.title ?? "Notification center", props.description ?? `${unread} unread`), h("div", {
+        class: "hu-notification-center__list",
+        role: "list",
+        "aria-live": "polite",
+        "aria-label": props.listLabel ?? "Notifications"
+    }, ...(props.notifications.length > 0 ? props.notifications.map((notification) => {
         const kind = notification.kind ?? "info";
-        return h("article", { key: notification.id, class: "hu-notification", role: "listitem" }, h("div", {}, h("div", { class: "hu-notification__title" }, notification.title), notification.message && h("div", { class: "hu-notification__meta" }, notification.message), notification.timestamp && h("div", { class: "hu-notification__meta" }, notification.timestamp)), h("div", { class: "hu-notification__actions" }, h("span", { class: cn("hu-notification__badge", `hu-notification__badge--${kind}`) }, notification.read ? "Read" : "Unread"), !notification.read && props.onMarkRead && Button({ type: "button", size: "sm", variant: "secondary", children: "Mark read", onClick: () => props.onMarkRead?.(notification.id) }), props.onDismiss && Button({ type: "button", size: "sm", variant: "ghost", children: "Dismiss", onClick: () => props.onDismiss?.(notification.id) })));
-    })));
+        const disabled = notification.disabled || (props.isNotificationDisabled?.(notification) ?? false);
+        return h("article", {
+            key: notification.id,
+            class: "hu-notification",
+            role: "listitem",
+            "aria-disabled": disabled ? "true" : undefined,
+            "aria-label": props.notificationLabel?.(notification) ?? notification.label
+        }, h("div", {}, h("div", { class: "hu-notification__title" }, notification.title), notification.message && h("div", { class: "hu-notification__meta" }, notification.message), notification.timestamp && h("div", { class: "hu-notification__meta" }, notification.timestamp)), h("div", { class: "hu-notification__actions" }, h("span", { class: cn("hu-notification__badge", `hu-notification__badge--${kind}`) }, notification.read ? props.readLabel ?? "Read" : props.unreadLabel ?? "Unread"), !notification.read && props.onMarkRead && Button({
+            type: "button",
+            size: "sm",
+            variant: "secondary",
+            disabled,
+            children: props.markReadLabel ?? "Mark read",
+            onClick: () => {
+                if (disabled)
+                    return;
+                props.onMarkRead?.(notification.id);
+            }
+        }), props.onDismiss && Button({
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            disabled,
+            children: props.dismissLabel ?? "Dismiss",
+            onClick: () => {
+                if (disabled)
+                    return;
+                props.onDismiss?.(notification.id);
+            }
+        })));
+    }) : [h("div", { class: "hu-enterprise__meta" }, props.emptyMessage ?? "No notifications.")])));
 }
 export function ActivityFeed(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
-    return h("section", { class: cn("hu-enterprise hu-activity-feed", props.class), "aria-label": props.title ?? "Activity feed" }, enterpriseHeader(props.title ?? "Activity feed", props.description ?? `${props.items.length} activities`), h("div", { class: "hu-activity-feed__list", role: "feed" }, ...props.items.map((item) => h("article", {
-        key: item.id,
-        class: "hu-activity-item",
-        role: "article",
-        tabindex: props.onItemClick ? 0 : undefined,
-        onClick: props.onItemClick ? () => props.onItemClick?.(item) : undefined
-    }, h("span", { class: "hu-activity-item__avatar", "aria-hidden": "true" }, item.avatar ?? initials(item.actor)), h("div", {}, h("div", { class: "hu-activity-item__title" }, `${item.actor} ${item.action}`), item.target && h("div", { class: "hu-activity-item__meta" }, item.target), item.timestamp && h("time", { class: "hu-activity-item__meta" }, item.timestamp)), props.onItemClick && Button({ type: "button", size: "sm", variant: "ghost", children: "Open", onClick: () => props.onItemClick?.(item) })))));
+    return h("section", rootProps(props, "hu-enterprise hu-activity-feed", {
+        "aria-label": props["aria-label"] ?? props.title ?? "Activity feed",
+        "aria-labelledby": props["aria-labelledby"]
+    }), enterpriseHeader(props.title ?? "Activity feed", props.description ?? `${props.items.length} activities`), h("div", { class: "hu-activity-feed__list", role: "feed", "aria-label": props.feedLabel ?? "Activity feed" }, ...(props.items.length > 0 ? props.items.map((item) => {
+        const disabled = item.disabled || (props.isItemDisabled?.(item) ?? false);
+        const interactive = Boolean(props.onItemClick) && !disabled;
+        return h("article", {
+            key: item.id,
+            class: "hu-activity-item",
+            role: "article",
+            tabindex: interactive ? 0 : undefined,
+            "aria-disabled": disabled ? "true" : undefined,
+            "aria-label": props.itemLabel?.(item) ?? item.label,
+            onClick: interactive ? () => props.onItemClick?.(item) : undefined,
+            onKeyDown: interactive ? (event) => {
+                if (event.key !== "Enter" && event.key !== " ")
+                    return;
+                event.preventDefault();
+                props.onItemClick?.(item);
+            } : undefined
+        }, h("span", { class: "hu-activity-item__avatar", "aria-hidden": "true" }, item.avatar ?? initials(item.actor)), h("div", {}, h("div", { class: "hu-activity-item__title" }, `${item.actor} ${item.action}`), item.target && h("div", { class: "hu-activity-item__meta" }, item.target), item.timestamp && h("time", { class: "hu-activity-item__meta" }, item.timestamp)), props.onItemClick && Button({
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            disabled,
+            children: props.openLabel ?? "Open",
+            onClick: () => {
+                if (disabled)
+                    return;
+                props.onItemClick?.(item);
+            }
+        }));
+    }) : [h("div", { class: "hu-enterprise__meta" }, props.emptyMessage ?? "No activity yet.")])));
 }
 export function OrgChart(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const total = countOrgNodes(props.nodes);
-    return h("section", { class: cn("hu-enterprise hu-org-chart", props.class), "aria-label": props.title ?? "Org chart" }, enterpriseHeader(props.title ?? "Org chart", props.description ?? `${total} people`), h("div", { class: "hu-org-chart__tree", role: "tree" }, ...props.nodes.map((node) => renderOrgNode(node, props.onNodeSelect, 1))));
+    return h("section", rootProps(props, "hu-enterprise hu-org-chart", { "aria-label": props.title ?? "Org chart" }), enterpriseHeader(props.title ?? "Org chart", props.description ?? `${total} people`), h("div", { class: "hu-org-chart__tree", role: "tree" }, ...props.nodes.map((node) => renderOrgNode(node, props.onNodeSelect, 1))));
 }
 export function GanttChart(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const range = getGanttRange(props.tasks);
-    return h("section", { class: cn("hu-enterprise", props.class), "aria-label": props.title ?? "Gantt chart" }, enterpriseHeader(props.title ?? "Gantt chart", props.description ?? `${props.tasks.length} tasks`), h("div", { class: "hu-gantt", role: "region", "aria-label": "Project timeline" }, h("table", {}, h("thead", {}, h("tr", {}, h("th", { scope: "col" }, "Task"), h("th", { scope: "col" }, "Owner"), h("th", { scope: "col" }, "Timeline"), h("th", { scope: "col" }, "Progress"))), h("tbody", {}, ...props.tasks.map((task) => {
+    return h("section", rootProps(props, "hu-enterprise", { "aria-label": props.title ?? "Gantt chart" }), enterpriseHeader(props.title ?? "Gantt chart", props.description ?? `${props.tasks.length} tasks`), h("div", { class: "hu-gantt", role: "region", "aria-label": "Project timeline" }, h("table", {}, h("thead", {}, h("tr", {}, h("th", { scope: "col" }, "Task"), h("th", { scope: "col" }, "Owner"), h("th", { scope: "col" }, "Timeline"), h("th", { scope: "col" }, "Progress"))), h("tbody", {}, ...props.tasks.map((task) => {
         const startOffset = range.days === 0 ? 0 : daysBetween(range.start, parseDate(task.start)) / range.days * 100;
         const duration = range.days === 0 ? 100 : Math.max(1, daysBetween(parseDate(task.start), parseDate(task.end)) / range.days * 100);
         return h("tr", {
@@ -340,11 +507,10 @@ export function GanttChart(props) {
 }
 export function KanbanBoard(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
-    return h("section", {
-        class: cn("hu-enterprise hu-kanban-board", props.class),
+    return h("section", rootProps(props, "hu-enterprise hu-kanban-board", {
         style: `--hu-kanban-columns:${Math.max(1, props.columns.length)}`,
         "aria-label": props.title ?? "Kanban board"
-    }, enterpriseHeader(props.title ?? "Kanban board", props.description ?? `${props.cards.length} cards`), h("div", { class: "hu-kanban-board__columns" }, ...props.columns.map((column) => {
+    }), enterpriseHeader(props.title ?? "Kanban board", props.description ?? `${props.cards.length} cards`), h("div", { class: "hu-kanban-board__columns" }, ...props.columns.map((column) => {
         const cards = props.cards.filter((card) => card.column === column.id);
         return h("section", { key: column.id, class: "hu-kanban-column", "aria-label": column.title }, h("div", { class: "hu-kanban-column__header" }, h("span", {}, column.title), h("span", { class: "hu-enterprise__meta" }, `${cards.length}${column.limit ? `/${column.limit}` : ""}`)), ...cards.map((card) => h("article", { key: card.id, class: "hu-kanban-card" }, h("div", { class: "hu-kanban-card__title" }, card.title), card.description && h("div", { class: "hu-kanban-card__meta" }, card.description), h("div", { class: "hu-kanban-card__meta" }, [card.assignee, card.priority].filter(Boolean).join(" · ")), h("div", { class: "hu-kanban-card__actions" }, props.onCardSelect && Button({ type: "button", size: "sm", variant: "ghost", children: "Open", onClick: () => props.onCardSelect?.(card) }), props.onCardMove && props.columns.filter((target) => target.id !== column.id).map((target) => Button({ type: "button", size: "sm", variant: "secondary", children: `Move to ${target.title}`, onClick: () => props.onCardMove?.(card.id, target.id) }))))));
     })));
@@ -352,7 +518,7 @@ export function KanbanBoard(props) {
 export function WorkflowDesigner(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const nodeMap = new Map(props.nodes.map((node, index) => [node.id, resolveWorkflowNodePosition(node, index)]));
-    return h("section", { class: cn("hu-enterprise hu-workflow-designer", props.class), "aria-label": props.title ?? "Workflow designer" }, h("div", { class: "hu-enterprise__header" }, h("div", {}, h("div", { class: "hu-enterprise__title" }, props.title ?? "Workflow designer"), h("div", { class: "hu-enterprise__meta" }, props.description ?? `${props.nodes.length} nodes · ${props.edges?.length ?? 0} edges`)), props.onAddNode && Button({ type: "button", size: "sm", children: "Add node", onClick: props.onAddNode })), h("div", { class: "hu-workflow-designer__canvas", role: "application", "aria-label": "Workflow canvas" }, h("svg", { class: "hu-workflow-designer__edges", viewBox: "0 0 760 320", "aria-hidden": "true" }, ...(props.edges ?? []).map((edge) => {
+    return h("section", rootProps(props, "hu-enterprise hu-workflow-designer", { "aria-label": props.title ?? "Workflow designer" }), h("div", { class: "hu-enterprise__header" }, h("div", {}, h("div", { class: "hu-enterprise__title" }, props.title ?? "Workflow designer"), h("div", { class: "hu-enterprise__meta" }, props.description ?? `${props.nodes.length} nodes · ${props.edges?.length ?? 0} edges`)), props.onAddNode && Button({ type: "button", size: "sm", children: "Add node", onClick: props.onAddNode })), h("div", { class: "hu-workflow-designer__canvas", role: "application", "aria-label": "Workflow canvas" }, h("svg", { class: "hu-workflow-designer__edges", viewBox: "0 0 760 320", "aria-hidden": "true" }, ...(props.edges ?? []).map((edge) => {
         const from = nodeMap.get(edge.from);
         const to = nodeMap.get(edge.to);
         if (!from || !to)
@@ -382,7 +548,7 @@ export function DocumentViewer(props) {
     injectCSS("hu-enterprise", ENTERPRISE_CSS);
     const page = props.page ?? 1;
     const pages = Math.max(1, props.document.pages ?? 1);
-    return h("section", { class: cn("hu-enterprise hu-document-viewer", props.class), "aria-label": props.title ?? "Document viewer" }, h("div", { class: "hu-document-viewer__toolbar" }, h("div", {}, h("div", { class: "hu-document-viewer__name" }, props.title ?? props.document.name), h("div", { class: "hu-document-viewer__meta" }, props.description ?? [props.document.kind ?? "unknown", props.document.size, `${page} / ${pages}`].filter(Boolean).join(" · "))), h("div", { class: "hu-document-viewer__actions" }, Button({ type: "button", size: "sm", variant: "secondary", disabled: page <= 1, children: "Previous", onClick: () => props.onPageChange?.(page - 1) }), Button({ type: "button", size: "sm", variant: "secondary", disabled: page >= pages, children: "Next", onClick: () => props.onPageChange?.(page + 1) }), props.onDownload && Button({ type: "button", size: "sm", children: "Download", onClick: () => props.onDownload?.(props.document) }))), h("div", { class: "hu-document-viewer__frame", role: "document", "aria-label": props.document.name }, props.document.kind === "image" && props.document.url
+    return h("section", rootProps(props, "hu-enterprise hu-document-viewer", { "aria-label": props.title ?? "Document viewer" }), h("div", { class: "hu-document-viewer__toolbar" }, h("div", {}, h("div", { class: "hu-document-viewer__name" }, props.title ?? props.document.name), h("div", { class: "hu-document-viewer__meta" }, props.description ?? [props.document.kind ?? "unknown", props.document.size, `${page} / ${pages}`].filter(Boolean).join(" · "))), h("div", { class: "hu-document-viewer__actions" }, Button({ type: "button", size: "sm", variant: "secondary", disabled: page <= 1, children: "Previous", onClick: () => props.onPageChange?.(page - 1) }), Button({ type: "button", size: "sm", variant: "secondary", disabled: page >= pages, children: "Next", onClick: () => props.onPageChange?.(page + 1) }), props.onDownload && Button({ type: "button", size: "sm", children: "Download", onClick: () => props.onDownload?.(props.document) }))), h("div", { class: "hu-document-viewer__frame", role: "document", "aria-label": props.document.name }, props.document.kind === "image" && props.document.url
         ? h("img", { src: props.document.url, alt: props.document.name, loading: "lazy" })
         : h("div", { class: "hu-document-viewer__preview" }, props.document.content ?? `${props.document.name}\n${props.document.kind ?? "unknown"} preview`)));
 }
@@ -394,6 +560,15 @@ function formatMetadata(metadata) {
         return "";
     return Object.entries(metadata).map(([key, value]) => `${key}: ${String(value)}`).join(" · ");
 }
+function getPermissionActionId(action) {
+    return action.id ?? `hu-permission-action-${toDomId(action.key)}`;
+}
+function getPermissionResourceId(resource) {
+    return resource.id ?? `hu-permission-resource-${toDomId(resource.key)}`;
+}
+function toDomId(value) {
+    return value.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "value";
+}
 function initials(name) {
     return name.split(" ").slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("") || "?";
 }

package/dist/components/index.d.ts

@@ -8,8 +8,8 @@ export { Textarea } from "./Textarea/index.js";
 export type { TextareaProps } from "./Textarea/index.js";
 export { Checkbox } from "./Checkbox/index.js";
 export type { CheckboxProps } from "./Checkbox/index.js";
-export { Radio } from "./Radio/index.js";
-export type { RadioProps } from "./Radio/index.js";
+export { Radio, RadioGroup } from "./Radio/index.js";
+export type { RadioGroupOption, RadioGroupProps, RadioProps } from "./Radio/index.js";
 export { Switch } from "./Switch/index.js";
 export type { SwitchProps } from "./Switch/index.js";
 export { Select } from "./Select/index.js";
@@ -46,22 +46,26 @@ export { TreeView } from "./TreeView/index.js";
 export type { TreeViewItem, TreeViewProps } from "./TreeView/index.js";
 export { Navbar } from "./Navbar/index.js";
 export type { NavLink, NavbarProps } from "./Navbar/index.js";
+export { NestedNavbar } from "./NestedNavbar/index.js";
+export type { NestedNavItem, NavChildItem, NavbarMobileVariant, NestedNavbarProps } from "./NestedNavbar/index.js";
 export { Sidebar } from "./Sidebar/index.js";
-export type { SidebarItem, SidebarSection, SidebarProps } from "./Sidebar/index.js";
+export type { SidebarItem, SidebarSection, SidebarMobileMode, SidebarPosition, SidebarCloseReason, SidebarCloseButtonRenderer, SidebarProps } from "./Sidebar/index.js";
+export { NestedSidebar } from "./NestedSidebar/index.js";
+export type { NestedSidebarItem, NestedSidebarChildItem, NestedSidebarSection, NestedSidebarMobileVariant, NestedSidebarPosition, NestedSidebarProps } from "./NestedSidebar/index.js";
 export { DataTable } from "./DataTable/index.js";
-export type { TableColumn, DataTableProps } from "./DataTable/index.js";
+export type { DataTableRowEvent, DataTableSelectAllEvent, DataTableSelectionEvent, DataTableSortEvent, TableColumn, DataTableProps } from "./DataTable/index.js";
 export { Dialog } from "./Dialog/index.js";
-export type { DialogProps } from "./Dialog/index.js";
+export type { DialogCloseButtonRenderer, DialogCloseReason, DialogProps } from "./Dialog/index.js";
 export { Sheet } from "./Sheet/index.js";
-export type { SheetProps } from "./Sheet/index.js";
+export type { SheetCloseButtonRenderer, SheetCloseReason, SheetProps } from "./Sheet/index.js";
 export { ToastRegion, useToast } from "./Toast/index.js";
 export type { ToastData, ToastType, ToastPosition } from "./Toast/index.js";
 export { Tooltip } from "./Tooltip/index.js";
 export type { TooltipProps } from "./Tooltip/index.js";
 export { Popover } from "./Popover/index.js";
-export type { PopoverProps } from "./Popover/index.js";
+export type { PopoverCloseReason, PopoverProps } from "./Popover/index.js";
 export { DropdownMenu } from "./DropdownMenu/index.js";
-export type { MenuItem as DropdownMenuItem, DropdownMenuProps } from "./DropdownMenu/index.js";
+export type { MenuItem as DropdownMenuItem, DropdownMenuCloseReason, DropdownMenuProps } from "./DropdownMenu/index.js";
 export { FocusTrap } from "./FocusTrap/index.js";
 export type { FocusTrapProps } from "./FocusTrap/index.js";
 export { ClickAwayListener } from "./ClickAwayListener/index.js";
@@ -132,8 +136,8 @@ export { List, ListSubheader, ListItem, ListItemIcon, ListItemText } from "./Lis
 export type { ListSubheaderProps, ListProps, ListItemProps, ListItemIconProps, ListItemTextProps } from "./List/index.js";
 export { PageLayout } from "./PageLayout/index.js";
 export type { PageLayoutProps } from "./PageLayout/index.js";
-export { DashboardLayout } from "./DashboardLayout/index.js";
-export type { DashboardLayoutProps } from "./DashboardLayout/index.js";
+export { AppShell, DashboardLayout } from "./DashboardLayout/index.js";
+export type { AppShellProps, DashboardLayoutProps } from "./DashboardLayout/index.js";
 export { SplitPane } from "./SplitPane/index.js";
 export type { SplitPaneProps } from "./SplitPane/index.js";
 export { ResizablePanel } from "./ResizablePanel/index.js";
@@ -142,10 +146,14 @@ export { AppBar, Toolbar, ToolbarSpacer } from "./AppBar/index.js";
 export type { AppBarProps, AppBarPosition, AppBarColor, ToolbarProps } from "./AppBar/index.js";
 export { Backdrop } from "./Backdrop/index.js";
 export type { BackdropProps } from "./Backdrop/index.js";
+export { Transition } from "./Transition/index.js";
+export type { TransitionProps } from "./Transition/index.js";
+export { TransitionGroup } from "./TransitionGroup/index.js";
+export type { TransitionGroupProps } from "./TransitionGroup/index.js";
 export { Modal } from "./Modal/index.js";
 export type { ModalProps } from "./Modal/index.js";
 export { Drawer } from "./Drawer/index.js";
-export type { DrawerProps, DrawerAnchor, DrawerVariant, DrawerSize } from "./Drawer/index.js";
+export type { DrawerProps, DrawerAnchor, DrawerVariant, DrawerSize, DrawerCloseReason, DrawerCloseButtonRenderer } from "./Drawer/index.js";
 export { SnackbarRegion, useSnackbar } from "./Snackbar/index.js";
 export type { SnackbarItem, SnackbarSeverity, SnackbarPosition, SnackbarRegionProps } from "./Snackbar/index.js";
 export { CircularProgress } from "./CircularProgress/index.js";
@@ -155,9 +163,9 @@ export type { LinearProgressProps, LinearProgressVariant, LinearProgressColor }
 export { BottomNavigation } from "./BottomNavigation/index.js";
 export type { BottomNavigationProps, BottomNavigationActionDef } from "./BottomNavigation/index.js";
 export { SpeedDial } from "./SpeedDial/index.js";
-export type { SpeedDialProps, SpeedDialAction, SpeedDialDirection } from "./SpeedDial/index.js";
+export type { SpeedDialProps, SpeedDialAction, SpeedDialDirection, SpeedDialPosition, SpeedDialCloseReason } from "./SpeedDial/index.js";
 export { Menu, MenuList, MenuItem } from "./Menu/index.js";
-export type { MenuProps, MenuListProps, MenuItemProps, MenuItemDef, MenuPlacement } from "./Menu/index.js";
+export type { MenuProps, MenuListProps, MenuItemProps, MenuItemDef, MenuPlacement, MenuCloseReason } from "./Menu/index.js";
 export { Collapse } from "./Collapse/index.js";
 export type { CollapseProps } from "./Collapse/index.js";
 export { Fade } from "./Fade/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,QAAQ,IAAI,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG/F,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,YAAY,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAErF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACjF,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAGpH,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElH,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE5F,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE9F,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEzF,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGpH,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE/E,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5F,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAG1H,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGhG,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGzH,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGpG,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGhG,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG3G,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -4,7 +4,7 @@ export { Label } from "./Label/index.js";
 export { Input } from "./Input/index.js";
 export { Textarea } from "./Textarea/index.js";
 export { Checkbox } from "./Checkbox/index.js";
-export { Radio } from "./Radio/index.js";
+export { Radio, RadioGroup } from "./Radio/index.js";
 export { Switch } from "./Switch/index.js";
 export { Select } from "./Select/index.js";
 export { Spinner } from "./Spinner/index.js";
@@ -24,7 +24,9 @@ export { Stepper } from "./Stepper/index.js";
 export { Timeline } from "./Timeline/index.js";
 export { TreeView } from "./TreeView/index.js";
 export { Navbar } from "./Navbar/index.js";
+export { NestedNavbar } from "./NestedNavbar/index.js";
 export { Sidebar } from "./Sidebar/index.js";
+export { NestedSidebar } from "./NestedSidebar/index.js";
 export { DataTable } from "./DataTable/index.js";
 // Overlay components
 export { Dialog } from "./Dialog/index.js";
@@ -74,13 +76,16 @@ export { ImageList } from "./ImageList/index.js";
 export { List, ListSubheader, ListItem, ListItemIcon, ListItemText } from "./List/index.js";
 // Enterprise layout components
 export { PageLayout } from "./PageLayout/index.js";
-export { DashboardLayout } from "./DashboardLayout/index.js";
+export { AppShell, DashboardLayout } from "./DashboardLayout/index.js";
 export { SplitPane } from "./SplitPane/index.js";
 export { ResizablePanel } from "./ResizablePanel/index.js";
 // App Bar
 export { AppBar, Toolbar, ToolbarSpacer } from "./AppBar/index.js";
 // Backdrop
 export { Backdrop } from "./Backdrop/index.js";
+// Transition / TransitionGroup
+export { Transition } from "./Transition/index.js";
+export { TransitionGroup } from "./TransitionGroup/index.js";
 // Modal
 export { Modal } from "./Modal/index.js";
 // Drawer

package/dist/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AACA,OAAO,EAAK,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIjD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAgBtE"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AACA,OAAO,EAAK,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIjD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAmBtE"}

package/dist/portal.js

@@ -6,6 +6,9 @@ export function renderInPortal(children, layer) {
         return h("span", { "data-hu-portal": layer }, children);
     }
     const root = document.createElement("div");
+    if (!root || !root.dataset || typeof document.body.appendChild !== "function") {
+        return h("span", { "data-hu-portal": layer }, children);
+    }
     root.className = "hu-portal-root";
     root.dataset.huPortal = layer;
     root.dataset.huPortalId = String(++portalId);