@flitsmeister/design-system 3.0.1 → 3.1.0

package/dist/fm-input/fm-input.js

@@ -26,11 +26,22 @@ if (!customElements.get('fm-icon')) {
  * @fires fm-focus - Fired when the input receives focus. Detail: `{ originalEvent: FocusEvent }`.
  * @fires fm-blur - Fired when the input loses focus. Detail: `{ originalEvent: FocusEvent }`.
  *
+ * @csspart inputgroup - Outer wrapper inside the shadow tree.
+ * @csspart input - The native input element.
  * @csspart error-message - Validation error message.
  *
  * @example
  * ```html
- * <fm-input placeholder="Email" type="email"></fm-input>
+ * <fm-input class="w-full max-w-sm" placeholder="Email" type="email"></fm-input>
+ * ```
+ *
+ * @example
+ * Stacked fields — spacing belongs on the form (gap) or host class, not inside the component:
+ * ```html
+ * <form class="flex flex-col gap-4">
+ *   <fm-input placeholder="Email" type="email"></fm-input>
+ *   <fm-input placeholder="Password" type="password"></fm-input>
+ * </form>
  * ```
  *
  * @example
@@ -69,9 +80,16 @@ let FmInput = class FmInput extends LitElement {
         this.letterSpacing = 0;
         /** Autocomplete attribute. */
         this.autocomplete = '';
-        /** Extra CSS classes on the wrapper. */
+        /**
+         * Extra CSS classes on the shadow `.inputgroup` wrapper.
+         * Shadow-only — consumer Tailwind utilities do not apply here.
+         * Prefer host `class` for layout (margin, max-width) and CSS parts for chrome.
+         */
         this.customClass = '';
-        /** Extra CSS classes on the input. */
+        /**
+         * Extra CSS classes on the shadow `<input>`.
+         * Shadow-only — not a Tailwind API. Prefer `part="input"` for outer styling.
+         */
         this.inputClass = '';
         this.errorMessage = '';
         this.statusIcon = '';
@@ -216,7 +234,6 @@ let FmInput = class FmInput extends LitElement {
     render() {
         const inputClasses = [
             'input',
-            'fmx-input-border',
             'fmx-input-autofill',
             this.placeholder ? 'input--with-placeholder' : 'input--no-placeholder',
             this.inputStateClass,
@@ -231,10 +248,11 @@ let FmInput = class FmInput extends LitElement {
         ].filter(Boolean).join(' ');
         return html `
       <div
-        class="inputgroup w-full mb-6 ${this.customClass} ${this.isFocused ? 'inputgroup--focused' : ''}"
+        class="inputgroup ${this.customClass} ${this.isFocused ? 'inputgroup--focused' : ''}"
+        part="inputgroup"
         data-inputgroup-type=${this.type}
       >
-        <div class="relative">
+        <div class="inputgroup__control">
           <input
             type=${this.type}
             .value=${this.value}
@@ -246,6 +264,7 @@ let FmInput = class FmInput extends LitElement {
             maxlength=${this.maxLength ?? undefined}
             autocomplete=${this.autocomplete}
             class=${inputClasses}
+            part="input"
             style="letter-spacing: ${this.letterSpacing}em;"
           />
           ${this.placeholder

package/dist/fm-input/fm-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"fm-input.js","sourceRoot":"","sources":["../../src/fm-input/fm-input.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fm-input.js","sourceRoot":"","sources":["../../src/fm-input/fm-input.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,gCAAgC,CAAA;AACvC,OAAO,kCAAkC,CAAA;AACzC,OAAO,kCAAkC,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAC1C,CAAC;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QACL,iGAAiG;QACrE,SAAI,GAAc,MAAM,CAAA;QAEpD,2BAA2B;QACC,gBAAW,GAAG,EAAE,CAAA;QAE5C,kCAAkC;QACN,UAAK,GAAG,EAAE,CAAA;QAEtC,gFAAgF;QACrD,UAAK,GAAqB,EAAE,CAAA;QAEvD,sBAAsB;QACsB,aAAQ,GAAG,KAAK,CAAA;QAE5D,uBAAuB;QACqB,aAAQ,GAAG,KAAK,CAAA;QAE5D,uDAAuD;QACX,YAAO,GAAG,KAAK,CAAA;QAE3D,6DAA6D;QACS,eAAU,GAAG,KAAK,CAAA;QAExF,0CAA0C;QACW,cAAS,GAAkB,IAAI,CAAA;QAEpF,kCAAkC;QACuB,kBAAa,GAAG,CAAC,CAAA;QAE1E,8BAA8B;QACF,iBAAY,GAAG,EAAE,CAAA;QAE7C;;;;WAIG;QACoD,gBAAW,GAAG,EAAE,CAAA;QAEvE;;;WAGG;QACmD,eAAU,GAAG,EAAE,CAAA;QAEpD,iBAAY,GAAG,EAAE,CAAA;QACjB,eAAU,GAA6B,EAAE,CAAA;QACzC,kBAAa,GAA6B,EAAE,CAAA;QAC5C,qBAAgB,GAAG,KAAK,CAAA;QACxB,wBAAmB,GAAG,KAAK,CAAA;QAC3B,cAAS,GAAG,cAAc,CAAA;QAC1B,cAAS,GAAG,KAAK,CAAA;QAE1B,qBAAgB,GAAyC,IAAI,CAAA;QAC7D,wBAAmB,GAAyC,IAAI,CAAA;QAChE,oBAAe,GAAkB,IAAI,CAAA;IAiN/C,CAAC;;aAhNyB,uBAAkB,GAAG,GAAG,AAAN,CAAM;IAEhD,IAAY,eAAe;QACzB,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IACpE,CAAC;IAED,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,CAAC;IAED,mGAAmG;IACnG,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC;IAEO,WAAW,CAAC,CAAQ;QAC1B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,UAAU,EAAE;YAC1B,MAAM,EAAE,EAAE,KAAK,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;IACH,CAAC;IAEO,WAAW,CAAC,CAAa;QAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAA;QAC/B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAA;QACpB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,UAAU,EAAE;YAC1B,MAAM,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;YAC5B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;IACH,CAAC;IAEO,UAAU,CAAC,CAAa;QAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,SAAS,EAAE;YACzB,MAAM,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;YAC5B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;IACH,CAAC;IAEO,aAAa,CAAC,KAAsB;QAC1C,MAAM,GAAG,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC9C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;YACvB,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,YAAY,GAAG,KAAK,CAAA;gBACzB,IAAI,CAAC,SAAS,GAAG,aAAa,CAAA;gBAC9B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;gBAC3B,OAAM;YACR,CAAC;QACH,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,EAAE,CAAA;QACtB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,cAAc,CAAA;YAC/B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAA;QAC3B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,GAAG,EAAE,CAAA;YACpB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAA;QACjC,CAAC;IACH,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC;IACH,CAAC;IAEQ,UAAU,CAAC,OAA6B;QAC/C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACtE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC1B,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;oBACnC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;gBAC9B,CAAC;gBACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAA;YACtC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,GAAG,EAAE;oBACtC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;oBACvB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;gBAC9B,CAAC,EAAE,SAAO,CAAC,kBAAkB,CAAC,CAAA;YAChC,CAAC;QACH,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;oBAC7B,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;oBACtC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;gBACjC,CAAC;gBACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;gBAC5B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;YACjC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,GAAG,EAAE;oBACzC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;oBAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;gBACjC,CAAC,EAAE,SAAO,CAAC,kBAAkB,CAAC,CAAA;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,OAAO,CAAC,OAA6B;QAC5C,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvE,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBAChD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAA;oBAChC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;gBAC7B,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;YACnC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;QAC9B,CAAC;QACD,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC7B,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;YACtC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;QACjC,CAAC;QACD,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,EAAE,CAAC;YACjC,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;YAC1C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;QAC7B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG;YACnB,OAAO;YACP,oBAAoB;YACpB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,uBAAuB;YACtE,IAAI,CAAC,eAAe;YACpB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;YAC3C,IAAI,CAAC,UAAU;SAChB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAE3B,MAAM,YAAY,GAAG;YACnB,OAAO;YACP,YAAY;YACZ,IAAI,CAAC,gBAAgB;SACtB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAE3B,OAAO,IAAI,CAAA;;4BAEa,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;;+BAE5D,IAAI,CAAC,IAAI;;;;mBAIrB,IAAI,CAAC,IAAI;qBACP,IAAI,CAAC,KAAK;qBACV,IAAI,CAAC,WAAW;qBAChB,IAAI,CAAC,WAAW;oBACjB,IAAI,CAAC,UAAU;wBACX,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,SAAS,IAAI,SAAS;2BACxB,IAAI,CAAC,YAAY;oBACxB,YAAY;;qCAEK,IAAI,CAAC,aAAa;;YAE3C,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,gBAAgB,YAAY,IAAI,IAAI,CAAC,WAAW,UAAU;YAChE,CAAC,CAAC,EAAE;;sFAEsE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,2CAA2C,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,2CAA2C,EAAE;;cAExa,IAAI,CAAC,gBAAgB;YACrB,CAAC,CAAC,IAAI,CAAA,6DAA6D;YACnE,CAAC,CAAC,IAAI,CAAC,aAAa;gBAClB,CAAC,CAAC,IAAI,CAAA;;6BAEO,IAAI,CAAC,aAAa;;;8BAGjB,IAAI,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;;mBAElE;gBACH,CAAC,CAAC,EAAE;;;UAGV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,SAAS;YACpC,CAAC,CAAC,IAAI,CAAA,iDAAiD,IAAI,CAAC,YAAY,MAAM;YAC9E,CAAC,CAAC,EAAE;;KAET,CAAA;IACH,CAAC;aACM,WAAM,GAAI,CAAC,YAAY,CAAC,AAAlB,CAAkB;;AAvQH;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAyB;AAGxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAiB;AAGhB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAW;AAGX;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sCAA6B;AAGX;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAiB;AAGhB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAiB;AAGhB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAgB;AAGW;IAArE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAmB;AAGnC;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;0CAAgC;AAG3B;IAAxD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;8CAAkB;AAG9C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAkB;AAOU;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;4CAAiB;AAMjB;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;2CAAgB;AAEpD;IAAhB,KAAK,EAAE;6CAA0B;AACjB;IAAhB,KAAK,EAAE;2CAAkD;AACzC;IAAhB,KAAK,EAAE;8CAAqD;AAC5C;IAAhB,KAAK,EAAE;iDAAiC;AACxB;IAAhB,KAAK,EAAE;oDAAoC;AAC3B;IAAhB,KAAK,EAAE;0CAAmC;AAC1B;IAAhB,KAAK,EAAE;0CAA0B;AArDvB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CA0QnB"}

package/dist/fm-input/fm-input.style.js

@@ -9,14 +9,14 @@ export const fmInputStyle = css `
     min-width: 100px;
   }
 
-  .relative {
+  .inputgroup__control {
     position: relative;
   }
 
   .input {
     width: 100%;
     height: var(--button-height-lg);
-    font-size: var(--font-size-lg);
+    font-size: var(--text-lg);
     background: var(--color-surface-neutral-default-highest);
     color: var(--color-content-neutral-default);
     border: var(--stroke-sm) solid transparent;
@@ -35,12 +35,12 @@ export const fmInputStyle = css `
   }
 
   .input:focus {
-    border-color: var(--color-outline-brand-brand);
+    border-color: var(--color-outline-brand-default);
     text-overflow: clip;
   }
 
   .input:hover:not(:focus):not(:disabled):not(:read-only){
-  border-color: var(--color-outline-brand-brand);
+  border-color: var(--color-outline-brand-default);
 }
   .input.input--danger {
     border-color: var(--color-outline-functional-danger);
@@ -109,7 +109,7 @@ export const fmInputStyle = css `
   .inputgroup .fmx-input-autofill:-webkit-autofill,
   .inputgroup .fmx-input-autofill:autofill {
     padding-top: var(--spacing-md);
-    padding-bottom: var(--spacing-xxs);
+    padding-bottom: var(--spacing-xs2);
     font-size: var(--text-lg);
   }
 
@@ -158,7 +158,7 @@ export const fmInputStyle = css `
   }
 
   .icon-success {
-    color: var(--color-content-brand-brand);
+    color: var(--color-content-brand-default);
   }
 
   .iconwrapper.icon-loading {
@@ -182,7 +182,7 @@ export const fmInputStyle = css `
     color: var(--color-content-functional-danger);
     font-size: var(--text-xs);
     font-weight: var(--font-weight-bold);
-    margin-top: var(--spacing-xxs);
+    margin-top: var(--spacing-xs2);
     margin-bottom: var(--spacing-none);
   }
 

package/dist/fm-radio-input/fm-radio-input.style.js

@@ -37,11 +37,11 @@ export const fmRadioInputStyle = css `
   }
 
   :host(:hover):not([disabled]):not([checked]) .radio-card {
-    border-color: var(--color-outline-brand-brand);
+    border-color: var(--color-outline-brand-default);
   }
 
   :host([checked]) .radio-card {
-    border-color: var(--color-outline-brand-brand);
+    border-color: var(--color-outline-brand-default);
   }
 
   :host([disabled]) .radio-card {
@@ -49,7 +49,7 @@ export const fmRadioInputStyle = css `
   }
 
   :host(:focus-within):not([disabled]) .radio-card {
-    outline: var(--stroke-sm) solid var(--color-outline-brand-brand);
+    outline: var(--stroke-sm) solid var(--color-outline-brand-default);
     outline-offset: 2px;
   }
 
@@ -142,7 +142,7 @@ export const fmRadioInputStyle = css `
   }
 
   slot[name="description"]::slotted(*) {
-    margin-top: var(--spacing-xxxs);
+    margin-top: var(--spacing-xs3);
     font-size: var(--text-md);
     font-weight: var(--font-weight-regular);
     color: var(--color-content-neutral-default-alt);

package/dist/fm-segmented-controller/fm-segmented-controller.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
 import type { FmSegmentedOptionInput } from './fm-segmented-controller-core.js';
 export type { FmSegmentedOptionIcon, FmSegmentedOptionInput, FmSegmentedOptionNormalized } from './fm-segmented-controller-core.js';
+export type FmSegmentedControllerBackground = 'gray' | 'white';
 /**
  * Segmented control backed by a native radio group (`fieldset` + `input[type="radio"]` + `label`).
  * Geen `<legend>`; zet desgewenst `aria-label` of `aria-labelledby` op het element voor een groepslabel.
@@ -31,6 +32,8 @@ export declare class FmSegmentedController extends LitElement {
     options: FmSegmentedOptionInput[];
     /** Disabled state for all segments. */
     disabled: boolean;
+    /** Track background: `gray` (default) or `white`. Uses design tokens; dark mode via `:root.dark`. */
+    background: FmSegmentedControllerBackground;
     private ready;
     private readonly instanceId;
     private baseId;

package/dist/fm-segmented-controller/fm-segmented-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fm-segmented-controller.d.ts","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AASzC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAG/E,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAMnI;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,6EAA6E;IACjD,IAAI,SAAK;IAErC,6BAA6B;IACD,KAAK,SAAK;IAEtC,4EAA4E;IAC5C,OAAO,EAAE,sBAAsB,EAAE,CAAK;IAEtE,uCAAuC;IACK,QAAQ,UAAQ;IAEnD,OAAO,CAAC,KAAK,CAAQ;IAE9B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAEnC,OAAO,CAAC,MAAM,CAAK;;IAUnB,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,UAAU;IAKlB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ/C,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,YAAY;IAepB,MAAM;IA0DN,MAAM,CAAC,MAAM,4BAA+B;CAC7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAA;KACjD;CACF"}
+{"version":3,"file":"fm-segmented-controller.d.ts","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AASzC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAG/E,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAEnI,MAAM,MAAM,+BAA+B,GAAG,MAAM,GAAG,OAAO,CAAA;AAM9D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,6EAA6E;IACjD,IAAI,SAAK;IAErC,6BAA6B;IACD,KAAK,SAAK;IAEtC,4EAA4E;IAC5C,OAAO,EAAE,sBAAsB,EAAE,CAAK;IAEtE,uCAAuC;IACK,QAAQ,UAAQ;IAE5D,qGAAqG;IAC1D,UAAU,EAAE,+BAA+B,CAAS;IAEtF,OAAO,CAAC,KAAK,CAAQ;IAE9B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAEnC,OAAO,CAAC,MAAM,CAAK;;IAUnB,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,UAAU;IAKlB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ/C,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,YAAY;IAepB,MAAM;IA0DN,MAAM,CAAC,MAAM,4BAA+B;CAC7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAA;KACjD;CACF"}

package/dist/fm-segmented-controller/fm-segmented-controller.js

@@ -44,6 +44,8 @@ let FmSegmentedController = class FmSegmentedController extends LitElement {
         this.options = [];
         /** Disabled state for all segments. */
         this.disabled = false;
+        /** Track background: `gray` (default) or `white`. Uses design tokens; dark mode via `:root.dark`. */
+        this.background = 'gray';
         this.ready = false;
         this.baseId = '';
         this.instanceId =
@@ -156,6 +158,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], FmSegmentedController.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], FmSegmentedController.prototype, "background", void 0);
 __decorate([
     state()
 ], FmSegmentedController.prototype, "ready", void 0);

package/dist/fm-segmented-controller/fm-segmented-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"fm-segmented-controller.js","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fm-segmented-controller.js","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.ts"],"names":[],"mappings":"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"}

package/dist/fm-segmented-controller/fm-segmented-controller.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fm-segmented-controller.style.d.ts","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,yBAkMtC,CAAC"}
+{"version":3,"file":"fm-segmented-controller.style.d.ts","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,yBAoMtC,CAAC"}

package/dist/fm-segmented-controller/fm-segmented-controller.style.js

@@ -20,7 +20,6 @@ export const fmSegmentedControllerStyle = css `
     width: 100%;
     --segmented-motion-duration: 0.38s;
     --segmented-motion-easing: cubic-bezier(0.66, -0.22, 0.28, 1.18);
-    /* --segmented-motion-easing: cubic-bezier(0.32, 0.72, 0, 1); */
   }
 
   .segmented__track {
@@ -28,22 +27,25 @@ export const fmSegmentedControllerStyle = css `
     display: flex;
     align-items: stretch;
     box-sizing: border-box;
-    max-height: var(--size-l);
-    padding: var(--spacing-xxxs);
+    padding: var(--spacing-xs3);
     border-radius: var(--radius-sm);
     background: var(--color-surface-neutral-default-higher);
     -webkit-tap-highlight-color: transparent;
     touch-action: manipulation;
   }
 
+  :host([background="white"]) .segmented__track {
+    background: var(--color-surface-neutral-default-highest);
+  }
+
   .segmented__indicator {
     position: absolute;
-    top: var(--spacing-xxxs);
-    bottom: var(--spacing-xxxs);
-    left: var(--spacing-xxxs);
-    width: calc((100% - 2 * var(--spacing-xxxs)) / var(--segment-count));
+    top: var(--spacing-xs3);
+    bottom: var(--spacing-xs3);
+    left: var(--spacing-xs3);
+    width: calc((100% - 2 * var(--spacing-xs3)) / var(--segment-count));
     border-radius: var(--radius-sm);
-    background: var(--color-surface-brand-brand);
+    background: var(--color-surface-brand-default);
     box-sizing: border-box;
     transform: translateX(calc(var(--active-index, 0) * 100%));
     transition: none;
@@ -178,7 +180,7 @@ export const fmSegmentedControllerStyle = css `
   }
 
   .segment__input:focus-visible + .segment__label {
-    outline: var(--stroke-sm) solid var(--color-outline-brand-brand);
+    outline: var(--stroke-sm) solid var(--color-outline-brand-default);
     outline-offset: 2px;
     border-radius: var(--radius-sm);
   }

package/dist/fm-segmented-controller/fm-segmented-controller.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"fm-segmented-controller.style.js","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkM5C,CAAC"}
+{"version":3,"file":"fm-segmented-controller.style.js","sourceRoot":"","sources":["../../src/fm-segmented-controller/fm-segmented-controller.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoM5C,CAAC"}

package/dist/fm-wizard/fm-wizard.style.js

@@ -145,8 +145,8 @@ export const fmWizardStyle = css `
     flex-shrink: 0;
     position: relative;
     z-index: 2;
-    background: var(--color-surface-brand-brand);
-    border: var(--stroke-sm) solid var(--color-surface-brand-brand);
+    background: var(--color-surface-brand-default);
+    border: var(--stroke-sm) solid var(--color-surface-brand-default);
   }
 
   .node--upcoming .node__circle {
@@ -160,14 +160,14 @@ export const fmWizardStyle = css `
     display: inline-block;
     width: max-content;
     max-width: 100%;
-    margin-block-start: calc(-1 * var(--spacing-xxs));
-    padding: var(--spacing-xxs);
+    margin-block-start: calc(-1 * var(--spacing-xs2));
+    padding: var(--spacing-xs2);
     text-align: center;
     font-size: var(--text-sm);
     font-weight: var(--font-weight-bold);
     color: var(--color-content-neutral-default, var(--color-gray-900, #161616));
     background: var(--color-surface-neutral-default-highest);
-    border-radius: var(--radius-xxs);
+    border-radius: var(--radius-xs2);
     box-shadow: 0 3px 16px 0 var(--color-special-shadow-shadowDefault, rgba(0, 0, 0, 0.15));
     overflow-wrap: anywhere;
     position: relative;

package/dist/react/ce.d.ts

@@ -0,0 +1,14 @@
+import { type HTMLAttributes, type RefObject } from 'react';
+export declare function boolAttr(value: boolean | undefined): true | undefined;
+export type CeHostProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    class?: string;
+};
+export declare function ceHostClass(className?: string, classAttr?: string): {
+    class?: string;
+    className?: string;
+};
+export declare function ceHostAttrs(host: object): Record<string, unknown>;
+export declare function useCeRegistration(load: () => Promise<unknown>): void;
+export declare function useCeEvent(ref: RefObject<HTMLElement | null>, type: string, handler?: ((event: Event) => void) | undefined): void;
+export declare function useCeProperty<T extends HTMLElement, K extends keyof T>(ref: RefObject<T | null>, key: K, value: T[K] | undefined): void;
+//# sourceMappingURL=ce.d.ts.map

package/dist/react/ce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ce.d.ts","sourceRoot":"","sources":["../../src/react/ce.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,CAErE;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,WAAW,CACzB,SAAS,CAAC,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAIxC;AAID,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAOjE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAIpE;AAED,wBAAgB,UAAU,CACxB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,GAC7C,IAAI,CAQN;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,CAAC,EACpE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EACxB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GACtB,IAAI,CAKN"}

package/dist/react/ce.js

@@ -0,0 +1,43 @@
+'use client';
+import { useEffect } from 'react';
+export function boolAttr(value) {
+    return value ? true : undefined;
+}
+export function ceHostClass(className, classAttr) {
+    const value = className ?? classAttr;
+    if (!value)
+        return {};
+    return { class: value, className: value };
+}
+const HTML_BOOLEAN_ATTRS = ['hidden', 'inert', 'autoFocus', 'itemScope'];
+export function ceHostAttrs(host) {
+    const attrs = { ...host };
+    for (const key of HTML_BOOLEAN_ATTRS) {
+        if (!Object.hasOwn(attrs, key))
+            continue;
+        attrs[key] = boolAttr(attrs[key]);
+    }
+    return attrs;
+}
+export function useCeRegistration(load) {
+    useEffect(() => {
+        void load();
+    }, [load]);
+}
+export function useCeEvent(ref, type, handler) {
+    useEffect(() => {
+        const element = ref.current;
+        if (!element || !handler)
+            return;
+        element.addEventListener(type, handler);
+        return () => element.removeEventListener(type, handler);
+    }, [ref, type, handler]);
+}
+export function useCeProperty(ref, key, value) {
+    useEffect(() => {
+        const element = ref.current;
+        if (element != null && value !== undefined)
+            element[key] = value;
+    }, [ref, key, value]);
+}
+//# sourceMappingURL=ce.js.map

package/dist/react/ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ce.js","sourceRoot":"","sources":["../../src/react/ce.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAuC,MAAM,OAAO,CAAA;AAEtE,MAAM,UAAU,QAAQ,CAAC,KAA0B;IACjD,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;AACjC,CAAC;AAMD,MAAM,UAAU,WAAW,CACzB,SAAkB,EAClB,SAAkB;IAElB,MAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAA;IACpC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAA;IACrB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAA;AAC3C,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,CAAU,CAAA;AAEjF,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,MAAM,KAAK,GAA4B,EAAE,GAAG,IAAI,EAAE,CAAA;IAClD,KAAK,MAAM,GAAG,IAAI,kBAAkB,EAAE,CAAC;QACrC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC;YAAE,SAAQ;QACxC,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB,CAAC,CAAA;IAC1D,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAA4B;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,IAAI,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,GAAkC,EAClC,IAAY,EACZ,OAA8C;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAC3B,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE,OAAM;QAEhC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QACvC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACzD,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,GAAwB,EACxB,GAAM,EACN,KAAuB;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAC3B,IAAI,OAAO,IAAI,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;IAClE,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;AACvB,CAAC"}

package/dist/react/fm-button.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from 'react';
+import type { ButtonType, ButtonVariant, IconPosition, Role, Size } from '../fm-button/fm-button-core.js';
+import type { IconVariant } from '../fm-icon/icon-registry.generated.js';
+import { type CeHostProps } from './ce.js';
+export interface FmButtonProps extends Omit<CeHostProps, 'onClick' | 'role'> {
+    type?: ButtonType;
+    title?: string;
+    href?: string;
+    target?: string;
+    size?: Size;
+    role?: Role;
+    buttontype?: ButtonVariant;
+    icon?: string;
+    iconVariant?: IconVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    success?: boolean;
+    errorRetryLabel?: string;
+    customClasses?: string;
+    fullWidth?: boolean;
+    onClick?: (event: Event) => void;
+    children?: ReactNode;
+}
+export declare function FmButton({ type, title, href, target, size, role, buttontype, icon, iconVariant, iconPosition, disabled, loading, error, success, errorRetryLabel, customClasses, fullWidth, onClick, children, className, class: classAttr, ...host }: FmButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=fm-button.d.ts.map

package/dist/react/fm-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-button.d.ts","sourceRoot":"","sources":["../../src/react/fm-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,IAAI,EACJ,IAAI,EACL,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAyD,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjG,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1E,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAe,EACf,KAAU,EACV,IAAS,EACT,MAAW,EACX,IAAW,EACX,IAAe,EACf,UAAqB,EACrB,IAAS,EACT,WAAoB,EACpB,YAAwB,EACxB,QAAgB,EAChB,OAAe,EACf,KAAa,EACb,OAAe,EACf,eAAoB,EACpB,aAAkB,EAClB,SAAiB,EACjB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACR,EAAE,aAAa,+BA+Cf"}

package/dist/react/fm-button.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect } from 'react';
+import { boolAttr, ceHostAttrs, ceHostClass, useCeRegistration } from './ce.js';
+const loadButton = () => import('../fm-button/fm-button.js');
+export function FmButton({ type = 'button', title = '', href = '', target = '', size = 'md', role = 'strong', buttontype = 'filled', icon = '', iconVariant = 'bold', iconPosition = 'prepend', disabled = false, loading = false, error = false, success = false, errorRetryLabel = '', customClasses = '', fullWidth = false, onClick, children, className, class: classAttr, ...host }) {
+    useCeRegistration(loadButton);
+    useEffect(() => {
+        if (icon)
+            void import('../fm-icon/all.js');
+    }, [icon]);
+    const handleClick = useCallback((event) => {
+        onClick?.(event.nativeEvent);
+        if (disabled || loading || event.defaultPrevented)
+            return;
+        const form = event.currentTarget.closest('form');
+        if (!form)
+            return;
+        if (type === 'submit')
+            form.requestSubmit();
+        else if (type === 'reset')
+            form.reset();
+    }, [onClick, type, disabled, loading]);
+    return (_jsx("fm-button", { ...ceHostAttrs(host), ...ceHostClass(className, classAttr), type: type, title: title, href: href, target: target, size: size, role: role, buttontype: buttontype, icon: icon, "icon-variant": iconVariant, "icon-position": iconPosition, disabled: boolAttr(disabled), loading: boolAttr(loading), error: boolAttr(error), success: boolAttr(success), "error-retry-label": errorRetryLabel, "custom-classes": customClasses, "full-width": boolAttr(fullWidth), onClick: handleClick, children: children }));
+}
+//# sourceMappingURL=fm-button.js.map

package/dist/react/fm-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-button.js","sourceRoot":"","sources":["../../src/react/fm-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAmC,MAAM,OAAO,CAAA;AAS/E,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAEjG,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAA;AAwB5D,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,EAAE,EACX,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,QAAQ,EACrB,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,MAAM,EACpB,YAAY,GAAG,SAAS,EACxB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,EAAE,EACpB,aAAa,GAAG,EAAE,EAClB,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACO;IACd,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,KAAK,MAAM,CAAC,mBAAmB,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,OAAO,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAC5B,IAAI,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAM;QAEzD,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAChD,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,IAAI,IAAI,KAAK,QAAQ;YAAE,IAAI,CAAC,aAAa,EAAE,CAAA;aACtC,IAAI,IAAI,KAAK,OAAO;YAAE,IAAI,CAAC,KAAK,EAAE,CAAA;IACzC,CAAC,EACD,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CACnC,CAAA;IAED,OAAO,CACL,uBACM,WAAW,CAAC,IAAI,CAAC,KACjB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EACrC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,kBACI,WAAW,mBACV,YAAY,EAC3B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC5B,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,EAC1B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,uBACP,eAAe,oBAClB,aAAa,gBACjB,QAAQ,CAAC,SAAS,CAAC,EAC/B,OAAO,EAAE,WAAW,YAEnB,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}

package/dist/react/fm-dropdown.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import { type CeHostProps } from './ce.js';
+export interface FmDropdownProps extends Omit<CeHostProps, 'onChange'> {
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    grayBorder?: boolean;
+    children?: ReactNode;
+    onChange?: (value: string) => void;
+}
+export declare function FmDropdown({ name, value, placeholder, disabled, grayBorder, children, onChange, className, class: classAttr, ...host }: FmDropdownProps): import("react").JSX.Element;
+//# sourceMappingURL=fm-dropdown.d.ts.map

package/dist/react/fm-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown.d.ts","sourceRoot":"","sources":["../../src/react/fm-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAIhB,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAS,EACT,KAAU,EACV,WAAgB,EAChB,QAAgB,EAChB,UAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACR,EAAE,eAAe,+BAgCjB"}

package/dist/react/fm-dropdown.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { assignOptionsSlot } from '../ce/dom.js';
+import { boolAttr, ceHostAttrs, ceHostClass, useCeEvent, useCeRegistration } from './ce.js';
+const loadDropdown = () => import('../fm-dropdown/fm-dropdown.js');
+export function FmDropdown({ name = '', value = '', placeholder = '', disabled = false, grayBorder = false, children, onChange, className, class: classAttr, ...host }) {
+    const ref = useRef(null);
+    useCeRegistration(loadDropdown);
+    useEffect(() => {
+        assignOptionsSlot(ref.current);
+    }, [children]);
+    const handleChange = useCallback((event) => {
+        onChange?.(event.detail.value);
+    }, [onChange]);
+    useCeEvent(ref, 'fm-dropdown', onChange ? handleChange : undefined);
+    return (_jsx("fm-dropdown", { ...ceHostAttrs(host), ...ceHostClass(className, classAttr), ref: ref, name: name, value: value, placeholder: placeholder, disabled: boolAttr(disabled), "gray-border": boolAttr(grayBorder), children: children }));
+}
+//# sourceMappingURL=fm-dropdown.js.map

package/dist/react/fm-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown.js","sourceRoot":"","sources":["../../src/react/fm-dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAEhB,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,+BAA+B,CAAC,CAAA;AAYlE,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACS;IAChB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAE3C,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAY,EAAE,EAAE;QACf,QAAQ,EAAE,CAAE,KAAwC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACpE,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,UAAU,CAAC,GAAG,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEnE,OAAO,CACL,yBACM,WAAW,CAAC,IAAI,CAAC,KACjB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,iBACf,QAAQ,CAAC,UAAU,CAAC,YAEhC,QAAQ,GACG,CACf,CAAA;AACH,CAAC"}

package/dist/react/fm-icon.d.ts

@@ -0,0 +1,11 @@
+import type { IconColor, IconSize, IconVariant } from '../fm-icon/fm-icon.js';
+import { type CeHostProps } from './ce.js';
+export interface FmIconProps extends CeHostProps {
+    name: string;
+    variant?: IconVariant;
+    size?: IconSize;
+    color?: IconColor | '';
+    ariaLabel?: string;
+}
+export declare function FmIcon({ name, variant, size, color, ariaLabel, className, class: classAttr, ...host }: FmIconProps): import("react").JSX.Element;
+//# sourceMappingURL=fm-icon.d.ts.map

package/dist/react/fm-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-icon.d.ts","sourceRoot":"","sources":["../../src/react/fm-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,EAA+C,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAIvF,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,GAAG,EAAE,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAkB,EAClB,IAAW,EACX,KAAU,EACV,SAAc,EACd,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACR,EAAE,WAAW,+BAkBb"}

package/dist/react/fm-icon.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { ceHostAttrs, ceHostClass, useCeRegistration } from './ce.js';
+const loadIcon = () => import('../fm-icon/fm-icon.js');
+export function FmIcon({ name, variant = 'filled', size = 'sm', color = '', ariaLabel = '', className, class: classAttr, ...host }) {
+    useCeRegistration(loadIcon);
+    useEffect(() => {
+        void import(`../fm-icon/icons/${variant}-${name}.js`);
+    }, [name, variant]);
+    return (_jsx("fm-icon", { ...ceHostAttrs(host), ...ceHostClass(className, classAttr), name: name, variant: variant, size: size, color: color || undefined, "aria-label": ariaLabel || undefined }));
+}
+//# sourceMappingURL=fm-icon.js.map

package/dist/react/fm-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-icon.js","sourceRoot":"","sources":["../../src/react/fm-icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAEvF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAA;AAUtD,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACK;IACZ,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,MAAM,CAAC,oBAAoB,OAAO,IAAI,IAAI,KAAK,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,qBACM,WAAW,CAAC,IAAI,CAAC,KACjB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EACrC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,SAAS,gBACb,SAAS,IAAI,SAAS,GAClC,CACH,CAAA;AACH,CAAC"}

package/dist/react/fm-input.d.ts

@@ -0,0 +1,30 @@
+import type { ValidationRule } from '../fm-input/fm-input.js';
+import { type CeHostProps } from './ce.js';
+type InputType = 'text' | 'search' | 'email' | 'number' | 'password' | 'tel';
+export interface FmInputProps extends Omit<CeHostProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur'> {
+    type?: InputType;
+    placeholder?: string;
+    value?: string;
+    rules?: ValidationRule[];
+    disabled?: boolean;
+    readonly?: boolean;
+    loading?: boolean;
+    grayBorder?: boolean;
+    maxLength?: number | null;
+    letterSpacing?: number;
+    autocomplete?: string;
+    /** Extra classes on the shadow `.inputgroup` — not a Tailwind API. Prefer host `className` for layout. */
+    customClass?: string;
+    /** Extra classes on the shadow `<input>` — not a Tailwind API. Prefer host `className` for layout. */
+    inputClass?: string;
+    onInput?: (value: string, event: CustomEvent) => void;
+    onFocus?: (event: CustomEvent) => void;
+    onBlur?: (event: CustomEvent) => void;
+    onChange?: (value: string) => void;
+}
+export type FmInputHandle = {
+    validate: () => void;
+};
+export declare const FmInput: import("react").ForwardRefExoticComponent<FmInputProps & import("react").RefAttributes<FmInputHandle>>;
+export {};
+//# sourceMappingURL=fm-input.d.ts.map

package/dist/react/fm-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-input.d.ts","sourceRoot":"","sources":["../../src/react/fm-input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAA6B,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExF,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAEhB,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAA;AAI5E,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0GAA0G;IAC1G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sGAAsG;IACtG,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,OAAO,wGAkHlB,CAAA"}