@mapples/components 1.1.2 → 1.2.0

package/dist/components/actions/Fab/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/actions/Fab/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,SAAS,CAAC;AAE1B,wDAAwD;AACxD,MAAM,CAAC,MAAM,YAAY,GAAwB;IAC/C,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,GAAG;CACf,CAAC"}

package/dist/components/actions/Fab/types.d.ts

@@ -0,0 +1,27 @@
+/** Fab sizes — the edge of the square button. */
+export declare const FAB_SIZES: readonly ["sm", "md", "lg"];
+export type FabSize = (typeof FAB_SIZES)[number];
+/** Fab colour roles: a tone fill, or the surface colour. */
+export declare const FAB_TONES: readonly ["primary", "accent", "surface"];
+export type FabTone = (typeof FAB_TONES)[number];
+export interface FabGeometry {
+    /** Edge of the square button. */
+    edge: number;
+    /** Glyph size. */
+    icon: number;
+    /** Corner radius. */
+    radius: number;
+}
+/** Geometry per size of a square Fab. */
+export declare const FAB_GEOMETRY: Record<FabSize, FabGeometry>;
+/** Geometry of an extended Fab (one with a label), whatever its `size`. */
+export declare const FAB_EXTENDED: {
+    readonly height: 56;
+    readonly paddingX: 20;
+    readonly icon: 24;
+    readonly radius: 16;
+    readonly gap: 12;
+};
+/** The smallest comfortable touch target; smaller Fabs pad their hit area up to it. */
+export declare const FAB_TOUCH_TARGET = 44;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/actions/Fab/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/Fab/types.ts"],"names":[],"mappings":"AAEA,iDAAiD;AACjD,eAAO,MAAM,SAAS,6BAA8B,CAAC;AACrD,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,4DAA4D;AAC5D,eAAO,MAAM,SAAS,2CAA4C,CAAC;AACnE,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,yCAAyC;AACzC,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,WAAW,CAIrD,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,uFAAuF;AACvF,eAAO,MAAM,gBAAgB,KAAK,CAAC"}

package/dist/components/actions/Fab/types.js

@@ -0,0 +1,22 @@
+import { RADII } from '@mapples/ui';
+/** Fab sizes — the edge of the square button. */
+export const FAB_SIZES = ['sm', 'md', 'lg'];
+/** Fab colour roles: a tone fill, or the surface colour. */
+export const FAB_TONES = ['primary', 'accent', 'surface'];
+/** Geometry per size of a square Fab. */
+export const FAB_GEOMETRY = {
+    sm: { edge: 40, icon: 20, radius: RADII.lg },
+    md: { edge: 56, icon: 24, radius: RADII.lg },
+    lg: { edge: 96, icon: 36, radius: 28 },
+};
+/** Geometry of an extended Fab (one with a label), whatever its `size`. */
+export const FAB_EXTENDED = {
+    height: 56,
+    paddingX: 20,
+    icon: 24,
+    radius: RADII.lg,
+    gap: 12,
+};
+/** The smallest comfortable touch target; smaller Fabs pad their hit area up to it. */
+export const FAB_TOUCH_TARGET = 44;
+//# sourceMappingURL=types.js.map

package/dist/components/actions/Fab/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/actions/Fab/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,iDAAiD;AACjD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAGrD,4DAA4D;AAC5D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAC;AAYnE,yCAAyC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAiC;IACxD,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;CACvC,CAAC;AAEF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,KAAK,CAAC,EAAE;IAChB,GAAG,EAAE,EAAE;CACC,CAAC;AAEX,uFAAuF;AACvF,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC"}

package/dist/components/actions/SegmentedControl/defaults.d.ts

@@ -0,0 +1,18 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        flexDirection: "row";
+        alignItems: "stretch";
+    };
+    indicator: {
+        position: "absolute";
+        left: number;
+    };
+    segment: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/actions/SegmentedControl/defaults.d.ts.map

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

package/dist/components/actions/SegmentedControl/defaults.js

@@ -0,0 +1,19 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        flexDirection: 'row',
+        alignItems: 'stretch',
+    },
+    indicator: {
+        position: 'absolute',
+        left: 0,
+    },
+    segment: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 6,
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/actions/SegmentedControl/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/actions/SegmentedControl/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,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC"}

package/dist/components/actions/SegmentedControl/index.d.ts

@@ -0,0 +1,67 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { Option } from '../../../internal';
+import { SegmentedControlSize } from './types';
+/** Props for {@link SegmentedControl}. */
+export interface SegmentedControlProps extends Omit<ViewProps, 'children'> {
+    /** The segments: two to five `{label, value, iconName?, disabled?}` entries. */
+    options?: Option[];
+    /** Selected value (controlled). Omit to let the control keep its own state. */
+    value?: string;
+    /** Initial value while uncontrolled. Defaults to the first option. */
+    defaultValue?: string;
+    /** Fires with the next value — the new value is the first argument. */
+    onValueChange?: (value: string) => void;
+    /** Height: `sm` 36, `md` 44. Defaults to `md`. */
+    size?: SegmentedControlSize;
+    /** Shows each option's `iconName` before its label. Defaults to `false`. */
+    showIcons?: boolean;
+    /** Spans the parent's width with equal segments; otherwise each segment sizes to its label. Defaults to `true`. */
+    fullWidth?: boolean;
+    /** Colour role of the active label. Defaults to `neutral` (the text colour). */
+    tone?: Tone;
+    /** Disables interaction and dims the control. */
+    disabled?: boolean;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The track. */
+        style?: StyledProp<ViewStyle>;
+        /** Every segment. */
+        styleSegment?: StyledProp<ViewStyle>;
+        /** The active segment. */
+        styleSegmentActive?: StyledProp<ViewStyle>;
+        /** Every label. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The active label. */
+        styleLabelActive?: StyledProp<TextStyle>;
+        /** The sliding indicator. */
+        styleIndicator?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * Two to five exclusive segments in a pill track with an indicator that
+ * slides under the active one — view modes (list/map), periods
+ * (day/week/month), units. Not navigation: `Tabs` switches content and a
+ * tabs navigator switches screens.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedControl
+ *   options={[
+ *     { label: 'Day', value: 'day' },
+ *     { label: 'Week', value: 'week' },
+ *     { label: 'Month', value: 'month' },
+ *   ]}
+ *   value={period}
+ *   onValueChange={setPeriod}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const SegmentedControl: import("react").ForwardRefExoticComponent<SegmentedControlProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default SegmentedControl;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/SegmentedControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/SegmentedControl/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAML,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAGL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,MAAM,EAMP,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAIL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,0CAA0C;AAC1C,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACxE,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kDAAkD;IAClD,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mHAAmH;IACnH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,iBAAiB;QACjB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,qBAAqB;QACrB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,0BAA0B;QAC1B,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,mBAAmB;QACnB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,6BAA6B;QAC7B,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH;AAOD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,gBAAgB;;wCAgLrB,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

package/dist/components/actions/SegmentedControl/index.js

@@ -0,0 +1,137 @@
+import { forwardRef, useCallback, useRef, useState, } from 'react';
+import { StyledPressable, StyledView, Typography, useStyled, } from '@mapples/style';
+import { DISABLED_OPACITY, ELEVATION, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Animated, } from 'react-native';
+import { readOptions, useControllableState, useSlotColor, useTimingValue, DURATION, } from '../../../internal';
+import { defaults } from './defaults';
+import { SEGMENTED_CONTROL_GEOMETRY, SEGMENTED_CONTROL_INSET, SEGMENTED_CONTROL_OPTION_COUNT, } from './types';
+/**
+ * Two to five exclusive segments in a pill track with an indicator that
+ * slides under the active one — view modes (list/map), periods
+ * (day/week/month), units. Not navigation: `Tabs` switches content and a
+ * tabs navigator switches screens.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedControl
+ *   options={[
+ *     { label: 'Day', value: 'day' },
+ *     { label: 'Week', value: 'week' },
+ *     { label: 'Month', value: 'month' },
+ *   ]}
+ *   value={period}
+ *   onValueChange={setPeriod}
+ * />
+ * ```
+ *
+ * @public
+ */
+const SegmentedControl = forwardRef(({ options, value, defaultValue, onValueChange, size = 'md', showIcons = false, fullWidth = true, tone = 'neutral', disabled = false, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const items = readOptions(options, 'SegmentedControl');
+    const { min, max } = SEGMENTED_CONTROL_OPTION_COUNT;
+    if (items.length < min || items.length > max) {
+        throw new Error(`SegmentedControl: options must hold ${min}–${max} entries (got ${items.length})`);
+    }
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const geometry = SEGMENTED_CONTROL_GEOMETRY[size];
+    const [current, setCurrent] = useControllableState({
+        value,
+        defaultValue: defaultValue ?? items[0].value,
+        onChange: onValueChange,
+    });
+    const [layouts, setLayouts] = useState({});
+    // The first measurement places the indicator; only later changes slide.
+    const [animate, setAnimate] = useState(false);
+    const armedRef = useRef(false);
+    const onSegmentLayout = useCallback((index, event) => {
+        const { x, width } = event.nativeEvent.layout;
+        setLayouts((known) => {
+            const previous = known[index];
+            if (previous && previous.x === x && previous.width === width) {
+                return known;
+            }
+            return { ...known, [index]: { x, width } };
+        });
+        if (!armedRef.current) {
+            armedRef.current = true;
+            setTimeout(() => setAnimate(true), 0);
+        }
+    }, []);
+    const activeIndex = items.findIndex((option) => option.value === current);
+    const active = activeIndex >= 0 ? layouts[activeIndex] : undefined;
+    const translateX = useTimingValue(active ? active.x : 0, {
+        duration: animate ? DURATION.base : 0,
+    });
+    const resolved = useStyled({ indicator: styled?.styleIndicator });
+    const activeColor = useSlotColor(styled?.styleLabelActive, 'color', palette.main);
+    const inactiveColor = useSlotColor(styled?.styleLabel, 'color', tones.resolve(Tokens.color.textSecondary));
+    const segmentHeight = geometry.height - SEGMENTED_CONTROL_INSET * 2;
+    return (<StyledView ref={ref} accessibilityRole="tablist" styled={{
+            style: [
+                defaults.root,
+                {
+                    height: geometry.height,
+                    padding: SEGMENTED_CONTROL_INSET,
+                    borderRadius: RADII.pill,
+                    backgroundColor: tones.fill,
+                    alignSelf: fullWidth ? 'stretch' : 'flex-start',
+                },
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        <Animated.View pointerEvents="none" style={[
+            defaults.indicator,
+            {
+                top: SEGMENTED_CONTROL_INSET,
+                bottom: SEGMENTED_CONTROL_INSET,
+                borderRadius: RADII.pill,
+                backgroundColor: tones.resolve(Tokens.color.surface),
+                boxShadow: ELEVATION,
+                borderWidth: tones.isDark ? 1 : 0,
+                borderColor: tones.outline,
+            },
+            resolved.indicator,
+            {
+                width: active ? active.width : 0,
+                opacity: active ? 1 : 0,
+                transform: [{ translateX }],
+            },
+        ]}/>
+        {items.map((option, index) => {
+            const isActive = index === activeIndex;
+            const isDisabled = disabled || !!option.disabled;
+            const color = isActive ? activeColor : inactiveColor;
+            return (<StyledPressable key={option.value} accessibilityRole="tab" accessibilityLabel={option.label} accessibilityState={{ selected: isActive, disabled: isDisabled }} disabled={isDisabled} onPress={() => setCurrent(option.value)} onLayout={(event) => onSegmentLayout(index, event)} styled={{
+                    style: [
+                        defaults.segment,
+                        {
+                            height: segmentHeight,
+                            paddingHorizontal: geometry.paddingX,
+                            borderRadius: RADII.pill,
+                        },
+                        fullWidth && { flex: 1 },
+                        styled?.styleSegment,
+                        isActive && styled?.styleSegmentActive,
+                        !disabled &&
+                            !!option.disabled && { opacity: DISABLED_OPACITY },
+                    ],
+                }}>
+              {showIcons && option.iconName ? (<Icon iconName={option.iconName} size={geometry.icon} color={color}/>) : null}
+              <Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={1} style={[
+                    { color },
+                    styled?.styleLabel,
+                    isActive && styled?.styleLabelActive,
+                ]}>
+                {option.label}
+              </Typography>
+            </StyledPressable>);
+        })}
+      </StyledView>);
+});
+SegmentedControl.displayName = 'SegmentedControl';
+export default SegmentedControl;
+//# sourceMappingURL=index.js.map

package/dist/components/actions/SegmentedControl/index.js.map

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

package/dist/components/actions/SegmentedControl/schematic.d.ts

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

package/dist/components/actions/SegmentedControl/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/SegmentedControl/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,kFAAkF;AAClF,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC"}

package/dist/components/actions/SegmentedControl/schematic.js

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

package/dist/components/actions/SegmentedControl/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/actions/SegmentedControl/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,SAAS,CAAC;AAEvC,kFAAkF;AAClF,MAAM,CAAC,MAAM,yBAAyB,GAAwB;IAC5D,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,gBAAgB;CAC5B,CAAC"}

package/dist/components/actions/SegmentedControl/types.d.ts

@@ -0,0 +1,21 @@
+/** Segmented control heights. */
+export declare const SEGMENTED_CONTROL_SIZES: readonly ["sm", "md"];
+export type SegmentedControlSize = (typeof SEGMENTED_CONTROL_SIZES)[number];
+export interface SegmentedControlGeometry {
+    /** Height of the whole control. */
+    height: number;
+    /** Glyph size (with `showIcons`). */
+    icon: number;
+    /** Horizontal padding of a segment. */
+    paddingX: number;
+}
+/** Geometry per size. */
+export declare const SEGMENTED_CONTROL_GEOMETRY: Record<SegmentedControlSize, SegmentedControlGeometry>;
+/** Inset of the segments and the indicator inside the track. */
+export declare const SEGMENTED_CONTROL_INSET = 3;
+/** How many segments a control accepts. */
+export declare const SEGMENTED_CONTROL_OPTION_COUNT: {
+    readonly min: 2;
+    readonly max: 5;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/actions/SegmentedControl/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,eAAO,MAAM,uBAAuB,uBAAwB,CAAC;AAC7D,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,MAAM,WAAW,wBAAwB;IACvC,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,yBAAyB;AACzB,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC7C,oBAAoB,EACpB,wBAAwB,CAIzB,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,2CAA2C;AAC3C,eAAO,MAAM,8BAA8B;;;CAA8B,CAAC"}

package/dist/components/actions/SegmentedControl/types.js

@@ -0,0 +1,12 @@
+/** Segmented control heights. */
+export const SEGMENTED_CONTROL_SIZES = ['sm', 'md'];
+/** Geometry per size. */
+export const SEGMENTED_CONTROL_GEOMETRY = {
+    sm: { height: 36, icon: 16, paddingX: 12 },
+    md: { height: 44, icon: 18, paddingX: 16 },
+};
+/** Inset of the segments and the indicator inside the track. */
+export const SEGMENTED_CONTROL_INSET = 3;
+/** How many segments a control accepts. */
+export const SEGMENTED_CONTROL_OPTION_COUNT = { min: 2, max: 5 };
+//# sourceMappingURL=types.js.map

package/dist/components/actions/SegmentedControl/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/actions/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AAY7D,yBAAyB;AACzB,MAAM,CAAC,MAAM,0BAA0B,GAGnC;IACF,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;CAC3C,CAAC;AAEF,gEAAgE;AAChE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAEzC,2CAA2C;AAC3C,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAW,CAAC"}

package/dist/components/actions/index.d.ts

@@ -0,0 +1,26 @@
+export { default as Fab } from './Fab';
+export * from './Fab';
+export * from './Fab/schematic';
+export * from './Fab/types';
+export { default as Chip } from './Chip';
+export * from './Chip';
+export * from './Chip/schematic';
+export * from './Chip/types';
+export { default as ChipGroup } from './ChipGroup';
+export * from './ChipGroup';
+export * from './ChipGroup/schematic';
+export * from './ChipGroup/types';
+export { default as SegmentedControl } from './SegmentedControl';
+export * from './SegmentedControl';
+export * from './SegmentedControl/schematic';
+export * from './SegmentedControl/types';
+export { default as ButtonGroup } from './ButtonGroup';
+export * from './ButtonGroup';
+export * from './ButtonGroup/schematic';
+export * from './ButtonGroup/types';
+export { default as BottomActionBar } from './BottomActionBar';
+export * from './BottomActionBar';
+export * from './BottomActionBar/schematic';
+export * from './BottomActionBar/types';
+export * from './schematics';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AAExC,cAAc,cAAc,CAAC"}

package/dist/components/actions/index.js

@@ -0,0 +1,26 @@
+export { default as Fab } from './Fab';
+export * from './Fab';
+export * from './Fab/schematic';
+export * from './Fab/types';
+export { default as Chip } from './Chip';
+export * from './Chip';
+export * from './Chip/schematic';
+export * from './Chip/types';
+export { default as ChipGroup } from './ChipGroup';
+export * from './ChipGroup';
+export * from './ChipGroup/schematic';
+export * from './ChipGroup/types';
+export { default as SegmentedControl } from './SegmentedControl';
+export * from './SegmentedControl';
+export * from './SegmentedControl/schematic';
+export * from './SegmentedControl/types';
+export { default as ButtonGroup } from './ButtonGroup';
+export * from './ButtonGroup';
+export * from './ButtonGroup/schematic';
+export * from './ButtonGroup/types';
+export { default as BottomActionBar } from './BottomActionBar';
+export * from './BottomActionBar';
+export * from './BottomActionBar/schematic';
+export * from './BottomActionBar/types';
+export * from './schematics';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AAExC,cAAc,cAAc,CAAC"}

package/dist/components/actions/schematics.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponents } from '@mapples/types';
+/** Runtime registry of the action components. */
+export declare const ActionsSchematics: RegisteredComponents;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/actions/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/actions/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAStD,iDAAiD;AACjD,eAAO,MAAM,iBAAiB,EAAE,oBAO/B,CAAC"}

package/dist/components/actions/schematics.js

@@ -0,0 +1,16 @@
+import { BottomActionBarSchematic } from './BottomActionBar/schematic';
+import { ButtonGroupSchematic } from './ButtonGroup/schematic';
+import { ChipSchematic } from './Chip/schematic';
+import { ChipGroupSchematic } from './ChipGroup/schematic';
+import { FabSchematic } from './Fab/schematic';
+import { SegmentedControlSchematic } from './SegmentedControl/schematic';
+/** Runtime registry of the action components. */
+export const ActionsSchematics = {
+    [FabSchematic.type]: FabSchematic,
+    [ChipSchematic.type]: ChipSchematic,
+    [ChipGroupSchematic.type]: ChipGroupSchematic,
+    [SegmentedControlSchematic.type]: SegmentedControlSchematic,
+    [ButtonGroupSchematic.type]: ButtonGroupSchematic,
+    [BottomActionBarSchematic.type]: BottomActionBarSchematic,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/actions/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/actions/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,iDAAiD;AACjD,MAAM,CAAC,MAAM,iBAAiB,GAAyB;IACrD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,yBAAyB;IAC3D,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,wBAAwB;CAC1D,CAAC"}

package/dist/components/content/Accordion/defaults.d.ts

@@ -0,0 +1,30 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        overflow: "hidden";
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    texts: {
+        flex: number;
+        gap: number;
+    };
+    content: {
+        padding: number;
+        gap: number;
+    };
+    stateLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/content/Accordion/defaults.d.ts.map

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

package/dist/components/content/Accordion/defaults.js

@@ -0,0 +1,31 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        overflow: 'hidden',
+    },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+    },
+    texts: {
+        flex: 1,
+        gap: 2,
+    },
+    content: {
+        padding: 16,
+        gap: 12,
+    },
+    stateLayer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/content/Accordion/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/content/Accordion/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,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;IACD,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,EAAE;KACR;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC"}

package/dist/components/content/Accordion/index.d.ts

@@ -0,0 +1,58 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { AccordionVariant } from './types';
+/** Props for {@link Accordion}. */
+export interface AccordionProps extends Omit<ViewProps, 'children'> {
+    /** Header text. */
+    title?: string;
+    /** Supporting text under the title. */
+    subtitle?: string;
+    /** Open state (controlled). Omit to let the accordion keep its own state. */
+    expanded?: boolean;
+    /** Initial state while uncontrolled. Defaults to `false`. */
+    defaultExpanded?: boolean;
+    /** Fires with the next open state — the new value is the first argument. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Glyph before the title (project icon family). */
+    leadingIconName?: string;
+    /** Disables the header and dims the section. */
+    disabled?: boolean;
+    /** Surface: bare, outlined or tinted. Defaults to `plain`. */
+    variant?: AccordionVariant;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The section. */
+        style?: StyledProp<ViewStyle>;
+        /** The header row. */
+        styleHeader?: StyledProp<ViewStyle>;
+        /** The title. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The subtitle. */
+        styleSubtitle?: StyledProp<TextStyle>;
+        /** The body holding the children. */
+        styleContent?: StyledProp<ViewStyle>;
+        /** The glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+    };
+}
+/**
+ * An expandable section: a header with a rotating chevron and a body that
+ * animates open to the height of its children. The open state is controlled
+ * through `expanded`/`onExpandedChange` or kept internally.
+ *
+ * @example
+ * ```tsx
+ * <Accordion title="Shipping" subtitle="Free over €50" expanded={open} onExpandedChange={setOpen}>
+ *   <Typography variant="Body">Orders ship within two business days.</Typography>
+ * </Accordion>
+ * ```
+ *
+ * @public
+ */
+declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Accordion;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/content/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AASxB,OAAO,EAGL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAWtB,OAAO,EAA2B,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpE,mCAAmC;AACnC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,sBAAsB;QACtB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,oBAAoB;QACpB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,qCAAqC;QACrC,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,4BAA4B;QAC5B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KACxD,CAAC;CACH;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,SAAS;;wCAyJd,CAAC;AAGF,eAAe,SAAS,CAAC"}