@tmorrow/cre8-wc 2.3.6 → 2.3.9

package/dist/assets/{progress-steps-item.stories-uTT_r8tA.js → progress-steps-item.stories-DmKL_LsD.js}

@@ -1,4 +1,4 @@
-import{b as a}from"./iframe-B4bTcHfE.js";import{s as o}from"./spread-Bid2THYj.js";import"./progress-steps-item-DBrxAXer.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";const c=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as a}from"./iframe-DDPT8KPE.js";import{s as o}from"./spread-B6c5bbZ0.js";import"./progress-steps-item-CzcDWkvG.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";const c=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM11.5123 6.58923L7.20462 10.8969C7.14746 10.9541 7.07959 10.9995 7.00489 11.0305C6.93018 11.0615 6.8501 11.0774 6.76923 11.0774C6.68836 11.0774 6.60828 11.0615 6.53358 11.0305C6.45887 10.9995 6.391 10.9541 6.33385 10.8969L4.48769 9.05077C4.37222 8.9353 4.30735 8.77868 4.30735 8.61538C4.30735 8.45208 4.37222 8.29547 4.48769 8.18C4.60317 8.06453 4.75978 7.99966 4.92308 7.99966C5.08638 7.99966 5.24299 8.06453 5.35846 8.18L6.76923 9.59154L10.6415 5.71846C10.6987 5.66128 10.7666 5.61593 10.8413 5.58499C10.916 5.55404 10.9961 5.53812 11.0769 5.53812C11.1578 5.53812 11.2378 5.55404 11.3126 5.58499C11.3873 5.61593 11.4551 5.66128 11.5123 5.71846C11.5695 5.77564 11.6148 5.84351 11.6458 5.91822C11.6767 5.99292 11.6927 6.07299 11.6927 6.15384C11.6927 6.2347 11.6767 6.31477 11.6458 6.38947C11.6148 6.46418 11.5695 6.53205 11.5123 6.58923Z"/>
 </svg>
 `,g=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

package/dist/assets/{progress-steps.stories-Ce5crIHK.js → progress-steps.stories-DriY_K1-.js}

@@ -1,4 +1,4 @@
-import{a as h,r as u,b as i}from"./iframe-B4bTcHfE.js";import{s as g}from"./spread-Bid2THYj.js";import{C as f,n as x}from"./cre8-element-C-P96xHp.js";import{s as v}from"./light-children-DDjBxt3J.js";import"./progress-steps-item-DBrxAXer.js";import"./divider-C0LMK6Iw.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=h`.cre8-u-content-knockout-brand {
+import{a as h,r as u,b as i}from"./iframe-DDPT8KPE.js";import{s as g}from"./spread-B6c5bbZ0.js";import{C as f,n as x}from"./cre8-element-D6gzFubi.js";import{s as v}from"./light-children-DDjBxt3J.js";import"./progress-steps-item-CzcDWkvG.js";import"./divider-DrXVYE-L.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=h`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{radio-field-item-79BwrnBC.js → radio-field-item-D9J7yI50.js}

@@ -1,4 +1,4 @@
-import{a as b,b as g}from"./iframe-B4bTcHfE.js";import{o as m}from"./if-defined-DA22R8ho.js";import{C as x,n as r}from"./cre8-element-C-P96xHp.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./field-note-Bo9Uvf0_.js";import{e as w}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as v}from"./cre8-form-element-1YjfSY90.js";const k=b`.cre8-u-content-knockout-brand {
+import{a as b,b as g}from"./iframe-DDPT8KPE.js";import{o as m}from"./if-defined-D9Db4BBK.js";import{C as x,n as r}from"./cre8-element-D6gzFubi.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./field-note-B5lzFPnT.js";import{e as w}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as v}from"./cre8-form-element-vpi8SSNA.js";const k=b`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -614,7 +614,7 @@ span.ripple {
   line-height: var(--cre8-typography-label-small-line-height);
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
-  margin-bottom: 0.5rem;
+  margin-bottom: var(--cre8-spacing-8);
 }
 
 /** 
@@ -1250,7 +1250,7 @@ span.ripple {
   display: flex;
   position: relative;
   align-items: center;
-  margin-bottom: 0.5rem;
+  margin-bottom: var(--cre8-spacing-8);
   min-height: 1.5rem;
   /** 
   * 1) Form field that is compose of a radio input, label, and optional fieldnote.
@@ -1366,7 +1366,7 @@ span.ripple {
  * Radio field item input 
  */
 .cre8-c-radio-field-item__label {
-  margin-left: 2rem;
+  margin-left: var(--cre8-spacing-32);
   font-family: var(--cre8-typography-label-small-font-family);
   font-size: var(--cre8-typography-label-small-font-size);
   font-weight: var(--cre8-typography-label-small-font-weight);

package/dist/assets/{radio-field-item.stories-DSnw6Pet.js → radio-field-item.stories-OhybdUHY.js}

@@ -1,4 +1,4 @@
-import{b as u}from"./iframe-B4bTcHfE.js";import"./radio-field-item-79BwrnBC.js";import{s as m}from"./spread-Bid2THYj.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./light-children-DDjBxt3J.js";import"./field-note-Bo9Uvf0_.js";import"./icon-JqBqZA-z.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-1YjfSY90.js";const I={title:"cre8 Components/Radio Field Item",component:"cre8-radio-field-item",render:d=>u`
+import{b as u}from"./iframe-DDPT8KPE.js";import"./radio-field-item-D9J7yI50.js";import{s as m}from"./spread-B6c5bbZ0.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./light-children-DDjBxt3J.js";import"./field-note-B5lzFPnT.js";import"./icon-CxPUuckL.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-vpi8SSNA.js";const I={title:"cre8 Components/Radio Field Item",component:"cre8-radio-field-item",render:d=>u`
         <cre8-radio-field>
             <cre8-radio-field-item ${m(d)}></cre8-radio-field-item>
         </cre8-radio-field>

package/dist/assets/{radio-field.stories-DfWP-EBm.js → radio-field.stories-CFO_T4L1.js}

@@ -1,4 +1,4 @@
-import{b as a}from"./iframe-B4bTcHfE.js";import"./radio-field-item-79BwrnBC.js";import{s as c}from"./spread-Bid2THYj.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./light-children-DDjBxt3J.js";import"./field-note-Bo9Uvf0_.js";import"./icon-JqBqZA-z.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-1YjfSY90.js";const F={title:"cre8 Components/Radio Field",component:"cre8-radio-field",parameters:{status:{type:"inProgress"}},render:d=>a`
+import{b as a}from"./iframe-DDPT8KPE.js";import"./radio-field-item-D9J7yI50.js";import{s as c}from"./spread-B6c5bbZ0.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./light-children-DDjBxt3J.js";import"./field-note-B5lzFPnT.js";import"./icon-CxPUuckL.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-vpi8SSNA.js";const F={title:"cre8 Components/Radio Field",component:"cre8-radio-field",parameters:{status:{type:"inProgress"}},render:d=>a`
   <cre8-radio-field ${c(d)}>
    ${d.content}
   </cre8-radio-field>

package/dist/assets/{remove-tag-BMrp6VdQ.js → remove-tag-BTcYXFfg.js}

@@ -1,4 +1,4 @@
-import{C as l,c as g,n as a}from"./cre8-element-C-P96xHp.js";import{a as p,b as s}from"./iframe-B4bTcHfE.js";import"./icon-JqBqZA-z.js";const u=p`.cre8-u-content-knockout-brand {
+import{C as l,c as g,n as a}from"./cre8-element-D6gzFubi.js";import{a as p,b as s}from"./iframe-DDPT8KPE.js";import"./icon-CxPUuckL.js";const u=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{remove-tag.stories-DzflfmWP.js → remove-tag.stories-BR8qDc1-.js}

@@ -1,4 +1,4 @@
-import{b as c}from"./iframe-B4bTcHfE.js";import{s as d}from"./spread-Bid2THYj.js";import{w as u}from"./decorator-iVSD-Llo.js";import"./remove-tag-BMrp6VdQ.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-JqBqZA-z.js";import"./if-defined-DA22R8ho.js";const q={title:"In Development/Remove Tag",component:"cre8-remove-tag",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[u],render:n=>c`<cre8-remove-tag ${d(n)}></cre8-remove-tag>`,argTypes:{text:{control:"text"},color:{options:["neutral","branded","neutral-hybrid"],control:{type:"radio"}},shape:{options:["round","square"],control:{type:"radio"}},removed:{control:"boolean"}},args:{text:"Tag text",shape:"neutral",color:"round"}},t={args:{text:"Tag text",color:"neutral",shape:"round"}},e={args:{text:"Tag text",color:"neutral",shape:"square"}},r={args:{text:"Tag text",color:"neutral-hybrid",shape:"round"}},o={args:{text:"Tag text",color:"neutral-hybrid",shape:"square"}},a={args:{text:"Tag text",color:"branded",shape:"round"}},s={args:{text:"Tag text",color:"branded",shape:"square"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+import{b as c}from"./iframe-DDPT8KPE.js";import{s as d}from"./spread-B6c5bbZ0.js";import{w as u}from"./decorator-iVSD-Llo.js";import"./remove-tag-BTcYXFfg.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-CxPUuckL.js";import"./if-defined-D9Db4BBK.js";const q={title:"In Development/Remove Tag",component:"cre8-remove-tag",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[u],render:n=>c`<cre8-remove-tag ${d(n)}></cre8-remove-tag>`,argTypes:{text:{control:"text"},color:{options:["neutral","branded","neutral-hybrid"],control:{type:"radio"}},shape:{options:["round","square"],control:{type:"radio"}},removed:{control:"boolean"}},args:{text:"Tag text",shape:"neutral",color:"round"}},t={args:{text:"Tag text",color:"neutral",shape:"round"}},e={args:{text:"Tag text",color:"neutral",shape:"square"}},r={args:{text:"Tag text",color:"neutral-hybrid",shape:"round"}},o={args:{text:"Tag text",color:"neutral-hybrid",shape:"square"}},a={args:{text:"Tag text",color:"branded",shape:"round"}},s={args:{text:"Tag text",color:"branded",shape:"square"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Tag text',
     color: 'neutral',

package/dist/assets/{sample-modal.stories-CkAkkA1F.js → sample-modal.stories-C0XIFujz.js}

@@ -1,4 +1,4 @@
-import{a as b,j as f,r as S,b as a}from"./iframe-B4bTcHfE.js";import{c as D,n as g}from"./cre8-element-C-P96xHp.js";import"./modal-BuNx7jRd.js";import"./button-group-Clrz8Qlx.js";import"./button-BYSQD8Gp.js";import"./heading-DJFZJNk9.js";import{o as y}from"./if-defined-DA22R8ho.js";const A=b`
+import{a as b,j as f,r as S,b as a}from"./iframe-DDPT8KPE.js";import{c as D,n as g}from"./cre8-element-D6gzFubi.js";import"./modal-CyHr0GaN.js";import"./button-group-A_PXJVGQ.js";import"./button-8X2Dk9iy.js";import"./heading-zzuz3Lhl.js";import{o as y}from"./if-defined-D9Db4BBK.js";const A=b`
 @import 'design-tokens/core/scss/theming/component';
 
 /*------------------------------------*\ 

package/dist/assets/{section.stories-BsRdbbnp.js → section.stories-B7yBNtOq.js}

@@ -1,4 +1,4 @@
-import{a as p,b as n,o as c}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import"./heading-DJFZJNk9.js";import"./button-BYSQD8Gp.js";import"./text-passage-BrueaqOk.js";import{C as g,n as u}from"./cre8-element-C-P96xHp.js";import{s as h}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=p`.cre8-u-content-knockout-brand {
+import{a as p,b as n,o as c}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import"./heading-zzuz3Lhl.js";import"./button-8X2Dk9iy.js";import"./text-passage-CXhgRa33.js";import{C as g,n as u}from"./cre8-element-D6gzFubi.js";import{s as h}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -602,7 +602,7 @@ span.ripple {
  * 1) A major section of a page (<section> tag) with a title and optional description.
  */
 .cre8-c-section {
-  margin-bottom: 2rem;
+  margin-bottom: var(--cre8-spacing-32);
   display: block;
 }
 
@@ -619,11 +619,11 @@ span.ripple {
 * Section body
 */
 .cre8-c-section__body {
-  padding-top: 1rem;
+  padding-top: var(--cre8-padding-16);
 }
 @media all and (min-width: 960px) {
   .cre8-c-section__body {
-    padding-top: 2rem;
+    padding-top: var(--cre8-spacing-32);
   }
 }`;var x=Object.defineProperty,b=(i,e,s,y)=>{for(var t=void 0,m=i.length-1,l;m>=0;m--)(l=i[m])&&(t=l(e,s,t)||t);return t&&x(e,s,t),t};const d=class d extends g{render(){const e=this.componentClassNames("cre8-c-section",{});return n`
       <section class="${e}">

package/dist/assets/{select-tile-DT1BbbTN.js → select-tile-iL180t7s.js}

@@ -1,4 +1,4 @@
-import{a as f,j as b,b as d}from"./iframe-B4bTcHfE.js";import{n as o}from"./cre8-element-C-P96xHp.js";import{e as v}from"./query-BpjciUlk.js";import{o as x}from"./if-defined-DA22R8ho.js";import{n as _}from"./index.browser-BY9c7rfI.js";import{C as y}from"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";const k=f`.cre8-u-content-knockout-brand {
+import{a as f,j as b,b as d}from"./iframe-DDPT8KPE.js";import{n as o}from"./cre8-element-D6gzFubi.js";import{e as v}from"./query-BpjciUlk.js";import{o as x}from"./if-defined-D9Db4BBK.js";import{n as _}from"./index.browser-BY9c7rfI.js";import{C as y}from"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";const k=f`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -610,7 +610,7 @@ span.ripple {
   flex-direction: column;
   height: 100%;
   width: 100%;
-  padding: 1rem;
+  padding: var(--cre8-padding-16);
   gap: 1rem;
   background: var(--cre8-color-bg-default);
 }

package/dist/assets/{select-tile-list.stories-Y8v5jLtk.js → select-tile-list.stories-CZ0W8QuX.js}

@@ -1,4 +1,4 @@
-import{a as f,b as a,g as y}from"./iframe-B4bTcHfE.js";import"./field-note-Bo9Uvf0_.js";import{o as p}from"./if-defined-DA22R8ho.js";import{C as x,n as t}from"./cre8-element-C-P96xHp.js";import{n as b}from"./index.browser-BY9c7rfI.js";import"./select-tile-DT1BbbTN.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-JqBqZA-z.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";const v=f`.cre8-u-content-knockout-brand {
+import{a as f,b as a,g as y}from"./iframe-DDPT8KPE.js";import"./field-note-B5lzFPnT.js";import{o as p}from"./if-defined-D9Db4BBK.js";import{C as x,n as t}from"./cre8-element-D6gzFubi.js";import{n as b}from"./index.browser-BY9c7rfI.js";import"./select-tile-iL180t7s.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CxPUuckL.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";const v=f`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -614,11 +614,11 @@ span.ripple {
   line-height: var(--cre8-typography-label-default-line-height);
   text-decoration: var(--cre8-typography-label-default-text-decoration);
   text-transform: var(--cre8-typography-label-default-text-transform);
-  margin-bottom: 0.5rem;
+  margin-bottom: var(--cre8-spacing-8);
 }
 
 .cre8-c-select-tile-list__list {
-  gap: 1.5rem;
+  gap: var(--cre8-spacing-24);
   display: grid;
   grid-template-columns: repeat(auto-fit, var(--cre8-select-tile-list-item-width, 13rem));
 }
@@ -668,7 +668,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-`,X={title:"In Development/Select Tile List",component:"cre8-select-tile-list",args:{...k,label:"Legend",fieldNote:"This is a Field Note!"},argTypes:N,parameters:{status:{type:"beta"}},decorators:[r=>a`<form>\n${r()}\n</form>`],render:r=>z(r,H)},l={},c=()=>a`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
+`,X={title:"In Development/Select Tile List",component:"cre8-select-tile-list",args:{...k,label:"Legend",fieldNote:"This is a Field Note!"},argTypes:N,parameters:{status:{type:"beta"}},decorators:[r=>a`<form>\n${r()}\n</form>`],render:r=>z(r,H)},c={},l=()=>a`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile name="t1" align="center" value="1" variant="horizontal">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -737,7 +737,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>`;l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:"{}",...l.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
+</cre8-select-tile-list>`;c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:"{}",...c.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile name="t1" align="center" value="1" variant="horizontal">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -760,7 +760,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>\``,...c.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list label="Legend" fieldNote="This is a Field Note!">
+</cre8-select-tile-list>\``,...l.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile name="t1" align="center" value="1" type="checkbox">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -806,4 +806,4 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>\``,...d.parameters?.docs?.source}}};const D=["SelectTileList","SelectTileListHorizontal","SelectTileListChecks","SelectTileListChecksHorizontal"];export{l as SelectTileList,s as SelectTileListChecks,d as SelectTileListChecksHorizontal,c as SelectTileListHorizontal,D as __namedExportsOrder,X as default};
+</cre8-select-tile-list>\``,...d.parameters?.docs?.source}}};const D=["SelectTileList","SelectTileListHorizontal","SelectTileListChecks","SelectTileListChecksHorizontal"];export{c as SelectTileList,s as SelectTileListChecks,d as SelectTileListChecksHorizontal,l as SelectTileListHorizontal,D as __namedExportsOrder,X as default};

package/dist/assets/{select-tile.stories-DXaZ1Ah3.js → select-tile.stories-BTOWiDZU.js}

@@ -1,4 +1,4 @@
-import{a as C,j as R,r as S,b as r}from"./iframe-B4bTcHfE.js";import{w as F}from"./decorator-iVSD-Llo.js";import{t as N}from"./f-po-qGnzb4u2.js";import{n as k}from"./cre8-element-C-P96xHp.js";import{s as t}from"./spread-Bid2THYj.js";import"./icon-JqBqZA-z.js";import"./button-group-Clrz8Qlx.js";import"./button-BYSQD8Gp.js";import"./select-tile-DT1BbbTN.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";import"./loading-spinner-DKyQa4wk.js";import"./index.browser-BY9c7rfI.js";const M=C`
+import{a as C,j as R,r as S,b as r}from"./iframe-DDPT8KPE.js";import{w as F}from"./decorator-iVSD-Llo.js";import{t as N}from"./f-po-B5bw1GSj.js";import{n as k}from"./cre8-element-D6gzFubi.js";import{s as t}from"./spread-B6c5bbZ0.js";import"./icon-CxPUuckL.js";import"./button-group-A_PXJVGQ.js";import"./button-8X2Dk9iy.js";import"./select-tile-iL180t7s.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";import"./loading-spinner-Cr5nQQHU.js";import"./index.browser-BY9c7rfI.js";const M=C`
 /**
  * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
  */

package/dist/assets/{select.stories-CLirye_v.js → select.stories-B7ZOGmyx.js}

@@ -1,4 +1,4 @@
-import{a as k,b as o,A as I,o as N}from"./iframe-B4bTcHfE.js";import{s as S}from"./spread-Bid2THYj.js";import{s as O}from"./story-helpers-BFn_kBYw.js";import"./link-BV5p2Gem.js";import{o as w}from"./if-defined-DA22R8ho.js";import{n as i}from"./cre8-element-C-P96xHp.js";import{r as $}from"./query-all-CK69__1O.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./field-note-Bo9Uvf0_.js";import{C}from"./cre8-form-element-1YjfSY90.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./icon-JqBqZA-z.js";const G=k`.cre8-u-content-knockout-brand {
+import{a as k,b as o,A as I,o as N}from"./iframe-DDPT8KPE.js";import{s as S}from"./spread-B6c5bbZ0.js";import{s as O}from"./story-helpers-BFn_kBYw.js";import"./link-CH6OehK-.js";import{o as w}from"./if-defined-D9Db4BBK.js";import{n as i}from"./cre8-element-D6gzFubi.js";import{r as $}from"./query-all-CK69__1O.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./field-note-B5lzFPnT.js";import{C}from"./cre8-form-element-vpi8SSNA.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./icon-CxPUuckL.js";const G=k`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -723,7 +723,7 @@ span.ripple {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  gap: 0.5rem;
+  gap: var(--cre8-spacing-8);
   pointer-events: none;
 }
 
@@ -731,7 +731,7 @@ span.ripple {
  * Select Arrow Icon
  */
 .cre8-c-select__icon-arrow {
-  margin-right: 0.375rem;
+  margin-right: var(--cre8-spacing-6);
   width: 0.75rem;
   height: 0.75rem;
 }

package/dist/assets/{sign-in.stories-D9NOZ9gm.js → sign-in.stories-wUx1NQ0E.js}

@@ -1,4 +1,4 @@
-import{b}from"./iframe-B4bTcHfE.js";import"./form-C_mLqAJr.js";import"./field-DW7G8q1Z.js";import"./button-BYSQD8Gp.js";import"./button-group-Clrz8Qlx.js";import"./card-Hnd7rRWF.js";import"./heading-DJFZJNk9.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DA22R8ho.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-1YjfSY90.js";import"./field-note-Bo9Uvf0_.js";import"./icon-JqBqZA-z.js";import"./field.styles-DY4WEjtf.js";import"./loading-spinner-DKyQa4wk.js";const{expect:e,userEvent:m,waitFor:s}=__STORYBOOK_MODULE_TEST__,P={title:"Patterns/Sign In",component:"cre8-form",tags:["autodocs","pattern","experimental"],parameters:{controls:{hideNoControlsWarning:!0},docs:{description:{component:"A sign-in composition built from `cre8-form`, `cre8-field`, and `cre8-button-group` inside a `cre8-card`. The form blocks submission while required fields are empty, flags them inline, and moves focus to the first invalid control. The **Interactions** panel replays the full flow: an empty submit that gets blocked, then a valid submit that collects `FormData`."}}}},c=async a=>{let t=null;return await s(()=>{t=a.shadowRoot?.querySelector("input")??null,e(t).toBeTruthy()}),t},n={render:()=>b`
+import{b}from"./iframe-DDPT8KPE.js";import"./form-Dbh-V7vb.js";import"./field-D0FcR6uM.js";import"./button-8X2Dk9iy.js";import"./button-group-A_PXJVGQ.js";import"./card-Do-wbM0m.js";import"./heading-zzuz3Lhl.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-D9Db4BBK.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-vpi8SSNA.js";import"./field-note-B5lzFPnT.js";import"./icon-CxPUuckL.js";import"./field.styles-CYEWQMFp.js";import"./loading-spinner-Cr5nQQHU.js";const{expect:e,userEvent:m,waitFor:s}=__STORYBOOK_MODULE_TEST__,P={title:"Patterns/Sign In",component:"cre8-form",tags:["autodocs","pattern","experimental"],parameters:{controls:{hideNoControlsWarning:!0},docs:{description:{component:"A sign-in composition built from `cre8-form`, `cre8-field`, and `cre8-button-group` inside a `cre8-card`. The form blocks submission while required fields are empty, flags them inline, and moves focus to the first invalid control. The **Interactions** panel replays the full flow: an empty submit that gets blocked, then a valid submit that collects `FormData`."}}}},c=async a=>{let t=null;return await s(()=>{t=a.shadowRoot?.querySelector("input")??null,e(t).toBeTruthy()}),t},n={render:()=>b`
     <cre8-card style="max-width: 24rem; padding: 2rem;">
       <cre8-heading slot="header" tagVariant="h2" variant="title-default">Sign in</cre8-heading>
       <cre8-form>

package/dist/assets/{skeleton-loader.stories-DNWnBUN6.js → skeleton-loader.stories-BuH6a4ES.js}

@@ -1,4 +1,4 @@
-import{a as b,b as x}from"./iframe-B4bTcHfE.js";import{s as y}from"./spread-Bid2THYj.js";import{C as w,n as g}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=b`.cre8-u-content-knockout-brand {
+import{a as b,b as x}from"./iframe-DDPT8KPE.js";import{s as y}from"./spread-B6c5bbZ0.js";import{C as w,n as g}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=b`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{split-button.stories-CiM0ElvX.js → split-button.stories-DKUfRwS2.js}

@@ -1,4 +1,4 @@
-import{a as u,b as i}from"./iframe-B4bTcHfE.js";import"./dropdown-Dyzrh4vW.js";import{C as h,n as s}from"./cre8-element-C-P96xHp.js";import{r as f}from"./state-DNEXh1sp.js";import"./button-BYSQD8Gp.js";import"./preload-helper-PPVm8Dsz.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./light-children-DDjBxt3J.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DA22R8ho.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";const b=u`.cre8-u-content-knockout-brand {
+import{a as u,b as i}from"./iframe-DDPT8KPE.js";import"./dropdown-CA5ix44-.js";import{C as h,n as s}from"./cre8-element-D6gzFubi.js";import{r as f}from"./state-Ds0pqCS8.js";import"./button-8X2Dk9iy.js";import"./preload-helper-PPVm8Dsz.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./light-children-DDjBxt3J.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-D9Db4BBK.js";import"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";const b=u`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{spread-Bid2THYj.js → spread-B6c5bbZ0.js}

@@ -1 +1 @@
-import{e as o,i as s,t as i,E as p}from"./iframe-B4bTcHfE.js";class c extends s{constructor(e){if(super(e),e.type!==i.ELEMENT)throw new Error("The `spread` directive can only be used in the element context")}update(e,[n]){return Object.entries(n).forEach(([r,t])=>{typeof t=="string"&&t.length>0&&e.element.setAttribute(r,t),typeof t=="boolean"&&(e.element[r]=t)}),p}render(e){return""}}const l=o(c);export{l as s};
+import{e as o,i as s,t as i,E as p}from"./iframe-DDPT8KPE.js";class c extends s{constructor(e){if(super(e),e.type!==i.ELEMENT)throw new Error("The `spread` directive can only be used in the element context")}update(e,[n]){return Object.entries(n).forEach(([r,t])=>{typeof t=="string"&&t.length>0&&e.element.setAttribute(r,t),typeof t=="boolean"&&(e.element[r]=t)}),p}render(e){return""}}const l=o(c);export{l as s};

package/dist/assets/state-Ds0pqCS8.js

@@ -0,0 +1 @@
+import{n as r}from"./cre8-element-D6gzFubi.js";function n(t){return r({...t,state:!0,attribute:!1})}export{n as r};

package/dist/assets/{submenu.stories-C4DuErMw.js → submenu.stories-BB01JzOh.js}

@@ -1,4 +1,4 @@
-import{a as g,b as a}from"./iframe-B4bTcHfE.js";import{s as u}from"./spread-Bid2THYj.js";import{C as c,n as h}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
+import{a as g,b as a}from"./iframe-DDPT8KPE.js";import{s as u}from"./spread-B6c5bbZ0.js";import{C as c,n as h}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }