@surdeddd/bottom-sheet 0.1.0

package/dist/solid.d.cts

@@ -0,0 +1,66 @@
+import { JSX } from 'solid-js';
+import { S as SnapPointDef, a as SheetMode, E as EngineState, B as BottomSheetEngine } from './BottomSheetEngine-CvSVbo6c.cjs';
+export { b as EngineOptions, c as SnapPoint } from './BottomSheetEngine-CvSVbo6c.cjs';
+import './transform-Brkf-wzo.cjs';
+
+/** @jsxImportSource solid-js */
+
+/**
+ * Props for the Solid `BottomSheet` component. Optionally narrows to a
+ * literal-id union `TId` when the consumer pins `snapPoints` with `as const`
+ * and explicitly types the call site:
+ *
+ * ```tsx
+ * const points = [
+ *   { id: "min", size: 96 },
+ *   { id: "full", size: "85%" },
+ * ] as const;
+ * <BottomSheet<"min" | "full"> snapPoints={points} onSnap={id => ...} />
+ * ```
+ *
+ * Without an explicit type argument `TId` defaults to `string` so existing
+ * call sites compile unchanged. The underlying engine stays `string`-typed;
+ * the literal narrowing is a TS-only convenience layered on top of the
+ * runtime.
+ */
+type BottomSheetProps<TId extends string = string> = {
+    snapPoints: SnapPointDef<TId>[] | ReadonlyArray<SnapPointDef<TId>>;
+    allowed?: TId[] | ReadonlyArray<TId>;
+    initial?: TId;
+    mode?: SheetMode;
+    animation?: "spring" | "tween" | "ios-spring" | "material-bounce" | "linear" | "snappy";
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+        mass?: number;
+    };
+    focusTrap?: boolean;
+    closeOnEscape?: boolean;
+    closeOnBack?: boolean;
+    lockBodyScroll?: boolean;
+    rubberBand?: boolean;
+    backdropRange?: [number, number];
+    backdrop?: boolean;
+    closeOnBackdrop?: boolean;
+    ariaLabel?: string;
+    /** Fires when the active snap settles. */
+    onSnap?: (id: TId) => void;
+    /** Fires on every state-affecting engine event (snap/dragstart/dragend). */
+    onChange?: (state: EngineState & {
+        activeId: TId;
+    }) => void;
+    /**
+     * Imperative escape hatch. Invoked once after the engine is constructed
+     * inside `onMount` (and once with `null` on cleanup). Use this to subscribe
+     * to per-frame events the adapter intentionally skips, e.g.
+     * `engineRef={(e) => e?.on("progress", ...)}`. Mirrors React's
+     * `useBottomSheet` engine handle.
+     */
+    engineRef?: (engine: BottomSheetEngine | null) => void;
+    /** Header content rendered inside the drag handle. */
+    header?: JSX.Element;
+    children?: JSX.Element;
+};
+declare const BottomSheet: <TId extends string = string>(props: BottomSheetProps<TId>) => JSX.Element;
+
+export { BottomSheet, type BottomSheetProps, EngineState, SheetMode, SnapPointDef };

package/dist/solid.d.ts

@@ -0,0 +1,66 @@
+import { JSX } from 'solid-js';
+import { S as SnapPointDef, a as SheetMode, E as EngineState, B as BottomSheetEngine } from './BottomSheetEngine-DbO8rW_3.js';
+export { b as EngineOptions, c as SnapPoint } from './BottomSheetEngine-DbO8rW_3.js';
+import './transform-Brkf-wzo.js';
+
+/** @jsxImportSource solid-js */
+
+/**
+ * Props for the Solid `BottomSheet` component. Optionally narrows to a
+ * literal-id union `TId` when the consumer pins `snapPoints` with `as const`
+ * and explicitly types the call site:
+ *
+ * ```tsx
+ * const points = [
+ *   { id: "min", size: 96 },
+ *   { id: "full", size: "85%" },
+ * ] as const;
+ * <BottomSheet<"min" | "full"> snapPoints={points} onSnap={id => ...} />
+ * ```
+ *
+ * Without an explicit type argument `TId` defaults to `string` so existing
+ * call sites compile unchanged. The underlying engine stays `string`-typed;
+ * the literal narrowing is a TS-only convenience layered on top of the
+ * runtime.
+ */
+type BottomSheetProps<TId extends string = string> = {
+    snapPoints: SnapPointDef<TId>[] | ReadonlyArray<SnapPointDef<TId>>;
+    allowed?: TId[] | ReadonlyArray<TId>;
+    initial?: TId;
+    mode?: SheetMode;
+    animation?: "spring" | "tween" | "ios-spring" | "material-bounce" | "linear" | "snappy";
+    spring?: {
+        stiffness?: number;
+        damping?: number;
+        mass?: number;
+    };
+    focusTrap?: boolean;
+    closeOnEscape?: boolean;
+    closeOnBack?: boolean;
+    lockBodyScroll?: boolean;
+    rubberBand?: boolean;
+    backdropRange?: [number, number];
+    backdrop?: boolean;
+    closeOnBackdrop?: boolean;
+    ariaLabel?: string;
+    /** Fires when the active snap settles. */
+    onSnap?: (id: TId) => void;
+    /** Fires on every state-affecting engine event (snap/dragstart/dragend). */
+    onChange?: (state: EngineState & {
+        activeId: TId;
+    }) => void;
+    /**
+     * Imperative escape hatch. Invoked once after the engine is constructed
+     * inside `onMount` (and once with `null` on cleanup). Use this to subscribe
+     * to per-frame events the adapter intentionally skips, e.g.
+     * `engineRef={(e) => e?.on("progress", ...)}`. Mirrors React's
+     * `useBottomSheet` engine handle.
+     */
+    engineRef?: (engine: BottomSheetEngine | null) => void;
+    /** Header content rendered inside the drag handle. */
+    header?: JSX.Element;
+    children?: JSX.Element;
+};
+declare const BottomSheet: <TId extends string = string>(props: BottomSheetProps<TId>) => JSX.Element;
+
+export { BottomSheet, type BottomSheetProps, EngineState, SheetMode, SnapPointDef };