@solibo/solibo-ui 2.0.2 → 2.1.0

package/dist/components/fieldset/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/fieldset/index.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { t as o } from "../../classix-DG18itHa.js";
-import '../../assets/index44.css';const f = "_fieldset_f5vpp_1", i = {
+import '../../assets/index45.css';const f = "_fieldset_f5vpp_1", i = {
   fieldset: f
 }, m = ({
   className: e,

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const r=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),n="_figure_spygr_1",u={figure:n},c=({accessibleLabel:e,children:t,className:i})=>r.jsxs("figure",{className:s.t(u.figure,i),"data-component":"figure",children:[t,e&&r.jsx("figcaption",{"data-content":"screen-reader",children:e})]});exports.Figure=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index46.css');const r=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),n="_figure_spygr_1",u={figure:n},c=({accessibleLabel:e,children:t,className:i})=>r.jsxs("figure",{className:s.t(u.figure,i),"data-component":"figure",children:[t,e&&r.jsx("figcaption",{"data-content":"screen-reader",children:e})]});exports.Figure=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/figure/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index45.css';const s = "_figure_spygr_1", f = {
+import '../../assets/index46.css';const s = "_figure_spygr_1", f = {
   figure: s
 }, u = ({
   accessibleLabel: r,

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index46.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),x=require("../icon/index.cjs"),f=require("../button/index.cjs"),N="_file_1uuq9_1",q="_action_1uuq9_14",F="_details_1uuq9_61",b="_name_1uuq9_68",g="_extension_1uuq9_80",I="_subtitle_1uuq9_90",t={file:N,action:q,delete:"_delete_1uuq9_15",details:F,"name-line":"_name-line_1uuq9_68",name:b,extension:g,subtitle:I},P={".doc":"FileDoc",".docx":"FileDoc",".pdf":"FilePdf",".ppt":"FilePpt",".pptx":"FilePpt",".xls":"FileXls",".xlsx":"FileXls"},y=({deleteAccessibleLabel:_,name:s,onClick:n,onDelete:a,ref:m,subtitle:r,url:u})=>{const i=s.lastIndexOf("."),d=i>0&&i<s.length-1,p=d?s.slice(0,i):s,c=d?s.slice(i):"",h=P[c.toLowerCase()]??"FileText",o=e.jsxs(e.Fragment,{children:[e.jsx(j.Figure,{children:e.jsx(x.Icon,{name:h})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:p}),c&&e.jsx("span",{className:t.extension,children:c})]}),r&&e.jsx("span",{className:t.subtitle,children:r})]})]});return e.jsxs("div",{className:t.file,ref:m,"data-component":"file",children:[u?e.jsx("a",{className:t.action,href:u,onClick:l=>{l.stopPropagation(),n&&(l.preventDefault(),n())},title:s,children:o}):n?e.jsx("button",{"aria-label":s,className:t.action,"data-actionable":"true",onClick:l=>{l.stopPropagation(),n()},title:s,type:"button",children:o}):e.jsx("div",{className:t.action,title:s,children:o}),a&&e.jsx(f.Button,{"aria-label":_??`Delete ${s}`,className:t.delete,onClick:()=>a(),variant:"tertiary",children:e.jsx(x.Icon,{name:"Trash",size:"small"})})]})};exports.File=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),x=require("../icon/index.cjs"),f=require("../button/index.cjs"),N="_file_1uuq9_1",q="_action_1uuq9_14",F="_details_1uuq9_61",b="_name_1uuq9_68",g="_extension_1uuq9_80",I="_subtitle_1uuq9_90",t={file:N,action:q,delete:"_delete_1uuq9_15",details:F,"name-line":"_name-line_1uuq9_68",name:b,extension:g,subtitle:I},P={".doc":"FileDoc",".docx":"FileDoc",".pdf":"FilePdf",".ppt":"FilePpt",".pptx":"FilePpt",".xls":"FileXls",".xlsx":"FileXls"},y=({deleteAccessibleLabel:_,name:s,onClick:n,onDelete:a,ref:m,subtitle:r,url:u})=>{const i=s.lastIndexOf("."),d=i>0&&i<s.length-1,p=d?s.slice(0,i):s,c=d?s.slice(i):"",h=P[c.toLowerCase()]??"FileText",o=e.jsxs(e.Fragment,{children:[e.jsx(j.Figure,{children:e.jsx(x.Icon,{name:h})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:p}),c&&e.jsx("span",{className:t.extension,children:c})]}),r&&e.jsx("span",{className:t.subtitle,children:r})]})]});return e.jsxs("div",{className:t.file,ref:m,"data-component":"file",children:[u?e.jsx("a",{className:t.action,href:u,onClick:l=>{l.stopPropagation(),n&&(l.preventDefault(),n())},title:s,children:o}):n?e.jsx("button",{"aria-label":s,className:t.action,"data-actionable":"true",onClick:l=>{l.stopPropagation(),n()},title:s,type:"button",children:o}):e.jsx("div",{className:t.action,title:s,children:o}),a&&e.jsx(f.Button,{"aria-label":_??`Delete ${s}`,className:t.delete,onClick:()=>a(),variant:"tertiary",children:e.jsx(x.Icon,{name:"Trash",size:"small"})})]})};exports.File=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/file/index.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as t, Fragment as N } from "react/jsx-runtime";
 import { Figure as F } from "../figure/index.js";
 import { Icon as p } from "../icon/index.js";
 import { Button as b } from "../button/index.js";
-import '../../assets/index46.css';const q = "_file_1uuq9_1", g = "_action_1uuq9_14", I = "_details_1uuq9_61", P = "_name_1uuq9_68", v = "_extension_1uuq9_80", y = "_subtitle_1uuq9_90", n = {
+import '../../assets/index47.css';const q = "_file_1uuq9_1", g = "_action_1uuq9_14", I = "_details_1uuq9_61", P = "_name_1uuq9_68", v = "_extension_1uuq9_80", y = "_subtitle_1uuq9_90", n = {
   file: q,
   action: g,
   delete: "_delete_1uuq9_15",

package/dist/components/graph/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const a=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),j=require("../loading/index.cjs"),w="_graph_1web1_11",v="_plot_1web1_20",N="_item_1web1_34",y="_column_1web1_40",f="_value_1web1_48",k="_track_1web1_58",M="_bar_1web1_65",V="_label_1web1_87",e={graph:w,plot:v,item:N,column:y,value:f,track:k,bar:M,label:V,"is-loading":"_is-loading_1web1_96"},i=l=>Number.isFinite(l)?Math.max(0,l):0,S=({accessibleLabel:l,className:h,height:r,items:n=[],style:u,valueFormatter:_=t=>t.toLocaleString(),...p})=>{const t=n.reduce((s,c)=>Math.max(s,i(c.value)),0),b={...u,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--utils-tokens-unit) * 16)"};return a.jsxs("figure",{className:x.t(e.graph,h),style:b,...p,"data-component":"graph",children:[l&&a.jsx("figcaption",{"data-content":"screen-reader",children:l}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,c)=>{const o=i(s.value),d=t>0?o/t*100:0,m=o>0?Math.max(d,6):0,g={"--bar-color":s.color,"--bar-delay":c*50+"ms","--bar-height":m+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:_(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:g})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+c)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(j.Loading,{})})]})};exports.Graph=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const a=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),j=require("../loading/index.cjs"),q="_graph_plhqd_11",v="_plot_plhqd_20",N="_item_plhqd_34",y="_column_plhqd_40",f="_value_plhqd_48",k="_track_plhqd_58",M="_bar_plhqd_65",V="_label_plhqd_87",l={graph:q,plot:v,item:N,column:y,value:f,track:k,bar:M,label:V,"is-loading":"_is-loading_plhqd_96"},h=e=>Number.isFinite(e)?Math.max(0,e):0,S=({accessibleLabel:e,className:i,height:r,items:n=[],style:p,valueFormatter:d=t=>t.toLocaleString(),...u})=>{const t=n.reduce((s,c)=>Math.max(s,h(c.value)),0),_={...p,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--utils-tokens-unit) * 16)"};return a.jsxs("figure",{className:b.t(l.graph,i),style:_,...u,"data-component":"graph",children:[e&&a.jsx("figcaption",{"data-content":"screen-reader",children:e}),n.length>0?a.jsx("ul",{className:l.plot,children:n.map((s,c)=>{const o=h(s.value),m=t>0?o/t*100:0,g=o>0?Math.max(m,6):0,x={"--bar-color":s.color,"--bar-delay":c*50+"ms","--bar-height":g+"%"};return a.jsxs("li",{className:l.item,"data-component":"graph",children:[a.jsxs("div",{className:l.column,children:[a.jsx("span",{className:l.value,children:d(s.value)}),a.jsx("span",{className:l.track,children:a.jsx("span",{className:l.bar,style:x})})]}),a.jsx("span",{className:l.label,title:s.label,children:s.label})]},s.label+c)})}):a.jsx("div",{className:l["is-loading"],children:a.jsx(j.Loading,{})})]})};exports.Graph=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/graph/index.js

@@ -1,49 +1,49 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { t as N } from "../../classix-DG18itHa.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { t as q } from "../../classix-DG18itHa.js";
 import { Loading as v } from "../loading/index.js";
-import '../../assets/index21.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
+import '../../assets/index21.css';const f = "_graph_plhqd_11", x = "_plot_plhqd_20", k = "_item_plhqd_34", V = "_column_plhqd_40", y = "_value_plhqd_48", M = "_track_plhqd_58", w = "_bar_plhqd_65", j = "_label_plhqd_87", a = {
   graph: f,
   plot: x,
   item: k,
   column: V,
   value: y,
   track: M,
-  bar: j,
-  label: S,
-  "is-loading": "_is-loading_1web1_96"
-}, h = (t) => Number.isFinite(t) ? Math.max(0, t) : 0, L = ({
-  accessibleLabel: t,
-  className: _,
+  bar: w,
+  label: j,
+  "is-loading": "_is-loading_plhqd_96"
+}, p = (e) => Number.isFinite(e) ? Math.max(0, e) : 0, G = ({
+  accessibleLabel: e,
+  className: d,
   height: o,
   items: n = [],
-  style: m,
-  valueFormatter: p = (r) => r.toLocaleString(),
-  ...b
+  style: i,
+  valueFormatter: _ = (r) => r.toLocaleString(),
+  ...m
 }) => {
-  const r = n.reduce((e, c) => Math.max(e, h(c.value)), 0), u = {
-    ...m,
+  const r = n.reduce((l, c) => Math.max(l, p(c.value)), 0), u = {
+    ...i,
     "--graph-columns": Math.max(n.length, 1),
     "--graph-height": o || "calc(var(--utils-tokens-unit) * 16)"
   };
-  return /* @__PURE__ */ s("figure", { className: N(a.graph, _), style: u, ...b, "data-component": "graph", children: [
-    t && /* @__PURE__ */ l("figcaption", { "data-content": "screen-reader", children: t }),
-    n.length > 0 ? /* @__PURE__ */ l("ul", { className: a.plot, children: n.map((e, c) => {
-      const i = h(e.value), d = r > 0 ? i / r * 100 : 0, g = i > 0 ? Math.max(d, 6) : 0, w = {
-        "--bar-color": e.color,
+  return /* @__PURE__ */ s("figure", { className: q(a.graph, d), style: u, ...m, "data-component": "graph", children: [
+    e && /* @__PURE__ */ t("figcaption", { "data-content": "screen-reader", children: e }),
+    n.length > 0 ? /* @__PURE__ */ t("ul", { className: a.plot, children: n.map((l, c) => {
+      const h = p(l.value), g = r > 0 ? h / r * 100 : 0, b = h > 0 ? Math.max(g, 6) : 0, N = {
+        "--bar-color": l.color,
         "--bar-delay": c * 50 + "ms",
-        "--bar-height": g + "%"
+        "--bar-height": b + "%"
       };
       return /* @__PURE__ */ s("li", { className: a.item, "data-component": "graph", children: [
         /* @__PURE__ */ s("div", { className: a.column, children: [
-          /* @__PURE__ */ l("span", { className: a.value, children: p(e.value) }),
-          /* @__PURE__ */ l("span", { className: a.track, children: /* @__PURE__ */ l("span", { className: a.bar, style: w }) })
+          /* @__PURE__ */ t("span", { className: a.value, children: _(l.value) }),
+          /* @__PURE__ */ t("span", { className: a.track, children: /* @__PURE__ */ t("span", { className: a.bar, style: N }) })
         ] }),
-        /* @__PURE__ */ l("span", { className: a.label, title: e.label, children: e.label })
-      ] }, e.label + c);
-    }) }) : /* @__PURE__ */ l("div", { className: a["is-loading"], children: /* @__PURE__ */ l(v, {}) })
+        /* @__PURE__ */ t("span", { className: a.label, title: l.label, children: l.label })
+      ] }, l.label + c);
+    }) }) : /* @__PURE__ */ t("div", { className: a["is-loading"], children: /* @__PURE__ */ t(v, {}) })
   ] });
 };
 export {
-  L as Graph
+  G as Graph
 };
 //# sourceMappingURL=index.js.map

package/dist/components/group/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),a="_group_1j6jh_1",n={group:a},p=({animation:t,children:r,className:o,...e})=>s.jsx("div",{className:u.t(o,n.group),"data-animation":t,"data-wrapper":!0,...e,"data-component":"group",children:r});exports.Group=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),a="_group_8bgfi_1",n={group:a},i=({animation:t,children:r,className:o,...e})=>s.jsx("div",{className:u.t(o,n.group),"data-animation":t,"data-wrapper":!0,...e,"data-component":"group",children:r});exports.Group=i;
 //# sourceMappingURL=index.cjs.map

package/dist/components/group/index.js

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index20.css';const s = "_group_1j6jh_1", u = {
+import '../../assets/index20.css';const s = "_group_8bgfi_1", u = {
   group: s
-}, c = ({
+}, g = ({
   animation: o,
   children: r,
   className: t,
   ...p
 }) => /* @__PURE__ */ a("div", { className: n(t, u.group), "data-animation": o, "data-wrapper": !0, ...p, "data-component": "group", children: r });
 export {
-  c as Group
+  g as Group
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_grfw1_1",m="_controls_grfw1_68",j="_cta_grfw1_95",f="_jumbo_grfw1_145",e={header:_,controls:m,cta:j,"header-content":"_header-content_grfw1_107",jumbo:f},b={default:e.default,jumbo:e.jumbo},g=({backButton:n,capitalize:o=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const r=t.jsxs("div",{className:e["header-content"],children:[n,l,i]}),c=s?t.jsxs("div",{className:e.controls,children:[r,s]}):r;return t.jsxs("header",{className:u.t(e.header,b[h],o&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[c,a]}):c,d]})};exports.Header=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_1p43o_1",m="_controls_1p43o_58",j="_cta_1p43o_85",p="_jumbo_1p43o_135",e={header:_,controls:m,cta:j,"header-content":"_header-content_1p43o_97",jumbo:p},b={default:e.default,jumbo:e.jumbo},x=({backButton:n,capitalize:r=!1,children:d,controls:s,cta:o,header:l,subHeader:i,variant:h="default"})=>{const a=t.jsxs("div",{className:e["header-content"],children:[n,l,i]}),c=s?t.jsxs("div",{className:e.controls,children:[a,s]}):a;return t.jsxs("header",{className:u.t(e.header,b[h],r&&e.capitalize),"data-component":"header",children:[o?t.jsxs("div",{className:e.cta,children:[c,o]}):c,d]})};exports.Header=x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  backButton?: React.ReactNode;\n  capitalize?: boolean;\n  children?: React.ReactNode;\n  controls?: React.ReactNode;\n  cta?: React.ReactNode;\n  header?: React.ReactNode;\n  subHeader?: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({\n  backButton,\n  capitalize = false,\n  children,\n  controls,\n  cta,\n  header,\n  subHeader,\n  variant = 'default',\n}: HeaderProps) => {\n  const headerElement = (\n    <div className={styles['header-content']}>\n      {backButton}\n      {header}\n      {subHeader}\n    </div>\n  );\n\n  const headerWithControls = controls ? (\n    <div className={styles.controls}>\n      {headerElement}\n      {controls}\n    </div>\n  ) : (\n    headerElement\n  );\n\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {cta ? (\n        <div className={styles.cta}>\n          {headerWithControls}\n          {cta}\n        </div>\n      ) : (\n        headerWithControls\n      )}\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","backButton","capitalize","children","controls","cta","header","subHeader","variant","headerElement","jsxs","headerWithControls","cx"],"mappings":"kUAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAaaC,EAASA,CAAC,CACrBC,WAAAA,EACAC,WAAAA,EAAa,GACbC,SAAAA,EACAC,SAAAA,EACAC,IAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,SACC,IAAM,CACjB,MAAMC,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAO,gBAAgB,EACpCG,SAAAA,CAAAA,EACAK,EACAC,CAAAA,EACH,EAGII,EAAqBP,EACzBM,OAAC,MAAA,CAAI,UAAWZ,EAAOM,SACpBK,SAAAA,CAAAA,EACAL,CAAAA,CAAAA,CACH,EAEAK,EAGF,OACEC,EAAAA,KAAC,SAAA,CAAO,UAAWE,EAAAA,EAAGd,EAAOQ,OAAQV,EAASY,CAAO,EAAGN,GAAcJ,EAAOI,UAAU,EAAE,iBAAA,SACtFG,SAAAA,CAAAA,EACCK,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAOO,IACpBM,SAAAA,CAAAA,EACAN,CAAAA,CAAAA,CACH,EAEAM,EAEDR,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  jumbo: styles.jumbo,\n};\n\nexport type HeaderProps = {\n  backButton?: React.ReactNode;\n  capitalize?: boolean;\n  children?: React.ReactNode;\n  controls?: React.ReactNode;\n  cta?: React.ReactNode;\n  header?: React.ReactNode;\n  subHeader?: React.ReactNode;\n  variant?: keyof typeof variants;\n};\n\nexport const Header = ({\n  backButton,\n  capitalize = false,\n  children,\n  controls,\n  cta,\n  header,\n  subHeader,\n  variant = 'default',\n}: HeaderProps) => {\n  const headerElement = (\n    <div className={styles['header-content']}>\n      {backButton}\n      {header}\n      {subHeader}\n    </div>\n  );\n\n  const headerWithControls = controls ? (\n    <div className={styles.controls}>\n      {headerElement}\n      {controls}\n    </div>\n  ) : (\n    headerElement\n  );\n\n  return (\n    <header className={cx(styles.header, variants[variant], capitalize && styles.capitalize)}>\n      {cta ? (\n        <div className={styles.cta}>\n          {headerWithControls}\n          {cta}\n        </div>\n      ) : (\n        headerWithControls\n      )}\n      {children}\n    </header>\n  );\n};\n"],"names":["variants","default","styles","jumbo","Header","backButton","capitalize","children","controls","cta","header","subHeader","variant","headerElement","jsxs","headerWithControls","cx"],"mappings":"iUAIMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,KAChB,EAaaC,EAASA,CAAC,CACrBC,WAAAA,EACAC,WAAAA,EAAa,GACbC,SAAAA,EACAC,SAAAA,EACAC,IAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,SACC,IAAM,CACjB,MAAMC,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAO,gBAAgB,EACpCG,SAAAA,CAAAA,EACAK,EACAC,CAAAA,EACH,EAGII,EAAqBP,EACzBM,OAAC,MAAA,CAAI,UAAWZ,EAAOM,SACpBK,SAAAA,CAAAA,EACAL,CAAAA,CAAAA,CACH,EAEAK,EAGF,OACEC,EAAAA,KAAC,SAAA,CAAO,UAAWE,EAAAA,EAAGd,EAAOQ,OAAQV,EAASY,CAAO,EAAGN,GAAcJ,EAAOI,UAAU,EAAE,iBAAA,SACtFG,SAAAA,CAAAA,EACCK,EAAAA,KAAC,MAAA,CAAI,UAAWZ,EAAOO,IACpBM,SAAAA,CAAAA,EACAN,CAAAA,CAAAA,CACH,EAEAM,EAEDR,CAAAA,EACH,CAEJ"}

package/dist/components/header/index.js

@@ -1,41 +1,41 @@
-import { jsxs as t } from "react/jsx-runtime";
+import { jsxs as o } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index19.css';const i = "_header_grfw1_1", f = "_controls_grfw1_68", u = "_cta_grfw1_95", j = "_jumbo_grfw1_145", e = {
+import '../../assets/index19.css';const i = "_header_1p43o_1", p = "_controls_1p43o_58", u = "_cta_1p43o_85", f = "_jumbo_1p43o_135", e = {
   header: i,
-  controls: f,
+  controls: p,
   cta: u,
-  "header-content": "_header-content_grfw1_107",
-  jumbo: j
-}, b = {
+  "header-content": "_header-content_1p43o_97",
+  jumbo: f
+}, j = {
   default: e.default,
   jumbo: e.jumbo
-}, w = ({
-  backButton: n,
+}, N = ({
+  backButton: r,
   capitalize: s = !1,
   children: d,
-  controls: a,
-  cta: r,
+  controls: t,
+  cta: a,
   header: l,
   subHeader: h,
   variant: m = "default"
 }) => {
-  const o = /* @__PURE__ */ t("div", { className: e["header-content"], children: [
-    n,
+  const c = /* @__PURE__ */ o("div", { className: e["header-content"], children: [
+    r,
     l,
     h
-  ] }), c = a ? /* @__PURE__ */ t("div", { className: e.controls, children: [
-    o,
-    a
-  ] }) : o;
-  return /* @__PURE__ */ t("header", { className: _(e.header, b[m], s && e.capitalize), "data-component": "header", children: [
-    r ? /* @__PURE__ */ t("div", { className: e.cta, children: [
-      c,
-      r
-    ] }) : c,
+  ] }), n = t ? /* @__PURE__ */ o("div", { className: e.controls, children: [
+    c,
+    t
+  ] }) : c;
+  return /* @__PURE__ */ o("header", { className: _(e.header, j[m], s && e.capitalize), "data-component": "header", children: [
+    a ? /* @__PURE__ */ o("div", { className: e.cta, children: [
+      n,
+      a
+    ] }) : n,
     d
   ] });
 };
 export {
-  w as Header
+  N as Header
 };
 //# sourceMappingURL=index.js.map

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),r=require("../../icons-Dv_p0bUF.cjs"),l="_icon_1dkgk_1",d="_small_1dkgk_10",m="_medium_1dkgk_15",_="_large_1dkgk_20",k="_danger_1dkgk_25",e={icon:l,small:d,medium:m,large:_,danger:k,"gap-right":"_gap-right_1dkgk_29","gap-left":"_gap-left_1dkgk_33"},u={large:e.large,medium:e.medium,small:e.small},p={danger:e.danger},y=({gap:n="none",name:o,size:t="medium",variant:s,weight:a})=>{const c={maskImage:r.iconSVG(o,void 0,a)};return i.jsx("span",{"aria-hidden":"true",className:g.t(n!=="none"&&e[`gap-${n}`],u[t],e.icon,s&&p[s]),style:c,"data-component":"icon"})};exports.Icon=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index48.css');const c=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),l=require("../../icons-BTif0nDb.cjs"),_="_icon_23h6o_1",m="_large_23h6o_10",g="_medium_23h6o_15",d="_small_23h6o_20",u="_tiny_23h6o_25",h="_danger_23h6o_30",n={icon:_,large:m,medium:g,small:d,tiny:u,danger:h,"gap-right":"_gap-right_23h6o_34","gap-left":"_gap-left_23h6o_38"},y={large:n.large,medium:n.medium,small:n.small,tiny:n.tiny},p={danger:n.danger},S=({gap:e="none",name:t,size:s="medium",variant:o,weight:i})=>{const a={maskImage:l.iconSVG(t,void 0,i)};return c.jsx("span",{"aria-hidden":"true",className:r.t(e!=="none"&&n[`gap-${e}`],y[s],n.icon,o&&p[o]),style:a,"data-component":"icon"})};exports.Icon=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/icon/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconSVG, type IconWeight } from './icons';\nimport styles from './styles.module.css';\n\nexport type { IconName, IconWeight } from './icons';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  weight?: IconWeight;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant, weight }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, undefined, weight),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","gap","name","size","variant","weight","iconStyle","maskImage","iconSVG","undefined","jsx","cx","icon"],"mappings":"sZAOMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,KAChB,EAEMC,EAAW,CACfC,OAAQJ,EAAOI,MACjB,EAUaC,EAAOA,CAAC,CAAEC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,EAASC,OAAAA,CAAkB,IAAM,CAC3F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQN,EAAMO,OAAWJ,CAAM,CAAA,EAG5C,OACEK,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWC,IACTV,IAAQ,QAAUN,EAAO,OAAOM,CAAG,EAAE,EACrCR,EAAMU,CAAI,EACVR,EAAOiB,KACPR,GAAWN,EAASM,CAAO,CAC7B,EACA,MAAOE,EAAU,iBAAA,MAAA,CAAA,CAGvB"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconSVG, type IconWeight } from './icons';\nimport styles from './styles.module.css';\n\nexport type { IconName, IconWeight } from './icons';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n  tiny: styles.tiny,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  weight?: IconWeight;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant, weight }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, undefined, weight),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n"],"names":["sizes","large","styles","medium","small","tiny","variants","danger","Icon","gap","name","size","variant","weight","iconStyle","maskImage","iconSVG","undefined","jsx","cx","icon"],"mappings":"gbAOMA,EAAQ,CACZC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,MACdC,KAAMH,EAAOG,IACf,EAEMC,EAAW,CACfC,OAAQL,EAAOK,MACjB,EAUaC,EAAOA,CAAC,CAAEC,IAAAA,EAAM,OAAQC,KAAAA,EAAMC,KAAAA,EAAO,SAAUC,QAAAA,EAASC,OAAAA,CAAkB,IAAM,CAC3F,MAAMC,EAAY,CAChBC,UAAWC,EAAAA,QAAQN,EAAMO,OAAWJ,CAAM,CAAA,EAG5C,OACEK,EAAAA,IAAC,OAAA,CACC,cAAY,OACZ,UAAWC,IACTV,IAAQ,QAAUP,EAAO,OAAOO,CAAG,EAAE,EACrCT,EAAMW,CAAI,EACVT,EAAOkB,KACPR,GAAWN,EAASM,CAAO,CAC7B,EACA,MAAOE,EAAU,iBAAA,MAAA,CAAA,CAGvB"}

package/dist/components/icon/index.js

@@ -1,33 +1,35 @@
-import { jsx as g } from "react/jsx-runtime";
-import { t as i } from "../../classix-DG18itHa.js";
-import { i as r } from "../../icons-dUP7sKyt.js";
-import '../../assets/index47.css';const d = "_icon_1dkgk_1", l = "_small_1dkgk_10", _ = "_medium_1dkgk_15", c = "_large_1dkgk_20", k = "_danger_1dkgk_25", n = {
-  icon: d,
-  small: l,
-  medium: _,
-  large: c,
-  danger: k,
-  "gap-right": "_gap-right_1dkgk_29",
-  "gap-left": "_gap-left_1dkgk_33"
-}, p = {
-  large: n.large,
-  medium: n.medium,
-  small: n.small
+import { jsx as m } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import { i as r } from "../../icons-CBbpxsJF.js";
+import '../../assets/index48.css';const c = "_icon_23h6o_1", l = "_large_23h6o_10", g = "_medium_23h6o_15", d = "_small_23h6o_20", h = "_tiny_23h6o_25", p = "_danger_23h6o_30", o = {
+  icon: c,
+  large: l,
+  medium: g,
+  small: d,
+  tiny: h,
+  danger: p,
+  "gap-right": "_gap-right_23h6o_34",
+  "gap-left": "_gap-left_23h6o_38"
 }, u = {
-  danger: n.danger
-}, x = ({
-  gap: e = "none",
-  name: a,
-  size: m = "medium",
-  variant: o,
-  weight: s
+  large: o.large,
+  medium: o.medium,
+  small: o.small,
+  tiny: o.tiny
+}, y = {
+  danger: o.danger
+}, S = ({
+  gap: n = "none",
+  name: e,
+  size: a = "medium",
+  variant: t,
+  weight: i
 }) => {
-  const t = {
-    maskImage: r(a, void 0, s)
+  const s = {
+    maskImage: r(e, void 0, i)
   };
-  return /* @__PURE__ */ g("span", { "aria-hidden": "true", className: i(e !== "none" && n[`gap-${e}`], p[m], n.icon, o && u[o]), style: t, "data-component": "icon" });
+  return /* @__PURE__ */ m("span", { "aria-hidden": "true", className: _(n !== "none" && o[`gap-${n}`], u[a], o.icon, t && y[t]), style: s, "data-component": "icon" });
 };
 export {
-  x as Icon
+  S as Icon
 };
 //# sourceMappingURL=index.js.map

package/dist/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconSVG, type IconWeight } from './icons';\nimport styles from './styles.module.css';\n\nexport type { IconName, IconWeight } from './icons';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  weight?: IconWeight;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant, weight }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, undefined, weight),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n"],"names":["sizes","large","styles","medium","small","variants","danger","Icon","gap","name","size","variant","weight","iconStyle","maskImage","iconSVG","undefined","jsx","cx","icon"],"mappings":";;;;;;;;;;;GAOMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAChB,GAEMC,IAAW;AAAA,EACfC,QAAQJ,EAAOI;AACjB,GAUaC,IAAOA,CAAC;AAAA,EAAEC,KAAAA,IAAM;AAAA,EAAQC,MAAAA;AAAAA,EAAMC,MAAAA,IAAO;AAAA,EAAUC,SAAAA;AAAAA,EAASC,QAAAA;AAAkB,MAAM;AAC3F,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQN,GAAMO,QAAWJ,CAAM;AAAA,EAAA;AAG5C,SACE,gBAAAK,EAAC,QAAA,EACC,eAAY,QACZ,WAAWC,EACTV,MAAQ,UAAUN,EAAO,OAAOM,CAAG,EAAE,GACrCR,EAAMU,CAAI,GACVR,EAAOiB,MACPR,KAAWN,EAASM,CAAO,CAC7B,GACA,OAAOE,GAAU,kBAAA,OAAA,CAAA;AAGvB;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { type IconName, iconSVG, type IconWeight } from './icons';\nimport styles from './styles.module.css';\n\nexport type { IconName, IconWeight } from './icons';\n\nconst sizes = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n  tiny: styles.tiny,\n};\n\nconst variants = {\n  danger: styles.danger,\n};\n\nexport type IconProps = {\n  gap?: 'left' | 'none' | 'right';\n  name: IconName;\n  size?: keyof typeof sizes;\n  variant?: keyof typeof variants;\n  weight?: IconWeight;\n};\n\nexport const Icon = ({ gap = 'none', name, size = 'medium', variant, weight }: IconProps) => {\n  const iconStyle = {\n    maskImage: iconSVG(name, undefined, weight),\n  } as React.CSSProperties;\n\n  return (\n    <span\n      aria-hidden='true'\n      className={cx(\n        gap !== 'none' && styles[`gap-${gap}`],\n        sizes[size],\n        styles.icon,\n        variant && variants[variant]\n      )}\n      style={iconStyle}\n    />\n  );\n};\n"],"names":["sizes","large","styles","medium","small","tiny","variants","danger","Icon","gap","name","size","variant","weight","iconStyle","maskImage","iconSVG","undefined","jsx","cx","icon"],"mappings":";;;;;;;;;;;;GAOMA,IAAQ;AAAA,EACZC,OAAOC,EAAOD;AAAAA,EACdE,QAAQD,EAAOC;AAAAA,EACfC,OAAOF,EAAOE;AAAAA,EACdC,MAAMH,EAAOG;AACf,GAEMC,IAAW;AAAA,EACfC,QAAQL,EAAOK;AACjB,GAUaC,IAAOA,CAAC;AAAA,EAAEC,KAAAA,IAAM;AAAA,EAAQC,MAAAA;AAAAA,EAAMC,MAAAA,IAAO;AAAA,EAAUC,SAAAA;AAAAA,EAASC,QAAAA;AAAkB,MAAM;AAC3F,QAAMC,IAAY;AAAA,IAChBC,WAAWC,EAAQN,GAAMO,QAAWJ,CAAM;AAAA,EAAA;AAG5C,SACE,gBAAAK,EAAC,QAAA,EACC,eAAY,QACZ,WAAWC,EACTV,MAAQ,UAAUP,EAAO,OAAOO,CAAG,EAAE,GACrCT,EAAMW,CAAI,GACVT,EAAOkB,MACPR,KAAWN,EAASM,CAAO,CAC7B,GACA,OAAOE,GAAU,kBAAA,OAAA,CAAA;AAGvB;"}

package/dist/components/iframe/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const r=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),s=require("react"),A=require("../button/index.cjs"),N=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),G=require("../header/index.cjs"),R="_wrapper_29z62_1",V="_toolbar_29z62_6",$="_iframe_29z62_12",a={wrapper:R,toolbar:V,iframe:$,"fullscreen-iframe":"_fullscreen-iframe_29z62_18"},d=120,L=12e3,X=8,J=({accessibleLabel:f,autoResize:l=!1,className:v,closeFullscreenLabel:F="Close fullscreen",fullscreenLabel:I="View in fullscreen",hasFullscreenView:O=!0,loading:b="lazy",onLoad:h,referrerPolicy:H="no-referrer",sandbox:y="",srcDoc:w,style:E,...j})=>{const _=s.useRef(null),c=s.useRef(null),i=s.useRef(null),[k,M]=s.useState(d),[T,p]=s.useState(!1),g=s.useCallback(()=>{c.current!==null&&(window.cancelAnimationFrame(c.current),c.current=null),i.current!==null&&(window.clearTimeout(i.current),i.current=null)},[]),x=s.useCallback(()=>{if(!l)return;const t=_.current,e=t==null?void 0:t.contentDocument;if(!t||!e)return;const m=t.style.height;try{t.style.height=`${d}px`;const o=e.querySelector("[data-iframe-content]")??e.body,u=o.getBoundingClientRect(),{body:q,documentElement:C}=e,B=Math.min(Math.max(Math.ceil(Math.max(o.scrollHeight,o.offsetHeight,u.height,q.scrollHeight,q.offsetHeight,C.scrollHeight,C.offsetHeight)+X),d),L);M(B)}catch{}finally{t.style.height=m}},[l]),n=s.useCallback(()=>{!l||c.current!==null||(c.current=window.requestAnimationFrame(()=>{c.current=null,x(),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{i.current=null,x()},250)}))},[l,x]),U=t=>{var m,o;n();const e=(m=_.current)==null?void 0:m.contentDocument;Array.from((e==null?void 0:e.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",n,{once:!0}),u.addEventListener("error",n,{once:!0}))}),(o=e==null?void 0:e.fonts)==null||o.ready.then(n).catch(()=>{}),h==null||h(t)};return s.useEffect(()=>{if(l)return g(),M(d),n(),g},[l,g,n,w]),s.useEffect(()=>{var t;if(l)return window.addEventListener("resize",n),(t=window.visualViewport)==null||t.addEventListener("resize",n),()=>{var e;window.removeEventListener("resize",n),(e=window.visualViewport)==null||e.removeEventListener("resize",n)}},[l,n]),r.jsxs("div",{className:a.wrapper,"data-component":"iframe",children:[O&&r.jsx("div",{className:a.toolbar,children:r.jsx(A.Button,{"aria-expanded":T,"aria-haspopup":"dialog",onClick:()=>p(!0),variant:"tertiary",children:I})}),r.jsx("iframe",{...j,className:S.t(a.iframe,v),loading:b,onLoad:U,ref:_,referrerPolicy:H,sandbox:y,srcDoc:w,style:l?{...E,height:k,minHeight:d}:E,title:f}),T&&r.jsx(z.Dialog,{"aria-label":`${f} fullscreen`,controls:r.jsx(N.Controls,{children:r.jsx(A.Button,{onClick:()=>p(!1),children:F})}),fullscreen:!0,header:r.jsx(G.Header,{children:r.jsx("h2",{children:f})}),open:!0,setOpen:p,children:r.jsx("iframe",{...j,className:S.t(a.iframe,a["fullscreen-iframe"],v),loading:"eager",referrerPolicy:H,sandbox:y,srcDoc:w,title:`${f} fullscreen`})})]})};exports.Iframe=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const l=require("react/jsx-runtime"),C=require("../../classix-5H4IWnMA.cjs"),s=require("react"),S=require("../button/index.cjs"),N=require("../controls/index.cjs"),G=require("../dialog/index.cjs"),V=require("../header/index.cjs"),$="_wrapper_s1xgg_3",R="_toolbar_s1xgg_8",L="_iframe_s1xgg_14",X="_scrollable_s1xgg_25",o={wrapper:$,toolbar:R,iframe:L,"fullscreen-iframe":"_fullscreen-iframe_s1xgg_20",scrollable:X},d=120,J=12e3,K=8,P=({accessibleLabel:f,autoResize:n=!1,className:v,closeFullscreenLabel:A="Close fullscreen",fullscreenLabel:F="View in fullscreen",hasFullscreenView:I=!0,loading:O="lazy",onLoad:h,referrerPolicy:H="no-referrer",sandbox:y="",srcDoc:g,style:E,...j})=>{const _=s.useRef(null),i=s.useRef(null),c=s.useRef(null),[k,b]=s.useState(d),[M,w]=s.useState(!1),p=s.useCallback(()=>{i.current!==null&&(window.cancelAnimationFrame(i.current),i.current=null),c.current!==null&&(window.clearTimeout(c.current),c.current=null)},[]),x=s.useCallback(()=>{if(!n)return;const t=_.current,e=t==null?void 0:t.contentDocument;if(!t||!e)return;const m=t.style.height;try{t.style.height=`${d}px`;const a=e.querySelector("[data-iframe-content]")??e.body,u=a.getBoundingClientRect(),{body:T,documentElement:q}=e,B=Math.min(Math.max(Math.ceil(Math.max(a.scrollHeight,a.offsetHeight,u.height,T.scrollHeight,T.offsetHeight,q.scrollHeight,q.offsetHeight)+K),d),J);b(B)}catch{}finally{t.style.height=m}},[n]),r=s.useCallback(()=>{!n||i.current!==null||(i.current=window.requestAnimationFrame(()=>{i.current=null,x(),c.current!==null&&window.clearTimeout(c.current),c.current=window.setTimeout(()=>{c.current=null,x()},250)}))},[n,x]),U=t=>{var m,a;r();const e=(m=_.current)==null?void 0:m.contentDocument;Array.from((e==null?void 0:e.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",r,{once:!0}),u.addEventListener("error",r,{once:!0}))}),(a=e==null?void 0:e.fonts)==null||a.ready.then(r).catch(()=>{}),h==null||h(t)};return s.useEffect(()=>{if(n)return p(),b(d),r(),p},[n,p,r,g]),s.useEffect(()=>{var t;if(n)return window.addEventListener("resize",r),(t=window.visualViewport)==null||t.addEventListener("resize",r),()=>{var e;window.removeEventListener("resize",r),(e=window.visualViewport)==null||e.removeEventListener("resize",r)}},[n,r]),l.jsxs("div",{className:o.wrapper,"data-component":"iframe",children:[I&&l.jsx("div",{className:o.toolbar,children:l.jsx(S.Button,{"aria-expanded":M,"aria-haspopup":"dialog",onClick:()=>w(!0),variant:"tertiary",children:F})}),l.jsx("iframe",{...j,className:C.t(o.iframe,!n&&o.scrollable,v),loading:O,onLoad:U,ref:_,referrerPolicy:H,sandbox:y,srcDoc:g,style:n?{...E,height:k,minHeight:d}:E,title:f}),M&&l.jsx(G.Dialog,{"aria-label":`${f} fullscreen`,controls:l.jsx(N.Controls,{children:l.jsx(S.Button,{onClick:()=>w(!1),children:A})}),fullscreen:!0,header:l.jsx(V.Header,{children:l.jsx("h2",{children:f})}),open:!0,setOpen:w,children:l.jsx("iframe",{...j,className:C.t(o.iframe,o["fullscreen-iframe"],o.scrollable,v),loading:"eager",referrerPolicy:H,sandbox:y,srcDoc:g,title:`${f} fullscreen`})})]})};exports.Iframe=P;
 //# sourceMappingURL=index.cjs.map

package/dist/components/iframe/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/iframe/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { type ComponentPropsWithoutRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Controls } from '../controls';\nimport { Dialog } from '../dialog';\nimport { Header } from '../header';\nimport styles from './styles.module.css';\n\nconst MIN_AUTO_HEIGHT = 120;\nconst MAX_AUTO_HEIGHT = 12000;\nconst AUTO_HEIGHT_BUFFER = 8;\n\nexport type IframeProps = Omit<ComponentPropsWithoutRef<'iframe'>, 'src' | 'srcDoc' | 'title'> & {\n  accessibleLabel: string;\n  autoResize?: boolean;\n  closeFullscreenLabel?: string;\n  fullscreenLabel?: string;\n  hasFullscreenView?: boolean;\n  srcDoc: string;\n};\n\nexport const Iframe = ({\n  accessibleLabel,\n  autoResize = false,\n  className,\n  closeFullscreenLabel = 'Close fullscreen',\n  fullscreenLabel = 'View in fullscreen',\n  hasFullscreenView = true,\n  loading = 'lazy',\n  onLoad,\n  referrerPolicy = 'no-referrer',\n  sandbox = '',\n  srcDoc,\n  style,\n  ...props\n}: IframeProps) => {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const measurementFrameRef = useRef<number | null>(null);\n  const followUpMeasurementTimeoutRef = useRef<number | null>(null);\n  const [measuredHeight, setMeasuredHeight] = useState(MIN_AUTO_HEIGHT);\n  const [isFullscreenOpen, setIsFullscreenOpen] = useState(false);\n\n  const clearScheduledMeasurements = useCallback(() => {\n    if (measurementFrameRef.current !== null) {\n      window.cancelAnimationFrame(measurementFrameRef.current);\n      measurementFrameRef.current = null;\n    }\n\n    if (followUpMeasurementTimeoutRef.current !== null) {\n      window.clearTimeout(followUpMeasurementTimeoutRef.current);\n      followUpMeasurementTimeoutRef.current = null;\n    }\n  }, []);\n\n  const measureSize = useCallback(() => {\n    if (!autoResize) return;\n\n    const iframe = iframeRef.current;\n    const iframeDocument = iframe?.contentDocument;\n    if (!iframe || !iframeDocument) return;\n\n    const renderedHeight = iframe.style.height;\n\n    try {\n      // measure from a stable viewport height so content sized with percentages or\n      // viewport units cannot feed the iframe's previous height back into itself\n      iframe.style.height = `${MIN_AUTO_HEIGHT}px`;\n\n      const content =\n        iframeDocument.querySelector<HTMLElement>('[data-iframe-content]') ?? iframeDocument.body;\n      const contentRect = content.getBoundingClientRect();\n      const { body, documentElement } = iframeDocument;\n      const height = Math.min(\n        Math.max(\n          Math.ceil(\n            Math.max(\n              content.scrollHeight,\n              content.offsetHeight,\n              contentRect.height,\n              body.scrollHeight,\n              body.offsetHeight,\n              documentElement.scrollHeight,\n              documentElement.offsetHeight\n            ) + AUTO_HEIGHT_BUFFER\n          ),\n          MIN_AUTO_HEIGHT\n        ),\n        MAX_AUTO_HEIGHT\n      );\n\n      setMeasuredHeight(height);\n    } catch {\n      // cross-origin iframe content cannot be measured; retain minimum height\n    } finally {\n      iframe.style.height = renderedHeight;\n    }\n  }, [autoResize]);\n\n  const scheduleSizeMeasurement = useCallback(() => {\n    if (!autoResize || measurementFrameRef.current !== null) return;\n\n    measurementFrameRef.current = window.requestAnimationFrame(() => {\n      measurementFrameRef.current = null;\n      measureSize();\n\n      if (followUpMeasurementTimeoutRef.current !== null) {\n        window.clearTimeout(followUpMeasurementTimeoutRef.current);\n      }\n\n      followUpMeasurementTimeoutRef.current = window.setTimeout(() => {\n        followUpMeasurementTimeoutRef.current = null;\n        measureSize();\n      }, 250);\n    });\n  }, [autoResize, measureSize]);\n\n  const handleLoad: NonNullable<IframeProps['onLoad']> = (event) => {\n    scheduleSizeMeasurement();\n\n    const iframeDocument = iframeRef.current?.contentDocument;\n    Array.from(iframeDocument?.images ?? []).forEach((image) => {\n      if (image.complete) return;\n      image.addEventListener('load', scheduleSizeMeasurement, { once: true });\n      image.addEventListener('error', scheduleSizeMeasurement, { once: true });\n    });\n    iframeDocument?.fonts?.ready.then(scheduleSizeMeasurement).catch(() => undefined);\n\n    onLoad?.(event);\n  };\n\n  useEffect(() => {\n    if (!autoResize) return undefined;\n\n    clearScheduledMeasurements();\n    setMeasuredHeight(MIN_AUTO_HEIGHT);\n    scheduleSizeMeasurement();\n\n    return clearScheduledMeasurements;\n  }, [autoResize, clearScheduledMeasurements, scheduleSizeMeasurement, srcDoc]);\n\n  useEffect(() => {\n    if (!autoResize) return undefined;\n\n    window.addEventListener('resize', scheduleSizeMeasurement);\n    window.visualViewport?.addEventListener('resize', scheduleSizeMeasurement);\n\n    return () => {\n      window.removeEventListener('resize', scheduleSizeMeasurement);\n      window.visualViewport?.removeEventListener('resize', scheduleSizeMeasurement);\n    };\n  }, [autoResize, scheduleSizeMeasurement]);\n\n  return (\n    <div className={styles.wrapper}>\n      {hasFullscreenView && (\n        <div className={styles.toolbar}>\n          <Button\n            aria-expanded={isFullscreenOpen}\n            aria-haspopup='dialog'\n            onClick={() => setIsFullscreenOpen(true)}\n            variant='tertiary'\n          >\n            {fullscreenLabel}\n          </Button>\n        </div>\n      )}\n      <iframe\n        {...props}\n        className={cx(styles.iframe, className)}\n        loading={loading}\n        onLoad={handleLoad}\n        ref={iframeRef}\n        referrerPolicy={referrerPolicy}\n        sandbox={sandbox}\n        srcDoc={srcDoc}\n        style={\n          autoResize\n            ? {\n                ...style,\n                height: measuredHeight,\n                minHeight: MIN_AUTO_HEIGHT,\n              }\n            : style\n        }\n        title={accessibleLabel}\n      />\n      {isFullscreenOpen && (\n        <Dialog\n          aria-label={`${accessibleLabel} fullscreen`}\n          controls={\n            <Controls>\n              <Button onClick={() => setIsFullscreenOpen(false)}>{closeFullscreenLabel}</Button>\n            </Controls>\n          }\n          fullscreen\n          header={\n            <Header>\n              <h2>{accessibleLabel}</h2>\n            </Header>\n          }\n          open\n          setOpen={setIsFullscreenOpen}\n        >\n          <iframe\n            {...props}\n            className={cx(styles.iframe, styles['fullscreen-iframe'], className)}\n            loading='eager'\n            referrerPolicy={referrerPolicy}\n            sandbox={sandbox}\n            srcDoc={srcDoc}\n            title={`${accessibleLabel} fullscreen`}\n          />\n        </Dialog>\n      )}\n    </div>\n  );\n};\n"],"names":["MIN_AUTO_HEIGHT","MAX_AUTO_HEIGHT","AUTO_HEIGHT_BUFFER","Iframe","accessibleLabel","autoResize","className","closeFullscreenLabel","fullscreenLabel","hasFullscreenView","loading","onLoad","referrerPolicy","sandbox","srcDoc","style","props","iframeRef","useRef","measurementFrameRef","followUpMeasurementTimeoutRef","measuredHeight","setMeasuredHeight","useState","isFullscreenOpen","setIsFullscreenOpen","clearScheduledMeasurements","useCallback","current","window","cancelAnimationFrame","clearTimeout","measureSize","iframe","iframeDocument","contentDocument","renderedHeight","height","content","querySelector","body","contentRect","getBoundingClientRect","documentElement","Math","min","max","ceil","scrollHeight","offsetHeight","scheduleSizeMeasurement","requestAnimationFrame","setTimeout","handleLoad","event","Array","from","images","forEach","image","complete","addEventListener","once","fonts","ready","then","catch","useEffect","visualViewport","removeEventListener","styles","wrapper","toolbar","jsx","Button","cx","minHeight","Dialog","Controls","Header"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/iframe/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { type ComponentPropsWithoutRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Controls } from '../controls';\nimport { Dialog } from '../dialog';\nimport { Header } from '../header';\nimport styles from './styles.module.css';\n\nconst MIN_AUTO_HEIGHT = 120;\nconst MAX_AUTO_HEIGHT = 12000;\nconst AUTO_HEIGHT_BUFFER = 8;\n\nexport type IframeProps = Omit<ComponentPropsWithoutRef<'iframe'>, 'src' | 'srcDoc' | 'title'> & {\n  accessibleLabel: string;\n  autoResize?: boolean;\n  closeFullscreenLabel?: string;\n  fullscreenLabel?: string;\n  hasFullscreenView?: boolean;\n  srcDoc: string;\n};\n\nexport const Iframe = ({\n  accessibleLabel,\n  autoResize = false,\n  className,\n  closeFullscreenLabel = 'Close fullscreen',\n  fullscreenLabel = 'View in fullscreen',\n  hasFullscreenView = true,\n  loading = 'lazy',\n  onLoad,\n  referrerPolicy = 'no-referrer',\n  sandbox = '',\n  srcDoc,\n  style,\n  ...props\n}: IframeProps) => {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const measurementFrameRef = useRef<number | null>(null);\n  const followUpMeasurementTimeoutRef = useRef<number | null>(null);\n  const [measuredHeight, setMeasuredHeight] = useState(MIN_AUTO_HEIGHT);\n  const [isFullscreenOpen, setIsFullscreenOpen] = useState(false);\n\n  const clearScheduledMeasurements = useCallback(() => {\n    if (measurementFrameRef.current !== null) {\n      window.cancelAnimationFrame(measurementFrameRef.current);\n      measurementFrameRef.current = null;\n    }\n\n    if (followUpMeasurementTimeoutRef.current !== null) {\n      window.clearTimeout(followUpMeasurementTimeoutRef.current);\n      followUpMeasurementTimeoutRef.current = null;\n    }\n  }, []);\n\n  const measureSize = useCallback(() => {\n    if (!autoResize) return;\n\n    const iframe = iframeRef.current;\n    const iframeDocument = iframe?.contentDocument;\n    if (!iframe || !iframeDocument) return;\n\n    const renderedHeight = iframe.style.height;\n\n    try {\n      iframe.style.height = `${MIN_AUTO_HEIGHT}px`;\n\n      const content =\n        iframeDocument.querySelector<HTMLElement>('[data-iframe-content]') ?? iframeDocument.body;\n      const contentRect = content.getBoundingClientRect();\n      const { body, documentElement } = iframeDocument;\n      const height = Math.min(\n        Math.max(\n          Math.ceil(\n            Math.max(\n              content.scrollHeight,\n              content.offsetHeight,\n              contentRect.height,\n              body.scrollHeight,\n              body.offsetHeight,\n              documentElement.scrollHeight,\n              documentElement.offsetHeight\n            ) + AUTO_HEIGHT_BUFFER\n          ),\n          MIN_AUTO_HEIGHT\n        ),\n        MAX_AUTO_HEIGHT\n      );\n\n      setMeasuredHeight(height);\n    } catch {\n      /* 🌝 */\n    } finally {\n      iframe.style.height = renderedHeight;\n    }\n  }, [autoResize]);\n\n  const scheduleSizeMeasurement = useCallback(() => {\n    if (!autoResize || measurementFrameRef.current !== null) return;\n\n    measurementFrameRef.current = window.requestAnimationFrame(() => {\n      measurementFrameRef.current = null;\n      measureSize();\n\n      if (followUpMeasurementTimeoutRef.current !== null) {\n        window.clearTimeout(followUpMeasurementTimeoutRef.current);\n      }\n\n      followUpMeasurementTimeoutRef.current = window.setTimeout(() => {\n        followUpMeasurementTimeoutRef.current = null;\n        measureSize();\n      }, 250);\n    });\n  }, [autoResize, measureSize]);\n\n  const handleLoad: NonNullable<IframeProps['onLoad']> = (event) => {\n    scheduleSizeMeasurement();\n\n    const iframeDocument = iframeRef.current?.contentDocument;\n    Array.from(iframeDocument?.images ?? []).forEach((image) => {\n      if (image.complete) return;\n      image.addEventListener('load', scheduleSizeMeasurement, { once: true });\n      image.addEventListener('error', scheduleSizeMeasurement, { once: true });\n    });\n    iframeDocument?.fonts?.ready.then(scheduleSizeMeasurement).catch(() => undefined);\n\n    onLoad?.(event);\n  };\n\n  useEffect(() => {\n    if (!autoResize) return undefined;\n\n    clearScheduledMeasurements();\n    setMeasuredHeight(MIN_AUTO_HEIGHT);\n    scheduleSizeMeasurement();\n\n    return clearScheduledMeasurements;\n  }, [autoResize, clearScheduledMeasurements, scheduleSizeMeasurement, srcDoc]);\n\n  useEffect(() => {\n    if (!autoResize) return undefined;\n\n    window.addEventListener('resize', scheduleSizeMeasurement);\n    window.visualViewport?.addEventListener('resize', scheduleSizeMeasurement);\n\n    return () => {\n      window.removeEventListener('resize', scheduleSizeMeasurement);\n      window.visualViewport?.removeEventListener('resize', scheduleSizeMeasurement);\n    };\n  }, [autoResize, scheduleSizeMeasurement]);\n\n  return (\n    <div className={styles.wrapper}>\n      {hasFullscreenView && (\n        <div className={styles.toolbar}>\n          <Button\n            aria-expanded={isFullscreenOpen}\n            aria-haspopup='dialog'\n            onClick={() => setIsFullscreenOpen(true)}\n            variant='tertiary'\n          >\n            {fullscreenLabel}\n          </Button>\n        </div>\n      )}\n      <iframe\n        {...props}\n        className={cx(styles.iframe, !autoResize && styles.scrollable, className)}\n        loading={loading}\n        onLoad={handleLoad}\n        ref={iframeRef}\n        referrerPolicy={referrerPolicy}\n        sandbox={sandbox}\n        srcDoc={srcDoc}\n        style={\n          autoResize\n            ? {\n                ...style,\n                height: measuredHeight,\n                minHeight: MIN_AUTO_HEIGHT,\n              }\n            : style\n        }\n        title={accessibleLabel}\n      />\n      {isFullscreenOpen && (\n        <Dialog\n          aria-label={`${accessibleLabel} fullscreen`}\n          controls={\n            <Controls>\n              <Button onClick={() => setIsFullscreenOpen(false)}>{closeFullscreenLabel}</Button>\n            </Controls>\n          }\n          fullscreen\n          header={\n            <Header>\n              <h2>{accessibleLabel}</h2>\n            </Header>\n          }\n          open\n          setOpen={setIsFullscreenOpen}\n        >\n          <iframe\n            {...props}\n            className={cx(styles.iframe, styles['fullscreen-iframe'], styles.scrollable, className)}\n            loading='eager'\n            referrerPolicy={referrerPolicy}\n            sandbox={sandbox}\n            srcDoc={srcDoc}\n            title={`${accessibleLabel} fullscreen`}\n          />\n        </Dialog>\n      )}\n    </div>\n  );\n};\n"],"names":["MIN_AUTO_HEIGHT","MAX_AUTO_HEIGHT","AUTO_HEIGHT_BUFFER","Iframe","accessibleLabel","autoResize","className","closeFullscreenLabel","fullscreenLabel","hasFullscreenView","loading","onLoad","referrerPolicy","sandbox","srcDoc","style","props","iframeRef","useRef","measurementFrameRef","followUpMeasurementTimeoutRef","measuredHeight","setMeasuredHeight","useState","isFullscreenOpen","setIsFullscreenOpen","clearScheduledMeasurements","useCallback","current","window","cancelAnimationFrame","clearTimeout","measureSize","iframe","iframeDocument","contentDocument","renderedHeight","height","content","querySelector","body","contentRect","getBoundingClientRect","documentElement","Math","min","max","ceil","scrollHeight","offsetHeight","scheduleSizeMeasurement","requestAnimationFrame","setTimeout","handleLoad","event","Array","from","images","forEach","image","complete","addEventListener","once","fonts","ready","then","catch","useEffect","visualViewport","removeEventListener","styles","wrapper","toolbar","jsx","Button","cx","scrollable","minHeight","Dialog","Controls","Header"],"mappings":"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"}

package/dist/components/iframe/index.js

@@ -1,88 +1,89 @@
 import { jsxs as q, jsx as l } from "react/jsx-runtime";
-import { t as O } from "../../classix-DG18itHa.js";
-import { useRef as H, useState as S, useCallback as v, useEffect as U } from "react";
-import { Button as N } from "../button/index.js";
-import { Controls as b } from "../controls/index.js";
-import { Dialog as L } from "../dialog/index.js";
-import { Header as X } from "../header/index.js";
-import '../../assets/index18.css';const J = "_wrapper_29z62_1", K = "_toolbar_29z62_6", Q = "_iframe_29z62_12", a = {
-  wrapper: J,
-  toolbar: K,
-  iframe: Q,
-  "fullscreen-iframe": "_fullscreen-iframe_29z62_18"
-}, u = 120, W = 12e3, Y = 8, ne = ({
+import { t as I } from "../../classix-DG18itHa.js";
+import { useRef as H, useState as O, useCallback as v, useEffect as S } from "react";
+import { Button as U } from "../button/index.js";
+import { Controls as L } from "../controls/index.js";
+import { Dialog as X } from "../dialog/index.js";
+import { Header as J } from "../header/index.js";
+import '../../assets/index18.css';const K = "_wrapper_s1xgg_3", Q = "_toolbar_s1xgg_8", W = "_iframe_s1xgg_14", Y = "_scrollable_s1xgg_25", i = {
+  wrapper: K,
+  toolbar: Q,
+  iframe: W,
+  "fullscreen-iframe": "_fullscreen-iframe_s1xgg_20",
+  scrollable: Y
+}, u = 120, Z = 12e3, D = 8, le = ({
   accessibleLabel: f,
   autoResize: n = !1,
   className: E,
-  closeFullscreenLabel: k = "Close fullscreen",
-  fullscreenLabel: z = "View in fullscreen",
+  closeFullscreenLabel: N = "Close fullscreen",
+  fullscreenLabel: k = "View in fullscreen",
   hasFullscreenView: B = !0,
   loading: G = "lazy",
   onLoad: d,
   referrerPolicy: y = "no-referrer",
-  sandbox: M = "",
+  sandbox: x = "",
   srcDoc: h,
-  style: T,
-  ...A
+  style: M,
+  ...T
 }) => {
-  const p = H(null), o = H(null), i = H(null), [V, F] = S(u), [x, w] = S(!1), g = v(() => {
-    o.current !== null && (window.cancelAnimationFrame(o.current), o.current = null), i.current !== null && (window.clearTimeout(i.current), i.current = null);
+  const g = H(null), c = H(null), o = H(null), [V, A] = O(u), [F, p] = O(!1), w = v(() => {
+    c.current !== null && (window.cancelAnimationFrame(c.current), c.current = null), o.current !== null && (window.clearTimeout(o.current), o.current = null);
   }, []), _ = v(() => {
     if (!n) return;
-    const r = p.current, e = r == null ? void 0 : r.contentDocument;
+    const r = g.current, e = r == null ? void 0 : r.contentDocument;
     if (!r || !e) return;
     const m = r.style.height;
     try {
       r.style.height = `${u}px`;
-      const c = e.querySelector("[data-iframe-content]") ?? e.body, s = c.getBoundingClientRect(), {
-        body: C,
-        documentElement: I
-      } = e, j = Math.min(Math.max(Math.ceil(Math.max(c.scrollHeight, c.offsetHeight, s.height, C.scrollHeight, C.offsetHeight, I.scrollHeight, I.offsetHeight) + Y), u), W);
-      F(j);
+      const s = e.querySelector("[data-iframe-content]") ?? e.body, a = s.getBoundingClientRect(), {
+        body: b,
+        documentElement: C
+      } = e, j = Math.min(Math.max(Math.ceil(Math.max(s.scrollHeight, s.offsetHeight, a.height, b.scrollHeight, b.offsetHeight, C.scrollHeight, C.offsetHeight) + D), u), Z);
+      A(j);
     } catch {
     } finally {
       r.style.height = m;
     }
   }, [n]), t = v(() => {
-    !n || o.current !== null || (o.current = window.requestAnimationFrame(() => {
-      o.current = null, _(), i.current !== null && window.clearTimeout(i.current), i.current = window.setTimeout(() => {
-        i.current = null, _();
+    !n || c.current !== null || (c.current = window.requestAnimationFrame(() => {
+      c.current = null, _(), o.current !== null && window.clearTimeout(o.current), o.current = window.setTimeout(() => {
+        o.current = null, _();
       }, 250);
     }));
   }, [n, _]), $ = (r) => {
-    var m, c;
+    var m, s;
     t();
-    const e = (m = p.current) == null ? void 0 : m.contentDocument;
-    Array.from((e == null ? void 0 : e.images) ?? []).forEach((s) => {
-      s.complete || (s.addEventListener("load", t, {
+    const e = (m = g.current) == null ? void 0 : m.contentDocument;
+    Array.from((e == null ? void 0 : e.images) ?? []).forEach((a) => {
+      a.complete || (a.addEventListener("load", t, {
         once: !0
-      }), s.addEventListener("error", t, {
+      }), a.addEventListener("error", t, {
         once: !0
       }));
-    }), (c = e == null ? void 0 : e.fonts) == null || c.ready.then(t).catch(() => {
+    }), (s = e == null ? void 0 : e.fonts) == null || s.ready.then(t).catch(() => {
     }), d == null || d(r);
   };
-  return U(() => {
+  return S(() => {
     if (n)
-      return g(), F(u), t(), g;
-  }, [n, g, t, h]), U(() => {
+      return w(), A(u), t(), w;
+  }, [n, w, t, h]), S(() => {
     var r;
     if (n)
       return window.addEventListener("resize", t), (r = window.visualViewport) == null || r.addEventListener("resize", t), () => {
         var e;
         window.removeEventListener("resize", t), (e = window.visualViewport) == null || e.removeEventListener("resize", t);
       };
-  }, [n, t]), /* @__PURE__ */ q("div", { className: a.wrapper, "data-component": "iframe", children: [
-    B && /* @__PURE__ */ l("div", { className: a.toolbar, children: /* @__PURE__ */ l(N, { "aria-expanded": x, "aria-haspopup": "dialog", onClick: () => w(!0), variant: "tertiary", children: z }) }),
-    /* @__PURE__ */ l("iframe", { ...A, className: O(a.iframe, E), loading: G, onLoad: $, ref: p, referrerPolicy: y, sandbox: M, srcDoc: h, style: n ? {
-      ...T,
+  }, [n, t]), /* @__PURE__ */ q("div", { className: i.wrapper, "data-component": "iframe", children: [
+    B && /* @__PURE__ */ l("div", { className: i.toolbar, children: /* @__PURE__ */ l(U, { "aria-expanded": F, "aria-haspopup": "dialog", onClick: () => p(!0), variant: "tertiary", children: k }) }),
+    /* @__PURE__ */ l("iframe", { ...T, className: I(i.iframe, !n && i.scrollable, E), loading: G, onLoad: $, ref: g, referrerPolicy: y, sandbox: x, srcDoc: h, style: n ? {
+      ...M,
       height: V,
       minHeight: u
-    } : T, title: f }),
-    x && /* @__PURE__ */ l(L, { "aria-label": `${f} fullscreen`, controls: /* @__PURE__ */ l(b, { children: /* @__PURE__ */ l(N, { onClick: () => w(!1), children: k }) }), fullscreen: !0, header: /* @__PURE__ */ l(X, { children: /* @__PURE__ */ l("h2", { children: f }) }), open: !0, setOpen: w, children: /* @__PURE__ */ l("iframe", { ...A, className: O(a.iframe, a["fullscreen-iframe"], E), loading: "eager", referrerPolicy: y, sandbox: M, srcDoc: h, title: `${f} fullscreen` }) })
+    } : M, title: f }),
+    F && /* @__PURE__ */ l(X, { "aria-label": `${f} fullscreen`, controls: /* @__PURE__ */ l(L, { children: /* @__PURE__ */ l(U, { onClick: () => p(!1), children: N }) }), fullscreen: !0, header: /* @__PURE__ */ l(J, { children: /* @__PURE__ */ l("h2", { children: f }) }), open: !0, setOpen: p, children: /* @__PURE__ */ l("iframe", { ...T, className: I(i.iframe, i["fullscreen-iframe"], i.scrollable, E), loading: "eager", referrerPolicy: y, sandbox: x, srcDoc: h, title: `${f} fullscreen` }) })
   ] });
 };
 export {
-  ne as Iframe
+  le as Iframe
 };
 //# sourceMappingURL=index.js.map