@mapples/components 1.1.1 → 1.2.0

package/dist/components/feedback/Banner/index.d.ts

@@ -0,0 +1,76 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { BannerTone, BannerVariant } from './types';
+/** Props for {@link Banner}. */
+export interface BannerProps extends Omit<ViewProps, 'children'> {
+    /** Heading. */
+    title?: string;
+    /** The text. */
+    message?: string;
+    /** Colour role, with a matching glyph. Defaults to `info`. */
+    tone?: BannerTone;
+    /** Glyph replacing the tone glyph (project icon family). */
+    iconName?: string;
+    /** Surface: a tinted container, a solid fill, or an outlined card. Defaults to `tonal`. */
+    variant?: BannerVariant;
+    /** Shows a close glyph that hides the banner and fires `onDismiss`. */
+    dismissible?: boolean;
+    /** Fires when the close glyph is pressed. */
+    onDismiss?: () => void;
+    /** Whether the banner is shown (controlled). Omit to let it keep its own state. */
+    visible?: boolean;
+    /** Initial state while uncontrolled. Defaults to `true`. */
+    defaultVisible?: boolean;
+    /** Fires with the next visibility — `false` when dismissed. */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Label of the inline action; omit to hide it. */
+    actionLabel?: string;
+    /** Fires when the action is pressed. */
+    onActionPress?: () => void;
+    /** Label of the second, quieter action; omit to hide it. */
+    secondaryActionLabel?: string;
+    /** Fires when the secondary action is pressed. */
+    onSecondaryActionPress?: () => void;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The strip. */
+        style?: StyledProp<ViewStyle>;
+        /** The glyph box (its `color` is the glyph colour). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The heading. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The message. */
+        styleMessage?: StyledProp<TextStyle>;
+        /** Each action button. */
+        styleAction?: StyledProp<ViewStyle>;
+        /** The close glyph button. */
+        styleClose?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A persistent message strip in the page flow — an offline notice, a
+ * verification reminder, a success confirmation — with a tone glyph, a
+ * title, a message and up to two inline actions. Not a toast: it stays until
+ * dismissed or hidden through `visible`, and never floats over content.
+ *
+ * @example
+ * ```tsx
+ * <Banner
+ *   tone="warning"
+ *   title="You're offline"
+ *   message="Changes will sync when you reconnect."
+ *   actionLabel="Retry"
+ *   onActionPress={reconnect}
+ *   dismissible
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Banner;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/Banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AASxB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAElE,gCAAgC;AAChC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kDAAkD;IAClD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,iBAAiB;QACjB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,uDAAuD;QACvD,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,mBAAmB;QACnB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,mBAAmB;QACnB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,0BAA0B;QAC1B,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,8BAA8B;QAC9B,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM;;wCAuJX,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/components/feedback/Banner/index.js

@@ -0,0 +1,106 @@
+import { forwardRef, useCallback } from 'react';
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { Button, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Glyph, useControllableState, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import { BANNER_GLYPH } from './types';
+/**
+ * A persistent message strip in the page flow — an offline notice, a
+ * verification reminder, a success confirmation — with a tone glyph, a
+ * title, a message and up to two inline actions. Not a toast: it stays until
+ * dismissed or hidden through `visible`, and never floats over content.
+ *
+ * @example
+ * ```tsx
+ * <Banner
+ *   tone="warning"
+ *   title="You're offline"
+ *   message="Changes will sync when you reconnect."
+ *   actionLabel="Retry"
+ *   onActionPress={reconnect}
+ *   dismissible
+ * />
+ * ```
+ *
+ * @public
+ */
+const Banner = forwardRef(({ title, message, tone = 'info', iconName, variant = 'tonal', dismissible = false, onDismiss, visible, defaultVisible = true, onVisibleChange, actionLabel, onActionPress, secondaryActionLabel, onSecondaryActionPress, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const [isVisible, setVisible] = useControllableState({
+        value: visible,
+        defaultValue: defaultVisible,
+        onChange: onVisibleChange,
+    });
+    const filled = variant === 'filled';
+    const outlined = variant === 'outlined';
+    const background = filled
+        ? palette.main
+        : outlined
+            ? tones.resolve(Tokens.color.surface)
+            : palette.container;
+    const foreground = filled
+        ? palette.contrast
+        : tones.resolve(Tokens.color.text);
+    const secondary = filled
+        ? palette.contrast
+        : tones.resolve(Tokens.color.textSecondary);
+    const accent = filled ? palette.contrast : palette.main;
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', accent);
+    // On a solid fill the text buttons take the contrast colour (their tone
+    // colour would vanish into the background).
+    const actionTypography = filled ? { color: palette.contrast } : undefined;
+    const dismiss = useCallback(() => {
+        setVisible(false);
+        onDismiss?.();
+    }, [onDismiss, setVisible]);
+    if (!isVisible)
+        return null;
+    return (<StyledView ref={ref} accessibilityRole="alert" accessibilityLiveRegion="polite" styled={{
+            style: [
+                defaults.root,
+                {
+                    paddingStart: 16,
+                    paddingEnd: dismissible ? 8 : 16,
+                    borderRadius: RADII.md,
+                    backgroundColor: background,
+                    borderWidth: outlined ? 1 : 0,
+                    borderColor: outlined ? palette.main : 'transparent',
+                },
+                styled?.style,
+            ],
+        }} {...rest}>
+        <StyledView styled={{ style: [defaults.icon, styled?.styleIcon] }}>
+          {iconName ? (<Icon iconName={iconName} size={BANNER_GLYPH} color={glyphColor}/>) : (<Glyph name={tone} size={BANNER_GLYPH} color={glyphColor}/>)}
+        </StyledView>
+        <StyledView styled={{ style: defaults.body }}>
+          {title ? (<Typography variant={TYPOGRAPHY_PARTS.label} style={[{ color: foreground }, styled?.styleTitle]}>
+              {title}
+            </Typography>) : null}
+          {message ? (<Typography variant={TYPOGRAPHY_PARTS.body} style={[
+                { color: title ? secondary : foreground },
+                styled?.styleMessage,
+            ]}>
+              {message}
+            </Typography>) : null}
+          {actionLabel || secondaryActionLabel ? (<StyledView styled={{ style: defaults.actions }}>
+              {actionLabel ? (<Button label={actionLabel} variant="text" size="sm" tone={tone} styled={{
+                    style: styled?.styleAction,
+                    styleTypography: actionTypography,
+                }} onPress={onActionPress}/>) : null}
+              {secondaryActionLabel ? (<Button label={secondaryActionLabel} variant="text" size="sm" tone={tone} styled={{
+                    style: styled?.styleAction,
+                    styleTypography: actionTypography,
+                }} onPress={onSecondaryActionPress}/>) : null}
+            </StyledView>) : null}
+        </StyledView>
+        {dismissible ? (<StyledPressable accessibilityRole="button" accessibilityLabel="Dismiss" hitSlop={8} onPress={dismiss} styled={{ style: [defaults.close, styled?.styleClose] }}>
+            <Glyph name="close" size={18} color={foreground}/>
+          </StyledPressable>) : null}
+      </StyledView>);
+});
+Banner.displayName = 'Banner';
+export default Banner;
+//# sourceMappingURL=index.js.map

package/dist/components/feedback/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/Banner/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/feedback/Banner/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link Banner} under the `'Banner'` type key. */
+export declare const BannerSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/feedback/Banner/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Banner/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,8DAA8D;AAC9D,eAAO,MAAM,eAAe,EAAE,mBAG7B,CAAC"}

package/dist/components/feedback/Banner/schematic.js

@@ -0,0 +1,7 @@
+import Banner from './index';
+/** Registers {@link Banner} under the `'Banner'` type key. */
+export const BannerSchematic = {
+    type: 'Banner',
+    Component: Banner,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/feedback/Banner/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/feedback/Banner/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,8DAA8D;AAC9D,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,MAAM;CAClB,CAAC"}

package/dist/components/feedback/Banner/types.d.ts

@@ -0,0 +1,9 @@
+/** Banner colour roles — each has a matching structural glyph. */
+export declare const BANNER_TONES: readonly ["info", "success", "warning", "error"];
+export type BannerTone = (typeof BANNER_TONES)[number];
+/** Banner surfaces. */
+export declare const BANNER_VARIANTS: readonly ["tonal", "filled", "outlined"];
+export type BannerVariant = (typeof BANNER_VARIANTS)[number];
+/** Size of the leading glyph. */
+export declare const BANNER_GLYPH = 22;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/feedback/Banner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Banner/types.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,eAAO,MAAM,YAAY,kDAAmD,CAAC;AAC7E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,uBAAuB;AACvB,eAAO,MAAM,eAAe,0CAA2C,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,iCAAiC;AACjC,eAAO,MAAM,YAAY,KAAK,CAAC"}

package/dist/components/feedback/Banner/types.js

@@ -0,0 +1,7 @@
+/** Banner colour roles — each has a matching structural glyph. */
+export const BANNER_TONES = ['info', 'success', 'warning', 'error'];
+/** Banner surfaces. */
+export const BANNER_VARIANTS = ['tonal', 'filled', 'outlined'];
+/** Size of the leading glyph. */
+export const BANNER_GLYPH = 22;
+//# sourceMappingURL=types.js.map

package/dist/components/feedback/Banner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/feedback/Banner/types.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAG7E,uBAAuB;AACvB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAU,CAAC;AAGxE,iCAAiC;AACjC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC"}

package/dist/components/feedback/EmptyState/defaults.d.ts

@@ -0,0 +1,40 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        gap: number;
+    };
+    image: {
+        width: string;
+        maxWidth: 320;
+        height: 160;
+        marginBottom: number;
+    };
+    icon: {
+        width: 72;
+        height: 72;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginBottom: number;
+    };
+    title: {
+        textAlign: "center";
+        maxWidth: 320;
+    };
+    message: {
+        textAlign: "center";
+        maxWidth: 320;
+    };
+    actions: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+        justifyContent: "center";
+        gap: number;
+        marginTop: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/feedback/EmptyState/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/defaults.ts"],"names":[],"mappings":"AAIA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCnB,CAAC"}

package/dist/components/feedback/EmptyState/defaults.js

@@ -0,0 +1,42 @@
+import { Styler } from '@mapples/style';
+import { EMPTY_STATE_GEOMETRY } from './types';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: 24,
+        gap: 12,
+    },
+    image: {
+        width: '100%',
+        maxWidth: EMPTY_STATE_GEOMETRY.contentWidth,
+        height: EMPTY_STATE_GEOMETRY.imageHeight,
+        marginBottom: 4,
+    },
+    icon: {
+        width: EMPTY_STATE_GEOMETRY.iconCircle,
+        height: EMPTY_STATE_GEOMETRY.iconCircle,
+        borderRadius: EMPTY_STATE_GEOMETRY.iconCircle / 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 4,
+    },
+    title: {
+        textAlign: 'center',
+        maxWidth: EMPTY_STATE_GEOMETRY.contentWidth,
+    },
+    message: {
+        textAlign: 'center',
+        maxWidth: EMPTY_STATE_GEOMETRY.contentWidth,
+    },
+    actions: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        gap: 8,
+        marginTop: 8,
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/feedback/EmptyState/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;KACR;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,oBAAoB,CAAC,YAAY;QAC3C,MAAM,EAAE,oBAAoB,CAAC,WAAW;QACxC,YAAY,EAAE,CAAC;KAChB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,oBAAoB,CAAC,UAAU;QACtC,MAAM,EAAE,oBAAoB,CAAC,UAAU;QACvC,YAAY,EAAE,oBAAoB,CAAC,UAAU,GAAG,CAAC;QACjD,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,CAAC;KAChB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB,CAAC,YAAY;KAC5C;IACD,OAAO,EAAE;QACP,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB,CAAC,YAAY;KAC5C;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}

package/dist/components/feedback/EmptyState/index.d.ts

@@ -0,0 +1,70 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { ImageProps } from 'expo-image';
+import { ImageStyle, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { EmptyStateSize } from './types';
+/** Props for {@link EmptyState}. */
+export interface EmptyStateProps extends Omit<ViewProps, 'children'> {
+    /** Heading ('No results'). */
+    title?: string;
+    /** Supporting text under the heading. */
+    message?: string;
+    /** Glyph in a tinted circle above the heading (project icon family). */
+    iconName?: string;
+    /** Illustration shown instead of the glyph (a uri string or an expo-image source). */
+    imageSource?: ImageProps['source'];
+    /** Label of the filled action; omit to hide it. */
+    actionLabel?: string;
+    /** Fires when the action is pressed. */
+    onActionPress?: () => void;
+    /** Label of the text action; omit to hide it. */
+    secondaryActionLabel?: string;
+    /** Fires when the secondary action is pressed. */
+    onSecondaryActionPress?: () => void;
+    /** Vertical padding: `sm` 24, `md` 40, `lg` 64. Defaults to `md`. */
+    size?: EmptyStateSize;
+    /** Colour role of the glyph circle and the actions. Defaults to `primary`. */
+    tone?: Tone;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The column. */
+        style?: StyledProp<ViewStyle>;
+        /** The tinted circle behind the glyph (its `color` is the glyph colour). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The illustration. */
+        styleImage?: StyledProp<ImageStyle>;
+        /** The heading. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The message. */
+        styleMessage?: StyledProp<TextStyle>;
+        /** The actions row. */
+        styleActions?: StyledProp<ViewStyle>;
+        /** Each action button. */
+        styleAction?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A centred placeholder for a screen or list with nothing to show yet — a
+ * glyph or illustration, a title, a short explanation and up to two actions
+ * that lead somewhere useful.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   iconName="search"
+ *   title="No results"
+ *   message="Try a different spelling or fewer filters."
+ *   actionLabel="Clear filters"
+ *   onActionPress={clearFilters}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default EmptyState;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAIL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,UAAU,EACV,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAGL,cAAc,EACf,MAAM,SAAS,CAAC;AAEjB,oCAAoC;AACpC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IACnC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kDAAkD;IAClD,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qEAAqE;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,kBAAkB;QAClB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,4EAA4E;QAC5E,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,wBAAwB;QACxB,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,mBAAmB;QACnB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,mBAAmB;QACnB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,uBAAuB;QACvB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,0BAA0B;QAC1B,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACrC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU;;wCAgHf,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/feedback/EmptyState/index.js

@@ -0,0 +1,69 @@
+import { forwardRef } from 'react';
+import { StyledImage, StyledView, Typography, } from '@mapples/style';
+import { Button, Icon, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import { EMPTY_STATE_GEOMETRY, EMPTY_STATE_PADDING, } from './types';
+/**
+ * A centred placeholder for a screen or list with nothing to show yet — a
+ * glyph or illustration, a title, a short explanation and up to two actions
+ * that lead somewhere useful.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   iconName="search"
+ *   title="No results"
+ *   message="Try a different spelling or fewer filters."
+ *   actionLabel="Clear filters"
+ *   onActionPress={clearFilters}
+ * />
+ * ```
+ *
+ * @public
+ */
+const EmptyState = forwardRef(({ title, message, iconName, imageSource, actionLabel, onActionPress, secondaryActionLabel, onSecondaryActionPress, size = 'md', tone = 'primary', styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', palette.main);
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                { paddingVertical: EMPTY_STATE_PADDING[size] },
+                styled?.style,
+            ],
+        }} {...rest}>
+        {imageSource ? (<StyledImage source={imageSource} contentFit="contain" accessibilityIgnoresInvertColors styled={{ style: [defaults.image, styled?.styleImage] }}/>) : iconName ? (<StyledView styled={{
+                style: [
+                    defaults.icon,
+                    { backgroundColor: palette.container },
+                    styled?.styleIcon,
+                ],
+            }}>
+            <Icon iconName={iconName} size={EMPTY_STATE_GEOMETRY.icon} color={glyphColor}/>
+          </StyledView>) : null}
+        {title ? (<Typography variant={TYPOGRAPHY_PARTS.title} accessibilityRole="header" style={[
+                defaults.title,
+                { color: tones.resolve(Tokens.color.text) },
+                styled?.styleTitle,
+            ]}>
+            {title}
+          </Typography>) : null}
+        {message ? (<Typography variant={TYPOGRAPHY_PARTS.body} style={[
+                defaults.message,
+                { color: tones.resolve(Tokens.color.textSecondary) },
+                styled?.styleMessage,
+            ]}>
+            {message}
+          </Typography>) : null}
+        {actionLabel || secondaryActionLabel ? (<StyledView styled={{ style: [defaults.actions, styled?.styleActions] }}>
+            {actionLabel ? (<Button label={actionLabel} variant="filled" tone={tone} styled={{ style: styled?.styleAction }} onPress={onActionPress}/>) : null}
+            {secondaryActionLabel ? (<Button label={secondaryActionLabel} variant="text" tone={tone} styled={{ style: styled?.styleAction }} onPress={onSecondaryActionPress}/>) : null}
+          </StyledView>) : null}
+      </StyledView>);
+});
+EmptyState.displayName = 'EmptyState';
+export default EmptyState;
+//# sourceMappingURL=index.js.map

package/dist/components/feedback/EmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/feedback/EmptyState/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link EmptyState} under the `'EmptyState'` type key. */
+export declare const EmptyStateSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/feedback/EmptyState/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC"}

package/dist/components/feedback/EmptyState/schematic.js

@@ -0,0 +1,7 @@
+import EmptyState from './index';
+/** Registers {@link EmptyState} under the `'EmptyState'` type key. */
+export const EmptyStateSchematic = {
+    type: 'EmptyState',
+    Component: EmptyState,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/feedback/EmptyState/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,sEAAsE;AACtE,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC"}

package/dist/components/feedback/EmptyState/types.d.ts

@@ -0,0 +1,17 @@
+/** EmptyState sizes — the vertical padding around the content. */
+export declare const EMPTY_STATE_SIZES: readonly ["sm", "md", "lg"];
+export type EmptyStateSize = (typeof EMPTY_STATE_SIZES)[number];
+/** Vertical padding per size. */
+export declare const EMPTY_STATE_PADDING: Record<EmptyStateSize, number>;
+/** Geometry of the illustration area. */
+export declare const EMPTY_STATE_GEOMETRY: {
+    /** Edge of the tinted circle behind the glyph. */
+    readonly iconCircle: 72;
+    /** Glyph size. */
+    readonly icon: 32;
+    /** Height of an image illustration. */
+    readonly imageHeight: 160;
+    /** Width cap of the image, title and message. */
+    readonly contentWidth: 320;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/feedback/EmptyState/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/types.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,6BAA8B,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,iCAAiC;AACjC,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI9D,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,oBAAoB;IAC/B,kDAAkD;;IAElD,kBAAkB;;IAElB,uCAAuC;;IAEvC,iDAAiD;;CAEzC,CAAC"}

package/dist/components/feedback/EmptyState/types.js

@@ -0,0 +1,20 @@
+/** EmptyState sizes — the vertical padding around the content. */
+export const EMPTY_STATE_SIZES = ['sm', 'md', 'lg'];
+/** Vertical padding per size. */
+export const EMPTY_STATE_PADDING = {
+    sm: 24,
+    md: 40,
+    lg: 64,
+};
+/** Geometry of the illustration area. */
+export const EMPTY_STATE_GEOMETRY = {
+    /** Edge of the tinted circle behind the glyph. */
+    iconCircle: 72,
+    /** Glyph size. */
+    icon: 32,
+    /** Height of an image illustration. */
+    imageHeight: 160,
+    /** Width cap of the image, title and message. */
+    contentWidth: 320,
+};
+//# sourceMappingURL=types.js.map

package/dist/components/feedback/EmptyState/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/feedback/EmptyState/types.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAG7D,iCAAiC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAmC;IACjE,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,yCAAyC;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,kDAAkD;IAClD,UAAU,EAAE,EAAE;IACd,kBAAkB;IAClB,IAAI,EAAE,EAAE;IACR,uCAAuC;IACvC,WAAW,EAAE,GAAG;IAChB,iDAAiD;IACjD,YAAY,EAAE,GAAG;CACT,CAAC"}

package/dist/components/feedback/ProgressBar/defaults.d.ts

@@ -0,0 +1,24 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    track: {
+        flex: number;
+        overflow: "hidden";
+    };
+    fill: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+    };
+    label: {
+        minWidth: number;
+        textAlign: "right";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/feedback/ProgressBar/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC"}

package/dist/components/feedback/ProgressBar/defaults.js

@@ -0,0 +1,25 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    track: {
+        flex: 1,
+        overflow: 'hidden',
+    },
+    fill: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+    },
+    label: {
+        minWidth: 36,
+        textAlign: 'right',
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/feedback/ProgressBar/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,OAAO;KACnB;CACF,CAAC,CAAC"}