@mapples/components 1.1.2 → 1.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,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,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}

package/dist/components/navigation/index.js

@@ -0,0 +1,30 @@
+export { default as TopAppBar } from './TopAppBar';
+export * from './TopAppBar';
+export * from './TopAppBar/schematic';
+export * from './TopAppBar/types';
+export { default as BottomNavigationBar } from './BottomNavigationBar';
+export * from './BottomNavigationBar';
+export * from './BottomNavigationBar/schematic';
+export * from './BottomNavigationBar/types';
+export { default as Tabs } from './Tabs';
+export * from './Tabs';
+export * from './Tabs/schematic';
+export * from './Tabs/types';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export * from './Breadcrumbs';
+export * from './Breadcrumbs/schematic';
+export * from './Breadcrumbs/types';
+export { default as PageControl } from './PageControl';
+export * from './PageControl';
+export * from './PageControl/schematic';
+export * from './PageControl/types';
+export { default as Steps } from './Steps';
+export * from './Steps';
+export * from './Steps/schematic';
+export * from './Steps/types';
+export { default as TextLink } from './TextLink';
+export * from './TextLink';
+export * from './TextLink/schematic';
+export * from './TextLink/types';
+export * from './schematics';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,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,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,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,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAUtD,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,EAAE,oBAQlC,CAAC"}

package/dist/components/navigation/schematics.js

@@ -0,0 +1,18 @@
+import { BottomNavigationBarSchematic } from './BottomNavigationBar/schematic';
+import { BreadcrumbsSchematic } from './Breadcrumbs/schematic';
+import { PageControlSchematic } from './PageControl/schematic';
+import { StepsSchematic } from './Steps/schematic';
+import { TabsSchematic } from './Tabs/schematic';
+import { TextLinkSchematic } from './TextLink/schematic';
+import { TopAppBarSchematic } from './TopAppBar/schematic';
+/** Runtime registry of the navigation components. */
+export const NavigationSchematics = {
+    [TopAppBarSchematic.type]: TopAppBarSchematic,
+    [BottomNavigationBarSchematic.type]: BottomNavigationBarSchematic,
+    [TabsSchematic.type]: TabsSchematic,
+    [BreadcrumbsSchematic.type]: BreadcrumbsSchematic,
+    [PageControlSchematic.type]: PageControlSchematic,
+    [StepsSchematic.type]: StepsSchematic,
+    [TextLinkSchematic.type]: TextLinkSchematic,
+};
+//# sourceMappingURL=schematics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,4BAA4B;IACjE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAC5C,CAAC"}

package/dist/components/overlays/ActionSheet/defaults.d.ts

@@ -0,0 +1,28 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    container: {
+        padding: number;
+        gap: number;
+    };
+    group: {
+        overflow: "hidden";
+    };
+    header: {
+        padding: number;
+        gap: number;
+        alignItems: "center";
+    };
+    option: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        minHeight: number;
+        paddingHorizontal: number;
+    };
+    cancel: {
+        minHeight: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/overlays/ActionSheet/defaults.d.ts.map

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

package/dist/components/overlays/ActionSheet/defaults.js

@@ -0,0 +1,29 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    container: {
+        padding: 12,
+        gap: 8,
+    },
+    group: {
+        overflow: 'hidden',
+    },
+    header: {
+        padding: 16,
+        gap: 4,
+        alignItems: 'center',
+    },
+    option: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        minHeight: 52,
+        paddingHorizontal: 20,
+    },
+    cancel: {
+        minHeight: 52,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/overlays/ActionSheet/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/overlays/ActionSheet/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,SAAS,EAAE;QACT,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,EAAE;QACb,iBAAiB,EAAE,EAAE;KACtB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

package/dist/components/overlays/ActionSheet/index.d.ts

@@ -0,0 +1,76 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { Option } from '../../../internal';
+/** Props for {@link ActionSheet}. */
+export interface ActionSheetProps extends Omit<ViewProps, 'children'> {
+    /** Whether the sheet is shown (controlled). Omit to let it keep its own state. */
+    visible?: boolean;
+    /** Initial state while uncontrolled. Defaults to `false`. */
+    defaultVisible?: boolean;
+    /** Fires with the next visibility — `false` on every dismissal. */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Fires when the sheet is dismissed without a choice. */
+    onDismiss?: () => void;
+    /** Heading above the options. */
+    title?: string;
+    /** Supporting text under the heading. */
+    message?: string;
+    /** The choices: `[{label, value, iconName?, destructive?, disabled?}]`. */
+    options?: Option[];
+    /** Fires with the chosen value (and the option) — the sheet then closes. */
+    onSelect?: (value: string, option: Option) => void;
+    /** Label of the cancel row. Defaults to `Cancel`. */
+    cancelLabel?: string;
+    /** Whether tapping the scrim dismisses. Defaults to `true`. */
+    dismissOnBackdrop?: boolean;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The overlay layer (absolute fill). */
+        style?: StyledProp<ViewStyle>;
+        /** The scrim. */
+        styleBackdrop?: StyledProp<ViewStyle>;
+        /** The options card. */
+        styleSheet?: StyledProp<ViewStyle>;
+        /** The heading. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The message. */
+        styleMessage?: StyledProp<TextStyle>;
+        /** One option row. */
+        styleOption?: StyledProp<ViewStyle>;
+        /** An option label. */
+        styleOptionLabel?: StyledProp<TextStyle>;
+        /** A destructive option label. */
+        styleOptionDestructive?: StyledProp<TextStyle>;
+        /** The cancel card. */
+        styleCancel?: StyledProp<ViewStyle>;
+        /** The cancel label. */
+        styleCancelLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A bottom list of actions with an optional destructive choice and a cancel
+ * row (the iOS action sheet). It paints over the parent it is placed in, so
+ * it belongs as the LAST child of the page root; `visible` is two-way
+ * bindable and `onSelect` receives the chosen value first.
+ *
+ * @example
+ * ```tsx
+ * <ActionSheet
+ *   visible={open}
+ *   onVisibleChange={setOpen}
+ *   title="Photo"
+ *   options={[
+ *     { label: 'Share', value: 'share', iconName: 'share-outline' },
+ *     { label: 'Delete', value: 'delete', destructive: true },
+ *   ]}
+ *   onSelect={handle}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const ActionSheet: import("react").ForwardRefExoticComponent<ActionSheetProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default ActionSheet;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/ActionSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/ActionSheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AASpE,OAAO,EAAa,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,EACL,MAAM,EAIP,MAAM,mBAAmB,CAAC;AAI3B,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,yCAAyC;QACzC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,iBAAiB;QACjB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,wBAAwB;QACxB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,mBAAmB;QACnB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,mBAAmB;QACnB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,sBAAsB;QACtB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,uBAAuB;QACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,kCAAkC;QAClC,sBAAsB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC/C,uBAAuB;QACvB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC1C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,WAAW;;wCAgLhB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/dist/components/overlays/ActionSheet/index.js

@@ -0,0 +1,131 @@
+import { forwardRef, useCallback } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { DISABLED_OPACITY, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Pressable } from 'react-native';
+import { OverlayRoot, readOptions, useControllableState, } from '../../../internal';
+import { defaults } from './defaults';
+/**
+ * A bottom list of actions with an optional destructive choice and a cancel
+ * row (the iOS action sheet). It paints over the parent it is placed in, so
+ * it belongs as the LAST child of the page root; `visible` is two-way
+ * bindable and `onSelect` receives the chosen value first.
+ *
+ * @example
+ * ```tsx
+ * <ActionSheet
+ *   visible={open}
+ *   onVisibleChange={setOpen}
+ *   title="Photo"
+ *   options={[
+ *     { label: 'Share', value: 'share', iconName: 'share-outline' },
+ *     { label: 'Delete', value: 'delete', destructive: true },
+ *   ]}
+ *   onSelect={handle}
+ * />
+ * ```
+ *
+ * @public
+ */
+const ActionSheet = forwardRef(({ visible, defaultVisible = false, onVisibleChange, onDismiss, title, message, options, onSelect, cancelLabel = 'Cancel', dismissOnBackdrop = true, styled, testID, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const items = readOptions(options, 'ActionSheet');
+    const [isVisible, setVisible] = useControllableState({
+        value: visible,
+        defaultValue: defaultVisible,
+        onChange: onVisibleChange,
+    });
+    const close = useCallback(() => {
+        setVisible(false);
+        onDismiss?.();
+    }, [onDismiss, setVisible]);
+    const text = tones.resolve(Tokens.color.text);
+    const surface = tones.resolve(Tokens.color.surface);
+    const destructive = tones.tone('error').main;
+    return (<OverlayRoot ref={ref} visible={isVisible} align="bottom" enter="slide-up" dismissOnBackdrop={dismissOnBackdrop} onDismiss={close} style={styled?.style} styleBackdrop={styled?.styleBackdrop} modal testID={testID}>
+        <StyledView styled={{ style: defaults.container }} {...rest}>
+          <StyledView accessibilityViewIsModal styled={{
+            style: [
+                defaults.group,
+                {
+                    borderRadius: RADII.lg,
+                    backgroundColor: surface,
+                    borderWidth: tones.isDark ? 1 : 0,
+                    borderColor: tones.outline,
+                },
+                styled?.styleSheet,
+            ],
+        }}>
+            {title || message ? (<StyledView styled={{
+                style: [
+                    defaults.header,
+                    { borderBottomWidth: 1, borderBottomColor: tones.divider },
+                ],
+            }}>
+                {title ? (<Typography variant={TYPOGRAPHY_PARTS.label} accessibilityRole="header" style={[
+                    { color: tones.resolve(Tokens.color.textSecondary) },
+                    styled?.styleTitle,
+                ]}>
+                    {title}
+                  </Typography>) : null}
+                {message ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[
+                    { color: tones.resolve(Tokens.color.textTertiary) },
+                    styled?.styleMessage,
+                ]}>
+                    {message}
+                  </Typography>) : null}
+              </StyledView>) : null}
+            {items.map((option, index) => {
+            const color = option.destructive ? destructive : text;
+            return (<Pressable key={option.value} accessibilityRole="button" accessibilityState={{ disabled: !!option.disabled }} disabled={option.disabled} onPress={() => {
+                    setVisible(false);
+                    onSelect?.(option.value, option);
+                }}>
+                  <StyledView styled={{
+                    style: [
+                        defaults.option,
+                        index > 0 && {
+                            borderTopWidth: 1,
+                            borderTopColor: tones.divider,
+                        },
+                        option.disabled && { opacity: DISABLED_OPACITY },
+                        styled?.styleOption,
+                    ],
+                }}>
+                    {option.iconName ? (<Icon iconName={option.iconName} size={22} color={color}/>) : null}
+                    <Typography variant={TYPOGRAPHY_PARTS.body} style={[
+                    { color },
+                    styled?.styleOptionLabel,
+                    option.destructive && styled?.styleOptionDestructive,
+                ]}>
+                      {option.label}
+                    </Typography>
+                  </StyledView>
+                </Pressable>);
+        })}
+          </StyledView>
+          <Pressable accessibilityRole="button" onPress={close}>
+            <StyledView styled={{
+            style: [
+                defaults.cancel,
+                {
+                    borderRadius: RADII.lg,
+                    backgroundColor: surface,
+                    borderWidth: tones.isDark ? 1 : 0,
+                    borderColor: tones.outline,
+                },
+                styled?.styleCancel,
+            ],
+        }}>
+              <Typography variant={TYPOGRAPHY_PARTS.button} style={[{ color: text }, styled?.styleCancelLabel]}>
+                {cancelLabel}
+              </Typography>
+            </StyledView>
+          </Pressable>
+        </StyledView>
+      </OverlayRoot>);
+});
+ActionSheet.displayName = 'ActionSheet';
+export default ActionSheet;
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/ActionSheet/index.js.map

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

package/dist/components/overlays/ActionSheet/schematic.d.ts

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

package/dist/components/overlays/ActionSheet/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/ActionSheet/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}

package/dist/components/overlays/ActionSheet/schematic.js

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

package/dist/components/overlays/ActionSheet/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/overlays/ActionSheet/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}

package/dist/components/overlays/BottomSheet/defaults.d.ts

@@ -0,0 +1,23 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    sheet: {
+        width: string;
+        overflow: "hidden";
+    };
+    header: {
+        alignItems: "center";
+        paddingTop: number;
+        paddingHorizontal: number;
+        gap: number;
+    };
+    handle: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    content: {
+        padding: number;
+        gap: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/overlays/BottomSheet/defaults.d.ts.map

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

package/dist/components/overlays/BottomSheet/defaults.js

@@ -0,0 +1,24 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    sheet: {
+        width: '100%',
+        overflow: 'hidden',
+    },
+    header: {
+        alignItems: 'center',
+        paddingTop: 8,
+        paddingHorizontal: 24,
+        gap: 12,
+    },
+    handle: {
+        width: 36,
+        height: 4,
+        borderRadius: 2,
+    },
+    content: {
+        padding: 24,
+        gap: 12,
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/overlays/BottomSheet/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/overlays/BottomSheet/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,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,CAAC;QACb,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;KACR;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,CAAC;KAChB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,EAAE;KACR;CACF,CAAC,CAAC"}

package/dist/components/overlays/BottomSheet/index.d.ts

@@ -0,0 +1,61 @@
+import { StyledProp } from '@mapples/style';
+import { DimensionValue, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+/** Props for {@link BottomSheet}. */
+export interface BottomSheetProps extends Omit<ViewProps, 'children'> {
+    /** Whether the sheet is shown (controlled). Omit to let it keep its own state. */
+    visible?: boolean;
+    /** Initial state while uncontrolled. Defaults to `false`. */
+    defaultVisible?: boolean;
+    /** Fires with the next visibility — `false` on every dismissal. */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Fires when the sheet is dismissed by the scrim or a downward drag. */
+    onDismiss?: () => void;
+    /** Heading under the grabber. */
+    title?: string;
+    /** Shows the drag grabber. Defaults to `true`. */
+    showHandle?: boolean;
+    /** Whether tapping the scrim dismisses. Defaults to `true`. */
+    dismissOnBackdrop?: boolean;
+    /** Fixed height (points or percent); omit to size to the content. */
+    height?: DimensionValue;
+    /** Scrolls the content when it exceeds `maxHeight`. Defaults to `true`. */
+    scrollable?: boolean;
+    /** Height cap of the sheet. Defaults to `'80%'`. */
+    maxHeight?: DimensionValue;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The overlay layer (absolute fill). */
+        style?: StyledProp<ViewStyle>;
+        /** The scrim. */
+        styleBackdrop?: StyledProp<ViewStyle>;
+        /** The sheet surface. */
+        styleSheet?: StyledProp<ViewStyle>;
+        /** The grabber. */
+        styleHandle?: StyledProp<ViewStyle>;
+        /** The heading. */
+        styleTitle?: StyledProp<TextStyle>;
+        /** The content area (padding, gap). */
+        styleContent?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A sheet that slides up from the bottom with a grabber, an optional title
+ * and scrollable children — pickers, filters, quick details. A downward
+ * flick on the header dismisses it. It paints over the parent it is placed
+ * in, so it belongs as the LAST child of the page root; `visible` is two-way
+ * bindable.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet visible={open} onVisibleChange={setOpen} title="Sort by">
+ *   <RadioGroup options={sortOptions} value={sort} onValueChange={setSort} />
+ * </BottomSheet>
+ * ```
+ *
+ * @public
+ */
+declare const BottomSheet: import("react").ForwardRefExoticComponent<BottomSheetProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default BottomSheet;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/BottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/BottomSheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,cAAc,EACd,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,yCAAyC;QACzC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,iBAAiB;QACjB,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,yBAAyB;QACzB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,mBAAmB;QACnB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,mBAAmB;QACnB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,uCAAuC;QACvC,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACtC,CAAC;CACH;AAKD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW;;wCAiIhB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/dist/components/overlays/BottomSheet/index.js

@@ -0,0 +1,92 @@
+import { forwardRef, useCallback } from 'react';
+import { StyledScrollView, StyledView, Typography, } from '@mapples/style';
+import { RADII, Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { OverlayRoot, useControllableState } from '../../../internal';
+import { defaults } from './defaults';
+const DISMISS_DISTANCE = 80;
+const DISMISS_VELOCITY = 800;
+/**
+ * A sheet that slides up from the bottom with a grabber, an optional title
+ * and scrollable children — pickers, filters, quick details. A downward
+ * flick on the header dismisses it. It paints over the parent it is placed
+ * in, so it belongs as the LAST child of the page root; `visible` is two-way
+ * bindable.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet visible={open} onVisibleChange={setOpen} title="Sort by">
+ *   <RadioGroup options={sortOptions} value={sort} onValueChange={setSort} />
+ * </BottomSheet>
+ * ```
+ *
+ * @public
+ */
+const BottomSheet = forwardRef(({ visible, defaultVisible = false, onVisibleChange, onDismiss, title, showHandle = true, dismissOnBackdrop = true, height, scrollable = true, maxHeight = '80%', styled, children, testID, ...rest }, ref) => {
+    const tones = useTones();
+    const [isVisible, setVisible] = useControllableState({
+        value: visible,
+        defaultValue: defaultVisible,
+        onChange: onVisibleChange,
+    });
+    const close = useCallback(() => {
+        setVisible(false);
+        onDismiss?.();
+    }, [onDismiss, setVisible]);
+    const drag = Gesture.Pan()
+        .runOnJS(true)
+        .activeOffsetY(8)
+        .onEnd((event) => {
+        if (event.translationY > DISMISS_DISTANCE ||
+            event.velocityY > DISMISS_VELOCITY) {
+            close();
+        }
+    });
+    const content = (<StyledView styled={{ style: [defaults.content, styled?.styleContent] }}>
+        {children}
+      </StyledView>);
+    return (<OverlayRoot ref={ref} visible={isVisible} align="bottom" enter="slide-up" dismissOnBackdrop={dismissOnBackdrop} onDismiss={close} style={styled?.style} styleBackdrop={styled?.styleBackdrop} modal testID={testID}>
+        <StyledView accessibilityViewIsModal styled={{
+            style: [
+                defaults.sheet,
+                {
+                    maxHeight,
+                    height,
+                    borderTopLeftRadius: RADII.xl,
+                    borderTopRightRadius: RADII.xl,
+                    backgroundColor: tones.resolve(Tokens.color.surface),
+                    borderTopWidth: tones.isDark ? 1 : 0,
+                    borderColor: tones.outline,
+                },
+                styled?.styleSheet,
+            ],
+        }} {...rest}>
+          <GestureDetector gesture={drag}>
+            <StyledView styled={{ style: defaults.header }}>
+              {showHandle ? (<StyledView accessibilityRole="button" accessibilityLabel="Drag down to dismiss" styled={{
+                style: [
+                    defaults.handle,
+                    { backgroundColor: tones.outlineStrong },
+                    styled?.styleHandle,
+                ],
+            }}/>) : null}
+              {title ? (<Typography variant={TYPOGRAPHY_PARTS.title} accessibilityRole="header" style={[
+                {
+                    color: tones.resolve(Tokens.color.text),
+                    alignSelf: 'stretch',
+                },
+                styled?.styleTitle,
+            ]}>
+                  {title}
+                </Typography>) : null}
+            </StyledView>
+          </GestureDetector>
+          {scrollable ? (<StyledScrollView bounces={false} showsVerticalScrollIndicator={false} styled={{ style: { flexGrow: 0 } }}>
+              {content}
+            </StyledScrollView>) : (content)}
+        </StyledView>
+      </OverlayRoot>);
+});
+BottomSheet.displayName = 'BottomSheet';
+export default BottomSheet;
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/BottomSheet/index.js.map

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

package/dist/components/overlays/BottomSheet/schematic.d.ts

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

package/dist/components/overlays/BottomSheet/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/BottomSheet/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}

package/dist/components/overlays/BottomSheet/schematic.js

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

package/dist/components/overlays/BottomSheet/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/overlays/BottomSheet/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}