i-status-ui 0.1.1 → 0.1.2

package/README.md

@@ -31,7 +31,8 @@ iStatus.notification({
     status: "warning",
     title: "Shipment delayed",
     message: "The delivery is awaiting carrier confirmation.",
-    colorSource: "theme"
+    colorSource: "theme",
+    size: "sm"
 });
 ```
 
@@ -62,7 +63,8 @@ Then use the library through the global `iStatus` object:
         status: "warning",
         title: "Shipment delayed",
         message: "The delivery is awaiting carrier confirmation.",
-        colorSource: "theme"
+        colorSource: "theme",
+        size: "sm"
     });
 
     document.getElementById("app").appendChild(element);

package/dist/i-status.esm.js

@@ -4,6 +4,7 @@ function notification(options = {}) {
     status = "info",
     title = "",
     message = "",
+    size = "md",
     colorSource = "default",
     colors = {}
   } = options;
@@ -29,7 +30,8 @@ function notification(options = {}) {
         normalizedStatus,
         title,
         message,
-        "default"
+        "default",
+        size
       );
     }
   }
@@ -37,7 +39,8 @@ function notification(options = {}) {
     normalizedStatus,
     title,
     message,
-    normalizedSource
+    normalizedSource,
+    size
   );
   if (normalizedSource === "custom") {
     element.style.setProperty(
@@ -51,14 +54,15 @@ function notification(options = {}) {
   }
   return element;
 }
-function createNotification(status, title, message, colorSource) {
+function createNotification(status, title, message, colorSource, size = "md") {
   const notification2 = document.createElement(
     "div"
   );
   notification2.className = [
     "ist-notification",
     `ist-notification--${status}`,
-    `ist-notification--source-${colorSource}`
+    `ist-notification--source-${colorSource}`,
+    `ist-notification--${size}`
   ].join(" ");
   const icon = document.createElement(
     "div"
@@ -116,7 +120,8 @@ function stepper(options = {}) {
   const {
     steps = [],
     current = 0,
-    orientation = "horizontal"
+    orientation = "horizontal",
+    size = "md"
   } = options;
   if (!Array.isArray(steps) || steps.length === 0) {
     console.warn(
@@ -137,7 +142,8 @@ function stepper(options = {}) {
   );
   element.className = [
     "ist-stepper",
-    `ist-stepper--${normalizedOrientation}`
+    `ist-stepper--${normalizedOrientation}`,
+    `ist-stepper--${size}`
   ].join(" ");
   element.setAttribute(
     "role",
@@ -285,7 +291,8 @@ function createStep(stepData, index, status) {
 function ProgressStepper(options = {}) {
   const {
     steps = [],
-    current = 0
+    current = 0,
+    size = "md"
   } = options;
   if (!Array.isArray(steps) || steps.length === 0) {
     console.warn(
@@ -301,7 +308,10 @@ function ProgressStepper(options = {}) {
     )
   );
   const container = document.createElement("div");
-  container.className = "ist-progress-stepper";
+  container.className = [
+    "ist-progress-stepper",
+    `ist-progress-stepper--${size}`
+  ].join(" ");
   container.setAttribute(
     "role",
     "list"
@@ -361,12 +371,14 @@ function badge(options = {}) {
   const {
     status = "success",
     text = "Connected",
-    indicator = true
+    indicator = true,
+    size = "md"
   } = options;
   const badgeElement = document.createElement("div");
   badgeElement.className = [
     "ist-badge",
-    `ist-badge--${status}`
+    `ist-badge--${status}`,
+    `ist-badge--${size}`
   ].join(" ");
   if (indicator) {
     const dotWrapper = document.createElement("span");
@@ -392,7 +404,8 @@ function progressCard(options = {}) {
     total = 4,
     completed = 3,
     label = "Progress",
-    status = "success"
+    status = "success",
+    size = "md"
   } = options;
   const validTotal = Math.max(1, total);
   const validCompleted = Math.max(0, Math.min(completed, validTotal));
@@ -400,7 +413,8 @@ function progressCard(options = {}) {
   const cardElement = document.createElement("div");
   cardElement.className = [
     "ist-progress-card",
-    `ist-progress-card--${status}`
+    `ist-progress-card--${status}`,
+    `ist-progress-card--${size}`
   ].join(" ");
   const headerElement = document.createElement("div");
   headerElement.className = "ist-progress-card__header";
@@ -434,7 +448,8 @@ function radialProgressCard(options = {}) {
     total = 36,
     completed = 14,
     label = "Progress",
-    status = "success"
+    status = "success",
+    size = "md"
   } = options;
   const validTotal = Math.max(1, total);
   const validCompleted = Math.max(0, Math.min(completed, validTotal));
@@ -442,7 +457,8 @@ function radialProgressCard(options = {}) {
   const cardElement = document.createElement("div");
   cardElement.className = [
     "ist-radial-card",
-    `ist-radial-card--${status}`
+    `ist-radial-card--${status}`,
+    `ist-radial-card--${size}`
   ].join(" ");
   const chartWrapper = document.createElement("div");
   chartWrapper.className = "ist-radial-card__chart-wrapper";

package/dist/i-status.min.js

@@ -1 +1 @@
-var iStatus=(()=>{var A=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.prototype.hasOwnProperty;var V=(e,r)=>{for(var a in r)A(e,a,{get:r[a],enumerable:!0})},Y=(e,r,a,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of K(r))!Q.call(e,t)&&t!==a&&A(e,t,{get:()=>r[t],enumerable:!(o=J(r,t))||o.enumerable});return e};var O=e=>Y(A({},"__esModule",{value:!0}),e);var ge={};V(ge,{ProgressStepper:()=>N,badge:()=>w,getTheme:()=>z,getThemes:()=>L,notification:()=>v,progressCard:()=>W,radialProgressCard:()=>I,registerTheme:()=>R,stepper:()=>T,theme:()=>H});function v(e={}){let{status:r="info",title:a="",message:o="",colorSource:t="default",colors:s={}}=e,d=["success","warning","error","info"].includes(r)?r:"info",i=["default","theme","custom"].includes(t)?t:"default";if(i==="custom"&&(!s.icon||!s.accent))return console.warn("i-Status: Custom color source requires both colors.icon and colors.accent."),_(d,a,o,"default");let p=_(d,a,o,i);return i==="custom"&&(p.style.setProperty("--ist-custom-icon",s.icon),p.style.setProperty("--ist-custom-accent",s.accent)),p}function _(e,r,a,o){let t=document.createElement("div");t.className=["ist-notification",`ist-notification--${e}`,`ist-notification--source-${o}`].join(" ");let s=document.createElement("div");s.className="ist-notification__icon",s.setAttribute("aria-hidden","true"),s.textContent=ee(e);let n=document.createElement("div");if(n.className="ist-notification__content",r){let d=document.createElement("div");d.className="ist-notification__title",d.textContent=r,n.appendChild(d)}if(a){let d=document.createElement("div");d.className="ist-notification__message",d.textContent=a,n.appendChild(d)}return t.appendChild(s),t.appendChild(n),t}function ee(e){return{success:"\u2713",warning:"!",error:"X",info:"i"}[e]}function T(e={}){let{steps:r=[],current:a=0,orientation:o="horizontal"}=e;if(!Array.isArray(r)||r.length===0)return console.warn("i-Status: Stepper requires at least one step."),null;let t=Math.max(0,Math.min(Number(a)||0,r.length-1)),s=o==="vertical"?"vertical":"horizontal",n=document.createElement("div");return n.className=["ist-stepper",`ist-stepper--${s}`].join(" "),n.setAttribute("role","list"),r.forEach((d,c)=>{let i=re(c,t),p=te(d,c,i),l=ae(p,c,i);n.appendChild(l)}),n}function re(e,r){return e<r?"completed":e===r?"current":"pending"}function te(e,r,a){let o=`STEP ${r+1}`;return typeof e=="string"?{stepLabel:o,title:e,description:y(a)}:{stepLabel:e?.stepLabel||o,title:e?.label||e?.title||"",description:e?.description||y(a)}}function y(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}function ae(e,r,a){let o=document.createElement("div");o.className=["ist-stepper__item",`ist-stepper__item--${a}`].join(" "),o.setAttribute("role","listitem");let t=document.createElement("div");t.className="ist-stepper__indicator",t.setAttribute("aria-hidden","true"),a==="completed"?t.textContent="\u2713":a==="pending"?t.textContent=String(r+1):t.textContent="";let s=document.createElement("div");s.className="ist-stepper__labels";let n=document.createElement("div");n.className="ist-stepper__step-label",n.textContent=e.stepLabel;let d=document.createElement("div");d.className="ist-stepper__label",d.textContent=e.title;let c=document.createElement("div");c.className="ist-stepper__description",c.textContent=e.description,s.appendChild(n),s.appendChild(d),s.appendChild(c),a==="current"&&o.setAttribute("aria-current","step");let i=document.createElement("div");i.className="ist-stepper__content",i.appendChild(t),i.appendChild(s);let p=document.createElement("div");return p.className=["ist-stepper__connector",`ist-stepper__connector--${a}`].join(" "),o.appendChild(i),o.appendChild(p),o}function N(e={}){let{steps:r=[],current:a=0}=e;if(!Array.isArray(r)||r.length===0)return console.warn("i-Status: Progress bar stepper requires at least one step."),null;let o=Math.max(0,Math.min(Number(a)||0,r.length-1)),t=document.createElement("div");return t.className="ist-progress-stepper",t.setAttribute("role","list"),r.forEach((s,n)=>{let d=oe(n,o),c=se(s,n,d);t.appendChild(c)}),t}function oe(e,r){return e<r?"completed":e===r?"current":"pending"}function se(e,r,a){let o=document.createElement("div");o.className=["ist-progress-stepper__item",`ist-progress-stepper__item--${a}`].join(" "),o.setAttribute("role","listitem"),a==="current"&&o.setAttribute("aria-current","step");let t=document.createElement("div");t.className="ist-progress-stepper__bar";let s=document.createElement("div");s.className="ist-progress-stepper__content";let n=document.createElement("div");n.className="ist-progress-stepper__indicator",a==="completed"?n.textContent="\u2713":n.textContent=String(r+1);let d=document.createElement("div");return d.className="ist-progress-stepper__label",d.textContent=typeof e=="string"?e:e?.label||e?.title||`Step ${r+1}`,s.appendChild(n),s.appendChild(d),o.appendChild(t),o.appendChild(s),o}function w(e={}){let{status:r="success",text:a="Connected",indicator:o=!0}=e,t=document.createElement("div");if(t.className=["ist-badge",`ist-badge--${r}`].join(" "),o){let n=document.createElement("span");n.className="ist-badge__dot-wrapper";let d=document.createElement("span");d.className="ist-badge__ring",n.appendChild(d);let c=document.createElement("span");c.className="ist-badge__dot",n.appendChild(c),t.appendChild(n)}let s=document.createElement("span");return s.className="ist-badge__text",s.textContent=a,t.appendChild(s),t}function W(e={}){let{total:r=4,completed:a=3,label:o="Progress",status:t="success"}=e,s=Math.max(1,r),n=Math.max(0,Math.min(a,s)),d=Math.round(n/s*100),c=document.createElement("div");c.className=["ist-progress-card",`ist-progress-card--${t}`].join(" ");let i=document.createElement("div");i.className="ist-progress-card__header";let p=document.createElement("span");p.className="ist-progress-card__percentage",p.textContent=`${d}%`,i.appendChild(p);let l=document.createElement("span");l.className="ist-progress-card__label",l.textContent=o,i.appendChild(l),c.appendChild(i);let C=document.createElement("div");C.className="ist-progress-card__segments";for(let u=0;u<s;u++){let f=document.createElement("div"),E=u<n;f.className=["ist-progress-card__segment",E?"ist-progress-card__segment--completed":"ist-progress-card__segment--pending"].join(" "),C.appendChild(f)}return c.appendChild(C),c}function I(e={}){let{total:r=36,completed:a=14,label:o="Progress",status:t="success"}=e,s=Math.max(1,r),n=Math.max(0,Math.min(a,s)),d=Math.round(n/s*100),c=document.createElement("div");c.className=["ist-radial-card",`ist-radial-card--${t}`].join(" ");let i=document.createElement("div");i.className="ist-radial-card__chart-wrapper";let p="http://www.w3.org/2000/svg",l=document.createElementNS(p,"svg");l.setAttribute("viewBox","0 0 120 120"),l.setAttribute("class","ist-radial-card__svg");let C=60,u=60,f=48,E=40;for(let m=0;m<s;m++){let B=(m*360/s-90)*Math.PI/180,j=C+E*Math.cos(B),q=u+E*Math.sin(B),X=C+f*Math.cos(B),Z=u+f*Math.sin(B),g=document.createElementNS(p,"line");g.setAttribute("x1",j),g.setAttribute("y1",q),g.setAttribute("x2",X),g.setAttribute("y2",Z),g.style.setProperty("--index",m);let G=m<n;g.setAttribute("class",["ist-radial-card__segment",G?"ist-radial-card__segment--completed":"ist-radial-card__segment--pending"].join(" ")),l.appendChild(g)}i.appendChild(l);let b=document.createElement("div");b.className="ist-radial-card__content";let S=document.createElement("span");S.className="ist-radial-card__percentage",S.textContent=`${d}%`;let h=document.createElement("span");return h.className="ist-radial-card__label",h.textContent=o,b.appendChild(S),b.appendChild(h),i.appendChild(b),c.appendChild(i),c}var ne={name:"default",colors:{text:"#ffffff",textMuted:"#b3b3b3",background:"#111111",success:"#35D07F",warning:"#F5C542",error:"#FF5C5C",info:"#5CA8FF",successBorder:"#BFEED3",warningBorder:"#F2DEA0",errorBorder:"#F5C4C4",infoBorder:"#C6DDF8",successSurface:"#F0FBF5",warningSurface:"#FFF9E8",errorSurface:"#FFF2F2",infoSurface:"#F1F7FF",successSurfaceStrong:"#DDF7E9",warningSurfaceStrong:"#FFF1C7",errorSurfaceStrong:"#FFE0E0",infoSurfaceStrong:"#DCEEFF",stepCompleted:"#f8f9fa",stepCompletedSurface:"#111111",stepCurrent:"#111111",stepCurrentSurface:"#111111",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#bdbbb0",stepConnector:"#bdbbb0",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#111111",progressCurrent:"#111111",progressCurrentSurface:"#111111",progressUpcoming:"#bdbbb0",progressConnector:"#bdbbb0",badgeText:"#ffffff",badgeSuccessColor:"#35D07F",badgeSuccessBg:"#111111",badgeSuccessBorder:"#376B45",badgeWarningColor:"#F5C542",badgeWarningBg:"#111111",badgeWarningBorder:"#765F00",badgeErrorColor:"#FF5C5C",badgeErrorBg:"#111111",badgeErrorBorder:"#79351F",badgeInfoColor:"#5CA8FF",badgeInfoBg:"#111111",badgeInfoBorder:"#023E8A",progressCardText:"#ffffff",progressCardSuccessColor:"#35D07F",progressCardSuccessBorder:"#376B45",progressCardWarningColor:"#F5C542",progressCardWarningBorder:"#765F00",progressCardErrorColor:"#FF5C5C",progressCardErrorBorder:"#79351F",progressCardInfoColor:"#5CA8FF",progressCardInfoBorder:"#023E8A",progressCardPendingTrack:"#2A2A2A",progressCardBg:"#161616",radialCardText:"#ffffff",radialCardSuccessColor:"#35D07F",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#F5C542",radialCardWarningBorder:"transparent",radialCardErrorColor:"#FF5C5C",radialCardErrorBorder:"transparent",radialCardInfoColor:"#5CA8FF",radialCardInfoBorder:"transparent",radialCardTrack:"#2A2A2A",radialCardBg:"#161616"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(0, 0, 0, 0.06)"}},x=ne;var de={name:"midnight",colors:{text:"#F5F7FA",textMuted:"#A9B4C2",background:"#000814",success:"#7AE582",warning:"#FFC300",error:"#D81159",info:"#A2D6F9",successBorder:"#376B45",warningBorder:"#765F00",errorBorder:"#79351F",infoBorder:"#023e8a",successSurface:"#071B12",warningSurface:"#1C1700",errorSurface:"#1D0D07",infoSurface:"#1C0710",successSurfaceStrong:"#102F1B",warningSurfaceStrong:"#302600",errorSurfaceStrong:"#32160C",infoSurfaceStrong:"#310D1D",surface:"#001D3D",surfaceElevated:"#003566",stepCompleted:"#f8f9fa",stepCompletedSurface:"#000814",stepCurrent:"#000814",stepCurrentSurface:"#000814",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#9a8c98",stepConnector:"#9a8c98",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#000814",progressCurrent:"#000814",progressCurrentSurface:"#000814",progressUpcoming:"#9a8c98",progressConnector:"#9a8c98",badgeText:"#F5F7FA",badgeSuccessColor:"#7AE582",badgeSuccessBg:"#000814",badgeSuccessBorder:"#376B45",badgeWarningColor:"#FFC300",badgeWarningBg:"#000814",badgeWarningBorder:"#765F00",badgeErrorColor:"#D81159",badgeErrorBg:"#000814",badgeErrorBorder:"#79351F",badgeInfoColor:"#A2D6F9",badgeInfoBg:"#000814",badgeInfoBorder:"#023E8A",progressCardText:"#F5F7FA",progressCardSuccessColor:"#7AE582",progressCardSuccessBorder:"#376B45",progressCardWarningColor:"#FFC300",progressCardWarningBorder:"#765F00",progressCardErrorColor:"#D81159",progressCardErrorBorder:"#79351F",progressCardInfoColor:"#A2D6F9",progressCardInfoBorder:"#023E8A",progressCardPendingTrack:"#1C2536",progressCardBg:"#161616",radialCardText:"#F5F7FA",radialCardSuccessColor:"#7AE582",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#FFC300",radialCardWarningBorder:"transparent",radialCardErrorColor:"#D81159",radialCardErrorBorder:"transparent",radialCardInfoColor:"#A2D6F9",radialCardInfoBorder:"transparent",radialCardTrack:"#1C2536",radialCardBg:"#161616"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(0, 0, 0, 0.35)"}},M=de;var ce={name:"sunrise",colors:{text:"#3D3833",textMuted:"#7D756D",background:"#FFFCF7",success:"#5F8D72",warning:"#D39A32",error:"#C96B55",info:"#5D8190",successBorder:"#C7DCCF",warningBorder:"#EBD9AD",errorBorder:"#E8C4BB",infoBorder:"#C8D9DE",successSurface:"#F3F8F4",warningSurface:"#FFFAEF",errorSurface:"#FFF5F2",infoSurface:"#F3F8FA",successSurfaceStrong:"#E3EFE7",warningSurfaceStrong:"#F8EDCE",errorSurfaceStrong:"#F5DDD7",infoSurfaceStrong:"#DFECEF",stepCompleted:"#f8f9fa",stepCompletedSurface:"#9e2a2b",stepCurrent:"#9e2a2b",stepCurrentSurface:"#9e2a2b",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#bcabae",stepConnector:"#bcabae",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#9e2a2b",progressCurrent:"#9e2a2b",progressCurrentSurface:"#9e2a2b",progressUpcoming:"#bcabae",progressConnector:"#bcabae",badgeText:"#3D3833",badgeSuccessColor:"#5F8D72",badgeSuccessBg:"#FFFCF7",badgeSuccessBorder:"#C7DCCF",badgeWarningColor:"#D39A32",badgeWarningBg:"#FFFCF7",badgeWarningBorder:"#EBD9AD",badgeErrorColor:"#C96B55",badgeErrorBg:"#FFFCF7",badgeErrorBorder:"#E8C4BB",badgeInfoColor:"#5D8190",badgeInfoBg:"#FFFCF7",badgeInfoBorder:"#C8D9DE",progressCardText:"#3D3833",progressCardSuccessColor:"#5F8D72",progressCardSuccessBorder:"#C7DCCF",progressCardWarningColor:"#D39A32",progressCardWarningBorder:"#EBD9AD",progressCardErrorColor:"#C96B55",progressCardErrorBorder:"#E8C4BB",progressCardInfoColor:"#5D8190",progressCardInfoBorder:"#C8D9DE",progressCardPendingTrack:"#EFEAE1",progressCardBg:"#FFFCF7",radialCardText:"#3D3833",radialCardSuccessColor:"#5F8D72",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#D39A32",radialCardWarningBorder:"transparent",radialCardErrorColor:"#C96B55",radialCardErrorBorder:"transparent",radialCardInfoColor:"#5D8190",radialCardInfoBorder:"transparent",radialCardTrack:"#EFEAE1",radialCardBg:"#FFFCF7"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(90, 70, 50, 0.08)"}},P=ce;var ie={name:"sunset",colors:{text:"#F3EEE8",textMuted:"#B8AEA5",background:"#111827",success:"#22C55E",warning:"#FF6B2B",error:"#F87171",info:"#99F6E4",successBorder:"#166534",warningBorder:"#9A3412",errorBorder:"#991B1B",infoBorder:"#0F766E",successSurface:"#142B20",warningSurface:"#2B1D17",errorSurface:"#2B191B",infoSurface:"#142629",successSurfaceStrong:"#1A402A",warningSurfaceStrong:"#422419",errorSurfaceStrong:"#451F23",infoSurfaceStrong:"#1B3538",stepCompleted:"#f8f9fa",stepCompletedSurface:"#111827",stepCurrent:"#111827",stepCurrentSurface:"#111827",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#f4a261",stepConnector:"#f4a261",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#111827",progressCurrent:"#111827",progressCurrentSurface:"#111827",progressUpcoming:"#f4a261",progressConnector:"#f4a261",badgeText:"#F5F7FA",badgeSuccessColor:"#22C55E",badgeSuccessBg:"#111827",badgeSuccessBorder:"#166534",badgeWarningColor:"#FF6B2B",badgeWarningBg:"#111827",badgeWarningBorder:"#9A3412",badgeErrorColor:"#F87171",badgeErrorBg:"#111827",badgeErrorBorder:"#991B1B",badgeInfoColor:"#99F6E4",badgeInfoBg:"#111827",badgeInfoBorder:"#0F766E",progressCardText:"#F5F7FA",progressCardSuccessColor:"#22C55E",progressCardSuccessBorder:"#166534",progressCardWarningColor:"#FF6B2B",progressCardWarningBorder:"#9A3412",progressCardErrorColor:"#F87171",progressCardErrorBorder:"#991B1B",progressCardInfoColor:"#99F6E4",progressCardInfoBorder:"#0F766E",progressCardPendingTrack:"#1F2937",progressCardBg:"#111827",radialCardText:"#F5F7FA",radialCardSuccessColor:"#22C55E",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#FF6B2B",radialCardWarningBorder:"transparent",radialCardErrorColor:"#F87171",radialCardErrorBorder:"transparent",radialCardInfoColor:"#99F6E4",radialCardInfoBorder:"transparent",radialCardTrack:"#1F2937",radialCardBg:"#111827"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(0, 0, 0, 0.30)"}},k=ie;var pe={name:"vintage",colors:{text:"#3F3025",textMuted:"#705C4A",background:"#FFF7E8",success:"#3F7475",warning:"#C7922E",error:"#B95743",info:"#8064A2",successBorder:"#A8C8C5",warningBorder:"#E3C990",errorBorder:"#DDB1A7",infoBorder:"#C8B9D8",successSurface:"#ECF5F4",warningSurface:"#FFF6E1",errorSurface:"#FBEDEA",infoSurface:"#F4EFF8",successSurfaceStrong:"#D6E8E6",warningSurfaceStrong:"#F3E0B4",errorSurfaceStrong:"#EFCFC7",infoSurfaceStrong:"#E5DCEF",stepCompleted:"#f8f9fa",stepCompletedSurface:"#4f000b",stepCurrent:"#4f000b",stepCurrentSurface:"#4f000b",stepUpcoming:"#bc8a5f",stepUpcomingSurface:"#bc8a5f",stepConnector:"#bc8a5f",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#4f000b",progressCurrent:"#4f000b",progressCurrentSurface:"#4f000b",progressUpcoming:"#bc8a5f",progressConnector:"#bc8a5f",badgeText:"#3F3025",badgeSuccessColor:"#3F7475",badgeSuccessBg:"#FFF7E8",badgeSuccessBorder:"#A8C8C5",badgeWarningColor:"#C7922E",badgeWarningBg:"#FFF7E8",badgeWarningBorder:"#E3C990",badgeErrorColor:"#B95743",badgeErrorBg:"#FFF7E8",badgeErrorBorder:"#DDB1A7",badgeInfoColor:"#8064A2",badgeInfoBg:"#FFF7E8",badgeInfoBorder:"#C8B9D8",progressCardText:"#3F3025",progressCardSuccessColor:"#3F7475",progressCardSuccessBorder:"#A8C8C5",progressCardWarningColor:"#C7922E",progressCardWarningBorder:"#E3C990",progressCardErrorColor:"#B95743",progressCardErrorBorder:"#DDB1A7",progressCardInfoColor:"#8064A2",progressCardInfoBorder:"#C8B9D8",progressCardPendingTrack:"#EFE2CD",progressCardBg:"#FFF7E8",radialCardText:"#3F3025",radialCardSuccessColor:"#3F7475",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#C7922E",radialCardWarningBorder:"transparent",radialCardErrorColor:"#B95743",radialCardErrorBorder:"transparent",radialCardInfoColor:"#8064A2",radialCardInfoBorder:"transparent",radialCardTrack:"#EFE2CD",radialCardBg:"#FFF7E8"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(73, 55, 42, 0.12)"}},U=pe;var F={default:x,midnight:M,sunrise:P,sunset:k,vintage:U},le=x;function D(e,r){let a=r.replace(/([A-Z])/g,"-$1").toLowerCase();return e?`--ist-${e}-${a}`:`--ist-${a}`}function $(e){if(!e)return;let r=document.documentElement;e.colors&&Object.entries(e.colors).forEach(([a,o])=>{let t=D("color",a);r.style.setProperty(t,o)}),e.typography&&Object.entries(e.typography).forEach(([a,o])=>{let t=D("",a);r.style.setProperty(t,o)}),e.shadows&&Object.entries(e.shadows).forEach(([a,o])=>{let t=D("shadow",a);r.style.setProperty(t,o)}),le=e}$(F.default);function H(e){let r=F[e];if(!r){console.warn(`i-Status: Theme "${e}" was not found.`);return}$(r)}function R(e,r){!e||!r||(F[e]=r)}function z(e){return F[e]}function L(){return Object.keys(F)}return O(ge);})();
+var iStatus=(()=>{var x=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var V=Object.prototype.hasOwnProperty;var Y=(e,r)=>{for(var t in r)x(e,t,{get:r[t],enumerable:!0})},O=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of Q(r))!V.call(e,o)&&o!==t&&x(e,o,{get:()=>r[o],enumerable:!(a=K(r,o))||a.enumerable});return e};var ee=e=>O(x({},"__esModule",{value:!0}),e);var Ce={};Y(Ce,{ProgressStepper:()=>w,badge:()=>W,getTheme:()=>j,getThemes:()=>L,notification:()=>y,progressCard:()=>I,radialProgressCard:()=>M,registerTheme:()=>R,stepper:()=>N,theme:()=>z});function y(e={}){let{status:r="info",title:t="",message:a="",size:o="md",colorSource:n="default",colors:s={}}=e,c=["success","warning","error","info"].includes(r)?r:"info",p=["default","theme","custom"].includes(n)?n:"default";if(p==="custom"&&(!s.icon||!s.accent))return console.warn("i-Status: Custom color source requires both colors.icon and colors.accent."),v(c,t,a,"default",o);let l=v(c,t,a,p,o);return p==="custom"&&(l.style.setProperty("--ist-custom-icon",s.icon),l.style.setProperty("--ist-custom-accent",s.accent)),l}function v(e,r,t,a,o="md"){let n=document.createElement("div");n.className=["ist-notification",`ist-notification--${e}`,`ist-notification--source-${a}`,`ist-notification--${o}`].join(" ");let s=document.createElement("div");s.className="ist-notification__icon",s.setAttribute("aria-hidden","true"),s.textContent=re(e);let d=document.createElement("div");if(d.className="ist-notification__content",r){let c=document.createElement("div");c.className="ist-notification__title",c.textContent=r,d.appendChild(c)}if(t){let c=document.createElement("div");c.className="ist-notification__message",c.textContent=t,d.appendChild(c)}return n.appendChild(s),n.appendChild(d),n}function re(e){return{success:"\u2713",warning:"!",error:"X",info:"i"}[e]}function N(e={}){let{steps:r=[],current:t=0,orientation:a="horizontal",size:o="md"}=e;if(!Array.isArray(r)||r.length===0)return console.warn("i-Status: Stepper requires at least one step."),null;let n=Math.max(0,Math.min(Number(t)||0,r.length-1)),s=a==="vertical"?"vertical":"horizontal",d=document.createElement("div");return d.className=["ist-stepper",`ist-stepper--${s}`,`ist-stepper--${o}`].join(" "),d.setAttribute("role","list"),r.forEach((c,i)=>{let p=te(i,n),l=ae(c,i,p),g=oe(l,i,p);d.appendChild(g)}),d}function te(e,r){return e<r?"completed":e===r?"current":"pending"}function ae(e,r,t){let a=`STEP ${r+1}`;return typeof e=="string"?{stepLabel:a,title:e,description:T(t)}:{stepLabel:e?.stepLabel||a,title:e?.label||e?.title||"",description:e?.description||T(t)}}function T(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}function oe(e,r,t){let a=document.createElement("div");a.className=["ist-stepper__item",`ist-stepper__item--${t}`].join(" "),a.setAttribute("role","listitem");let o=document.createElement("div");o.className="ist-stepper__indicator",o.setAttribute("aria-hidden","true"),t==="completed"?o.textContent="\u2713":t==="pending"?o.textContent=String(r+1):o.textContent="";let n=document.createElement("div");n.className="ist-stepper__labels";let s=document.createElement("div");s.className="ist-stepper__step-label",s.textContent=e.stepLabel;let d=document.createElement("div");d.className="ist-stepper__label",d.textContent=e.title;let c=document.createElement("div");c.className="ist-stepper__description",c.textContent=e.description,n.appendChild(s),n.appendChild(d),n.appendChild(c),t==="current"&&a.setAttribute("aria-current","step");let i=document.createElement("div");i.className="ist-stepper__content",i.appendChild(o),i.appendChild(n);let p=document.createElement("div");return p.className=["ist-stepper__connector",`ist-stepper__connector--${t}`].join(" "),a.appendChild(i),a.appendChild(p),a}function w(e={}){let{steps:r=[],current:t=0,size:a="md"}=e;if(!Array.isArray(r)||r.length===0)return console.warn("i-Status: Progress bar stepper requires at least one step."),null;let o=Math.max(0,Math.min(Number(t)||0,r.length-1)),n=document.createElement("div");return n.className=["ist-progress-stepper",`ist-progress-stepper--${a}`].join(" "),n.setAttribute("role","list"),r.forEach((s,d)=>{let c=se(d,o),i=ne(s,d,c);n.appendChild(i)}),n}function se(e,r){return e<r?"completed":e===r?"current":"pending"}function ne(e,r,t){let a=document.createElement("div");a.className=["ist-progress-stepper__item",`ist-progress-stepper__item--${t}`].join(" "),a.setAttribute("role","listitem"),t==="current"&&a.setAttribute("aria-current","step");let o=document.createElement("div");o.className="ist-progress-stepper__bar";let n=document.createElement("div");n.className="ist-progress-stepper__content";let s=document.createElement("div");s.className="ist-progress-stepper__indicator",t==="completed"?s.textContent="\u2713":s.textContent=String(r+1);let d=document.createElement("div");return d.className="ist-progress-stepper__label",d.textContent=typeof e=="string"?e:e?.label||e?.title||`Step ${r+1}`,n.appendChild(s),n.appendChild(d),a.appendChild(o),a.appendChild(n),a}function W(e={}){let{status:r="success",text:t="Connected",indicator:a=!0,size:o="md"}=e,n=document.createElement("div");if(n.className=["ist-badge",`ist-badge--${r}`,`ist-badge--${o}`].join(" "),a){let d=document.createElement("span");d.className="ist-badge__dot-wrapper";let c=document.createElement("span");c.className="ist-badge__ring",d.appendChild(c);let i=document.createElement("span");i.className="ist-badge__dot",d.appendChild(i),n.appendChild(d)}let s=document.createElement("span");return s.className="ist-badge__text",s.textContent=t,n.appendChild(s),n}function I(e={}){let{total:r=4,completed:t=3,label:a="Progress",status:o="success",size:n="md"}=e,s=Math.max(1,r),d=Math.max(0,Math.min(t,s)),c=Math.round(d/s*100),i=document.createElement("div");i.className=["ist-progress-card",`ist-progress-card--${o}`,`ist-progress-card--${n}`].join(" ");let p=document.createElement("div");p.className="ist-progress-card__header";let l=document.createElement("span");l.className="ist-progress-card__percentage",l.textContent=`${c}%`,p.appendChild(l);let g=document.createElement("span");g.className="ist-progress-card__label",g.textContent=a,p.appendChild(g),i.appendChild(p);let u=document.createElement("div");u.className="ist-progress-card__segments";for(let f=0;f<s;f++){let m=document.createElement("div"),b=f<d;m.className=["ist-progress-card__segment",b?"ist-progress-card__segment--completed":"ist-progress-card__segment--pending"].join(" "),u.appendChild(m)}return i.appendChild(u),i}function M(e={}){let{total:r=36,completed:t=14,label:a="Progress",status:o="success",size:n="md"}=e,s=Math.max(1,r),d=Math.max(0,Math.min(t,s)),c=Math.round(d/s*100),i=document.createElement("div");i.className=["ist-radial-card",`ist-radial-card--${o}`,`ist-radial-card--${n}`].join(" ");let p=document.createElement("div");p.className="ist-radial-card__chart-wrapper";let l="http://www.w3.org/2000/svg",g=document.createElementNS(l,"svg");g.setAttribute("viewBox","0 0 120 120"),g.setAttribute("class","ist-radial-card__svg");let u=60,f=60,m=48,b=40;for(let F=0;F<s;F++){let S=(F*360/s-90)*Math.PI/180,q=u+b*Math.cos(S),X=f+b*Math.sin(S),Z=u+m*Math.cos(S),G=f+m*Math.sin(S),C=document.createElementNS(l,"line");C.setAttribute("x1",q),C.setAttribute("y1",X),C.setAttribute("x2",Z),C.setAttribute("y2",G),C.style.setProperty("--index",F);let J=F<d;C.setAttribute("class",["ist-radial-card__segment",J?"ist-radial-card__segment--completed":"ist-radial-card__segment--pending"].join(" ")),g.appendChild(C)}p.appendChild(g);let B=document.createElement("div");B.className="ist-radial-card__content";let h=document.createElement("span");h.className="ist-radial-card__percentage",h.textContent=`${c}%`;let A=document.createElement("span");return A.className="ist-radial-card__label",A.textContent=a,B.appendChild(h),B.appendChild(A),p.appendChild(B),i.appendChild(p),i}var de={name:"default",colors:{text:"#ffffff",textMuted:"#b3b3b3",background:"#111111",success:"#35D07F",warning:"#F5C542",error:"#FF5C5C",info:"#5CA8FF",successBorder:"#BFEED3",warningBorder:"#F2DEA0",errorBorder:"#F5C4C4",infoBorder:"#C6DDF8",successSurface:"#F0FBF5",warningSurface:"#FFF9E8",errorSurface:"#FFF2F2",infoSurface:"#F1F7FF",successSurfaceStrong:"#DDF7E9",warningSurfaceStrong:"#FFF1C7",errorSurfaceStrong:"#FFE0E0",infoSurfaceStrong:"#DCEEFF",stepCompleted:"#f8f9fa",stepCompletedSurface:"#111111",stepCurrent:"#111111",stepCurrentSurface:"#111111",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#bdbbb0",stepConnector:"#bdbbb0",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#111111",progressCurrent:"#111111",progressCurrentSurface:"#111111",progressUpcoming:"#bdbbb0",progressConnector:"#bdbbb0",badgeText:"#ffffff",badgeSuccessColor:"#35D07F",badgeSuccessBg:"#111111",badgeSuccessBorder:"#376B45",badgeWarningColor:"#F5C542",badgeWarningBg:"#111111",badgeWarningBorder:"#765F00",badgeErrorColor:"#FF5C5C",badgeErrorBg:"#111111",badgeErrorBorder:"#79351F",badgeInfoColor:"#5CA8FF",badgeInfoBg:"#111111",badgeInfoBorder:"#023E8A",progressCardText:"#ffffff",progressCardSuccessColor:"#35D07F",progressCardSuccessBorder:"#376B45",progressCardWarningColor:"#F5C542",progressCardWarningBorder:"#765F00",progressCardErrorColor:"#FF5C5C",progressCardErrorBorder:"#79351F",progressCardInfoColor:"#5CA8FF",progressCardInfoBorder:"#023E8A",progressCardPendingTrack:"#2A2A2A",progressCardBg:"#161616",radialCardText:"#ffffff",radialCardSuccessColor:"#35D07F",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#F5C542",radialCardWarningBorder:"transparent",radialCardErrorColor:"#FF5C5C",radialCardErrorBorder:"transparent",radialCardInfoColor:"#5CA8FF",radialCardInfoBorder:"transparent",radialCardTrack:"#2A2A2A",radialCardBg:"#161616"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(0, 0, 0, 0.06)"}},D=de;var ce={name:"midnight",colors:{text:"#F5F7FA",textMuted:"#A9B4C2",background:"#000814",success:"#7AE582",warning:"#FFC300",error:"#D81159",info:"#A2D6F9",successBorder:"#376B45",warningBorder:"#765F00",errorBorder:"#79351F",infoBorder:"#023e8a",successSurface:"#071B12",warningSurface:"#1C1700",errorSurface:"#1D0D07",infoSurface:"#1C0710",successSurfaceStrong:"#102F1B",warningSurfaceStrong:"#302600",errorSurfaceStrong:"#32160C",infoSurfaceStrong:"#310D1D",surface:"#001D3D",surfaceElevated:"#003566",stepCompleted:"#f8f9fa",stepCompletedSurface:"#000814",stepCurrent:"#000814",stepCurrentSurface:"#000814",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#9a8c98",stepConnector:"#9a8c98",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#000814",progressCurrent:"#000814",progressCurrentSurface:"#000814",progressUpcoming:"#9a8c98",progressConnector:"#9a8c98",badgeText:"#F5F7FA",badgeSuccessColor:"#7AE582",badgeSuccessBg:"#000814",badgeSuccessBorder:"#376B45",badgeWarningColor:"#FFC300",badgeWarningBg:"#000814",badgeWarningBorder:"#765F00",badgeErrorColor:"#D81159",badgeErrorBg:"#000814",badgeErrorBorder:"#79351F",badgeInfoColor:"#A2D6F9",badgeInfoBg:"#000814",badgeInfoBorder:"#023E8A",progressCardText:"#F5F7FA",progressCardSuccessColor:"#7AE582",progressCardSuccessBorder:"#376B45",progressCardWarningColor:"#FFC300",progressCardWarningBorder:"#765F00",progressCardErrorColor:"#D81159",progressCardErrorBorder:"#79351F",progressCardInfoColor:"#A2D6F9",progressCardInfoBorder:"#023E8A",progressCardPendingTrack:"#1C2536",progressCardBg:"#161616",radialCardText:"#F5F7FA",radialCardSuccessColor:"#7AE582",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#FFC300",radialCardWarningBorder:"transparent",radialCardErrorColor:"#D81159",radialCardErrorBorder:"transparent",radialCardInfoColor:"#A2D6F9",radialCardInfoBorder:"transparent",radialCardTrack:"#1C2536",radialCardBg:"#161616"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(0, 0, 0, 0.35)"}},P=ce;var ie={name:"sunrise",colors:{text:"#3D3833",textMuted:"#7D756D",background:"#FFFCF7",success:"#5F8D72",warning:"#D39A32",error:"#C96B55",info:"#5D8190",successBorder:"#C7DCCF",warningBorder:"#EBD9AD",errorBorder:"#E8C4BB",infoBorder:"#C8D9DE",successSurface:"#F3F8F4",warningSurface:"#FFFAEF",errorSurface:"#FFF5F2",infoSurface:"#F3F8FA",successSurfaceStrong:"#E3EFE7",warningSurfaceStrong:"#F8EDCE",errorSurfaceStrong:"#F5DDD7",infoSurfaceStrong:"#DFECEF",stepCompleted:"#f8f9fa",stepCompletedSurface:"#9e2a2b",stepCurrent:"#9e2a2b",stepCurrentSurface:"#9e2a2b",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#bcabae",stepConnector:"#bcabae",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#9e2a2b",progressCurrent:"#9e2a2b",progressCurrentSurface:"#9e2a2b",progressUpcoming:"#bcabae",progressConnector:"#bcabae",badgeText:"#3D3833",badgeSuccessColor:"#5F8D72",badgeSuccessBg:"#FFFCF7",badgeSuccessBorder:"#C7DCCF",badgeWarningColor:"#D39A32",badgeWarningBg:"#FFFCF7",badgeWarningBorder:"#EBD9AD",badgeErrorColor:"#C96B55",badgeErrorBg:"#FFFCF7",badgeErrorBorder:"#E8C4BB",badgeInfoColor:"#5D8190",badgeInfoBg:"#FFFCF7",badgeInfoBorder:"#C8D9DE",progressCardText:"#3D3833",progressCardSuccessColor:"#5F8D72",progressCardSuccessBorder:"#C7DCCF",progressCardWarningColor:"#D39A32",progressCardWarningBorder:"#EBD9AD",progressCardErrorColor:"#C96B55",progressCardErrorBorder:"#E8C4BB",progressCardInfoColor:"#5D8190",progressCardInfoBorder:"#C8D9DE",progressCardPendingTrack:"#EFEAE1",progressCardBg:"#FFFCF7",radialCardText:"#3D3833",radialCardSuccessColor:"#5F8D72",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#D39A32",radialCardWarningBorder:"transparent",radialCardErrorColor:"#C96B55",radialCardErrorBorder:"transparent",radialCardInfoColor:"#5D8190",radialCardInfoBorder:"transparent",radialCardTrack:"#EFEAE1",radialCardBg:"#FFFCF7"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(90, 70, 50, 0.08)"}},$=ie;var pe={name:"sunset",colors:{text:"#F3EEE8",textMuted:"#B8AEA5",background:"#111827",success:"#22C55E",warning:"#FF6B2B",error:"#F87171",info:"#99F6E4",successBorder:"#166534",warningBorder:"#9A3412",errorBorder:"#991B1B",infoBorder:"#0F766E",successSurface:"#142B20",warningSurface:"#2B1D17",errorSurface:"#2B191B",infoSurface:"#142629",successSurfaceStrong:"#1A402A",warningSurfaceStrong:"#422419",errorSurfaceStrong:"#451F23",infoSurfaceStrong:"#1B3538",stepCompleted:"#f8f9fa",stepCompletedSurface:"#111827",stepCurrent:"#111827",stepCurrentSurface:"#111827",stepUpcoming:"#f8f9fa",stepUpcomingSurface:"#f4a261",stepConnector:"#f4a261",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#111827",progressCurrent:"#111827",progressCurrentSurface:"#111827",progressUpcoming:"#f4a261",progressConnector:"#f4a261",badgeText:"#F5F7FA",badgeSuccessColor:"#22C55E",badgeSuccessBg:"#111827",badgeSuccessBorder:"#166534",badgeWarningColor:"#FF6B2B",badgeWarningBg:"#111827",badgeWarningBorder:"#9A3412",badgeErrorColor:"#F87171",badgeErrorBg:"#111827",badgeErrorBorder:"#991B1B",badgeInfoColor:"#99F6E4",badgeInfoBg:"#111827",badgeInfoBorder:"#0F766E",progressCardText:"#F5F7FA",progressCardSuccessColor:"#22C55E",progressCardSuccessBorder:"#166534",progressCardWarningColor:"#FF6B2B",progressCardWarningBorder:"#9A3412",progressCardErrorColor:"#F87171",progressCardErrorBorder:"#991B1B",progressCardInfoColor:"#99F6E4",progressCardInfoBorder:"#0F766E",progressCardPendingTrack:"#1F2937",progressCardBg:"#111827",radialCardText:"#F5F7FA",radialCardSuccessColor:"#22C55E",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#FF6B2B",radialCardWarningBorder:"transparent",radialCardErrorColor:"#F87171",radialCardErrorBorder:"transparent",radialCardInfoColor:"#99F6E4",radialCardInfoBorder:"transparent",radialCardTrack:"#1F2937",radialCardBg:"#111827"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(0, 0, 0, 0.30)"}},k=pe;var le={name:"vintage",colors:{text:"#3F3025",textMuted:"#705C4A",background:"#FFF7E8",success:"#3F7475",warning:"#C7922E",error:"#B95743",info:"#8064A2",successBorder:"#A8C8C5",warningBorder:"#E3C990",errorBorder:"#DDB1A7",infoBorder:"#C8B9D8",successSurface:"#ECF5F4",warningSurface:"#FFF6E1",errorSurface:"#FBEDEA",infoSurface:"#F4EFF8",successSurfaceStrong:"#D6E8E6",warningSurfaceStrong:"#F3E0B4",errorSurfaceStrong:"#EFCFC7",infoSurfaceStrong:"#E5DCEF",stepCompleted:"#f8f9fa",stepCompletedSurface:"#4f000b",stepCurrent:"#4f000b",stepCurrentSurface:"#4f000b",stepUpcoming:"#bc8a5f",stepUpcomingSurface:"#bc8a5f",stepConnector:"#bc8a5f",stepCompletedHover:"#edede9",stepUpcomingHover:"#edede9",progressCompleted:"#f8f9fa",progressCompletedSurface:"#4f000b",progressCurrent:"#4f000b",progressCurrentSurface:"#4f000b",progressUpcoming:"#bc8a5f",progressConnector:"#bc8a5f",badgeText:"#3F3025",badgeSuccessColor:"#3F7475",badgeSuccessBg:"#FFF7E8",badgeSuccessBorder:"#A8C8C5",badgeWarningColor:"#C7922E",badgeWarningBg:"#FFF7E8",badgeWarningBorder:"#E3C990",badgeErrorColor:"#B95743",badgeErrorBg:"#FFF7E8",badgeErrorBorder:"#DDB1A7",badgeInfoColor:"#8064A2",badgeInfoBg:"#FFF7E8",badgeInfoBorder:"#C8B9D8",progressCardText:"#3F3025",progressCardSuccessColor:"#3F7475",progressCardSuccessBorder:"#A8C8C5",progressCardWarningColor:"#C7922E",progressCardWarningBorder:"#E3C990",progressCardErrorColor:"#B95743",progressCardErrorBorder:"#DDB1A7",progressCardInfoColor:"#8064A2",progressCardInfoBorder:"#C8B9D8",progressCardPendingTrack:"#EFE2CD",progressCardBg:"#FFF7E8",radialCardText:"#3F3025",radialCardSuccessColor:"#3F7475",radialCardSuccessBorder:"transparent",radialCardWarningColor:"#C7922E",radialCardWarningBorder:"transparent",radialCardErrorColor:"#B95743",radialCardErrorBorder:"transparent",radialCardInfoColor:"#8064A2",radialCardInfoBorder:"transparent",radialCardTrack:"#EFE2CD",radialCardBg:"#FFF7E8"},typography:{fontPrimary:"Manrope, sans-serif",fontReadable:"Atkinson Hyperlegible, sans-serif"},shadows:{sm:"0 2px 8px rgba(73, 55, 42, 0.12)"}},U=le;var E={default:D,midnight:P,sunrise:$,sunset:k,vintage:U},ge=D;function _(e,r){let t=r.replace(/([A-Z])/g,"-$1").toLowerCase();return e?`--ist-${e}-${t}`:`--ist-${t}`}function H(e){if(!e)return;let r=document.documentElement;e.colors&&Object.entries(e.colors).forEach(([t,a])=>{let o=_("color",t);r.style.setProperty(o,a)}),e.typography&&Object.entries(e.typography).forEach(([t,a])=>{let o=_("",t);r.style.setProperty(o,a)}),e.shadows&&Object.entries(e.shadows).forEach(([t,a])=>{let o=_("shadow",t);r.style.setProperty(o,a)}),ge=e}H(E.default);function z(e){let r=E[e];if(!r){console.warn(`i-Status: Theme "${e}" was not found.`);return}H(r)}function R(e,r){!e||!r||(E[e]=r)}function j(e){return E[e]}function L(){return Object.keys(E)}return ee(Ce);})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "i-status-ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Reusable UI JavaScript components for status, progress, tracking, and notifications, designed to make process states easy to understand at a glance and simplify development",
   "type": "module",
   "main": "./dist/i-status.esm.js",
@@ -40,5 +40,8 @@
   "devDependencies": {
     "esbuild": "^0.28.2"
   },
-  "author": "Margie Verduzco"
+  "author": "Margie Verduzco",
+  "dependencies": {
+    "i-status-ui": "^0.1.1"
+  }
 }

package/styles/i-Status.css

@@ -2049,4 +2049,40 @@ Background
 
     }
 
-}
+}
+
+/* Sizes
+(sm, md, lg, fluid)
+*/
+
+/*  Notification Sizes  */
+.ist-notification--sm { max-width: 300px; padding: 12px; }
+.ist-notification--md { max-width: 420px; }
+.ist-notification--lg { max-width: 600px; padding: 20px; }
+.ist-notification--fluid { max-width: 100%; }
+
+/*  Progress Card Sizes  */
+.ist-progress-card--sm { max-width: 240px; padding: 14px; }
+.ist-progress-card--md { max-width: 320px; }
+.ist-progress-card--lg { max-width: 440px; padding: 24px; }
+.ist-progress-card--fluid { max-width: 100%; }
+
+/*  Radial Progress Card Sizes  */
+.ist-radial-card--sm { max-width: 200px; padding: 16px; }
+.ist-radial-card--sm .ist-radial-card__chart-wrapper { width: 110px; height: 110px; }
+.ist-radial-card--md { max-width: 280px; }
+.ist-radial-card--lg { max-width: 360px; padding: 32px; }
+.ist-radial-card--lg .ist-radial-card__chart-wrapper { width: 180px; height: 180px; }
+.ist-radial-card--fluid { max-width: 100%; }
+
+/*  Badge Sizes  */
+.ist-badge--sm { padding: 4px 8px; font-size: 11px; }
+.ist-badge--md { padding: 6px 12px; font-size: 12px; }
+.ist-badge--lg { padding: 8px 16px; font-size: 14px; }
+.ist-badge--fluid { width: 100%; justify-content: center; }
+
+/*  Stepper & Progress Stepper Sizes  */
+.ist-stepper--sm, .ist-progress-stepper--sm { font-size: 90%; }
+.ist-stepper--md, .ist-progress-stepper--md { font-size: 100%; }
+.ist-stepper--lg, .ist-progress-stepper--lg { font-size: 110%; }
+.ist-stepper--fluid, .ist-progress-stepper--fluid { width: 100%; }