@thewhatmatters/wmds 0.4.9 → 0.4.28

package/dist/components/atoms/TextArea/textareaShellStyles.js

@@ -7,9 +7,9 @@ var g = [
 	"vertical",
 	"both"
 ], _ = {
-	sm: "rounded-xl",
-	md: "rounded-xl",
-	lg: "rounded-xl"
+	sm: "rounded-[var(--radius-control-box)]",
+	md: "rounded-[var(--radius-control-box)]",
+	lg: "rounded-[var(--radius-control-box)]"
 }, v = {
 	none: "resize-none",
 	vertical: "resize-y",
@@ -26,7 +26,7 @@ var g = [
 	sm: "pr-2.5 pb-2.5",
 	md: "pr-3 pb-3",
 	lg: "pr-3.5 pb-3.5"
-}, S = "focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-body", C = {
+}, S = "focus-within:outline-none focus-within:ring-2", C = {
 	default: "focus-within:ring-focus-ring",
 	error: "focus-within:ring-error-focus-ring",
 	warning: "focus-within:ring-warning-focus-ring",
@@ -66,6 +66,6 @@ function M(t, n, r) {
 function N(t, n, r) {
 	return r === "bottom" ? e("relative z-0 flex w-full items-center gap-2 px-3 pb-3 leading-snug", D[n], "rounded-b-[1.375rem]", p[t]) : e("relative z-0 flex w-full items-center gap-2 px-3 pt-2.5 leading-snug", O[n], "rounded-t-[1.375rem]", p[t]);
 }
-var P = e(r, "block leading-normal"), F = "w-full border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:ring-0", I = "block w-full min-w-0 resize-none rounded-none border-0 bg-transparent font-sans font-normal tracking-normal text-fg shadow-none placeholder:text-disabled focus-visible:outline-none focus-visible:ring-0";
+var P = e(r, "block leading-normal"), F = "w-full border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0", I = "block w-full min-w-0 resize-none rounded-none border-0 bg-transparent font-sans font-normal tracking-normal text-fg shadow-none placeholder:text-disabled focus-visible:!outline-none focus-visible:!ring-0";
 //#endregion
 export { t as inputAttachedFieldClasses, n as inputAttachedInputClasses, i as inputCompoundShellClassesFor, o as inputControlStackClasses, s as inputDisabledClasses, c as inputDisabledLabelClasses, l as inputFieldStackClasses, m as inputStatusGapClasses, h as inputStatusShellClasses, P as textareaBaseClasses, D as textareaCompoundBannerOverlapBottomClasses, O as textareaCompoundBannerOverlapTopPadClasses, k as textareaCompoundFieldOverlapTopClasses, T as textareaCompoundFieldPaddingClasses, M as textareaCompoundInnerFieldClassesFor, b as textareaFixedPaddingClasses, I as textareaInlineClasses, y as textareaMinHeightClasses, v as textareaResizeClasses, g as textareaResizes, E as textareaShellClasses, F as textareaShellFieldClasses, S as textareaShellFocusRingBaseClasses, C as textareaShellFocusRingColorClasses, x as textareaShellResizePaddingClasses, _ as textareaSoloRadiusClasses, w as textareaSoloShellClassesFor, N as textareaStatusBannerClassesFor, j as textareaTrailingInsetClasses, A as textareaTrailingInsetPositionClasses };

package/dist/components/molecules/Accordion/accordionStyles.d.ts

@@ -40,7 +40,7 @@ export declare const accordionLabelPlainClasses: string;
 export declare const accordionLabelRowClasses: string;
 export declare const accordionTrailingClusterClasses = "flex shrink-0 items-center gap-2";
 /** Chevron column — decorative inside the disclosure button. */
-export declare const accordionChevronSlotClasses = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-full text-muted";
+export declare const accordionChevronSlotClasses = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-control)] text-muted";
 export declare const accordionChevronRotateClasses: string;
 export declare const accordionChevronOpenClasses = "rotate-180";
 export declare const accordionPanelInnerClasses = "overflow-hidden";

package/dist/components/molecules/Accordion/accordionStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/accordionStyles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,uCAAwC,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,wBAAwB,+FACyD,CAAC;AAE/F,qEAAqE;AACrE,eAAO,MAAM,6BAA6B,2CAA2C,CAAC;AAEtF,eAAO,MAAM,2BAA2B,6DACkC,CAAC;AAE3E,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,eAAO,MAAM,wBAAwB,QACiD,CAAC;AAEvF,eAAO,MAAM,yBAAyB,QACgD,CAAC;AAEvF,6FAA6F;AAC7F,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,QAEZ,CAAC;AAE7B,mDAAmD;AACnD,eAAO,MAAM,iCAAiC,mBAAwB,CAAC;AAEvE,sCAAsC;AACtC,eAAO,MAAM,+BAA+B,mBAA4B,CAAC;AAEzE,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,SAAS,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,2BAA2B,QACqC,CAAC;AAE9E,eAAO,MAAM,8BAA8B,QACyC,CAAC;AAErF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,uFAC6C,CAAC;AAEvF,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,QAA8B,CAAC;AAEvE,yEAAyE;AACzE,eAAO,MAAM,kCAAkC,QAErB,CAAC;AAE3B,eAAO,MAAM,2BAA2B,qDAAqD,CAAC;AAE9F,gGAAgG;AAChG,eAAO,MAAM,0BAA0B,QAAuD,CAAC;AAE/F,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,QAA4E,CAAC;AAElH,eAAO,MAAM,+BAA+B,qCAAqC,CAAC;AAElF,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,mFAC0C,CAAC;AAEnF,eAAO,MAAM,6BAA6B,QAC6B,CAAC;AAExE,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,yFAAyF;AACzF,eAAO,MAAM,gCAAgC,QAC+B,CAAC;AAE7E,eAAO,MAAM,mCAAmC,QACqC,CAAC;AAEtF,2DAA2D;AAC3D,eAAO,MAAM,iCAAiC,mDAAmD,CAAC;AAElG,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,QAAmC,CAAC"}
+{"version":3,"file":"accordionStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/accordionStyles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,uCAAwC,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,wBAAwB,+FACyD,CAAC;AAE/F,qEAAqE;AACrE,eAAO,MAAM,6BAA6B,2CAA2C,CAAC;AAEtF,eAAO,MAAM,2BAA2B,6DACkC,CAAC;AAE3E,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,eAAO,MAAM,wBAAwB,QACiD,CAAC;AAEvF,eAAO,MAAM,yBAAyB,QACgD,CAAC;AAEvF,6FAA6F;AAC7F,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,QAEZ,CAAC;AAE7B,mDAAmD;AACnD,eAAO,MAAM,iCAAiC,mBAAwB,CAAC;AAEvE,sCAAsC;AACtC,eAAO,MAAM,+BAA+B,mBAA4B,CAAC;AAEzE,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,SAAS,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,2BAA2B,QACqC,CAAC;AAE9E,eAAO,MAAM,8BAA8B,QACyC,CAAC;AAErF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,uFAC6C,CAAC;AAEvF,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,QAA8B,CAAC;AAEvE,yEAAyE;AACzE,eAAO,MAAM,kCAAkC,QAErB,CAAC;AAE3B,eAAO,MAAM,2BAA2B,qDAAqD,CAAC;AAE9F,gGAAgG;AAChG,eAAO,MAAM,0BAA0B,QAAuD,CAAC;AAE/F,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,QAA4E,CAAC;AAElH,eAAO,MAAM,+BAA+B,qCAAqC,CAAC;AAElF,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,sGAC6D,CAAC;AAEtG,eAAO,MAAM,6BAA6B,QAC6B,CAAC;AAExE,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,yFAAyF;AACzF,eAAO,MAAM,gCAAgC,QAC+B,CAAC;AAE7E,eAAO,MAAM,mCAAmC,QACqC,CAAC;AAEtF,2DAA2D;AAC3D,eAAO,MAAM,iCAAiC,mDAAmD,CAAC;AAElG,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,QAAmC,CAAC"}

package/dist/components/molecules/Accordion/accordionStyles.js

@@ -7,6 +7,6 @@ var a = [
 	"list",
 	"capsule",
 	"plain"
-], o = "flex w-full flex-col overflow-hidden rounded-lg bg-surface font-sans text-fg shadow-raised", s = "flex w-full flex-col font-sans text-fg", c = `flex w-full min-h-0 flex-col ${i} font-sans text-fg`, l = "flex w-full flex-col font-sans text-fg", u = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), d = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), f = "border-b border-border last:border-b-0", p = "overflow-hidden bg-surface shadow-raised transition-[border-radius,background-color] " + t("medium"), m = r, h = n, g = "flex h-11 w-full items-center gap-2.5 text-left px-4", _ = "flex h-11 w-full items-center gap-2.5 text-left px-2.5", v = "-mx-2 flex h-11 w-[calc(100%+1rem)] items-center gap-2.5 rounded-lg px-2 text-left", y = "cursor-pointer hover:bg-ghost-hover active:bg-ghost-active focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset " + t("fast"), b = "flex size-6 shrink-0 items-center justify-center", x = `${e("body")} min-w-0 flex-1 truncate`, S = `${e("ui-label")} min-w-0 flex-1 truncate text-[0.8125rem]`, C = "flex shrink-0 items-center gap-2", w = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-full text-muted", T = "inline-flex " + t("medium") + " transition-transform", E = "rotate-180", D = "overflow-hidden", O = "type-body text-muted tracking-normal pb-4 pt-0 px-4", k = "type-body text-muted tracking-normal pb-2.5 pt-0 px-2.5", A = "type-body text-muted tracking-normal pb-4 pt-0";
+], o = "flex w-full flex-col overflow-hidden rounded-lg bg-surface font-sans text-fg shadow-raised", s = "flex w-full flex-col font-sans text-fg", c = `flex w-full min-h-0 flex-col ${i} font-sans text-fg`, l = "flex w-full flex-col font-sans text-fg", u = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), d = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), f = "border-b border-border last:border-b-0", p = "overflow-hidden bg-surface shadow-raised transition-[border-radius,background-color] " + t("medium"), m = r, h = n, g = "flex h-11 w-full items-center gap-2.5 text-left px-4", _ = "flex h-11 w-full items-center gap-2.5 text-left px-2.5", v = "-mx-2 flex h-11 w-[calc(100%+1rem)] items-center gap-2.5 rounded-lg px-2 text-left", y = "cursor-pointer hover:bg-ghost-hover active:bg-ghost-active focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset " + t("fast"), b = "flex size-6 shrink-0 items-center justify-center", x = `${e("body")} min-w-0 flex-1 truncate`, S = `${e("ui-label")} min-w-0 flex-1 truncate text-[0.8125rem]`, C = "flex shrink-0 items-center gap-2", w = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-control)] text-muted", T = "inline-flex " + t("medium") + " transition-transform", E = "rotate-180", D = "overflow-hidden", O = "type-body text-muted tracking-normal pb-4 pt-0 px-4", k = "type-body text-muted tracking-normal pb-2.5 pt-0 px-2.5", A = "type-body text-muted tracking-normal pb-4 pt-0";
 //#endregion
 export { E as accordionChevronOpenClasses, T as accordionChevronRotateClasses, w as accordionChevronSlotClasses, p as accordionItemCapsuleClasses, m as accordionItemCapsuleClosedClasses, h as accordionItemCapsuleOpenClasses, f as accordionItemFlushClasses, u as accordionItemListClasses, d as accordionItemPlainClasses, x as accordionLabelPlainClasses, S as accordionLabelRowClasses, b as accordionLeadingSlotClasses, k as accordionPanelContentCapsuleClasses, A as accordionPanelContentFlushClasses, O as accordionPanelContentListClasses, D as accordionPanelInnerClasses, c as accordionRootCapsuleClasses, o as accordionRootListClasses, s as accordionRootListInsetClasses, l as accordionRootPlainClasses, C as accordionTrailingClusterClasses, _ as accordionTriggerCapsuleClasses, v as accordionTriggerFlushClasses, y as accordionTriggerInteractiveClasses, g as accordionTriggerListClasses, a as accordionVariants };

package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAQf,OAAO,EAUL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAE5B,8CAA8C;AAC9C,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iEAAiE;AACjE,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAGrC,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,iFAAiF;IACjF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,YAAY,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED,KAAK,cAAc,GACf;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAAE,CAAC;AAEjD,iEAAiE;AACjE,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,EAAE,EAC1B,QAAQ,SAAI,GACX,cAAc,EAAE,CAiBlB;AAoND;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAY,EACZ,SAAqB,EACrB,OAAgB,EAChB,UAA8B,EAC9B,MAAM,EAAE,UAAU,EAClB,SAAS,GACV,EAAE,eAAe,+BAwCjB"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAS5D,OAAO,EAUL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAE5B,8CAA8C;AAC9C,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iEAAiE;AACjE,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAGrC,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,iFAAiF;IACjF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,YAAY,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED,KAAK,cAAc,GACf;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAAE,CAAC;AAEjD,iEAAiE;AACjE,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,EAAE,EAC1B,QAAQ,SAAI,GACX,cAAc,EAAE,CAiBlB;AAkHD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAY,EACZ,SAAqB,EACrB,OAAgB,EAChB,UAA8B,EAC9B,MAAM,EAAE,UAAU,EAClB,SAAS,GACV,EAAE,eAAe,+BAwCjB"}

package/dist/components/molecules/Breadcrumb/Breadcrumb.js

@@ -4,17 +4,18 @@ import { ButtonIcon as t } from "../../atoms/Button/ButtonIcon.js";
 import { IconButton as n } from "../../atoms/IconButton/IconButton.js";
 import { Dropdown as r } from "../Dropdown/Dropdown.js";
 import { measureDropdownMenuStyle as i } from "../Dropdown/dropdownMenuPosition.js";
-import { breadcrumbItemClasses as a, breadcrumbLinkClasses as o, breadcrumbListClasses as s, breadcrumbMoreClasses as c, breadcrumbPageClasses as l, breadcrumbSeparatorClasses as u, breadcrumbSeparators as d, breadcrumbSlashClasses as f, breadcrumbTextClasses as p, breadcrumbVariantClasses as m, breadcrumbVariants as h } from "./breadcrumbStyles.js";
-import { Fragment as g, useCallback as _, useEffect as v, useId as y, useLayoutEffect as b, useRef as x, useState as S } from "react";
-import { ChevronRight as C, Ellipsis as w } from "lucide-react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useRender as D } from "@base-ui/react/use-render";
+import { useDropdownMenu as a } from "../Dropdown/useDropdownMenu.js";
+import { breadcrumbItemClasses as o, breadcrumbLinkClasses as s, breadcrumbListClasses as c, breadcrumbMoreClasses as l, breadcrumbPageClasses as u, breadcrumbSeparatorClasses as d, breadcrumbSeparators as f, breadcrumbSlashClasses as p, breadcrumbTextClasses as m, breadcrumbVariantClasses as h, breadcrumbVariants as g } from "./breadcrumbStyles.js";
+import { Fragment as _, useRef as v } from "react";
+import { ChevronRight as y, Ellipsis as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useRender as C } from "@base-ui/react/use-render";
 //#region src/components/molecules/Breadcrumb/Breadcrumb.tsx
-var O = {
+var w = {
 	nav: "Breadcrumb",
 	more: (e) => `Show ${e} more ${e === 1 ? "page" : "pages"}`
 };
-function k(e, t = 4) {
+function T(e, t = 4) {
 	let n = Math.max(3, Math.floor(t)), r = e.length - 1, i = (e, t) => ({
 		kind: "item",
 		item: e,
@@ -31,158 +32,115 @@ function k(e, t = 4) {
 		...e.slice(e.length - a).map((t, n) => i(t, e.length - a + n))
 	];
 }
-function A(e) {
+function E(e) {
 	return e.id ?? e.href ?? e.label;
 }
-function j(e) {
-	return /* @__PURE__ */ T("a", { href: e.href });
+function D(e) {
+	return /* @__PURE__ */ x("a", { href: e.href });
 }
-function M(e) {
+function O(e) {
 	return e.href != null;
 }
-function N({ item: e, renderLink: t }) {
-	return D({
+function k({ item: e, renderLink: t }) {
+	return C({
 		render: t(e),
 		props: {
-			className: o,
+			className: s,
 			title: e.label,
 			children: e.label
 		}
 	});
 }
-function P({ separator: e }) {
-	return /* @__PURE__ */ T("li", {
+function A({ separator: e }) {
+	return /* @__PURE__ */ x("li", {
 		role: "presentation",
 		"aria-hidden": "true",
-		className: u,
-		children: e === "slash" ? /* @__PURE__ */ T("span", {
-			className: f,
+		className: d,
+		children: e === "slash" ? /* @__PURE__ */ x("span", {
+			className: p,
 			children: "/"
-		}) : /* @__PURE__ */ T(t, {
+		}) : /* @__PURE__ */ x(t, {
 			size: "xs",
-			children: /* @__PURE__ */ T(C, {})
+			children: /* @__PURE__ */ x(y, {})
 		})
 	});
 }
-function F({ items: e, label: t, renderLink: a }) {
-	let o = y(), s = x(null), l = x(null), u = x(null), [d, f] = S(!1), [p, m] = S(null), h = x(!1), g = _(() => {
-		let t = l.current;
-		t != null && m(i(t, e.map((e) => ({ label: e.label })), {
+function j({ items: e, label: t, renderLink: o }) {
+	let s = v(null), c = e.map((e) => ({
+		label: e.label,
+		disabled: !O(e)
+	})), u = a({
+		rows: c,
+		triggerRef: s,
+		focus: "items",
+		measure: () => s.current == null ? null : i(s.current, e.map((e) => ({ label: e.label })), {
 			align: "start",
 			widthMode: "content"
-		}));
-	}, [e]), C = _((e) => {
-		f(!1), m(null), e && l.current?.querySelector("button")?.focus();
-	}, []);
-	b(() => {
-		if (d) return g(), window.addEventListener("resize", g), window.addEventListener("scroll", g, !0), () => {
-			window.removeEventListener("resize", g), window.removeEventListener("scroll", g, !0);
-		};
-	}, [d, g]), v(() => {
-		!d || p == null || !h.current || (h.current = !1, u.current?.querySelector("a, [href], button")?.focus());
-	}, [d, p]), v(() => {
-		if (!d) return;
-		function e(e) {
-			s.current != null && !s.current.contains(e.target) && C(!1);
-		}
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [d, C]);
-	function D() {
-		return [...u.current?.querySelectorAll("a, [href], button") ?? []];
-	}
-	function O(e) {
-		if (!d) {
-			e.key === "ArrowDown" && (e.preventDefault(), h.current = !0, f(!0));
-			return;
-		}
-		if (e.key === "Escape") {
-			e.preventDefault(), C(!0);
-			return;
-		}
-		if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-		let t = D();
-		if (t.length === 0) return;
-		e.preventDefault();
-		let n = t.indexOf(document.activeElement), r = e.key === "ArrowDown" ? 1 : -1;
-		t[n === -1 ? r === 1 ? 0 : t.length - 1 : (n + r + t.length) % t.length]?.focus();
-	}
-	function k(e) {
-		if (!d) return;
-		let t = e.relatedTarget;
-		(t == null || !s.current?.contains(t)) && C(!1);
-	}
-	return /* @__PURE__ */ E("div", {
-		ref: s,
-		className: c,
-		onKeyDown: O,
-		onBlur: k,
-		children: [/* @__PURE__ */ T("div", {
-			ref: l,
-			className: "inline-flex",
-			children: /* @__PURE__ */ T(n, {
-				size: "sm",
-				icon: /* @__PURE__ */ T(w, {}),
-				"aria-label": t,
-				title: "",
-				"aria-expanded": d,
-				"aria-controls": d ? o : void 0,
-				onClick: () => {
-					d ? C(!1) : (h.current = !0, f(!0));
-				}
-			})
-		}), d && p != null ? /* @__PURE__ */ T("div", {
-			ref: u,
-			children: /* @__PURE__ */ T(r.Menu, {
-				id: o,
-				"aria-label": t,
-				style: p,
-				children: e.map((e) => /* @__PURE__ */ T("li", { children: M(e) ? /* @__PURE__ */ T(r.Item, {
-					truncate: !1,
-					render: a(e),
-					onClick: () => C(!1),
-					children: e.label
-				}) : /* @__PURE__ */ T(r.Item, {
-					truncate: !1,
-					disabled: !0,
-					children: e.label
-				}) }, A(e)))
-			})
+		})
+	});
+	return /* @__PURE__ */ S("div", {
+		...u.rootProps,
+		className: l,
+		children: [/* @__PURE__ */ x(n, {
+			ref: s,
+			size: "sm",
+			icon: /* @__PURE__ */ x(b, {}),
+			"aria-label": t,
+			title: "",
+			"aria-expanded": u.triggerProps["aria-expanded"],
+			"aria-controls": u.triggerProps["aria-controls"],
+			onClick: u.toggle
+		}), u.open && u.menuStyle != null ? /* @__PURE__ */ x(r.Menu, {
+			...u.menuProps,
+			"aria-label": t,
+			children: e.map((e, t) => /* @__PURE__ */ x("li", { children: O(e) ? /* @__PURE__ */ x(r.Item, {
+				...u.rowProps(t),
+				truncate: !1,
+				render: o(e),
+				onClick: () => u.close(),
+				children: e.label
+			}) : /* @__PURE__ */ x(r.Item, {
+				...u.rowProps(t),
+				truncate: !1,
+				disabled: !0,
+				children: e.label
+			}) }, E(e)))
 		}) : null]
 	});
 }
-function I({ items: t, maxItems: n = 4, separator: r = "chevron", variant: i = "sans", renderLink: o = j, labels: c, className: u }) {
+function M({ items: t, maxItems: n = 4, separator: r = "chevron", variant: i = "sans", renderLink: a = D, labels: s, className: l }) {
 	let d = {
-		...O,
-		...c
-	}, f = k(t, n);
-	return /* @__PURE__ */ T("nav", {
+		...w,
+		...s
+	}, f = T(t, n);
+	return /* @__PURE__ */ x("nav", {
 		"aria-label": d.nav,
-		className: u,
+		className: l,
 		"data-variant": i,
-		children: /* @__PURE__ */ T("ol", {
-			className: e(s, m[i]),
-			children: f.map((e, t) => /* @__PURE__ */ E(g, { children: [t > 0 ? /* @__PURE__ */ T(P, { separator: r }) : null, /* @__PURE__ */ T("li", {
-				className: a,
-				children: e.kind === "more" ? /* @__PURE__ */ T(F, {
+		children: /* @__PURE__ */ x("ol", {
+			className: e(c, h[i]),
+			children: f.map((e, t) => /* @__PURE__ */ S(_, { children: [t > 0 ? /* @__PURE__ */ x(A, { separator: r }) : null, /* @__PURE__ */ x("li", {
+				className: o,
+				children: e.kind === "more" ? /* @__PURE__ */ x(j, {
 					items: e.items,
 					label: d.more(e.items.length),
-					renderLink: o
-				}) : e.current ? /* @__PURE__ */ T("span", {
-					className: l,
+					renderLink: a
+				}) : e.current ? /* @__PURE__ */ x("span", {
+					className: u,
 					"aria-current": "page",
 					title: e.item.label,
 					children: e.item.label
-				}) : M(e.item) ? /* @__PURE__ */ T(N, {
+				}) : O(e.item) ? /* @__PURE__ */ x(k, {
 					item: e.item,
-					renderLink: o
-				}) : /* @__PURE__ */ T("span", {
-					className: p,
+					renderLink: a
+				}) : /* @__PURE__ */ x("span", {
+					className: m,
 					title: e.item.label,
 					children: e.item.label
 				})
-			})] }, e.kind === "more" ? "more" : A(e.item)))
+			})] }, e.kind === "more" ? "more" : E(e.item)))
 		})
 	});
 }
 //#endregion
-export { I as Breadcrumb, O as breadcrumbDefaultLabels, d as breadcrumbSeparators, k as breadcrumbSlots, h as breadcrumbVariants };
+export { M as Breadcrumb, w as breadcrumbDefaultLabels, f as breadcrumbSeparators, T as breadcrumbSlots, g as breadcrumbVariants };

package/dist/components/molecules/Card/Card.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from "react";
-import { cardAddressClasses, cardBodyTextClasses, cardBodyWellClasses, cardLayoutBodyOccupantInsetXClasses, cardLayoutBodyOccupantPadYClasses, cardLayoutBodyOccupantDotGridWellClasses, cardLayoutBodyOccupantRadiusClasses, cardLayoutBodyOccupantWellClasses, cardSubtitleClasses, cardTitleClasses, type CardPadding, type CardShape, type CardVariant } from "./cardStyles";
-export type { CardPadding, CardShape, CardVariant } from "./cardStyles";
-export { cardPaddings, cardShapes, cardVariants } from "./cardStyles";
+import { cardAddressClasses, cardBodyTextClasses, cardBodyWellClasses, cardLayoutBodyOccupantInsetXClasses, cardLayoutBodyOccupantPadYClasses, cardLayoutBodyOccupantDotGridWellClasses, cardLayoutBodyOccupantRadiusClasses, cardLayoutBodyOccupantWellClasses, cardSubtitleClasses, cardTitleClasses, type CardBodyVariant, type CardPadding, type CardShape, type CardTerminalHeight, type CardTerminalState, type CardVariant } from "./cardStyles";
+export type { CardBodyVariant, CardPadding, CardShape, CardTerminalHeight, CardTerminalState, CardVariant, } from "./cardStyles";
+export { cardBodyVariants, cardPaddings, cardShapes, cardTerminalHeights, cardTerminalStates, cardVariants, } from "./cardStyles";
 /** Layout-only — not for surface, border, or radius overrides. */
 export type CardLayoutClassName = string;
 export interface CardProps extends HTMLAttributes<HTMLElement> {
@@ -23,6 +23,27 @@ export interface CardSectionProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     className?: CardLayoutClassName;
 }
+export interface CardBodyProps extends Omit<CardSectionProps, "title"> {
+    /**
+     * `slot` (default) is the composition well.
+     * `terminal` is a dark embed frame. It is not `bodyTerminal`, which only densifies the shell bottom.
+     */
+    variant?: CardBodyVariant;
+    /** Embed URL. Omit while `loading` or `disconnected`. */
+    src?: string;
+    /** Inline document when there is no `src`. `src` wins when both are set. */
+    srcDoc?: string;
+    /** Accessible name of the embed. Default `Terminal`. */
+    title?: string;
+    /** `sm` 160px, `md` 256px, `lg` 384px, `fill` grows in a pinned card. Default `md`. */
+    height?: CardTerminalHeight;
+    /** Muted **Read only** badge in the frame bar. */
+    readOnly?: boolean;
+    /** `ready` shows the embed. `loading` is a **Skeleton**. `disconnected` is a status line. */
+    state?: CardTerminalState;
+    /** Status copy when `state` is `disconnected`. Default `Disconnected`. */
+    message?: string;
+}
 export interface CardHeaderProps extends CardSectionProps {
     /** Start slot — title + subtitle, or any leading cluster. */
     start?: ReactNode;
@@ -31,8 +52,8 @@ export interface CardHeaderProps extends CardSectionProps {
 }
 declare function CardRoot({ shape, variant, padding, bodyTerminal, headerless, as: Component, className, children, ...props }: CardProps): import("react").JSX.Element;
 declare function CardHeader({ className, children, start, end, ...props }: CardHeaderProps): import("react").JSX.Element;
-/** Inset well — composition slot for any supporting content. */
-declare function CardBody({ className, children, ...props }: CardSectionProps): import("react").JSX.Element;
+/** Inset well — composition slot, or a dark embed when `variant="terminal"`. */
+declare function CardBody({ className, children, variant, src, srcDoc, title, height, readOnly, state, message, ...props }: CardBodyProps): import("react").JSX.Element;
 declare function CardFooter({ className, children, ...props }: CardSectionProps): import("react").JSX.Element;
 declare function CardDivider({ className, ...props }: HTMLAttributes<HTMLHRElement>): import("react").JSX.Element;
 /**
@@ -41,7 +62,8 @@ declare function CardDivider({ className, ...props }: HTMLAttributes<HTMLHREleme
  * (2px gutter, square, transparent — occupant owns fill and chrome).
  * Headerless Body densifies shell top to 2px; footerless / `bodyTerminal` densifies shell bottom to 2px.
  * Pin a height on the root (`className`) with Header + Body + Footer — Header/Footer stay put;
- * **Card.Body** scrolls. No new variant.
+ * **Card.Body** scrolls. `bodyTerminal` is that density flag.
+ * **`Card.Body variant="terminal"`** is a separate dark embed frame (`data-theme="dark"` in both page themes).
  */
 export declare const Card: typeof CardRoot & {
     Header: typeof CardHeader;

package/dist/components/molecules/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,kBAAkB,EAElB,mBAAmB,EACnB,mBAAmB,EAEnB,mCAAmC,EACnC,iCAAiC,EACjC,wCAAwC,EACxC,mCAAmC,EACnC,iCAAiC,EAcjC,mBAAmB,EACnB,gBAAgB,EAEhB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtE,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4GAA4G;IAC5G,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,iFAAiF;IACjF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kHAAkH;IAClH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kGAAkG;IAClG,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AASD,iBAAS,QAAQ,CAAC,EAChB,KAAiB,EACjB,OAAmB,EACnB,OAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EAAE,SAAiB,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BAkDX;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BAYjB;AAED,gEAAgE;AAChE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAiBpE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAOtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,aAAa,CAAC,+BAE1E;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI;;;;;CAKf,CAAC;AAEH,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mCAAmC,EACnC,iCAAiC,EACjC,wCAAwC,EACxC,mCAAmC,EACnC,iCAAiC,EACjC,mBAAmB,EACnB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/Card/Card.js

@@ -1,24 +1,26 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { cardAddressClasses as t, cardBaseClasses as n, cardBodyTextClasses as r, cardBodyWellClasses as i, cardDividerClasses as a, cardLayoutBodyOccupantDotGridWellClasses as o, cardLayoutBodyOccupantInsetXClasses as s, cardLayoutBodyOccupantPadYClasses as c, cardLayoutBodyOccupantRadiusClasses as l, cardLayoutBodyOccupantWellClasses as u, cardLayoutHeaderEndClasses as d, cardLayoutHeaderStartClasses as f, cardLayoutShellBottomClasses as p, cardLayoutShellClasses as m, cardLayoutShellShapeClasses as h, cardLayoutShellTopClasses as g, cardLayoutVariantClasses as _, cardOverflowClasses as v, cardPaddings as y, cardRootPaddingClasses as b, cardSectionPaddingClasses as x, cardShapeClasses as S, cardShapes as C, cardSubtitleClasses as w, cardTitleClasses as T, cardVariantClasses as E, cardVariants as D } from "./cardStyles.js";
-import { Children as O, createContext as k, isValidElement as A, useContext as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Badge as t } from "../../atoms/Badge/Badge.js";
+import { Skeleton as n } from "../../atoms/Skeleton/Skeleton.js";
+import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as T, cardShapes as E, cardSubtitleClasses as D, cardTerminalBarClasses as O, cardTerminalFrameClasses as k, cardTerminalFrameElementClasses as A, cardTerminalHeightClasses as j, cardTerminalHeights as M, cardTerminalMessageClasses as N, cardTerminalStageClasses as P, cardTerminalStates as F, cardTerminalTitleClasses as I, cardTitleClasses as L, cardVariantClasses as R, cardVariants as z } from "./cardStyles.js";
+import { Children as B, createContext as V, isValidElement as H, useContext as U } from "react";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
 //#region src/components/molecules/Card/Card.tsx
-var P = k("none"), F = k(!1);
-function I() {
-	return j(P);
+var q = V("none"), J = V(!1);
+function Y() {
+	return U(q);
 }
-function L({ shape: t = "rounded", variant: r = "surface", padding: i = "none", bodyTerminal: a, headerless: o, as: s = "div", className: c, children: l, ...u }) {
-	let d = i === "none", f = O.toArray(l), y = f.some((e) => A(e) && e.type === R), x = f.some((e) => A(e) && e.type === z), C = f.some((e) => A(e) && e.type === B), w = d && x && !C, T = d && x && !y, D = a ?? w, k = o ?? T;
-	return /* @__PURE__ */ M(P.Provider, {
-		value: i,
-		children: /* @__PURE__ */ M(F.Provider, {
+function X({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", className: c, children: l, ...u }) {
+	let d = r === "none", f = B.toArray(l), p = f.some((e) => H(e) && e.type === Z), m = f.some((e) => H(e) && e.type === Q), h = f.some((e) => H(e) && e.type === $), S = d && f.some((e) => H(e) && e.type === Q && e.props.variant === "terminal"), w = d && m && !h, E = d && m && !p, D = a ?? w, O = o ?? E, k = S && !h;
+	return /* @__PURE__ */ G(q.Provider, {
+		value: r,
+		children: /* @__PURE__ */ G(J.Provider, {
 			value: D,
-			children: /* @__PURE__ */ M(s, {
-				className: e(n, d ? e(m, g(!k), p(D), h[t], _[r]) : e(v, S[t], E[r], b[i]), c),
+			children: /* @__PURE__ */ G(s, {
+				className: e(i, d ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, T[t], R[n], C[r]), c),
 				"data-shape": t,
-				"data-variant": r,
-				"data-padding": i,
+				"data-variant": n,
+				"data-padding": r,
 				"data-layout": d ? "shell" : void 0,
 				...u,
 				children: l
@@ -26,47 +28,86 @@ function L({ shape: t = "rounded", variant: r = "surface", padding: i = "none",
 		})
 	});
 }
-function R({ className: t, children: n, start: r, end: i, ...a }) {
-	let o = I(), s = r ?? n;
-	return /* @__PURE__ */ N("header", {
-		className: e(x[o].header, t),
+function Z({ className: t, children: n, start: r, end: i, ...a }) {
+	let o = Y(), s = r ?? n;
+	return /* @__PURE__ */ K("header", {
+		className: e(w[o].header, t),
 		...a,
-		children: [s == null ? null : /* @__PURE__ */ M("div", {
-			className: f,
+		children: [s == null ? null : /* @__PURE__ */ G("div", {
+			className: h,
 			children: s
-		}), i == null ? null : /* @__PURE__ */ M("div", {
-			className: d,
+		}), i == null ? null : /* @__PURE__ */ G("div", {
+			className: m,
 			children: i
 		})]
 	});
 }
-function z({ className: t, children: n, ...r }) {
-	let i = I(), a = j(F), o = i === "none";
-	return /* @__PURE__ */ M("div", {
-		className: e(x[i].body, o && a && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", o && !a && "min-h-0 flex-1 overflow-y-auto", t),
-		...r,
-		children: n
+function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s, title: c = "Terminal", height: l = "md", readOnly: u = !1, state: d = "ready", message: f = "Disconnected", ...p }) {
+	let m = Y(), h = U(J), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
+	return /* @__PURE__ */ G("div", {
+		className: e(_ ? k : w[m].body, _ && j[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
+		"data-variant": _ ? "terminal" : void 0,
+		"data-theme": _ ? "dark" : void 0,
+		"data-state": _ ? d : void 0,
+		"data-height": _ ? l : void 0,
+		...p,
+		children: _ ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K("div", {
+			className: O,
+			children: [/* @__PURE__ */ G("span", {
+				className: I,
+				children: c
+			}), u ? /* @__PURE__ */ G(t, {
+				size: "sm",
+				emphasis: "muted",
+				children: "Read only"
+			}) : null]
+		}), /* @__PURE__ */ K("div", {
+			className: P,
+			"aria-busy": d === "loading" || void 0,
+			children: [
+				d === "loading" ? /* @__PURE__ */ G(n, {
+					width: "100%",
+					height: "100%",
+					radius: "inner"
+				}) : null,
+				d === "disconnected" ? /* @__PURE__ */ G("p", {
+					className: N,
+					role: "status",
+					children: f
+				}) : null,
+				d === "ready" && !v ? /* @__PURE__ */ G("p", {
+					className: N,
+					role: "status",
+					children: "No session"
+				}) : null,
+				v ? /* @__PURE__ */ G("iframe", {
+					className: A,
+					title: c,
+					...o == null ? { srcDoc: s } : { src: o }
+				}) : null
+			]
+		})] }) : i
 	});
 }
-function B({ className: t, children: n, ...r }) {
-	let i = I();
-	return /* @__PURE__ */ M("footer", {
-		className: e(x[i].footer, t),
+function $({ className: t, children: n, ...r }) {
+	let i = Y();
+	return /* @__PURE__ */ G("footer", {
+		className: e(w[i].footer, t),
 		...r,
 		children: n
 	});
 }
-function V({ className: t, ...n }) {
-	return /* @__PURE__ */ M("hr", {
-		className: e(a, t),
+function ee({ className: t, ...n }) {
+	return /* @__PURE__ */ G("hr", {
+		className: e(c, t),
 		...n
 	});
 }
-var H = Object.assign(L, {
-	Header: R,
-	Body: z,
-	Footer: B,
-	Divider: V
+var te = Object.assign(X, {
+	Header: Z,
+	Body: Q,
+	Footer: $,
+	Divider: ee
 });
 //#endregion
-export { H as Card, t as cardAddressClasses, r as cardBodyTextClasses, i as cardBodyWellClasses, o as cardLayoutBodyOccupantDotGridWellClasses, s as cardLayoutBodyOccupantInsetXClasses, c as cardLayoutBodyOccupantPadYClasses, l as cardLayoutBodyOccupantRadiusClasses, u as cardLayoutBodyOccupantWellClasses, y as cardPaddings, C as cardShapes, w as cardSubtitleClasses, T as cardTitleClasses, D as cardVariants };
+export { te as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, E as cardShapes, D as cardSubtitleClasses, M as cardTerminalHeights, F as cardTerminalStates, L as cardTitleClasses, z as cardVariants };

package/dist/components/molecules/Card/cardStyles.d.ts

@@ -20,7 +20,7 @@ export declare const cardRootPaddingClasses: Record<CardPadding, string>;
 export declare const cardLayoutShellClasses = "min-h-0 gap-3 overflow-hidden";
 /** Layout shell top pad — 16px beside Header; 2px when Header is omitted. */
 export declare function cardLayoutShellTopClasses(hasHeader?: boolean): string;
-export declare function cardLayoutShellBottomClasses(bodyTerminal?: boolean): string;
+export declare function cardLayoutShellBottomClasses(bodyTerminal?: boolean, flush?: boolean): string;
 /** Horizontal inset for header/footer on the layout shell (16px). */
 export declare const cardLayoutSectionInsetXClasses = "px-4";
 /** Body gutter — 2px from the card shell edge; slot is full width inside. */
@@ -79,4 +79,19 @@ export declare const cardBodyTextClasses: string;
 /** Street + city/state/ZIP — one block; same tight stack as header title + subtitle. */
 export declare const cardAddressClasses: string;
 export declare const cardDividerClasses = "m-0 border-0 border-t border-border";
+/** `slot` is the composition well. `terminal` is a dark embed frame — not the `bodyTerminal` density flag. */
+export declare const cardBodyVariants: readonly ["slot", "terminal"];
+export type CardBodyVariant = (typeof cardBodyVariants)[number];
+export declare const cardTerminalHeights: readonly ["sm", "md", "lg", "fill"];
+export type CardTerminalHeight = (typeof cardTerminalHeights)[number];
+export declare const cardTerminalStates: readonly ["ready", "loading", "disconnected"];
+export type CardTerminalState = (typeof cardTerminalStates)[number];
+/** Dark in both page themes — `data-theme="dark"` on the frame swaps the existing tokens. */
+export declare const cardTerminalFrameClasses = "flex min-h-0 w-full flex-col overflow-hidden bg-surface text-fg";
+export declare const cardTerminalHeightClasses: Record<CardTerminalHeight, string>;
+export declare const cardTerminalBarClasses = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3";
+export declare const cardTerminalTitleClasses: string;
+export declare const cardTerminalStageClasses = "flex min-h-0 flex-1 flex-col";
+export declare const cardTerminalFrameElementClasses = "min-h-0 w-full flex-1 border-0 bg-surface";
+export declare const cardTerminalMessageClasses: string;
 //# sourceMappingURL=cardStyles.d.ts.map

package/dist/components/molecules/Card/cardStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/cardStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,+BAAgC,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,YAAY,2CAA4C,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,YAAY,+BAAgC,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,yEAAyE;AACzE,eAAO,MAAM,eAAe,2CAA2C,CAAC;AAExE,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAI1D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAI9D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,6EAA6E;AAC7E,wBAAgB,yBAAyB,CAAC,SAAS,UAAO,GAAG,MAAM,CAElE;AAED,wBAAgB,4BAA4B,CAAC,YAAY,UAAQ,GAAG,MAAM,CAEzE;AAED,qEAAqE;AACrE,eAAO,MAAM,8BAA8B,SAAS,CAAC;AAErD,6EAA6E;AAC7E,eAAO,MAAM,2BAA2B,aAAa,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,WAAW,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,iCAAiC,cAAc,CAAC;AAE7D,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGjE,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,0BAA0B,2CAA2C,CAAC;AAEnF,eAAO,MAAM,uBAAuB,QAIzB,CAAC;AAEZ,6EAA6E;AAC7E,eAAO,MAAM,4BAA4B,uCAAuC,CAAC;AAEjF,2FAA2F;AAC3F,eAAO,MAAM,0BAA0B,6CAA6C,CAAC;AAErF,uGAAuG;AACvG,eAAO,MAAM,yBAAyB,QAG3B,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,mCAAmC,CAAC;AAE5E,mGAAmG;AACnG,eAAO,MAAM,6BAA6B,sCACL,CAAC;AAEtC,mHAAmH;AACnH,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,mCAAmC,sCACX,CAAC;AAEtC,eAAO,MAAM,iCAAiC,8CACI,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,wCAAwC,QAG1C,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,gGAAgG;AAChG,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,EACX;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAiBjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAkD,CAAC;AAEhF,eAAO,MAAM,mBAAmB,QAA0D,CAAC;AAE3F,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,QACgC,CAAC;AAEhE,eAAO,MAAM,kBAAkB,wCAAwC,CAAC"}
+{"version":3,"file":"cardStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/cardStyles.ts"],"names":[],"mappings":"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"}