@tmorrow/cre8-wc 2.3.3 → 2.3.5

package/dist/assets/container.stories-FTn4HUQs.js

@@ -0,0 +1,637 @@
+import{a as g,b as p}from"./iframe-DgoqrgRr.js";import{s as h}from"./spread-Cc0YLoqh.js";import"./f-po-CDPxLfff.js";import{C as u,n as l}from"./cre8-element-D4jUl3yv.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bh0SnORx.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
+  color: var(----cre8-color-content-knockout-brand);
+}
+
+.cre8-u-is-hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+.cre8-u-is-vishidden {
+  position: absolute !important;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+@media all and (min-width: 23.4375rem) {
+  .cre8-u-hide-sm {
+    display: none !important;
+  }
+}
+@media all and (min-width: 35rem) {
+  .cre8-u-hide-sm-2 {
+    display: none !important;
+  }
+}
+@media all and (min-width: 48rem) {
+  .cre8-u-hide-md {
+    display: none !important;
+  }
+}
+@media all and (min-width: 60rem) {
+  .cre8-u-hide-lg {
+    display: none !important;
+  }
+}
+@media all and (min-width: 75rem) {
+  .cre8-u-hide-xl {
+    display: none !important;
+  }
+}
+@media all and (max-width: 23.4375rem) {
+  .cre8-u-show-sm {
+    display: none !important;
+  }
+}
+@media all and (max-width: 35rem) {
+  .cre8-u-show-sm-2 {
+    display: none !important;
+  }
+}
+@media all and (max-width: 48rem) {
+  .cre8-u-show-md {
+    display: none !important;
+  }
+}
+@media all and (max-width: 60rem) {
+  .cre8-u-show-lg {
+    display: none !important;
+  }
+}
+@media all and (max-width: 75rem) {
+  .cre8-u-show-xl {
+    display: none !important;
+  }
+}
+.cre8-u-margin-none {
+  margin: 0 !important;
+}
+
+.cre8-u-margin-sm {
+  margin: size(1) !important;
+}
+
+.cre8-u-margin-md {
+  margin: size(2) !important;
+}
+
+.cre8-u-margin-lg {
+  margin: size(3) !important;
+}
+
+.cre8-u-margin-xl {
+  margin: size(4) !important;
+}
+
+.cre8-u-margin-xxl {
+  margin: size(8) !important;
+}
+
+.cre8-u-margin-top-none {
+  margin-top: 0 !important;
+}
+
+.cre8-u-margin-top-sm {
+  margin-top: size(1) !important;
+}
+
+.cre8-u-margin-top-md {
+  margin-top: size(2) !important;
+}
+
+.cre8-u-margin-top-lg {
+  margin-top: size(3) !important;
+}
+
+.cre8-u-margin-top-xl {
+  margin-top: size(4) !important;
+}
+
+.cre8-u-margin-top-xxl {
+  margin-top: size(8) !important;
+}
+
+.cre8-u-margin-right-none {
+  margin-right: 0 !important;
+}
+
+.cre8-u-margin-right-sm {
+  margin-right: size(1) !important;
+}
+
+.cre8-u-margin-right-md {
+  margin-right: size(2) !important;
+}
+
+.cre8-u-margin-right-lg {
+  margin-right: size(3) !important;
+}
+
+.cre8-u-margin-right-xl {
+  margin-right: size(4) !important;
+}
+
+.cre8-u-margin-right-xxl {
+  margin-right: size(8) !important;
+}
+
+.cre8-u-margin-bottom-none {
+  margin-bottom: 0 !important;
+}
+
+.cre8-u-margin-bottom-sm {
+  margin-bottom: size(1) !important;
+}
+
+.cre8-u-margin-bottom-md {
+  margin-bottom: size(2) !important;
+}
+
+.cre8-u-margin-bottom-lg {
+  margin-bottom: size(3) !important;
+}
+
+.cre8-u-margin-bottom-xl {
+  margin-bottom: size(4) !important;
+}
+
+.cre8-u-margin-bottom-xxl {
+  margin-bottom: size(8) !important;
+}
+
+.cre8-u-margin-bottom-xl-xxl {
+  margin-bottom: size(4) !important;
+}
+
+@media all and (min-width: 768px) {
+  .cre8-u-margin-bottom-xl-xxl {
+    margin-bottom: size(8) !important;
+  }
+}
+.cre8-u-margin-left-none {
+  margin-left: 0 !important;
+}
+
+.cre8-u-margin-left-sm {
+  margin-left: size(1) !important;
+}
+
+.cre8-u-margin-left-md {
+  margin-left: size(2) !important;
+}
+
+.cre8-u-margin-left-lg {
+  margin-left: size(3) !important;
+}
+
+.cre8-u-margin-left-xl {
+  margin-left: size(4) !important;
+}
+
+.cre8-u-margin-left-xxl {
+  margin-left: size(8) !important;
+}
+
+.cre8-u-padding-none {
+  padding: 0 !important;
+}
+
+.cre8-u-padding-sm {
+  padding: size(1) !important;
+}
+
+.cre8-u-padding-md {
+  padding: size(2) !important;
+}
+
+.cre8-u-padding-lg {
+  padding: size(3) !important;
+}
+
+.cre8-u-padding-xl {
+  padding: size(4) !important;
+}
+
+.cre8-u-padding-xxl {
+  padding: size(8) !important;
+}
+
+.cre8-u-padding-top-none {
+  padding-top: 0 !important;
+}
+
+.cre8-u-padding-top-sm {
+  padding-top: size(1) !important;
+}
+
+.cre8-u-padding-top-md {
+  padding-top: size(2) !important;
+}
+
+.cre8-u-padding-top-lg {
+  padding-top: size(3) !important;
+}
+
+.cre8-u-padding-top-xl {
+  padding-top: size(4) !important;
+}
+
+.cre8-u-padding-top-xxl {
+  padding-top: size(8) !important;
+}
+
+.cre8-u-padding-right-none {
+  padding-right: 0 !important;
+}
+
+.cre8-u-padding-right-sm {
+  padding-right: size(1) !important;
+}
+
+.cre8-u-padding-right-md {
+  padding-right: size(2) !important;
+}
+
+.cre8-u-padding-right-lg {
+  padding-right: size(3) !important;
+}
+
+.cre8-u-padding-right-xl {
+  padding-right: size(4) !important;
+}
+
+.cre8-u-padding-right-xxl {
+  padding-right: size(8) !important;
+}
+
+.cre8-u-padding-bottom-none {
+  padding-bottom: 0 !important;
+}
+
+.cre8-u-padding-bottom-sm {
+  padding-bottom: size(1) !important;
+}
+
+.cre8-u-padding-bottom-md {
+  padding-bottom: size(2) !important;
+}
+
+.cre8-u-padding-bottom-lg {
+  padding-bottom: size(3) !important;
+}
+
+.cre8-u-padding-bottom-xl {
+  padding-bottom: size(4) !important;
+}
+
+.cre8-u-padding-bottom-xxl {
+  padding-bottom: size(8) !important;
+}
+
+.cre8-u-padding-left-none {
+  padding-left: 0 !important;
+}
+
+.cre8-u-padding-left-sm {
+  padding-left: size(1) !important;
+}
+
+.cre8-u-padding-left-md {
+  padding-left: size(2) !important;
+}
+
+.cre8-u-padding-left-lg {
+  padding-left: size(3) !important;
+}
+
+.cre8-u-padding-left-xl {
+  padding-left: size(4) !important;
+}
+
+.cre8-u-padding-left-xxl {
+  padding-left: size(8) !important;
+}
+
+.cre8-u-display-flex {
+  display: flex !important;
+}
+
+.cre8-u-display-block {
+  display: block !important;
+}
+
+body {
+  font-family: var(--cre8-typography-body-default-font-family);
+  font-size: var(--cre8-typography-body-default-font-size);
+  font-weight: var(--cre8-typography-body-default-font-weight);
+  line-height: var(--cre8-typography-body-default-line-height);
+  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
+  text-decoration: var(--cre8-typography-body-default-text-decoration);
+  text-transform: var(--cre8-typography-body-default-text-transform);
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  color: var(--cre8-color-content-default);
+  background: var(--background-default);
+}
+
+@media all and (min-width: 60rem) {
+  .page-container {
+    background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);
+  }
+}
+.band__inner {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+
+@media all and (min-width: 60rem) {
+  .band__inner {
+    margin-right: 0;
+  }
+}
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+/**
+ * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
+ */
+*,
+::slotted(*),
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+:root {
+  --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
+}
+
+/**
+ * RTL support for values logical properties can't automatically adjust for
+ * 1) Percentage based horizontal translate values need to be flipped
+ * 2) Background gradients using "to-right" or "to-left" need to be switched to using deg values.
+ * 3) Inverse items that have 45degs
+ */
+[dir=rtl] {
+  --rtlTranslateX: 50%;
+  /* 1 */
+  --rtlGradientToRight: 270deg;
+  /* 2 */
+  --rtlRotate45Inverse: -45deg;
+  /* 3 */
+}
+
+/**
+ * Visible focus outline for elements on a light background
+ */
+/**
+ * Visible focus outline for elements with an error status
+ */
+/**
+ * Visible focus outline for elements on a dark background
+ */
+/**
+* Focus state for themes that need a dashed outline for focus
+* state
+**/
+/**
+ * Invisible focus outline for elements that need a more visible
+ * focus state for high-contrast mode
+ */
+/**
+ * Visually hidden from display
+ */
+/*
+=======
+Animations
+=======
+*/
+:host {
+  --cre8-z-index-1: 1;
+  --cre8-z-index-50: 50;
+  --cre8-z-index-100: 100;
+  --cre8-z-index-200: 200;
+  --cre8-z-index-1030: 1030;
+  --cre8-anim-fade-quick: 0.35s;
+  --cre8-anim-ease: ease;
+}
+
+@keyframes fadeIn {
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes slideIn {
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes slideInFwd {
+  100% {
+    width: 272px;
+    height: 272px;
+  }
+}
+@keyframes slideOutRight {
+  100% {
+    width: 272px;
+    height: 272px;
+  }
+}
+@keyframes slideUp {
+  100% {
+    transform: translateY(0);
+  }
+}
+@media (width >= 481px) {
+  @keyframes slideInFwd {
+    100% {
+      width: 417px;
+      height: 417px;
+    }
+  }
+  @keyframes slideOutRight {
+    100% {
+      width: 417px;
+      height: 417px;
+    }
+  }
+}
+@media (width >= 48rem) {
+  @keyframes slideInFwd {
+    100% {
+      width: 330px;
+      height: 330px;
+    }
+  }
+  @keyframes slideOutRight {
+    100% {
+      width: 330px;
+      height: 330px;
+      transform: translateX(calc(100vw - 45px));
+    }
+  }
+}
+@media (width >= 60rem) {
+  @keyframes slideInFwd {
+    100% {
+      width: 460px;
+      height: 460px;
+    }
+  }
+  @keyframes slideOutRight {
+    100% {
+      width: 460px;
+      height: 460px;
+      transform: translateX(calc(100vw - 45px));
+    }
+  }
+}
+@media (width >= 75rem) {
+  @keyframes slideInFwd {
+    100% {
+      width: 592px;
+      height: 591px;
+    }
+  }
+  @keyframes slideOutRight {
+    100% {
+      width: 592px;
+      height: 591px;
+      transform: translateX(calc(100vw - 45px));
+    }
+  }
+}
+@media (width >= 87.5rem) {
+  @keyframes slideOutRight {
+    100% {
+      width: 592px;
+      height: 591px;
+      transform: translateX(calc(100vw - 120px));
+    }
+  }
+}
+@media (width >= 2200px) {
+  @keyframes slideOutRight {
+    100% {
+      width: 592px;
+      height: 591px;
+      transform: translateX(calc(100vw - 592px));
+    }
+  }
+}
+span.ripple {
+  position: absolute;
+  border-radius: 50%;
+  transform: scale(0);
+  animation: ripple 600ms linear;
+  background-color: var(--ripple-bg-color);
+}
+
+@keyframes ripple {
+  to {
+    transform: scale(4);
+    opacity: 1;
+  }
+}
+:root {
+  --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
+}
+
+/**
+ * RTL support for values logical properties can't automatically adjust for
+ * 1) Percentage based horizontal translate values need to be flipped
+ * 2) Background gradients using "to-right" or "to-left" need to be switched to using deg values.
+ * 3) Inverse items that have 45degs
+ */
+[dir=rtl] {
+  --rtlTranslateX: 50%;
+  /* 1 */
+  --rtlGradientToRight: 270deg;
+  /* 2 */
+  --rtlRotate45Inverse: -45deg;
+  /* 3 */
+}
+
+/**
+ * Visible focus outline for elements on a light background
+ */
+/**
+ * Visible focus outline for elements with an error status
+ */
+/**
+ * Visible focus outline for elements on a dark background
+ */
+/**
+* Focus state for themes that need a dashed outline for focus
+* state
+**/
+/**
+ * Invisible focus outline for elements that need a more visible
+ * focus state for high-contrast mode
+ */
+/**
+ * Visually hidden from display
+ */
+/**
+ * 1) Establishes a CSS containment context so anything slotted inside can be
+ * styled with \`@container\` queries against this element's own rendered size,
+ * rather than the viewport. It renders no visible chrome of its own; the
+ * only effect is making container queries possible for its content.
+ */
+.cre8-c-container {
+  container-type: inline-size;
+  display: block;
+}
+
+/**
+ * Size containment
+ * 1) Contains both the inline and block axis, so \`@container\` rules can also
+ * query height. Use only when this element's own height does not depend on
+ * its content - size containment forces the content box to 0x0 before
+ * layout runs, so a height derived from content collapses under this mode.
+ */
+.cre8-c-container--size {
+  container-type: size;
+}
+
+/**
+ * Normal containment
+ * 1) Names the container without adding size containment. Use for
+ * \`@container style(...)\` queries, which read custom-property values rather
+ * than dimensions and don't need a measured size to query against.
+ */
+.cre8-c-container--normal {
+  container-type: normal;
+}`;var x=Object.defineProperty,c=(e,a,s,b)=>{for(var t=void 0,o=e.length-1,m;o>=0;o--)(m=e[o])&&(t=m(a,s,t)||t);return t&&x(a,s,t),t};const d=class d extends u{render(){const a=this.componentClassNames("cre8-c-container",{"cre8-c-container--size":this.type==="size","cre8-c-container--normal":this.type==="normal"});return p`
+      <div
+        class="${a}"
+        part="container"
+        style=${this.name?`container-name: ${this.name};`:""}
+      >
+        <slot></slot>
+      </div>
+    `}};d.styles=[f];let r=d;c([l()],r.prototype,"type");c([l()],r.prototype,"name");customElements.get("cre8-container")===void 0&&customElements.define("cre8-container",r);const T={title:"cre8 Components/Container",component:"cre8-container",parameters:{status:{type:"inProgress"}},argTypes:{type:{options:["inline-size","size","normal"],control:{type:"radio"}}}},i=e=>p`<cre8-container ${h(e)} style="resize: horizontal; overflow: auto; border: 1px dashed var(--cre8-color-border-default); padding: 8px; width: 480px;">
+  <f-po>This box is resizable - drag its right edge. The label inside is styled with a plain <code>@container</code> query keyed to this element's width, not the viewport.</f-po>
+</cre8-container>`,n={args:{name:"demo"},render:e=>i(e)};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'args => html`<cre8-container ${spread(args)} style="resize: horizontal; overflow: auto; border: 1px dashed var(--cre8-color-border-default); padding: 8px; width: 480px;">\n  <f-po>This box is resizable - drag its right edge. The label inside is styled with a plain <code>@container</code> query keyed to this element\'s width, not the viewport.</f-po>\n</cre8-container>`',...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    name: 'demo'
+  },
+  render: args => Default(args)
+}`,...n.parameters?.docs?.source}}};const _=["Default","NamedContainer"];export{i as Default,n as NamedContainer,_ as __namedExportsOrder,T as default};

package/dist/assets/{cre8-element-D5K1i-hj.js → cre8-element-D4jUl3yv.js}

@@ -1 +1 @@
-import{k as u,u as d,j as h,b as f}from"./iframe-D9xUwXG_.js";import{g as m}from"./_commonjsHelpers-DaWZu8wl.js";const b={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:u},y=(n=b,e,r)=>{const{kind:c,metadata:a}=r;let t=globalThis.litPropertyMetadata.get(a);if(t===void 0&&globalThis.litPropertyMetadata.set(a,t=new Map),c==="setter"&&((n=Object.create(n)).wrapped=!0),t.set(r.name,n),c==="accessor"){const{name:s}=r;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(s,i,n,!0,o)},init(o){return o!==void 0&&this.C(s,void 0,n,o),o}}}if(c==="setter"){const{name:s}=r;return function(o){const i=this[s];e.call(this,o),this.requestUpdate(s,i,n,!0,o)}}throw Error("Unsupported decorator location: "+c)};function x(n){return(e,r)=>typeof r=="object"?y(n,e,r):((c,a,t)=>{const s=a.hasOwnProperty(t);return a.constructor.createProperty(t,c),s?Object.getOwnPropertyDescriptor(a,t):void 0})(n,e,r)}var l={exports:{}},p;function E(){return p||(p=1,(function(n){(function(){var e={}.hasOwnProperty;function r(){for(var t="",s=0;s<arguments.length;s++){var o=arguments[s];o&&(t=a(t,c(o)))}return t}function c(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var s="";for(var o in t)e.call(t,o)&&t[o]&&(s=a(s,o));return s}function a(t,s){return s?t?t+" "+s:t+s:t}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(l)),l.exports}var g=E();const v=m(g),C={"tab-change":"tabChange","tab-select":"tabSelected","modal-close":"close-modal","popover-open":"open","popover-close":"close","tooltip-open":"open","tooltip-close":"close","multi-select-change":"selectedItemsChange","remove-tag-click":"removeTagClicked","percent-bar-left-action-click":"leftActionButtonClick","dropdown-item-select":"dropdown-item-selected","split-button-text-click":"text-click","split-button-dropdown-click":"dropdown-click","pagination-change":"pagination.click","chart-click":"cre8-chart-click","chart-hover":"cre8-chart-hover","chart-ready":"cre8-chart-ready"};class S extends h{componentClassNames(e,r={}){return v(e,r)}slotEmpty(e){return!this.querySelector(`[slot="${e}"]`)}slotNotEmpty(e){return this.slotEmpty(e)?null:!this.slotEmpty(e)}dispatch({e,eventName:r,detailObj:c={},optionsObj:a={}}){const t={bubbles:!0,composed:!0,...a,detail:{...e&&{originalEvent:e},...c}};return this.dispatchWithLegacyAlias(new CustomEvent(r,t))}dispatchWithLegacyAlias(e){this.dispatchEvent(e);const r=C[e.type];if(r){const c={bubbles:e.bubbles,composed:e.composed,cancelable:e.cancelable};this.dispatchEvent(e instanceof CustomEvent?new CustomEvent(r,{...c,detail:e.detail}):new Event(r,c))}return e}render(){return f`<slot></slot>`}}export{S as C,v as c,x as n};
+import{k as u,u as d,j as h,b as f}from"./iframe-DgoqrgRr.js";import{g as m}from"./_commonjsHelpers-DaWZu8wl.js";const b={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:u},y=(n=b,e,r)=>{const{kind:c,metadata:a}=r;let t=globalThis.litPropertyMetadata.get(a);if(t===void 0&&globalThis.litPropertyMetadata.set(a,t=new Map),c==="setter"&&((n=Object.create(n)).wrapped=!0),t.set(r.name,n),c==="accessor"){const{name:s}=r;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(s,i,n,!0,o)},init(o){return o!==void 0&&this.C(s,void 0,n,o),o}}}if(c==="setter"){const{name:s}=r;return function(o){const i=this[s];e.call(this,o),this.requestUpdate(s,i,n,!0,o)}}throw Error("Unsupported decorator location: "+c)};function x(n){return(e,r)=>typeof r=="object"?y(n,e,r):((c,a,t)=>{const s=a.hasOwnProperty(t);return a.constructor.createProperty(t,c),s?Object.getOwnPropertyDescriptor(a,t):void 0})(n,e,r)}var l={exports:{}},p;function E(){return p||(p=1,(function(n){(function(){var e={}.hasOwnProperty;function r(){for(var t="",s=0;s<arguments.length;s++){var o=arguments[s];o&&(t=a(t,c(o)))}return t}function c(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var s="";for(var o in t)e.call(t,o)&&t[o]&&(s=a(s,o));return s}function a(t,s){return s?t?t+" "+s:t+s:t}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(l)),l.exports}var g=E();const v=m(g),C={"tab-change":"tabChange","tab-select":"tabSelected","modal-close":"close-modal","popover-open":"open","popover-close":"close","tooltip-open":"open","tooltip-close":"close","multi-select-change":"selectedItemsChange","remove-tag-click":"removeTagClicked","percent-bar-left-action-click":"leftActionButtonClick","dropdown-item-select":"dropdown-item-selected","split-button-text-click":"text-click","split-button-dropdown-click":"dropdown-click","pagination-change":"pagination.click","chart-click":"cre8-chart-click","chart-hover":"cre8-chart-hover","chart-ready":"cre8-chart-ready"};class S extends h{componentClassNames(e,r={}){return v(e,r)}slotEmpty(e){return!this.querySelector(`[slot="${e}"]`)}slotNotEmpty(e){return this.slotEmpty(e)?null:!this.slotEmpty(e)}dispatch({e,eventName:r,detailObj:c={},optionsObj:a={}}){const t={bubbles:!0,composed:!0,...a,detail:{...e&&{originalEvent:e},...c}};return this.dispatchWithLegacyAlias(new CustomEvent(r,t))}dispatchWithLegacyAlias(e){this.dispatchEvent(e);const r=C[e.type];if(r){const c={bubbles:e.bubbles,composed:e.composed,cancelable:e.cancelable};this.dispatchEvent(e instanceof CustomEvent?new CustomEvent(r,{...c,detail:e.detail}):new Event(r,c))}return e}render(){return f`<slot></slot>`}}export{S as C,v as c,x as n};

package/dist/assets/{cre8-form-element-CHwXJGtF.js → cre8-form-element-B-sJI1kh.js}

@@ -1 +1 @@
-import{C as p,n as u}from"./cre8-element-D5K1i-hj.js";let v=class extends Event{constructor(t,s,i,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s,this.callback=i,this.subscribe=e??!1}};class b{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,s=!1){const i=s||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[s,{disposer:i}]of this.subscriptions)s(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,s,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:s});const{disposer:e}=this.subscriptions.get(t);t(this.value,e)}clearCallbacks(){this.subscriptions.clear()}}let m=class extends Event{constructor(t,s){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}};class d extends b{constructor(t,s,i){super(s.context!==void 0?s.initialValue:i),this.onContextRequest=e=>{if(e.context!==this.context)return;const a=e.contextTarget??e.composedPath()[0];a!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,a,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;const a=new Set;for(const[r,{consumerHost:l}]of this.subscriptions)a.has(r)||(a.add(r),l.dispatchEvent(new v(this.context,l,r,!0)));e.stopPropagation()},this.host=t,s.context!==void 0?this.context=s.context:this.context=s,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new m(this.context,this.host))}}function f({context:n}){return(t,s)=>{const i=new WeakMap;if(typeof s=="object")return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(e){return i.set(this,new d(this,{context:n,initialValue:e})),e}};{t.constructor.addInitializer((r=>{i.set(r,new d(r,{context:n}))}));const e=Object.getOwnPropertyDescriptor(t,s);let a;if(e===void 0){const r=new WeakMap;a={get(){return r.get(this)},set(l){i.get(this).setValue(l),r.set(this,l)},configurable:!0,enumerable:!0}}else{const r=e.set;a={...e,set(l){i.get(this).setValue(l),r?.call(this,l)}}}return void Object.defineProperty(t,s,a)}}}const y=Symbol("cre8-form-internals"),x=Symbol("cre8-form-state");var g=Object.defineProperty,V=Object.getOwnPropertyDescriptor,h=(n,t,s,i)=>{for(var e=i>1?void 0:i?V(t,s):t,a=n.length-1,r;a>=0;a--)(r=n[a])&&(e=(i?r(t,s,e):r(e))||e);return i&&e&&g(t,s,e),e};const c=class c extends p{constructor(){super(),this.internalValue="",this.hasCustomError=!1,this.defaultValue="",this._formState={value:"",disabled:!1,required:!1,isError:!1,isSuccess:!1},this._internals=this.attachInternals()}get value(){return this.internalValue}set value(t){const s=this.value;this.internalValue=t,this.type!=="checkbox"&&this.type!=="radio"&&this._internals?.setFormValue(t),this.updateField(),this.updateFormState(),this.requestUpdate("value",s)}updateFormState(){this._formState={value:this.internalValue,disabled:this.disabled??!1,required:this.required??!1,isError:this.isError??!1,isSuccess:this.isSuccess??!1,name:this.name}}updateField(){this.field&&this.internalValue!==void 0&&(this.field.value=this.internalValue??"")}focus(t){if(this.field){this.field.focus(t);return}super.focus(t)}syncValidity(){if(!this._internals||!this.field||this.hasCustomError)return;const t=this.field.validity;if(t.valid){this._internals.setValidity({});return}const s={badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing};this._internals.setValidity(s,this.field.validationMessage||"This field is invalid.",this.field)}firstUpdated(){this.type!=="checkbox"&&this.type!=="radio"&&(this.defaultValue=this.value||this.getAttribute("value")||""),this.updateField(),this.updateFormState()}updated(t){super.updated(t),(t.has("disabled")||t.has("required")||t.has("isError")||t.has("isSuccess")||t.has("name"))&&this.updateFormState(),this.syncValidity()}formResetCallback(){this.value=this.defaultValue,this.updateField()}formDisabledCallback(t){this.disabled=t}formStateRestoreCallback(t,s){typeof t=="string"&&(this.value=t)}get form(){return this._internals?.form??null}get validationMessage(){return this._internals?.validationMessage??""}get validity(){return this._internals?.validity}get willValidate(){return this._internals?.willValidate??!1}reportValidity(){return this._internals?.reportValidity()??!0}checkValidity(){return this._internals?.checkValidity()??!0}setCustomValidity(t){this._internals&&this.field&&(t?(this.hasCustomError=!0,this._internals.setValidity({customError:!0},t,this.field)):(this.hasCustomError=!1,this.syncValidity()))}};c.formAssociated=!0;let o=c;h([f({context:y})],o.prototype,"_internals",2);h([f({context:x})],o.prototype,"_formState",2);h([u()],o.prototype,"name",2);h([u({type:Boolean,reflect:!0})],o.prototype,"disabled",2);h([u({type:Boolean,reflect:!0})],o.prototype,"required",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isError",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isSuccess",2);h([u()],o.prototype,"value",1);export{o as C,y as f,v as s};
+import{C as p,n as u}from"./cre8-element-D4jUl3yv.js";let v=class extends Event{constructor(t,s,i,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s,this.callback=i,this.subscribe=e??!1}};class b{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,s=!1){const i=s||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[s,{disposer:i}]of this.subscriptions)s(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,s,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:s});const{disposer:e}=this.subscriptions.get(t);t(this.value,e)}clearCallbacks(){this.subscriptions.clear()}}let m=class extends Event{constructor(t,s){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}};class d extends b{constructor(t,s,i){super(s.context!==void 0?s.initialValue:i),this.onContextRequest=e=>{if(e.context!==this.context)return;const a=e.contextTarget??e.composedPath()[0];a!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,a,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;const a=new Set;for(const[r,{consumerHost:l}]of this.subscriptions)a.has(r)||(a.add(r),l.dispatchEvent(new v(this.context,l,r,!0)));e.stopPropagation()},this.host=t,s.context!==void 0?this.context=s.context:this.context=s,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new m(this.context,this.host))}}function f({context:n}){return(t,s)=>{const i=new WeakMap;if(typeof s=="object")return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(e){return i.set(this,new d(this,{context:n,initialValue:e})),e}};{t.constructor.addInitializer((r=>{i.set(r,new d(r,{context:n}))}));const e=Object.getOwnPropertyDescriptor(t,s);let a;if(e===void 0){const r=new WeakMap;a={get(){return r.get(this)},set(l){i.get(this).setValue(l),r.set(this,l)},configurable:!0,enumerable:!0}}else{const r=e.set;a={...e,set(l){i.get(this).setValue(l),r?.call(this,l)}}}return void Object.defineProperty(t,s,a)}}}const y=Symbol("cre8-form-internals"),x=Symbol("cre8-form-state");var g=Object.defineProperty,V=Object.getOwnPropertyDescriptor,h=(n,t,s,i)=>{for(var e=i>1?void 0:i?V(t,s):t,a=n.length-1,r;a>=0;a--)(r=n[a])&&(e=(i?r(t,s,e):r(e))||e);return i&&e&&g(t,s,e),e};const c=class c extends p{constructor(){super(),this.internalValue="",this.hasCustomError=!1,this.defaultValue="",this._formState={value:"",disabled:!1,required:!1,isError:!1,isSuccess:!1},this._internals=this.attachInternals()}get value(){return this.internalValue}set value(t){const s=this.value;this.internalValue=t,this.type!=="checkbox"&&this.type!=="radio"&&this._internals?.setFormValue(t),this.updateField(),this.updateFormState(),this.requestUpdate("value",s)}updateFormState(){this._formState={value:this.internalValue,disabled:this.disabled??!1,required:this.required??!1,isError:this.isError??!1,isSuccess:this.isSuccess??!1,name:this.name}}updateField(){this.field&&this.internalValue!==void 0&&(this.field.value=this.internalValue??"")}focus(t){if(this.field){this.field.focus(t);return}super.focus(t)}syncValidity(){if(!this._internals||!this.field||this.hasCustomError)return;const t=this.field.validity;if(t.valid){this._internals.setValidity({});return}const s={badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing};this._internals.setValidity(s,this.field.validationMessage||"This field is invalid.",this.field)}firstUpdated(){this.type!=="checkbox"&&this.type!=="radio"&&(this.defaultValue=this.value||this.getAttribute("value")||""),this.updateField(),this.updateFormState()}updated(t){super.updated(t),(t.has("disabled")||t.has("required")||t.has("isError")||t.has("isSuccess")||t.has("name"))&&this.updateFormState(),this.syncValidity()}formResetCallback(){this.value=this.defaultValue,this.updateField()}formDisabledCallback(t){this.disabled=t}formStateRestoreCallback(t,s){typeof t=="string"&&(this.value=t)}get form(){return this._internals?.form??null}get validationMessage(){return this._internals?.validationMessage??""}get validity(){return this._internals?.validity}get willValidate(){return this._internals?.willValidate??!1}reportValidity(){return this._internals?.reportValidity()??!0}checkValidity(){return this._internals?.checkValidity()??!0}setCustomValidity(t){this._internals&&this.field&&(t?(this.hasCustomError=!0,this._internals.setValidity({customError:!0},t,this.field)):(this.hasCustomError=!1,this.syncValidity()))}};c.formAssociated=!0;let o=c;h([f({context:y})],o.prototype,"_internals",2);h([f({context:x})],o.prototype,"_formState",2);h([u()],o.prototype,"name",2);h([u({type:Boolean,reflect:!0})],o.prototype,"disabled",2);h([u({type:Boolean,reflect:!0})],o.prototype,"required",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isError",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isSuccess",2);h([u()],o.prototype,"value",1);export{o as C,y as f,v as s};

package/dist/assets/{danger-button.stories-C9AiulD_.js → danger-button.stories-vZTPor76.js}

@@ -1,4 +1,4 @@
-import{a as Z,A as c,b as n}from"./iframe-D9xUwXG_.js";import{s as q}from"./spread-vYBk3OyG.js";import{c as G,n as t}from"./cre8-element-D5K1i-hj.js";import{o as a}from"./if-defined-wpPiA2T8.js";import"./icon-BizEL6HD.js";import"./loading-spinner-DYXTVW2W.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-CHwXJGtF.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const Y=Z`@charset "UTF-8";
+import{a as Z,A as c,b as n}from"./iframe-DgoqrgRr.js";import{s as q}from"./spread-Cc0YLoqh.js";import{c as G,n as t}from"./cre8-element-D4jUl3yv.js";import{o as a}from"./if-defined-Bh0SnORx.js";import"./icon-BmyJ3psE.js";import"./loading-spinner-BcPlxdFy.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-B-sJI1kh.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const Y=Z`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }

package/dist/assets/{date-picker.stories-Dpn8gMnP.js → date-picker.stories-CJp0GJ1q.js}

@@ -1,4 +1,4 @@
-import{a as x,b as s,A as f}from"./iframe-D9xUwXG_.js";import{s as X}from"./spread-vYBk3OyG.js";import{w as E}from"./decorator-iVSD-Llo.js";import{o as u}from"./if-defined-wpPiA2T8.js";import{C as I,n as p}from"./cre8-element-D5K1i-hj.js";import{r as c}from"./state-CmxD4Gm2.js";import{e as A}from"./query-BpjciUlk.js";import"./icon-BizEL6HD.js";import"./button-CiCiGZqD.js";import{s as B,f as P}from"./cre8-form-element-CHwXJGtF.js";import{C as q}from"./field-CSA6v9H7.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./loading-spinner-DYXTVW2W.js";import"./index.browser-BY9c7rfI.js";import"./field-note-Csk21cEK.js";import"./field.styles-DkhzBNRn.js";class S{constructor(e,t,a,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=i,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(i,n)),this.unsubscribe=n},this.host=e,t.context!==void 0){const i=t;this.context=i.context,this.callback=i.callback,this.subscribe=i.subscribe??!1}else this.context=t,this.callback=a,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new B(this.context,this.host,this.t,this.subscribe))}}function j({context:d,subscribe:e}){return(t,a)=>{typeof a=="object"?a.addInitializer((function(){new S(this,{context:d,callback:r=>{t.set.call(this,r)},subscribe:e})})):t.constructor.addInitializer((r=>{new S(r,{context:d,callback:i=>{r[a]=i},subscribe:e})}))}}const L=x`.cre8-u-content-knockout-brand {
+import{a as x,b as s,A as f}from"./iframe-DgoqrgRr.js";import{s as X}from"./spread-Cc0YLoqh.js";import{w as E}from"./decorator-iVSD-Llo.js";import{o as u}from"./if-defined-Bh0SnORx.js";import{C as I,n as p}from"./cre8-element-D4jUl3yv.js";import{r as c}from"./state-ClQJCb1N.js";import{e as A}from"./query-BpjciUlk.js";import"./icon-BmyJ3psE.js";import"./button-BKkXnzpg.js";import{s as B,f as P}from"./cre8-form-element-B-sJI1kh.js";import{C as q}from"./field-XAdoSKiw.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./loading-spinner-BcPlxdFy.js";import"./index.browser-BY9c7rfI.js";import"./field-note-CSSkQ5DK.js";import"./field.styles-DE4j2yDn.js";class S{constructor(e,t,a,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=i,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(i,n)),this.unsubscribe=n},this.host=e,t.context!==void 0){const i=t;this.context=i.context,this.callback=i.callback,this.subscribe=i.subscribe??!1}else this.context=t,this.callback=a,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new B(this.context,this.host,this.t,this.subscribe))}}function j({context:d,subscribe:e}){return(t,a)=>{typeof a=="object"?a.addInitializer((function(){new S(this,{context:d,callback:r=>{t.set.call(this,r)},subscribe:e})})):t.constructor.addInitializer((r=>{new S(r,{context:d,callback:i=>{r[a]=i},subscribe:e})}))}}const L=x`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }