@storybook/react-native-ui-lite 9.0.6 → 9.0.7-alpha.1

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import * as _storybook_react_native_theming from '@storybook/react-native-theming';
-import { useTheme } from '@storybook/react-native-theming';
 import * as react_native from 'react-native';
 import { View } from 'react-native';
 import React, { FC, ComponentProps, ReactNode } from 'react';
@@ -15,7 +14,7 @@ interface NodeProps$1 {
     isExpanded?: boolean;
 }
 declare const BranchNode: _storybook_react_native_theming.StyledComponent<react_native.TouchableOpacityProps & React.RefAttributes<View> & {
-    theme?: useTheme;
+    theme?: _storybook_react_native_theming.Theme;
     as?: React.ElementType;
 } & {
     depth?: number;
@@ -32,7 +31,7 @@ declare const GroupNode: FC<ComponentProps<typeof BranchNode> & {
 }>;
 declare const ComponentNode: FC<ComponentProps<typeof BranchNode>>;
 declare const StoryNode: React.NamedExoticComponent<Omit<react_native.TouchableOpacityProps & React.RefAttributes<View> & {
-    theme?: useTheme;
+    theme?: _storybook_react_native_theming.Theme;
     as?: React.ElementType;
 } & {
     depth?: number;
@@ -58,19 +57,19 @@ interface NodeProps {
 }
 declare const Node: React.NamedExoticComponent<NodeProps>;
 declare const LeafNodeStyleWrapper: _storybook_react_native_theming.StyledComponent<react_native.ViewProps & {
-    theme?: Theme$1;
+    theme?: _storybook_react_native_theming.Theme;
     as?: React.ElementType;
 }, {}, {
     ref?: React.Ref<View>;
 }>;
 declare const RootNode: _storybook_react_native_theming.StyledComponent<react_native.ViewProps & {
-    theme?: Theme$1;
+    theme?: _storybook_react_native_theming.Theme;
     as?: React.ElementType;
 }, {}, {
     ref?: React.Ref<View>;
 }>;
 declare const RootNodeText: _storybook_react_native_theming.StyledComponent<react_native.TextProps & {
-    theme?: Theme$1;
+    theme?: _storybook_react_native_theming.Theme;
     as?: React.ElementType;
 }, {}, {
     ref?: React.Ref<react_native.Text>;
@@ -113,44 +112,37 @@ declare global {
 }
 
 interface SBBaseType {
-  required?: boolean;
-  raw?: string;
+    required?: boolean;
+    raw?: string;
 }
 type SBScalarType = SBBaseType & {
-  name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
+    name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
 };
 type SBArrayType = SBBaseType & {
-  name: 'array';
-  value: SBType;
+    name: 'array';
+    value: SBType;
 };
 type SBObjectType = SBBaseType & {
-  name: 'object';
-  value: Record<string, SBType>;
+    name: 'object';
+    value: Record<string, SBType>;
 };
 type SBEnumType = SBBaseType & {
-  name: 'enum';
-  value: (string | number)[];
+    name: 'enum';
+    value: (string | number)[];
 };
 type SBIntersectionType = SBBaseType & {
-  name: 'intersection';
-  value: SBType[];
+    name: 'intersection';
+    value: SBType[];
 };
 type SBUnionType = SBBaseType & {
-  name: 'union';
-  value: SBType[];
+    name: 'union';
+    value: SBType[];
 };
 type SBOtherType = SBBaseType & {
-  name: 'other';
-  value: string;
+    name: 'other';
+    value: string;
 };
-type SBType =
-  | SBScalarType
-  | SBEnumType
-  | SBArrayType
-  | SBObjectType
-  | SBIntersectionType
-  | SBUnionType
-  | SBOtherType;
+type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
 
 type StoryId = string;
 type ComponentId = string;
@@ -158,272 +150,225 @@ type ComponentTitle = string;
 type StoryName = string;
 type Tag = string;
 interface StoryIdentifier {
-  componentId: ComponentId;
-  title: ComponentTitle;
-  /** @deprecated */
-  kind: ComponentTitle;
-  id: StoryId;
-  name: StoryName;
-  /** @deprecated */
-  story: StoryName;
-  tags: Tag[];
+    componentId: ComponentId;
+    title: ComponentTitle;
+    /** @deprecated */
+    kind: ComponentTitle;
+    id: StoryId;
+    name: StoryName;
+    /** @deprecated */
+    story: StoryName;
+    tags: Tag[];
 }
 interface Parameters {
-  [name: string]: any;
+    [name: string]: any;
 }
-type ControlType =
-  | 'object'
-  | 'boolean'
-  | 'check'
-  | 'inline-check'
-  | 'radio'
-  | 'inline-radio'
-  | 'select'
-  | 'multi-select'
-  | 'number'
-  | 'range'
-  | 'file'
-  | 'color'
-  | 'date'
-  | 'text';
-type ConditionalTest =
-  | {
-      truthy?: boolean;
-    }
-  | {
-      exists: boolean;
-    }
-  | {
-      eq: any;
-    }
-  | {
-      neq: any;
-    };
-type ConditionalValue =
-  | {
-      arg: string;
-    }
-  | {
-      global: string;
-    };
+type ControlType = 'object' | 'boolean' | 'check' | 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select' | 'number' | 'range' | 'file' | 'color' | 'date' | 'text';
+type ConditionalTest = {
+    truthy?: boolean;
+} | {
+    exists: boolean;
+} | {
+    eq: any;
+} | {
+    neq: any;
+};
+type ConditionalValue = {
+    arg: string;
+} | {
+    global: string;
+};
 type Conditional = ConditionalValue & ConditionalTest;
 interface ControlBase {
-  [key: string]: any;
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#controltype
-   */
-  type?: ControlType;
-  disable?: boolean;
+    [key: string]: any;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controltype
+     */
+    type?: ControlType;
+    disable?: boolean;
 }
 interface Report {
-  type: string;
-  version?: number;
-  result: unknown;
-  status: 'failed' | 'passed' | 'warning';
+    type: string;
+    version?: number;
+    result: unknown;
+    status: 'failed' | 'passed' | 'warning';
 }
 interface ReportingAPI {
-  reports: Report[];
-  addReport: (report: Report) => void;
+    reports: Report[];
+    addReport: (report: Report) => void;
 }
-type Control =
-  | ControlType
-  | false
-  | (ControlBase &
-      (
-        | ControlBase
-        | {
-            type: 'color';
-            /**
-             * @see https://storybook.js.org/docs/api/arg-types#controlpresetcolors
-             */
-            presetColors?: string[];
-          }
-        | {
-            type: 'file';
-            /**
-             * @see https://storybook.js.org/docs/api/arg-types#controlaccept
-             */
-            accept?: string;
-          }
-        | {
-            type: 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select';
-            /**
-             * @see https://storybook.js.org/docs/api/arg-types#controllabels
-             */
-            labels?: {
-              [options: string]: string;
-            };
-          }
-        | {
-            type: 'number' | 'range';
-            /**
-             * @see https://storybook.js.org/docs/api/arg-types#controlmax
-             */
-            max?: number;
-            /**
-             * @see https://storybook.js.org/docs/api/arg-types#controlmin
-             */
-            min?: number;
-            /**
-             * @see https://storybook.js.org/docs/api/arg-types#controlstep
-             */
-            step?: number;
-          }
-      ));
+type Control = ControlType | false | (ControlBase & (ControlBase | {
+    type: 'color';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlpresetcolors
+     */
+    presetColors?: string[];
+} | {
+    type: 'file';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlaccept
+     */
+    accept?: string;
+} | {
+    type: 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controllabels
+     */
+    labels?: {
+        [options: string]: string;
+    };
+} | {
+    type: 'number' | 'range';
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlmax
+     */
+    max?: number;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlmin
+     */
+    min?: number;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#controlstep
+     */
+    step?: number;
+}));
 interface InputType {
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#control
-   */
-  control?: Control;
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#description
-   */
-  description?: string;
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#if
-   */
-  if?: Conditional;
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#mapping
-   */
-  mapping?: {
-    [key: string]: any;
-  };
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#name
-   */
-  name?: string;
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#options
-   */
-  options?: readonly any[];
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#table
-   */
-  table?: {
-    [key: string]: unknown;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#tablecategory
+     * @see https://storybook.js.org/docs/api/arg-types#control
      */
-    category?: string;
+    control?: Control;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#tabledefaultvalue
+     * @see https://storybook.js.org/docs/api/arg-types#description
      */
-    defaultValue?: {
-      summary?: string;
-      detail?: string;
+    description?: string;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#if
+     */
+    if?: Conditional;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#mapping
+     */
+    mapping?: {
+        [key: string]: any;
     };
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#tabledisable
+     * @see https://storybook.js.org/docs/api/arg-types#name
      */
-    disable?: boolean;
+    name?: string;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#tablesubcategory
+     * @see https://storybook.js.org/docs/api/arg-types#options
      */
-    subcategory?: string;
+    options?: readonly any[];
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#tabletype
+     * @see https://storybook.js.org/docs/api/arg-types#table
      */
-    type?: {
-      summary?: string;
-      detail?: string;
+    table?: {
+        [key: string]: unknown;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tablecategory
+         */
+        category?: string;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tabledefaultvalue
+         */
+        defaultValue?: {
+            summary?: string;
+            detail?: string;
+        };
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tabledisable
+         */
+        disable?: boolean;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tablesubcategory
+         */
+        subcategory?: string;
+        /**
+         * @see https://storybook.js.org/docs/api/arg-types#tabletype
+         */
+        type?: {
+            summary?: string;
+            detail?: string;
+        };
     };
-  };
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#type
-   */
-  type?: SBType | SBScalarType['name'];
-  /**
-   * @see https://storybook.js.org/docs/api/arg-types#defaultvalue
-   *
-   * @deprecated Use `table.defaultValue.summary` instead.
-   */
-  defaultValue?: any;
-  [key: string]: any;
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#type
+     */
+    type?: SBType | SBScalarType['name'];
+    /**
+     * @see https://storybook.js.org/docs/api/arg-types#defaultvalue
+     *
+     * @deprecated Use `table.defaultValue.summary` instead.
+     */
+    defaultValue?: any;
+    [key: string]: any;
 }
 interface StrictInputType extends InputType {
-  name: string;
-  type?: SBType;
+    name: string;
+    type?: SBType;
 }
 interface Args {
-  [name: string]: any;
+    [name: string]: any;
 }
 type StrictArgTypes<TArgs = Args> = {
-  [name in keyof TArgs]: StrictInputType;
+    [name in keyof TArgs]: StrictInputType;
 };
 interface Globals {
-  [name: string]: any;
+    [name: string]: any;
 }
 interface Renderer {
-  /** What is the type of the `component` annotation in this renderer? */
-  component: unknown;
-  /** What does the story function return in this renderer? */
-  storyResult: unknown;
-  /** What type of element does this renderer render to? */
-  canvasElement: unknown;
-  mount(): Promise<Canvas>;
-  T?: unknown;
+    /** What is the type of the `component` annotation in this renderer? */
+    component: unknown;
+    /** What does the story function return in this renderer? */
+    storyResult: unknown;
+    /** What type of element does this renderer render to? */
+    canvasElement: unknown;
+    mount(): Promise<Canvas>;
+    T?: unknown;
 }
-interface StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args>
-  extends StoryIdentifier {
-  component?: (TRenderer & {
-    T: any;
-  })['component'];
-  subcomponents?: Record<
-    string,
-    (TRenderer & {
-      T: any;
-    })['component']
-  >;
-  parameters: Parameters;
-  initialArgs: TArgs;
-  argTypes: StrictArgTypes<TArgs>;
+interface StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryIdentifier {
+    component?: (TRenderer & {
+        T: any;
+    })['component'];
+    subcomponents?: Record<string, (TRenderer & {
+        T: any;
+    })['component']>;
+    parameters: Parameters;
+    initialArgs: TArgs;
+    argTypes: StrictArgTypes<TArgs>;
 }
 interface StoryContextUpdate<TArgs = Args> {
-  args?: TArgs;
-  globals?: Globals;
-  [key: string]: any;
+    args?: TArgs;
+    globals?: Globals;
+    [key: string]: any;
 }
 type ViewMode = 'story' | 'docs';
-interface Canvas {}
-interface StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args>
-  extends StoryContextForEnhancers<TRenderer, TArgs>,
-    Required<StoryContextUpdate<TArgs>> {
-  loaded: Record<string, any>;
-  abortSignal: AbortSignal;
-  canvasElement: TRenderer['canvasElement'];
-  hooks: unknown;
-  originalStoryFn: StoryFn<TRenderer>;
-  viewMode: ViewMode;
-  step: StepFunction<TRenderer, TArgs>;
-  context: this;
-  canvas: Canvas;
-  mount: TRenderer['mount'];
-  reporting: ReportingAPI;
+interface Canvas {
+}
+interface StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContextForEnhancers<TRenderer, TArgs>, Required<StoryContextUpdate<TArgs>> {
+    loaded: Record<string, any>;
+    abortSignal: AbortSignal;
+    canvasElement: TRenderer['canvasElement'];
+    hooks: unknown;
+    originalStoryFn: StoryFn<TRenderer>;
+    viewMode: ViewMode;
+    step: StepFunction<TRenderer, TArgs>;
+    context: this;
+    canvas: Canvas;
+    mount: TRenderer['mount'];
+    reporting: ReportingAPI;
 }
 /** @deprecated Use {@link StoryContext} instead. */
-interface PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args>
-  extends StoryContext<TRenderer, TArgs> {}
+interface PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContext<TRenderer, TArgs> {
+}
 type StepLabel = string;
-type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (
-  label: StepLabel,
-  play: PlayFunction<TRenderer, TArgs>
-) => Promise<void> | void;
-type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (
-  context: PlayFunctionContext<TRenderer, TArgs>
-) => Promise<void> | void;
-type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (
-  context: StoryContext<TRenderer, TArgs>
-) => TRenderer['storyResult'];
-type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (
-  args: TArgs,
-  context: StoryContext<TRenderer, TArgs>
-) => (TRenderer & {
-  T: TArgs;
+type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>) => Promise<void> | void;
+type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void> | void;
+type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
+type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => (TRenderer & {
+    T: TArgs;
 })['storyResult'];
-type StoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> =
-  | LegacyStoryFn<TRenderer, TArgs>
-  | ArgsStoryFn<TRenderer, TArgs>;
+type StoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyStoryFn<TRenderer, TArgs> | ArgsStoryFn<TRenderer, TArgs>;
 
 declare const LiteUI: SBUI;
 declare const Layout: ({ storyHash, story, children, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-lite",
-  "version": "9.0.6",
+  "version": "9.0.7-alpha.1",
   "description": "lightweight ui components for react native storybook",
   "keywords": [
     "react",
@@ -58,9 +58,9 @@
     "typescript": "~5.8.3"
   },
   "dependencies": {
-    "@storybook/react": "^9",
-    "@storybook/react-native-theming": "^9.0.6",
-    "@storybook/react-native-ui-common": "^9.0.6",
+    "@storybook/react": "^9.0.9",
+    "@storybook/react-native-theming": "^9.0.7-alpha.1",
+    "@storybook/react-native-ui-common": "^9.0.7-alpha.1",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",
     "polished": "^4.3.1",
@@ -69,7 +69,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": ">=0.57.0",
-    "storybook": "^9"
+    "storybook": "^9.0.9"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "160b139856c2063015e41a36e0969c98c839fff6"
+  "gitHead": "51d1cbde86db1af91c87b93f50d3e96ef1b9f137"
 }