@flitsmeister/design-system 3.0.2 → 3.1.0

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

@@ -27,8 +27,7 @@ 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;
@@ -41,12 +40,12 @@ export const fmSegmentedControllerStyle = css `
 
   .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;
@@ -181,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqM5C,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"}

package/dist/react/fm-input.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import { requestImplicitFormSubmit } from '../ce/implicit-form-submit.js';
+import { boolAttr, ceHostAttrs, ceHostClass, useCeEvent, useCeProperty, useCeRegistration } from './ce.js';
+const loadInput = () => import('../fm-input/fm-input.js');
+export const FmInput = forwardRef(function FmInput({ type = 'text', placeholder = '', value = '', rules, disabled = false, readonly = false, loading = false, grayBorder = false, maxLength = null, letterSpacing = 0, autocomplete = '', customClass = '', inputClass = '', onInput, onFocus, onBlur, onChange, onKeyDown, className, class: classAttr, ...host }, ref) {
+    const elementRef = useRef(null);
+    useCeRegistration(loadInput);
+    useImperativeHandle(ref, () => ({
+        validate: () => {
+            const el = elementRef.current;
+            if (!el)
+                return;
+            if (typeof el.validate === 'function') {
+                el.validate();
+                return;
+            }
+            void customElements.whenDefined('fm-input').then(() => {
+                elementRef.current?.validate?.();
+            });
+        }
+    }), []);
+    const handleInput = useCallback((event) => {
+        const customEvent = event;
+        const next = customEvent.detail.value;
+        onInput?.(next, customEvent);
+        onChange?.(next);
+    }, [onInput, onChange]);
+    const handleFocus = useCallback((event) => onFocus?.(event), [onFocus]);
+    const handleBlur = useCallback((event) => onBlur?.(event), [onBlur]);
+    const handleKeyDown = useCallback((event) => {
+        onKeyDown?.(event);
+        if (event.key !== 'Enter' ||
+            disabled ||
+            readonly ||
+            loading ||
+            event.defaultPrevented)
+            return;
+        const form = event.currentTarget.closest('form');
+        if (!form)
+            return;
+        event.preventDefault();
+        requestImplicitFormSubmit(form);
+    }, [onKeyDown, disabled, readonly, loading]);
+    useCeEvent(elementRef, 'fm-input', handleInput);
+    useCeEvent(elementRef, 'fm-focus', onFocus ? handleFocus : undefined);
+    useCeEvent(elementRef, 'fm-blur', onBlur ? handleBlur : undefined);
+    useCeProperty(elementRef, 'rules', rules);
+    return (_jsx("fm-input", { ...ceHostAttrs(host), ...ceHostClass(className, classAttr), ref: elementRef, type: type, placeholder: placeholder, value: value, disabled: boolAttr(disabled), readonly: boolAttr(readonly), loading: boolAttr(loading), "gray-border": boolAttr(grayBorder), "max-length": maxLength ?? undefined, "letter-spacing": letterSpacing, autocomplete: autocomplete, "custom-class": customClass, "input-class": inputClass, onKeyDown: handleKeyDown }));
+});
+//# sourceMappingURL=fm-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fm-input.js","sourceRoot":"","sources":["../../src/react/fm-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EAEP,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AACzE,OAAO,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAIhB,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAA;AA6BzD,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA8B,SAAS,OAAO,CAC7E,EACE,IAAI,GAAG,MAAM,EACb,WAAW,GAAG,EAAE,EAChB,KAAK,GAAG,EAAE,EACV,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,aAAa,GAAG,CAAC,EACjB,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,EAAE,EACf,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAE5B,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,GAAG,EAAE;YACb,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAA;YAC7B,IAAI,CAAC,EAAE;gBAAE,OAAM;YACf,IAAI,OAAO,EAAE,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;gBACtC,EAAE,CAAC,QAAQ,EAAE,CAAA;gBACb,OAAM;YACR,CAAC;YACD,KAAK,cAAc,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACpD,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAA;YAClC,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE;QACf,MAAM,WAAW,GAAG,KAAuC,CAAA;QAC3D,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAA;QACrC,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAC5B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAoB,CAAC,EACjD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAY,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,KAAoB,CAAC,EAChD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAiC,EAAE,EAAE;QACpC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAA;QAClB,IACE,KAAK,CAAC,GAAG,KAAK,OAAO;YACrB,QAAQ;YACR,QAAQ;YACR,OAAO;YACP,KAAK,CAAC,gBAAgB;YAEtB,OAAM;QAER,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAChD,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,yBAAyB,CAAC,IAAI,CAAC,CAAA;IACjC,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACzC,CAAA;IAED,UAAU,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;IAC/C,UAAU,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACrE,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAClE,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAEzC,OAAO,CACL,sBACM,WAAW,CAAC,IAAI,CAAC,KACjB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC5B,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,iBACb,QAAQ,CAAC,UAAU,CAAC,gBACrB,SAAS,IAAI,SAAS,oBAClB,aAAa,EAC7B,YAAY,EAAE,YAAY,kBACZ,WAAW,iBACZ,UAAU,EACvB,SAAS,EAAE,aAAa,GACxB,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"fm-radio-input.d.ts","sourceRoot":"","sources":["../../src/react/fm-radio-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAEV,0BAA0B,EAC3B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAIhB,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAS,EACT,KAAU,EACV,OAAe,EACf,QAAgB,EAChB,UAAkB,EAClB,cAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACR,EAAE,iBAAiB,+BA+BnB"}

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { boolAttr, ceHostAttrs, ceHostClass, useCeEvent, useCeRegistration } from './ce.js';
+const loadRadioInput = () => import('../fm-radio-input/fm-radio-input.js');
+export function FmRadioInput({ name = '', value = '', checked = false, disabled = false, grayBorder = false, mediaPlacement = 'append', children, onChange, className, class: classAttr, ...host }) {
+    const ref = useRef(null);
+    useCeRegistration(loadRadioInput);
+    const handleChange = useCallback((event) => {
+        onChange?.(event.detail.value);
+    }, [onChange]);
+    useCeEvent(ref, 'fm-radio-input', onChange ? handleChange : undefined);
+    return (_jsx("fm-radio-input", { ...ceHostAttrs(host), ...ceHostClass(className, classAttr), ref: ref, name: name, value: value, checked: boolAttr(checked), disabled: boolAttr(disabled), "gray-border": boolAttr(grayBorder), "media-placement": mediaPlacement, children: children }));
+}
+//# sourceMappingURL=fm-radio-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fm-radio-input.js","sourceRoot":"","sources":["../../src/react/fm-radio-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAK3D,OAAO,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAEhB,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,qCAAqC,CAAC,CAAA;AAa1E,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,cAAc,GAAG,QAAQ,EACzB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACW;IAClB,MAAM,GAAG,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAE7C,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAEjC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAY,EAAE,EAAE;QACf,QAAQ,EAAE,CACP,KAAsD,CAAC,MAAM,CAAC,KAAK,CACrE,CAAA;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,UAAU,CAAC,GAAG,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEtE,OAAO,CACL,4BACM,WAAW,CAAC,IAAI,CAAC,KACjB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,EAC1B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,iBACf,QAAQ,CAAC,UAAU,CAAC,qBAChB,cAAc,YAE9B,QAAQ,GACM,CAClB,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { FmSegmentedControllerBackground, FmSegmentedOptionInput } from '../fm-segmented-controller/fm-segmented-controller.js';
+import { type CeHostProps } from './ce.js';
+export interface FmSegmentedControllerProps extends Omit<CeHostProps, 'onChange'> {
+    name?: string;
+    value?: string;
+    options?: FmSegmentedOptionInput[];
+    disabled?: boolean;
+    background?: FmSegmentedControllerBackground;
+    ariaLabel?: string;
+    onChange?: (value: string) => void;
+}
+export declare function FmSegmentedController({ name, value, options, disabled, background, ariaLabel, onChange, className, class: classAttr, ...host }: FmSegmentedControllerProps): import("react").JSX.Element;
+//# sourceMappingURL=fm-segmented-controller.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fm-segmented-controller.d.ts","sourceRoot":"","sources":["../../src/react/fm-segmented-controller.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,+BAA+B,EAC/B,sBAAsB,EACvB,MAAM,uDAAuD,CAAA;AAC9D,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAIhB,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,+BAA+B,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAU,EACV,OAAO,EACP,QAAgB,EAChB,UAAmB,EACnB,SAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACR,EAAE,0BAA0B,+BA+B5B"}

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { boolAttr, ceHostAttrs, ceHostClass, useCeEvent, useCeProperty, useCeRegistration } from './ce.js';
+const loadSegmented = () => import('../fm-segmented-controller/fm-segmented-controller.js');
+export function FmSegmentedController({ name = '', value = '', options, disabled = false, background = 'gray', ariaLabel = '', onChange, className, class: classAttr, ...host }) {
+    const ref = useRef(null);
+    useCeRegistration(loadSegmented);
+    const handleChange = useCallback((event) => {
+        onChange?.(event.detail.value);
+    }, [onChange]);
+    useCeEvent(ref, 'fm-segmented-controller', onChange ? handleChange : undefined);
+    useCeProperty(ref, 'options', options);
+    return (_jsx("fm-segmented-controller", { ...ceHostAttrs(host), ...ceHostClass(className, classAttr), ref: ref, name: name, value: value, disabled: boolAttr(disabled), background: background, "aria-label": ariaLabel || undefined }));
+}
+//# sourceMappingURL=fm-segmented-controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fm-segmented-controller.js","sourceRoot":"","sources":["../../src/react/fm-segmented-controller.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAM3C,OAAO,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,iBAAiB,EAElB,MAAM,SAAS,CAAA;AAEhB,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,uDAAuD,CAAC,CAAA;AAY3F,MAAM,UAAU,qBAAqB,CAAC,EACpC,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,EAAE,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,MAAM,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACoB;IAC3B,MAAM,GAAG,GAAG,MAAM,CAA+B,IAAI,CAAC,CAAA;IAEtD,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAEhC,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,CACR,GAAG,EACH,yBAAyB,EACzB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CACpC,CAAA;IACD,aAAa,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;IAEtC,OAAO,CACL,qCACM,WAAW,CAAC,IAAI,CAAC,KACjB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC5B,UAAU,EAAE,UAAU,gBACV,SAAS,IAAI,SAAS,GAClC,CACH,CAAA;AACH,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,14 @@
+export { FmButton } from './fm-button.js';
+export type { FmButtonProps } from './fm-button.js';
+export { FmDropdown } from './fm-dropdown.js';
+export type { FmDropdownProps } from './fm-dropdown.js';
+export { FmIcon } from './fm-icon.js';
+export type { FmIconProps } from './fm-icon.js';
+export { FmInput } from './fm-input.js';
+export type { FmInputHandle, FmInputProps } from './fm-input.js';
+export type { ValidationRule } from '../fm-input/fm-input.js';
+export { FmRadioInput } from './fm-radio-input.js';
+export type { FmRadioInputProps } from './fm-radio-input.js';
+export { FmSegmentedController } from './fm-segmented-controller.js';
+export type { FmSegmentedControllerProps } from './fm-segmented-controller.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAChE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,YAAY,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/react/index.js

@@ -0,0 +1,8 @@
+'use client';
+export { FmButton } from './fm-button.js';
+export { FmDropdown } from './fm-dropdown.js';
+export { FmIcon } from './fm-icon.js';
+export { FmInput } from './fm-input.js';
+export { FmRadioInput } from './fm-radio-input.js';
+export { FmSegmentedController } from './fm-segmented-controller.js';
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/vue/ce.d.ts

@@ -0,0 +1,3 @@
+export declare function boolAttr(value: boolean | undefined): true | undefined;
+export declare function callHandler(handler: unknown, event: Event): void;
+//# sourceMappingURL=ce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ce.d.ts","sourceRoot":"","sources":["../../src/vue/ce.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,CAErE;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAShE"}

package/dist/vue/ce.js

@@ -0,0 +1,16 @@
+export function boolAttr(value) {
+    return value ? true : undefined;
+}
+export function callHandler(handler, event) {
+    if (typeof handler === 'function') {
+        handler(event);
+        return;
+    }
+    if (!Array.isArray(handler))
+        return;
+    for (const fn of handler) {
+        if (typeof fn === 'function')
+            fn(event);
+    }
+}
+//# sourceMappingURL=ce.js.map

package/dist/vue/ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ce.js","sourceRoot":"","sources":["../../src/vue/ce.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAC,KAA0B;IACjD,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAgB,EAAE,KAAY;IACxD,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,OAAM;IACR,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;QAAE,OAAM;IACnC,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;QACzB,IAAI,OAAO,EAAE,KAAK,UAAU;YAAE,EAAE,CAAC,KAAK,CAAC,CAAA;IACzC,CAAC;AACH,CAAC"}