[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-storybook-writing-react-native-storybook-stories":3,"mdc--yx5cvd-key":39,"related-org-storybook-writing-react-native-storybook-stories":5027,"related-repo-storybook-writing-react-native-storybook-stories":5108},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":34,"sourceUrl":37,"mdContent":38},"writing-react-native-storybook-stories","write React Native Storybook stories","Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook\u002Freact-native story authoring.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"storybook","Storybook","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fstorybook.png","storybookjs",[13,17,20,23],{"name":14,"slug":15,"type":16},"React Native","react-native","tag",{"name":18,"slug":19,"type":16},"Documentation","documentation",{"name":21,"slug":22,"type":16},"UI Components","ui-components",{"name":24,"slug":25,"type":16},"Testing","testing",1304,"https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Freact-native","2026-07-16T05:59:13.908569",null,184,[32,33,15,8],"expo","react",{"repoUrl":27,"stars":26,"forks":30,"topics":35,"description":36},[32,33,15,8],"📓 Storybook for React Native!","https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Freact-native\u002Ftree\u002FHEAD\u002Fskills\u002Fwriting-react-native-storybook-stories","---\nname: writing-react-native-storybook-stories\ndescription: Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook\u002Freact-native story authoring.\n---\n\n# React Native Storybook Stories\n\nWrite stories for React Native components using `@storybook\u002Freact-native` v10 and Component Story Format (CSF).\n\n## Quick Start\n\nMinimal story file:\n\n```tsx\nimport type { Meta, StoryObj } from '@storybook\u002Freact-native';\nimport { MyComponent } from '.\u002FMyComponent';\n\nconst meta = {\n component: MyComponent,\n} satisfies Meta\u003Ctypeof MyComponent>;\n\nexport default meta;\ntype Story = StoryObj\u003Ctypeof meta>;\n\nexport const Basic: Story = {\n args: {\n label: 'Hello',\n },\n};\n```\n\n## File Conventions\n\n- Name: `ComponentName.stories.tsx` colocated with the component\n- Import `Meta` and `StoryObj` from `@storybook\u002Freact-native`\n- Default export: `meta` object with `satisfies Meta\u003Ctypeof Component>`\n- Named exports: UpperCamelCase story names, typed as `StoryObj\u003Ctypeof meta>`\n- Use `args` for props, `argTypes` for control config, `parameters` for addon config\n- Use `render` for custom render functions, `decorators` for wrappers\n\n## Story Patterns\n\n### Multiple stories with shared args\n\n```tsx\nexport const Primary: Story = {\n args: { variant: 'primary', title: 'Click me' },\n};\n\nexport const Secondary: Story = {\n args: { ...Primary.args, variant: 'secondary' },\n};\n```\n\n### Custom render function\n\n```tsx\nexport const WithScrollView: Story = {\n render: (args) => (\n \u003CScrollView>\n \u003CMyComponent {...args} \u002F>\n \u003C\u002FScrollView>\n ),\n};\n```\n\n### Render with hooks (must be a named function)\n\n```tsx\nexport const Interactive: Story = {\n render: function InteractiveRender() {\n const [count, setCount] = useReducer((s) => s + 1, 0);\n return \u003CCounter count={count} onPress={setCount} \u002F>;\n },\n};\n```\n\n### Actions (mock callbacks)\n\n```tsx\nimport { fn } from 'storybook\u002Ftest';\n\nconst meta = {\n component: Button,\n args: { onPress: fn() },\n} satisfies Meta\u003Ctypeof Button>;\n```\n\nOr via argTypes:\n\n```tsx\nargTypes: { onPress: { action: 'pressed' } },\n```\n\n### Custom story name\n\n```tsx\nexport const MyStory: Story = {\n storyName: 'Custom Display Name',\n args: { label: 'Hello' },\n};\n```\n\n### Custom title \u002F nesting\n\n```tsx\nconst meta = {\n title: 'NestingExample\u002FMessage\u002FBubble',\n component: MyComponent,\n} satisfies Meta\u003Ctypeof MyComponent>;\n```\n\n## Controls & ArgTypes\n\nFor the full control type reference, see [references\u002Fcontrols.md](references\u002Fcontrols.md).\n\nCommon patterns:\n\n```tsx\nconst meta = {\n component: MyComponent,\n argTypes: {\n \u002F\u002F Select dropdown\n size: {\n options: ['small', 'medium', 'large'],\n control: { type: 'select' },\n },\n \u002F\u002F Range slider\n opacity: {\n control: { type: 'range', min: 0, max: 1, step: 0.1 },\n },\n \u002F\u002F Color picker\n color: { control: { type: 'color' } },\n \u002F\u002F Conditional control (shows only when `advanced` arg is true)\n padding: { control: 'number', if: { arg: 'advanced' } },\n },\n} satisfies Meta\u003Ctypeof MyComponent>;\n```\n\nAuto-detection: TypeScript prop types are automatically mapped to controls (`string` -> text, `boolean` -> boolean, union types -> select, `number` -> number).\n\n## Parameters\n\n### Addon parameters\n\n```tsx\nparameters: {\n \u002F\u002F Markdown docs in the Notes addon tab\n notes: `# MyComponent\\nUsage: \\`\u003CMyComponent label=\"hi\" \u002F>\\``,\n \u002F\u002F Background options for Backgrounds addon\n backgrounds: {\n default: 'dark',\n values: [\n { name: 'light', value: 'white' },\n { name: 'dark', value: '#333' },\n ],\n },\n},\n```\n\n### RN-specific UI parameters\n\n| Parameter | Type | Description |\n| ----------------------- | -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `noSafeArea` | `boolean` | Remove top safe area padding. **When using this, the component itself must handle safe areas** since Storybook will no longer provide safe area padding. Prefer `useSafeAreaInsets()` over `SafeAreaView` — apply insets as `paddingTop`\u002F`paddingBottom` on the container, and for scrollable content use `contentContainerStyle` padding instead of wrapping in `SafeAreaView`. |\n| `storybookUIVisibility` | `'visible'` \\| `'hidden'` | Initial UI visibility |\n| `hideFullScreenButton` | `boolean` | Hide fullscreen toggle |\n| `layout` | `'padded'` \\| `'centered'` \\| `'fullscreen'` | Story container layout |\n\nParameters can be set at story, meta (component), or global (preview.tsx) level.\n\n## Decorators\n\nWrap stories in providers, layouts, or context:\n\n```tsx\nconst meta = {\n component: MyComponent,\n decorators: [\n (Story) => (\n \u003CView style={{ alignItems: 'center', justifyContent: 'center', flex: 1 }}>\n \u003CStory \u002F>\n \u003C\u002FView>\n ),\n ],\n} satisfies Meta\u003Ctypeof MyComponent>;\n```\n\nGlobal decorators go in `.rnstorybook\u002Fpreview.tsx`:\n\n```tsx\nimport { withBackgrounds } from '@storybook\u002Faddon-ondevice-backgrounds';\nimport type { Preview } from '@storybook\u002Freact-native';\n\nconst preview: Preview = {\n decorators: [withBackgrounds],\n parameters: {\n actions: { argTypesRegex: '^on[A-Z].*' },\n controls: {\n matchers: {\n color: \u002F(background|color)$\u002Fi,\n date: \u002FDate$\u002F,\n },\n },\n backgrounds: {\n default: 'plain',\n values: [\n { name: 'plain', value: 'white' },\n { name: 'dark', value: '#333' },\n ],\n },\n },\n};\n\nexport default preview;\n```\n\n## Configuration\n\n### .rnstorybook\u002Fmain.ts\n\n```ts\nimport type { StorybookConfig } from '@storybook\u002Freact-native';\n\nconst main: StorybookConfig = {\n stories: ['..\u002Fcomponents\u002F**\u002F*.stories.?(ts|tsx|js|jsx)'],\n deviceAddons: [\n '@storybook\u002Faddon-ondevice-controls',\n '@storybook\u002Faddon-ondevice-backgrounds',\n '@storybook\u002Faddon-ondevice-actions',\n '@storybook\u002Faddon-ondevice-notes',\n ],\n framework: '@storybook\u002Freact-native',\n};\n\nexport default main;\n```\n\nStory globs also support the object form for multi-directory setups:\n\n```ts\nstories: [\n '..\u002Fcomponents\u002F**\u002F*.stories.?(ts|tsx|js|jsx)',\n { directory: '..\u002Fother_components', files: '**\u002F*.stories.?(ts|tsx|js|jsx)' },\n],\n```\n\n## Portable Stories (Testing)\n\nReuse stories in Jest tests:\n\n```tsx\nimport { render, screen } from '@testing-library\u002Freact-native';\nimport { composeStories } from '@storybook\u002Freact';\nimport * as stories from '.\u002FButton.stories';\n\nconst { Primary, Secondary } = composeStories(stories);\n\ntest('renders primary button', () => {\n render(\u003CPrimary \u002F>);\n expect(screen.getByText('Click me')).toBeTruthy();\n});\n\n\u002F\u002F Override args in tests\ntest('renders with custom props', () => {\n render(\u003CPrimary title=\"Custom\" \u002F>);\n expect(screen.getByText('Custom')).toBeTruthy();\n});\n```\n\nFor single stories use `composeStory`:\n\n```tsx\nimport { composeStory } from '@storybook\u002Freact';\nimport meta, { Primary } from '.\u002FButton.stories';\n\nconst PrimaryStory = composeStory(Primary, meta);\n```\n\nSetup global annotations for tests in a Jest setup file:\n\n```ts\n\u002F\u002F setup-portable-stories.ts\nimport { setProjectAnnotations } from '@storybook\u002Freact';\nimport * as previewAnnotations from '..\u002F.rnstorybook\u002Fpreview';\nsetProjectAnnotations(previewAnnotations);\n```\n\n## Addons Summary\n\n| Addon | Package | Purpose |\n| ----------- | --------------------------------------- | -------------------------- |\n| Controls | `@storybook\u002Faddon-ondevice-controls` | Edit props interactively |\n| Actions | `@storybook\u002Faddon-ondevice-actions` | Log component interactions |\n| Backgrounds | `@storybook\u002Faddon-ondevice-backgrounds` | Change story backgrounds |\n| Notes | `@storybook\u002Faddon-ondevice-notes` | Add markdown documentation |\n",{"data":40,"body":41},{"name":4,"description":6},{"type":42,"children":43},"root",[44,53,68,75,80,467,473,596,602,609,832,838,995,1001,1236,1242,1401,1406,1470,1476,1591,1597,1698,1704,1716,1721,2245,2273,2278,2284,2582,2588,2799,2804,2809,2814,3075,3087,3663,3669,3675,3968,3973,4087,4093,4098,4635,4647,4786,4791,4904,4910,5021],{"type":45,"tag":46,"props":47,"children":49},"element","h1",{"id":48},"react-native-storybook-stories",[50],{"type":51,"value":52},"text","React Native Storybook Stories",{"type":45,"tag":54,"props":55,"children":56},"p",{},[57,59,66],{"type":51,"value":58},"Write stories for React Native components using ",{"type":45,"tag":60,"props":61,"children":63},"code",{"className":62},[],[64],{"type":51,"value":65},"@storybook\u002Freact-native",{"type":51,"value":67}," v10 and Component Story Format (CSF).",{"type":45,"tag":69,"props":70,"children":72},"h2",{"id":71},"quick-start",[73],{"type":51,"value":74},"Quick Start",{"type":45,"tag":54,"props":76,"children":77},{},[78],{"type":51,"value":79},"Minimal story file:",{"type":45,"tag":81,"props":82,"children":87},"pre",{"className":83,"code":84,"language":85,"meta":86,"style":86},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { Meta, StoryObj } from '@storybook\u002Freact-native';\nimport { MyComponent } from '.\u002FMyComponent';\n\nconst meta = {\n component: MyComponent,\n} satisfies Meta\u003Ctypeof MyComponent>;\n\nexport default meta;\ntype Story = StoryObj\u003Ctypeof meta>;\n\nexport const Basic: Story = {\n args: {\n label: 'Hello',\n },\n};\n","tsx","",[88],{"type":45,"tag":60,"props":89,"children":90},{"__ignoreMap":86},[91,160,202,212,237,261,294,302,325,360,368,402,419,449,458],{"type":45,"tag":92,"props":93,"children":96},"span",{"class":94,"line":95},"line",1,[97,103,108,114,120,125,130,135,140,145,150,155],{"type":45,"tag":92,"props":98,"children":100},{"style":99},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[101],{"type":51,"value":102},"import",{"type":45,"tag":92,"props":104,"children":105},{"style":99},[106],{"type":51,"value":107}," type",{"type":45,"tag":92,"props":109,"children":111},{"style":110},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[112],{"type":51,"value":113}," {",{"type":45,"tag":92,"props":115,"children":117},{"style":116},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[118],{"type":51,"value":119}," Meta",{"type":45,"tag":92,"props":121,"children":122},{"style":110},[123],{"type":51,"value":124},",",{"type":45,"tag":92,"props":126,"children":127},{"style":116},[128],{"type":51,"value":129}," StoryObj",{"type":45,"tag":92,"props":131,"children":132},{"style":110},[133],{"type":51,"value":134}," }",{"type":45,"tag":92,"props":136,"children":137},{"style":99},[138],{"type":51,"value":139}," from",{"type":45,"tag":92,"props":141,"children":142},{"style":110},[143],{"type":51,"value":144}," '",{"type":45,"tag":92,"props":146,"children":148},{"style":147},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[149],{"type":51,"value":65},{"type":45,"tag":92,"props":151,"children":152},{"style":110},[153],{"type":51,"value":154},"'",{"type":45,"tag":92,"props":156,"children":157},{"style":110},[158],{"type":51,"value":159},";\n",{"type":45,"tag":92,"props":161,"children":163},{"class":94,"line":162},2,[164,168,172,177,181,185,189,194,198],{"type":45,"tag":92,"props":165,"children":166},{"style":99},[167],{"type":51,"value":102},{"type":45,"tag":92,"props":169,"children":170},{"style":110},[171],{"type":51,"value":113},{"type":45,"tag":92,"props":173,"children":174},{"style":116},[175],{"type":51,"value":176}," MyComponent",{"type":45,"tag":92,"props":178,"children":179},{"style":110},[180],{"type":51,"value":134},{"type":45,"tag":92,"props":182,"children":183},{"style":99},[184],{"type":51,"value":139},{"type":45,"tag":92,"props":186,"children":187},{"style":110},[188],{"type":51,"value":144},{"type":45,"tag":92,"props":190,"children":191},{"style":147},[192],{"type":51,"value":193},".\u002FMyComponent",{"type":45,"tag":92,"props":195,"children":196},{"style":110},[197],{"type":51,"value":154},{"type":45,"tag":92,"props":199,"children":200},{"style":110},[201],{"type":51,"value":159},{"type":45,"tag":92,"props":203,"children":205},{"class":94,"line":204},3,[206],{"type":45,"tag":92,"props":207,"children":209},{"emptyLinePlaceholder":208},true,[210],{"type":51,"value":211},"\n",{"type":45,"tag":92,"props":213,"children":215},{"class":94,"line":214},4,[216,222,227,232],{"type":45,"tag":92,"props":217,"children":219},{"style":218},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[220],{"type":51,"value":221},"const",{"type":45,"tag":92,"props":223,"children":224},{"style":116},[225],{"type":51,"value":226}," meta ",{"type":45,"tag":92,"props":228,"children":229},{"style":110},[230],{"type":51,"value":231},"=",{"type":45,"tag":92,"props":233,"children":234},{"style":110},[235],{"type":51,"value":236}," {\n",{"type":45,"tag":92,"props":238,"children":240},{"class":94,"line":239},5,[241,247,252,256],{"type":45,"tag":92,"props":242,"children":244},{"style":243},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[245],{"type":51,"value":246}," component",{"type":45,"tag":92,"props":248,"children":249},{"style":110},[250],{"type":51,"value":251},":",{"type":45,"tag":92,"props":253,"children":254},{"style":116},[255],{"type":51,"value":176},{"type":45,"tag":92,"props":257,"children":258},{"style":110},[259],{"type":51,"value":260},",\n",{"type":45,"tag":92,"props":262,"children":264},{"class":94,"line":263},6,[265,270,275,280,285,289],{"type":45,"tag":92,"props":266,"children":267},{"style":110},[268],{"type":51,"value":269},"}",{"type":45,"tag":92,"props":271,"children":272},{"style":99},[273],{"type":51,"value":274}," satisfies",{"type":45,"tag":92,"props":276,"children":278},{"style":277},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[279],{"type":51,"value":119},{"type":45,"tag":92,"props":281,"children":282},{"style":110},[283],{"type":51,"value":284},"\u003Ctypeof",{"type":45,"tag":92,"props":286,"children":287},{"style":116},[288],{"type":51,"value":176},{"type":45,"tag":92,"props":290,"children":291},{"style":110},[292],{"type":51,"value":293},">;\n",{"type":45,"tag":92,"props":295,"children":297},{"class":94,"line":296},7,[298],{"type":45,"tag":92,"props":299,"children":300},{"emptyLinePlaceholder":208},[301],{"type":51,"value":211},{"type":45,"tag":92,"props":303,"children":305},{"class":94,"line":304},8,[306,311,316,321],{"type":45,"tag":92,"props":307,"children":308},{"style":99},[309],{"type":51,"value":310},"export",{"type":45,"tag":92,"props":312,"children":313},{"style":99},[314],{"type":51,"value":315}," default",{"type":45,"tag":92,"props":317,"children":318},{"style":116},[319],{"type":51,"value":320}," meta",{"type":45,"tag":92,"props":322,"children":323},{"style":110},[324],{"type":51,"value":159},{"type":45,"tag":92,"props":326,"children":328},{"class":94,"line":327},9,[329,334,339,344,348,352,356],{"type":45,"tag":92,"props":330,"children":331},{"style":218},[332],{"type":51,"value":333},"type",{"type":45,"tag":92,"props":335,"children":336},{"style":277},[337],{"type":51,"value":338}," Story",{"type":45,"tag":92,"props":340,"children":341},{"style":110},[342],{"type":51,"value":343}," =",{"type":45,"tag":92,"props":345,"children":346},{"style":277},[347],{"type":51,"value":129},{"type":45,"tag":92,"props":349,"children":350},{"style":110},[351],{"type":51,"value":284},{"type":45,"tag":92,"props":353,"children":354},{"style":116},[355],{"type":51,"value":320},{"type":45,"tag":92,"props":357,"children":358},{"style":110},[359],{"type":51,"value":293},{"type":45,"tag":92,"props":361,"children":363},{"class":94,"line":362},10,[364],{"type":45,"tag":92,"props":365,"children":366},{"emptyLinePlaceholder":208},[367],{"type":51,"value":211},{"type":45,"tag":92,"props":369,"children":371},{"class":94,"line":370},11,[372,376,381,386,390,394,398],{"type":45,"tag":92,"props":373,"children":374},{"style":99},[375],{"type":51,"value":310},{"type":45,"tag":92,"props":377,"children":378},{"style":218},[379],{"type":51,"value":380}," const",{"type":45,"tag":92,"props":382,"children":383},{"style":116},[384],{"type":51,"value":385}," Basic",{"type":45,"tag":92,"props":387,"children":388},{"style":110},[389],{"type":51,"value":251},{"type":45,"tag":92,"props":391,"children":392},{"style":277},[393],{"type":51,"value":338},{"type":45,"tag":92,"props":395,"children":396},{"style":110},[397],{"type":51,"value":343},{"type":45,"tag":92,"props":399,"children":400},{"style":110},[401],{"type":51,"value":236},{"type":45,"tag":92,"props":403,"children":405},{"class":94,"line":404},12,[406,411,415],{"type":45,"tag":92,"props":407,"children":408},{"style":243},[409],{"type":51,"value":410}," args",{"type":45,"tag":92,"props":412,"children":413},{"style":110},[414],{"type":51,"value":251},{"type":45,"tag":92,"props":416,"children":417},{"style":110},[418],{"type":51,"value":236},{"type":45,"tag":92,"props":420,"children":422},{"class":94,"line":421},13,[423,428,432,436,441,445],{"type":45,"tag":92,"props":424,"children":425},{"style":243},[426],{"type":51,"value":427}," label",{"type":45,"tag":92,"props":429,"children":430},{"style":110},[431],{"type":51,"value":251},{"type":45,"tag":92,"props":433,"children":434},{"style":110},[435],{"type":51,"value":144},{"type":45,"tag":92,"props":437,"children":438},{"style":147},[439],{"type":51,"value":440},"Hello",{"type":45,"tag":92,"props":442,"children":443},{"style":110},[444],{"type":51,"value":154},{"type":45,"tag":92,"props":446,"children":447},{"style":110},[448],{"type":51,"value":260},{"type":45,"tag":92,"props":450,"children":452},{"class":94,"line":451},14,[453],{"type":45,"tag":92,"props":454,"children":455},{"style":110},[456],{"type":51,"value":457}," },\n",{"type":45,"tag":92,"props":459,"children":461},{"class":94,"line":460},15,[462],{"type":45,"tag":92,"props":463,"children":464},{"style":110},[465],{"type":51,"value":466},"};\n",{"type":45,"tag":69,"props":468,"children":470},{"id":469},"file-conventions",[471],{"type":51,"value":472},"File Conventions",{"type":45,"tag":474,"props":475,"children":476},"ul",{},[477,491,517,536,547,576],{"type":45,"tag":478,"props":479,"children":480},"li",{},[481,483,489],{"type":51,"value":482},"Name: ",{"type":45,"tag":60,"props":484,"children":486},{"className":485},[],[487],{"type":51,"value":488},"ComponentName.stories.tsx",{"type":51,"value":490}," colocated with the component",{"type":45,"tag":478,"props":492,"children":493},{},[494,496,502,504,510,512],{"type":51,"value":495},"Import ",{"type":45,"tag":60,"props":497,"children":499},{"className":498},[],[500],{"type":51,"value":501},"Meta",{"type":51,"value":503}," and ",{"type":45,"tag":60,"props":505,"children":507},{"className":506},[],[508],{"type":51,"value":509},"StoryObj",{"type":51,"value":511}," from ",{"type":45,"tag":60,"props":513,"children":515},{"className":514},[],[516],{"type":51,"value":65},{"type":45,"tag":478,"props":518,"children":519},{},[520,522,528,530],{"type":51,"value":521},"Default export: ",{"type":45,"tag":60,"props":523,"children":525},{"className":524},[],[526],{"type":51,"value":527},"meta",{"type":51,"value":529}," object with ",{"type":45,"tag":60,"props":531,"children":533},{"className":532},[],[534],{"type":51,"value":535},"satisfies Meta\u003Ctypeof Component>",{"type":45,"tag":478,"props":537,"children":538},{},[539,541],{"type":51,"value":540},"Named exports: UpperCamelCase story names, typed as ",{"type":45,"tag":60,"props":542,"children":544},{"className":543},[],[545],{"type":51,"value":546},"StoryObj\u003Ctypeof meta>",{"type":45,"tag":478,"props":548,"children":549},{},[550,552,558,560,566,568,574],{"type":51,"value":551},"Use ",{"type":45,"tag":60,"props":553,"children":555},{"className":554},[],[556],{"type":51,"value":557},"args",{"type":51,"value":559}," for props, ",{"type":45,"tag":60,"props":561,"children":563},{"className":562},[],[564],{"type":51,"value":565},"argTypes",{"type":51,"value":567}," for control config, ",{"type":45,"tag":60,"props":569,"children":571},{"className":570},[],[572],{"type":51,"value":573},"parameters",{"type":51,"value":575}," for addon config",{"type":45,"tag":478,"props":577,"children":578},{},[579,580,586,588,594],{"type":51,"value":551},{"type":45,"tag":60,"props":581,"children":583},{"className":582},[],[584],{"type":51,"value":585},"render",{"type":51,"value":587}," for custom render functions, ",{"type":45,"tag":60,"props":589,"children":591},{"className":590},[],[592],{"type":51,"value":593},"decorators",{"type":51,"value":595}," for wrappers",{"type":45,"tag":69,"props":597,"children":599},{"id":598},"story-patterns",[600],{"type":51,"value":601},"Story Patterns",{"type":45,"tag":603,"props":604,"children":606},"h3",{"id":605},"multiple-stories-with-shared-args",[607],{"type":51,"value":608},"Multiple stories with shared args",{"type":45,"tag":81,"props":610,"children":612},{"className":83,"code":611,"language":85,"meta":86,"style":86},"export const Primary: Story = {\n args: { variant: 'primary', title: 'Click me' },\n};\n\nexport const Secondary: Story = {\n args: { ...Primary.args, variant: 'secondary' },\n};\n",[613],{"type":45,"tag":60,"props":614,"children":615},{"__ignoreMap":86},[616,648,716,723,730,762,825],{"type":45,"tag":92,"props":617,"children":618},{"class":94,"line":95},[619,623,627,632,636,640,644],{"type":45,"tag":92,"props":620,"children":621},{"style":99},[622],{"type":51,"value":310},{"type":45,"tag":92,"props":624,"children":625},{"style":218},[626],{"type":51,"value":380},{"type":45,"tag":92,"props":628,"children":629},{"style":116},[630],{"type":51,"value":631}," Primary",{"type":45,"tag":92,"props":633,"children":634},{"style":110},[635],{"type":51,"value":251},{"type":45,"tag":92,"props":637,"children":638},{"style":277},[639],{"type":51,"value":338},{"type":45,"tag":92,"props":641,"children":642},{"style":110},[643],{"type":51,"value":343},{"type":45,"tag":92,"props":645,"children":646},{"style":110},[647],{"type":51,"value":236},{"type":45,"tag":92,"props":649,"children":650},{"class":94,"line":162},[651,655,659,663,668,672,676,681,685,689,694,698,702,707,711],{"type":45,"tag":92,"props":652,"children":653},{"style":243},[654],{"type":51,"value":410},{"type":45,"tag":92,"props":656,"children":657},{"style":110},[658],{"type":51,"value":251},{"type":45,"tag":92,"props":660,"children":661},{"style":110},[662],{"type":51,"value":113},{"type":45,"tag":92,"props":664,"children":665},{"style":243},[666],{"type":51,"value":667}," variant",{"type":45,"tag":92,"props":669,"children":670},{"style":110},[671],{"type":51,"value":251},{"type":45,"tag":92,"props":673,"children":674},{"style":110},[675],{"type":51,"value":144},{"type":45,"tag":92,"props":677,"children":678},{"style":147},[679],{"type":51,"value":680},"primary",{"type":45,"tag":92,"props":682,"children":683},{"style":110},[684],{"type":51,"value":154},{"type":45,"tag":92,"props":686,"children":687},{"style":110},[688],{"type":51,"value":124},{"type":45,"tag":92,"props":690,"children":691},{"style":243},[692],{"type":51,"value":693}," title",{"type":45,"tag":92,"props":695,"children":696},{"style":110},[697],{"type":51,"value":251},{"type":45,"tag":92,"props":699,"children":700},{"style":110},[701],{"type":51,"value":144},{"type":45,"tag":92,"props":703,"children":704},{"style":147},[705],{"type":51,"value":706},"Click me",{"type":45,"tag":92,"props":708,"children":709},{"style":110},[710],{"type":51,"value":154},{"type":45,"tag":92,"props":712,"children":713},{"style":110},[714],{"type":51,"value":715}," },\n",{"type":45,"tag":92,"props":717,"children":718},{"class":94,"line":204},[719],{"type":45,"tag":92,"props":720,"children":721},{"style":110},[722],{"type":51,"value":466},{"type":45,"tag":92,"props":724,"children":725},{"class":94,"line":214},[726],{"type":45,"tag":92,"props":727,"children":728},{"emptyLinePlaceholder":208},[729],{"type":51,"value":211},{"type":45,"tag":92,"props":731,"children":732},{"class":94,"line":239},[733,737,741,746,750,754,758],{"type":45,"tag":92,"props":734,"children":735},{"style":99},[736],{"type":51,"value":310},{"type":45,"tag":92,"props":738,"children":739},{"style":218},[740],{"type":51,"value":380},{"type":45,"tag":92,"props":742,"children":743},{"style":116},[744],{"type":51,"value":745}," Secondary",{"type":45,"tag":92,"props":747,"children":748},{"style":110},[749],{"type":51,"value":251},{"type":45,"tag":92,"props":751,"children":752},{"style":277},[753],{"type":51,"value":338},{"type":45,"tag":92,"props":755,"children":756},{"style":110},[757],{"type":51,"value":343},{"type":45,"tag":92,"props":759,"children":760},{"style":110},[761],{"type":51,"value":236},{"type":45,"tag":92,"props":763,"children":764},{"class":94,"line":263},[765,769,773,777,782,787,792,796,800,804,808,812,817,821],{"type":45,"tag":92,"props":766,"children":767},{"style":243},[768],{"type":51,"value":410},{"type":45,"tag":92,"props":770,"children":771},{"style":110},[772],{"type":51,"value":251},{"type":45,"tag":92,"props":774,"children":775},{"style":110},[776],{"type":51,"value":113},{"type":45,"tag":92,"props":778,"children":779},{"style":110},[780],{"type":51,"value":781}," ...",{"type":45,"tag":92,"props":783,"children":784},{"style":116},[785],{"type":51,"value":786},"Primary",{"type":45,"tag":92,"props":788,"children":789},{"style":110},[790],{"type":51,"value":791},".",{"type":45,"tag":92,"props":793,"children":794},{"style":116},[795],{"type":51,"value":557},{"type":45,"tag":92,"props":797,"children":798},{"style":110},[799],{"type":51,"value":124},{"type":45,"tag":92,"props":801,"children":802},{"style":243},[803],{"type":51,"value":667},{"type":45,"tag":92,"props":805,"children":806},{"style":110},[807],{"type":51,"value":251},{"type":45,"tag":92,"props":809,"children":810},{"style":110},[811],{"type":51,"value":144},{"type":45,"tag":92,"props":813,"children":814},{"style":147},[815],{"type":51,"value":816},"secondary",{"type":45,"tag":92,"props":818,"children":819},{"style":110},[820],{"type":51,"value":154},{"type":45,"tag":92,"props":822,"children":823},{"style":110},[824],{"type":51,"value":715},{"type":45,"tag":92,"props":826,"children":827},{"class":94,"line":296},[828],{"type":45,"tag":92,"props":829,"children":830},{"style":110},[831],{"type":51,"value":466},{"type":45,"tag":603,"props":833,"children":835},{"id":834},"custom-render-function",[836],{"type":51,"value":837},"Custom render function",{"type":45,"tag":81,"props":839,"children":841},{"className":83,"code":840,"language":85,"meta":86,"style":86},"export const WithScrollView: Story = {\n render: (args) => (\n \u003CScrollView>\n \u003CMyComponent {...args} \u002F>\n \u003C\u002FScrollView>\n ),\n};\n",[842],{"type":45,"tag":60,"props":843,"children":844},{"__ignoreMap":86},[845,877,915,933,960,976,988],{"type":45,"tag":92,"props":846,"children":847},{"class":94,"line":95},[848,852,856,861,865,869,873],{"type":45,"tag":92,"props":849,"children":850},{"style":99},[851],{"type":51,"value":310},{"type":45,"tag":92,"props":853,"children":854},{"style":218},[855],{"type":51,"value":380},{"type":45,"tag":92,"props":857,"children":858},{"style":116},[859],{"type":51,"value":860}," WithScrollView",{"type":45,"tag":92,"props":862,"children":863},{"style":110},[864],{"type":51,"value":251},{"type":45,"tag":92,"props":866,"children":867},{"style":277},[868],{"type":51,"value":338},{"type":45,"tag":92,"props":870,"children":871},{"style":110},[872],{"type":51,"value":343},{"type":45,"tag":92,"props":874,"children":875},{"style":110},[876],{"type":51,"value":236},{"type":45,"tag":92,"props":878,"children":879},{"class":94,"line":162},[880,886,890,895,900,905,910],{"type":45,"tag":92,"props":881,"children":883},{"style":882},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[884],{"type":51,"value":885}," render",{"type":45,"tag":92,"props":887,"children":888},{"style":110},[889],{"type":51,"value":251},{"type":45,"tag":92,"props":891,"children":892},{"style":110},[893],{"type":51,"value":894}," (",{"type":45,"tag":92,"props":896,"children":898},{"style":897},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[899],{"type":51,"value":557},{"type":45,"tag":92,"props":901,"children":902},{"style":110},[903],{"type":51,"value":904},")",{"type":45,"tag":92,"props":906,"children":907},{"style":218},[908],{"type":51,"value":909}," =>",{"type":45,"tag":92,"props":911,"children":912},{"style":116},[913],{"type":51,"value":914}," (\n",{"type":45,"tag":92,"props":916,"children":917},{"class":94,"line":204},[918,923,928],{"type":45,"tag":92,"props":919,"children":920},{"style":110},[921],{"type":51,"value":922}," \u003C",{"type":45,"tag":92,"props":924,"children":925},{"style":277},[926],{"type":51,"value":927},"ScrollView",{"type":45,"tag":92,"props":929,"children":930},{"style":110},[931],{"type":51,"value":932},">\n",{"type":45,"tag":92,"props":934,"children":935},{"class":94,"line":214},[936,941,946,951,955],{"type":45,"tag":92,"props":937,"children":938},{"style":110},[939],{"type":51,"value":940}," \u003C",{"type":45,"tag":92,"props":942,"children":943},{"style":277},[944],{"type":51,"value":945},"MyComponent",{"type":45,"tag":92,"props":947,"children":948},{"style":110},[949],{"type":51,"value":950}," {...",{"type":45,"tag":92,"props":952,"children":953},{"style":116},[954],{"type":51,"value":557},{"type":45,"tag":92,"props":956,"children":957},{"style":110},[958],{"type":51,"value":959},"} \u002F>\n",{"type":45,"tag":92,"props":961,"children":962},{"class":94,"line":239},[963,968,972],{"type":45,"tag":92,"props":964,"children":965},{"style":110},[966],{"type":51,"value":967}," \u003C\u002F",{"type":45,"tag":92,"props":969,"children":970},{"style":277},[971],{"type":51,"value":927},{"type":45,"tag":92,"props":973,"children":974},{"style":110},[975],{"type":51,"value":932},{"type":45,"tag":92,"props":977,"children":978},{"class":94,"line":263},[979,984],{"type":45,"tag":92,"props":980,"children":981},{"style":116},[982],{"type":51,"value":983}," )",{"type":45,"tag":92,"props":985,"children":986},{"style":110},[987],{"type":51,"value":260},{"type":45,"tag":92,"props":989,"children":990},{"class":94,"line":296},[991],{"type":45,"tag":92,"props":992,"children":993},{"style":110},[994],{"type":51,"value":466},{"type":45,"tag":603,"props":996,"children":998},{"id":997},"render-with-hooks-must-be-a-named-function",[999],{"type":51,"value":1000},"Render with hooks (must be a named function)",{"type":45,"tag":81,"props":1002,"children":1004},{"className":83,"code":1003,"language":85,"meta":86,"style":86},"export const Interactive: Story = {\n render: function InteractiveRender() {\n const [count, setCount] = useReducer((s) => s + 1, 0);\n return \u003CCounter count={count} onPress={setCount} \u002F>;\n },\n};\n",[1005],{"type":45,"tag":60,"props":1006,"children":1007},{"__ignoreMap":86},[1008,1040,1070,1166,1222,1229],{"type":45,"tag":92,"props":1009,"children":1010},{"class":94,"line":95},[1011,1015,1019,1024,1028,1032,1036],{"type":45,"tag":92,"props":1012,"children":1013},{"style":99},[1014],{"type":51,"value":310},{"type":45,"tag":92,"props":1016,"children":1017},{"style":218},[1018],{"type":51,"value":380},{"type":45,"tag":92,"props":1020,"children":1021},{"style":116},[1022],{"type":51,"value":1023}," Interactive",{"type":45,"tag":92,"props":1025,"children":1026},{"style":110},[1027],{"type":51,"value":251},{"type":45,"tag":92,"props":1029,"children":1030},{"style":277},[1031],{"type":51,"value":338},{"type":45,"tag":92,"props":1033,"children":1034},{"style":110},[1035],{"type":51,"value":343},{"type":45,"tag":92,"props":1037,"children":1038},{"style":110},[1039],{"type":51,"value":236},{"type":45,"tag":92,"props":1041,"children":1042},{"class":94,"line":162},[1043,1047,1051,1056,1061,1066],{"type":45,"tag":92,"props":1044,"children":1045},{"style":882},[1046],{"type":51,"value":885},{"type":45,"tag":92,"props":1048,"children":1049},{"style":110},[1050],{"type":51,"value":251},{"type":45,"tag":92,"props":1052,"children":1053},{"style":218},[1054],{"type":51,"value":1055}," function",{"type":45,"tag":92,"props":1057,"children":1058},{"style":882},[1059],{"type":51,"value":1060}," InteractiveRender",{"type":45,"tag":92,"props":1062,"children":1063},{"style":110},[1064],{"type":51,"value":1065},"()",{"type":45,"tag":92,"props":1067,"children":1068},{"style":110},[1069],{"type":51,"value":236},{"type":45,"tag":92,"props":1071,"children":1072},{"class":94,"line":204},[1073,1078,1083,1088,1092,1097,1102,1106,1111,1116,1120,1125,1129,1133,1138,1143,1149,1153,1158,1162],{"type":45,"tag":92,"props":1074,"children":1075},{"style":218},[1076],{"type":51,"value":1077}," const",{"type":45,"tag":92,"props":1079,"children":1080},{"style":110},[1081],{"type":51,"value":1082}," [",{"type":45,"tag":92,"props":1084,"children":1085},{"style":116},[1086],{"type":51,"value":1087},"count",{"type":45,"tag":92,"props":1089,"children":1090},{"style":110},[1091],{"type":51,"value":124},{"type":45,"tag":92,"props":1093,"children":1094},{"style":116},[1095],{"type":51,"value":1096}," setCount",{"type":45,"tag":92,"props":1098,"children":1099},{"style":110},[1100],{"type":51,"value":1101},"]",{"type":45,"tag":92,"props":1103,"children":1104},{"style":110},[1105],{"type":51,"value":343},{"type":45,"tag":92,"props":1107,"children":1108},{"style":882},[1109],{"type":51,"value":1110}," useReducer",{"type":45,"tag":92,"props":1112,"children":1113},{"style":243},[1114],{"type":51,"value":1115},"(",{"type":45,"tag":92,"props":1117,"children":1118},{"style":110},[1119],{"type":51,"value":1115},{"type":45,"tag":92,"props":1121,"children":1122},{"style":897},[1123],{"type":51,"value":1124},"s",{"type":45,"tag":92,"props":1126,"children":1127},{"style":110},[1128],{"type":51,"value":904},{"type":45,"tag":92,"props":1130,"children":1131},{"style":218},[1132],{"type":51,"value":909},{"type":45,"tag":92,"props":1134,"children":1135},{"style":116},[1136],{"type":51,"value":1137}," s",{"type":45,"tag":92,"props":1139,"children":1140},{"style":110},[1141],{"type":51,"value":1142}," +",{"type":45,"tag":92,"props":1144,"children":1146},{"style":1145},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1147],{"type":51,"value":1148}," 1",{"type":45,"tag":92,"props":1150,"children":1151},{"style":110},[1152],{"type":51,"value":124},{"type":45,"tag":92,"props":1154,"children":1155},{"style":1145},[1156],{"type":51,"value":1157}," 0",{"type":45,"tag":92,"props":1159,"children":1160},{"style":243},[1161],{"type":51,"value":904},{"type":45,"tag":92,"props":1163,"children":1164},{"style":110},[1165],{"type":51,"value":159},{"type":45,"tag":92,"props":1167,"children":1168},{"class":94,"line":214},[1169,1174,1179,1184,1189,1194,1198,1203,1208,1212,1217],{"type":45,"tag":92,"props":1170,"children":1171},{"style":99},[1172],{"type":51,"value":1173}," return",{"type":45,"tag":92,"props":1175,"children":1176},{"style":110},[1177],{"type":51,"value":1178}," \u003C",{"type":45,"tag":92,"props":1180,"children":1181},{"style":277},[1182],{"type":51,"value":1183},"Counter",{"type":45,"tag":92,"props":1185,"children":1186},{"style":218},[1187],{"type":51,"value":1188}," count",{"type":45,"tag":92,"props":1190,"children":1191},{"style":110},[1192],{"type":51,"value":1193},"={",{"type":45,"tag":92,"props":1195,"children":1196},{"style":116},[1197],{"type":51,"value":1087},{"type":45,"tag":92,"props":1199,"children":1200},{"style":110},[1201],{"type":51,"value":1202},"} ",{"type":45,"tag":92,"props":1204,"children":1205},{"style":218},[1206],{"type":51,"value":1207},"onPress",{"type":45,"tag":92,"props":1209,"children":1210},{"style":110},[1211],{"type":51,"value":1193},{"type":45,"tag":92,"props":1213,"children":1214},{"style":116},[1215],{"type":51,"value":1216},"setCount",{"type":45,"tag":92,"props":1218,"children":1219},{"style":110},[1220],{"type":51,"value":1221},"} \u002F>;\n",{"type":45,"tag":92,"props":1223,"children":1224},{"class":94,"line":239},[1225],{"type":45,"tag":92,"props":1226,"children":1227},{"style":110},[1228],{"type":51,"value":457},{"type":45,"tag":92,"props":1230,"children":1231},{"class":94,"line":263},[1232],{"type":45,"tag":92,"props":1233,"children":1234},{"style":110},[1235],{"type":51,"value":466},{"type":45,"tag":603,"props":1237,"children":1239},{"id":1238},"actions-mock-callbacks",[1240],{"type":51,"value":1241},"Actions (mock callbacks)",{"type":45,"tag":81,"props":1243,"children":1245},{"className":83,"code":1244,"language":85,"meta":86,"style":86},"import { fn } from 'storybook\u002Ftest';\n\nconst meta = {\n component: Button,\n args: { onPress: fn() },\n} satisfies Meta\u003Ctypeof Button>;\n",[1246],{"type":45,"tag":60,"props":1247,"children":1248},{"__ignoreMap":86},[1249,1290,1297,1316,1336,1374],{"type":45,"tag":92,"props":1250,"children":1251},{"class":94,"line":95},[1252,1256,1260,1265,1269,1273,1277,1282,1286],{"type":45,"tag":92,"props":1253,"children":1254},{"style":99},[1255],{"type":51,"value":102},{"type":45,"tag":92,"props":1257,"children":1258},{"style":110},[1259],{"type":51,"value":113},{"type":45,"tag":92,"props":1261,"children":1262},{"style":116},[1263],{"type":51,"value":1264}," fn",{"type":45,"tag":92,"props":1266,"children":1267},{"style":110},[1268],{"type":51,"value":134},{"type":45,"tag":92,"props":1270,"children":1271},{"style":99},[1272],{"type":51,"value":139},{"type":45,"tag":92,"props":1274,"children":1275},{"style":110},[1276],{"type":51,"value":144},{"type":45,"tag":92,"props":1278,"children":1279},{"style":147},[1280],{"type":51,"value":1281},"storybook\u002Ftest",{"type":45,"tag":92,"props":1283,"children":1284},{"style":110},[1285],{"type":51,"value":154},{"type":45,"tag":92,"props":1287,"children":1288},{"style":110},[1289],{"type":51,"value":159},{"type":45,"tag":92,"props":1291,"children":1292},{"class":94,"line":162},[1293],{"type":45,"tag":92,"props":1294,"children":1295},{"emptyLinePlaceholder":208},[1296],{"type":51,"value":211},{"type":45,"tag":92,"props":1298,"children":1299},{"class":94,"line":204},[1300,1304,1308,1312],{"type":45,"tag":92,"props":1301,"children":1302},{"style":218},[1303],{"type":51,"value":221},{"type":45,"tag":92,"props":1305,"children":1306},{"style":116},[1307],{"type":51,"value":226},{"type":45,"tag":92,"props":1309,"children":1310},{"style":110},[1311],{"type":51,"value":231},{"type":45,"tag":92,"props":1313,"children":1314},{"style":110},[1315],{"type":51,"value":236},{"type":45,"tag":92,"props":1317,"children":1318},{"class":94,"line":214},[1319,1323,1327,1332],{"type":45,"tag":92,"props":1320,"children":1321},{"style":243},[1322],{"type":51,"value":246},{"type":45,"tag":92,"props":1324,"children":1325},{"style":110},[1326],{"type":51,"value":251},{"type":45,"tag":92,"props":1328,"children":1329},{"style":116},[1330],{"type":51,"value":1331}," Button",{"type":45,"tag":92,"props":1333,"children":1334},{"style":110},[1335],{"type":51,"value":260},{"type":45,"tag":92,"props":1337,"children":1338},{"class":94,"line":239},[1339,1343,1347,1351,1356,1360,1364,1369],{"type":45,"tag":92,"props":1340,"children":1341},{"style":243},[1342],{"type":51,"value":410},{"type":45,"tag":92,"props":1344,"children":1345},{"style":110},[1346],{"type":51,"value":251},{"type":45,"tag":92,"props":1348,"children":1349},{"style":110},[1350],{"type":51,"value":113},{"type":45,"tag":92,"props":1352,"children":1353},{"style":243},[1354],{"type":51,"value":1355}," onPress",{"type":45,"tag":92,"props":1357,"children":1358},{"style":110},[1359],{"type":51,"value":251},{"type":45,"tag":92,"props":1361,"children":1362},{"style":882},[1363],{"type":51,"value":1264},{"type":45,"tag":92,"props":1365,"children":1366},{"style":116},[1367],{"type":51,"value":1368},"() ",{"type":45,"tag":92,"props":1370,"children":1371},{"style":110},[1372],{"type":51,"value":1373},"},\n",{"type":45,"tag":92,"props":1375,"children":1376},{"class":94,"line":263},[1377,1381,1385,1389,1393,1397],{"type":45,"tag":92,"props":1378,"children":1379},{"style":110},[1380],{"type":51,"value":269},{"type":45,"tag":92,"props":1382,"children":1383},{"style":99},[1384],{"type":51,"value":274},{"type":45,"tag":92,"props":1386,"children":1387},{"style":277},[1388],{"type":51,"value":119},{"type":45,"tag":92,"props":1390,"children":1391},{"style":110},[1392],{"type":51,"value":284},{"type":45,"tag":92,"props":1394,"children":1395},{"style":116},[1396],{"type":51,"value":1331},{"type":45,"tag":92,"props":1398,"children":1399},{"style":110},[1400],{"type":51,"value":293},{"type":45,"tag":54,"props":1402,"children":1403},{},[1404],{"type":51,"value":1405},"Or via argTypes:",{"type":45,"tag":81,"props":1407,"children":1409},{"className":83,"code":1408,"language":85,"meta":86,"style":86},"argTypes: { onPress: { action: 'pressed' } },\n",[1410],{"type":45,"tag":60,"props":1411,"children":1412},{"__ignoreMap":86},[1413],{"type":45,"tag":92,"props":1414,"children":1415},{"class":94,"line":95},[1416,1420,1424,1428,1432,1436,1440,1445,1449,1453,1458,1462,1466],{"type":45,"tag":92,"props":1417,"children":1418},{"style":277},[1419],{"type":51,"value":565},{"type":45,"tag":92,"props":1421,"children":1422},{"style":110},[1423],{"type":51,"value":251},{"type":45,"tag":92,"props":1425,"children":1426},{"style":110},[1427],{"type":51,"value":113},{"type":45,"tag":92,"props":1429,"children":1430},{"style":277},[1431],{"type":51,"value":1355},{"type":45,"tag":92,"props":1433,"children":1434},{"style":110},[1435],{"type":51,"value":251},{"type":45,"tag":92,"props":1437,"children":1438},{"style":110},[1439],{"type":51,"value":113},{"type":45,"tag":92,"props":1441,"children":1442},{"style":277},[1443],{"type":51,"value":1444}," action",{"type":45,"tag":92,"props":1446,"children":1447},{"style":110},[1448],{"type":51,"value":251},{"type":45,"tag":92,"props":1450,"children":1451},{"style":110},[1452],{"type":51,"value":144},{"type":45,"tag":92,"props":1454,"children":1455},{"style":147},[1456],{"type":51,"value":1457},"pressed",{"type":45,"tag":92,"props":1459,"children":1460},{"style":110},[1461],{"type":51,"value":154},{"type":45,"tag":92,"props":1463,"children":1464},{"style":110},[1465],{"type":51,"value":134},{"type":45,"tag":92,"props":1467,"children":1468},{"style":110},[1469],{"type":51,"value":715},{"type":45,"tag":603,"props":1471,"children":1473},{"id":1472},"custom-story-name",[1474],{"type":51,"value":1475},"Custom story name",{"type":45,"tag":81,"props":1477,"children":1479},{"className":83,"code":1478,"language":85,"meta":86,"style":86},"export const MyStory: Story = {\n storyName: 'Custom Display Name',\n args: { label: 'Hello' },\n};\n",[1480],{"type":45,"tag":60,"props":1481,"children":1482},{"__ignoreMap":86},[1483,1515,1544,1584],{"type":45,"tag":92,"props":1484,"children":1485},{"class":94,"line":95},[1486,1490,1494,1499,1503,1507,1511],{"type":45,"tag":92,"props":1487,"children":1488},{"style":99},[1489],{"type":51,"value":310},{"type":45,"tag":92,"props":1491,"children":1492},{"style":218},[1493],{"type":51,"value":380},{"type":45,"tag":92,"props":1495,"children":1496},{"style":116},[1497],{"type":51,"value":1498}," MyStory",{"type":45,"tag":92,"props":1500,"children":1501},{"style":110},[1502],{"type":51,"value":251},{"type":45,"tag":92,"props":1504,"children":1505},{"style":277},[1506],{"type":51,"value":338},{"type":45,"tag":92,"props":1508,"children":1509},{"style":110},[1510],{"type":51,"value":343},{"type":45,"tag":92,"props":1512,"children":1513},{"style":110},[1514],{"type":51,"value":236},{"type":45,"tag":92,"props":1516,"children":1517},{"class":94,"line":162},[1518,1523,1527,1531,1536,1540],{"type":45,"tag":92,"props":1519,"children":1520},{"style":243},[1521],{"type":51,"value":1522}," storyName",{"type":45,"tag":92,"props":1524,"children":1525},{"style":110},[1526],{"type":51,"value":251},{"type":45,"tag":92,"props":1528,"children":1529},{"style":110},[1530],{"type":51,"value":144},{"type":45,"tag":92,"props":1532,"children":1533},{"style":147},[1534],{"type":51,"value":1535},"Custom Display Name",{"type":45,"tag":92,"props":1537,"children":1538},{"style":110},[1539],{"type":51,"value":154},{"type":45,"tag":92,"props":1541,"children":1542},{"style":110},[1543],{"type":51,"value":260},{"type":45,"tag":92,"props":1545,"children":1546},{"class":94,"line":204},[1547,1551,1555,1559,1564,1568,1572,1576,1580],{"type":45,"tag":92,"props":1548,"children":1549},{"style":243},[1550],{"type":51,"value":410},{"type":45,"tag":92,"props":1552,"children":1553},{"style":110},[1554],{"type":51,"value":251},{"type":45,"tag":92,"props":1556,"children":1557},{"style":110},[1558],{"type":51,"value":113},{"type":45,"tag":92,"props":1560,"children":1561},{"style":243},[1562],{"type":51,"value":1563}," label",{"type":45,"tag":92,"props":1565,"children":1566},{"style":110},[1567],{"type":51,"value":251},{"type":45,"tag":92,"props":1569,"children":1570},{"style":110},[1571],{"type":51,"value":144},{"type":45,"tag":92,"props":1573,"children":1574},{"style":147},[1575],{"type":51,"value":440},{"type":45,"tag":92,"props":1577,"children":1578},{"style":110},[1579],{"type":51,"value":154},{"type":45,"tag":92,"props":1581,"children":1582},{"style":110},[1583],{"type":51,"value":715},{"type":45,"tag":92,"props":1585,"children":1586},{"class":94,"line":214},[1587],{"type":45,"tag":92,"props":1588,"children":1589},{"style":110},[1590],{"type":51,"value":466},{"type":45,"tag":603,"props":1592,"children":1594},{"id":1593},"custom-title-nesting",[1595],{"type":51,"value":1596},"Custom title \u002F nesting",{"type":45,"tag":81,"props":1598,"children":1600},{"className":83,"code":1599,"language":85,"meta":86,"style":86},"const meta = {\n title: 'NestingExample\u002FMessage\u002FBubble',\n component: MyComponent,\n} satisfies Meta\u003Ctypeof MyComponent>;\n",[1601],{"type":45,"tag":60,"props":1602,"children":1603},{"__ignoreMap":86},[1604,1623,1652,1671],{"type":45,"tag":92,"props":1605,"children":1606},{"class":94,"line":95},[1607,1611,1615,1619],{"type":45,"tag":92,"props":1608,"children":1609},{"style":218},[1610],{"type":51,"value":221},{"type":45,"tag":92,"props":1612,"children":1613},{"style":116},[1614],{"type":51,"value":226},{"type":45,"tag":92,"props":1616,"children":1617},{"style":110},[1618],{"type":51,"value":231},{"type":45,"tag":92,"props":1620,"children":1621},{"style":110},[1622],{"type":51,"value":236},{"type":45,"tag":92,"props":1624,"children":1625},{"class":94,"line":162},[1626,1631,1635,1639,1644,1648],{"type":45,"tag":92,"props":1627,"children":1628},{"style":243},[1629],{"type":51,"value":1630}," title",{"type":45,"tag":92,"props":1632,"children":1633},{"style":110},[1634],{"type":51,"value":251},{"type":45,"tag":92,"props":1636,"children":1637},{"style":110},[1638],{"type":51,"value":144},{"type":45,"tag":92,"props":1640,"children":1641},{"style":147},[1642],{"type":51,"value":1643},"NestingExample\u002FMessage\u002FBubble",{"type":45,"tag":92,"props":1645,"children":1646},{"style":110},[1647],{"type":51,"value":154},{"type":45,"tag":92,"props":1649,"children":1650},{"style":110},[1651],{"type":51,"value":260},{"type":45,"tag":92,"props":1653,"children":1654},{"class":94,"line":204},[1655,1659,1663,1667],{"type":45,"tag":92,"props":1656,"children":1657},{"style":243},[1658],{"type":51,"value":246},{"type":45,"tag":92,"props":1660,"children":1661},{"style":110},[1662],{"type":51,"value":251},{"type":45,"tag":92,"props":1664,"children":1665},{"style":116},[1666],{"type":51,"value":176},{"type":45,"tag":92,"props":1668,"children":1669},{"style":110},[1670],{"type":51,"value":260},{"type":45,"tag":92,"props":1672,"children":1673},{"class":94,"line":214},[1674,1678,1682,1686,1690,1694],{"type":45,"tag":92,"props":1675,"children":1676},{"style":110},[1677],{"type":51,"value":269},{"type":45,"tag":92,"props":1679,"children":1680},{"style":99},[1681],{"type":51,"value":274},{"type":45,"tag":92,"props":1683,"children":1684},{"style":277},[1685],{"type":51,"value":119},{"type":45,"tag":92,"props":1687,"children":1688},{"style":110},[1689],{"type":51,"value":284},{"type":45,"tag":92,"props":1691,"children":1692},{"style":116},[1693],{"type":51,"value":176},{"type":45,"tag":92,"props":1695,"children":1696},{"style":110},[1697],{"type":51,"value":293},{"type":45,"tag":69,"props":1699,"children":1701},{"id":1700},"controls-argtypes",[1702],{"type":51,"value":1703},"Controls & ArgTypes",{"type":45,"tag":54,"props":1705,"children":1706},{},[1707,1709,1715],{"type":51,"value":1708},"For the full control type reference, see ",{"type":45,"tag":1710,"props":1711,"children":1713},"a",{"href":1712},"references\u002Fcontrols.md",[1714],{"type":51,"value":1712},{"type":51,"value":791},{"type":45,"tag":54,"props":1717,"children":1718},{},[1719],{"type":51,"value":1720},"Common patterns:",{"type":45,"tag":81,"props":1722,"children":1724},{"className":83,"code":1723,"language":85,"meta":86,"style":86},"const meta = {\n component: MyComponent,\n argTypes: {\n \u002F\u002F Select dropdown\n size: {\n options: ['small', 'medium', 'large'],\n control: { type: 'select' },\n },\n \u002F\u002F Range slider\n opacity: {\n control: { type: 'range', min: 0, max: 1, step: 0.1 },\n },\n \u002F\u002F Color picker\n color: { control: { type: 'color' } },\n \u002F\u002F Conditional control (shows only when `advanced` arg is true)\n padding: { control: 'number', if: { arg: 'advanced' } },\n },\n} satisfies Meta\u003Ctypeof MyComponent>;\n",[1725],{"type":45,"tag":60,"props":1726,"children":1727},{"__ignoreMap":86},[1728,1747,1766,1782,1791,1807,1878,1919,1927,1935,1951,2043,2050,2058,2116,2124,2209,2217],{"type":45,"tag":92,"props":1729,"children":1730},{"class":94,"line":95},[1731,1735,1739,1743],{"type":45,"tag":92,"props":1732,"children":1733},{"style":218},[1734],{"type":51,"value":221},{"type":45,"tag":92,"props":1736,"children":1737},{"style":116},[1738],{"type":51,"value":226},{"type":45,"tag":92,"props":1740,"children":1741},{"style":110},[1742],{"type":51,"value":231},{"type":45,"tag":92,"props":1744,"children":1745},{"style":110},[1746],{"type":51,"value":236},{"type":45,"tag":92,"props":1748,"children":1749},{"class":94,"line":162},[1750,1754,1758,1762],{"type":45,"tag":92,"props":1751,"children":1752},{"style":243},[1753],{"type":51,"value":246},{"type":45,"tag":92,"props":1755,"children":1756},{"style":110},[1757],{"type":51,"value":251},{"type":45,"tag":92,"props":1759,"children":1760},{"style":116},[1761],{"type":51,"value":176},{"type":45,"tag":92,"props":1763,"children":1764},{"style":110},[1765],{"type":51,"value":260},{"type":45,"tag":92,"props":1767,"children":1768},{"class":94,"line":204},[1769,1774,1778],{"type":45,"tag":92,"props":1770,"children":1771},{"style":243},[1772],{"type":51,"value":1773}," argTypes",{"type":45,"tag":92,"props":1775,"children":1776},{"style":110},[1777],{"type":51,"value":251},{"type":45,"tag":92,"props":1779,"children":1780},{"style":110},[1781],{"type":51,"value":236},{"type":45,"tag":92,"props":1783,"children":1784},{"class":94,"line":214},[1785],{"type":45,"tag":92,"props":1786,"children":1788},{"style":1787},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1789],{"type":51,"value":1790}," \u002F\u002F Select dropdown\n",{"type":45,"tag":92,"props":1792,"children":1793},{"class":94,"line":239},[1794,1799,1803],{"type":45,"tag":92,"props":1795,"children":1796},{"style":243},[1797],{"type":51,"value":1798}," size",{"type":45,"tag":92,"props":1800,"children":1801},{"style":110},[1802],{"type":51,"value":251},{"type":45,"tag":92,"props":1804,"children":1805},{"style":110},[1806],{"type":51,"value":236},{"type":45,"tag":92,"props":1808,"children":1809},{"class":94,"line":263},[1810,1815,1819,1823,1827,1832,1836,1840,1844,1849,1853,1857,1861,1866,1870,1874],{"type":45,"tag":92,"props":1811,"children":1812},{"style":243},[1813],{"type":51,"value":1814}," options",{"type":45,"tag":92,"props":1816,"children":1817},{"style":110},[1818],{"type":51,"value":251},{"type":45,"tag":92,"props":1820,"children":1821},{"style":116},[1822],{"type":51,"value":1082},{"type":45,"tag":92,"props":1824,"children":1825},{"style":110},[1826],{"type":51,"value":154},{"type":45,"tag":92,"props":1828,"children":1829},{"style":147},[1830],{"type":51,"value":1831},"small",{"type":45,"tag":92,"props":1833,"children":1834},{"style":110},[1835],{"type":51,"value":154},{"type":45,"tag":92,"props":1837,"children":1838},{"style":110},[1839],{"type":51,"value":124},{"type":45,"tag":92,"props":1841,"children":1842},{"style":110},[1843],{"type":51,"value":144},{"type":45,"tag":92,"props":1845,"children":1846},{"style":147},[1847],{"type":51,"value":1848},"medium",{"type":45,"tag":92,"props":1850,"children":1851},{"style":110},[1852],{"type":51,"value":154},{"type":45,"tag":92,"props":1854,"children":1855},{"style":110},[1856],{"type":51,"value":124},{"type":45,"tag":92,"props":1858,"children":1859},{"style":110},[1860],{"type":51,"value":144},{"type":45,"tag":92,"props":1862,"children":1863},{"style":147},[1864],{"type":51,"value":1865},"large",{"type":45,"tag":92,"props":1867,"children":1868},{"style":110},[1869],{"type":51,"value":154},{"type":45,"tag":92,"props":1871,"children":1872},{"style":116},[1873],{"type":51,"value":1101},{"type":45,"tag":92,"props":1875,"children":1876},{"style":110},[1877],{"type":51,"value":260},{"type":45,"tag":92,"props":1879,"children":1880},{"class":94,"line":296},[1881,1886,1890,1894,1898,1902,1906,1911,1915],{"type":45,"tag":92,"props":1882,"children":1883},{"style":243},[1884],{"type":51,"value":1885}," control",{"type":45,"tag":92,"props":1887,"children":1888},{"style":110},[1889],{"type":51,"value":251},{"type":45,"tag":92,"props":1891,"children":1892},{"style":110},[1893],{"type":51,"value":113},{"type":45,"tag":92,"props":1895,"children":1896},{"style":243},[1897],{"type":51,"value":107},{"type":45,"tag":92,"props":1899,"children":1900},{"style":110},[1901],{"type":51,"value":251},{"type":45,"tag":92,"props":1903,"children":1904},{"style":110},[1905],{"type":51,"value":144},{"type":45,"tag":92,"props":1907,"children":1908},{"style":147},[1909],{"type":51,"value":1910},"select",{"type":45,"tag":92,"props":1912,"children":1913},{"style":110},[1914],{"type":51,"value":154},{"type":45,"tag":92,"props":1916,"children":1917},{"style":110},[1918],{"type":51,"value":715},{"type":45,"tag":92,"props":1920,"children":1921},{"class":94,"line":304},[1922],{"type":45,"tag":92,"props":1923,"children":1924},{"style":110},[1925],{"type":51,"value":1926}," },\n",{"type":45,"tag":92,"props":1928,"children":1929},{"class":94,"line":327},[1930],{"type":45,"tag":92,"props":1931,"children":1932},{"style":1787},[1933],{"type":51,"value":1934}," \u002F\u002F Range slider\n",{"type":45,"tag":92,"props":1936,"children":1937},{"class":94,"line":362},[1938,1943,1947],{"type":45,"tag":92,"props":1939,"children":1940},{"style":243},[1941],{"type":51,"value":1942}," opacity",{"type":45,"tag":92,"props":1944,"children":1945},{"style":110},[1946],{"type":51,"value":251},{"type":45,"tag":92,"props":1948,"children":1949},{"style":110},[1950],{"type":51,"value":236},{"type":45,"tag":92,"props":1952,"children":1953},{"class":94,"line":370},[1954,1958,1962,1966,1970,1974,1978,1983,1987,1991,1996,2000,2004,2008,2013,2017,2021,2025,2030,2034,2039],{"type":45,"tag":92,"props":1955,"children":1956},{"style":243},[1957],{"type":51,"value":1885},{"type":45,"tag":92,"props":1959,"children":1960},{"style":110},[1961],{"type":51,"value":251},{"type":45,"tag":92,"props":1963,"children":1964},{"style":110},[1965],{"type":51,"value":113},{"type":45,"tag":92,"props":1967,"children":1968},{"style":243},[1969],{"type":51,"value":107},{"type":45,"tag":92,"props":1971,"children":1972},{"style":110},[1973],{"type":51,"value":251},{"type":45,"tag":92,"props":1975,"children":1976},{"style":110},[1977],{"type":51,"value":144},{"type":45,"tag":92,"props":1979,"children":1980},{"style":147},[1981],{"type":51,"value":1982},"range",{"type":45,"tag":92,"props":1984,"children":1985},{"style":110},[1986],{"type":51,"value":154},{"type":45,"tag":92,"props":1988,"children":1989},{"style":110},[1990],{"type":51,"value":124},{"type":45,"tag":92,"props":1992,"children":1993},{"style":243},[1994],{"type":51,"value":1995}," min",{"type":45,"tag":92,"props":1997,"children":1998},{"style":110},[1999],{"type":51,"value":251},{"type":45,"tag":92,"props":2001,"children":2002},{"style":1145},[2003],{"type":51,"value":1157},{"type":45,"tag":92,"props":2005,"children":2006},{"style":110},[2007],{"type":51,"value":124},{"type":45,"tag":92,"props":2009,"children":2010},{"style":243},[2011],{"type":51,"value":2012}," max",{"type":45,"tag":92,"props":2014,"children":2015},{"style":110},[2016],{"type":51,"value":251},{"type":45,"tag":92,"props":2018,"children":2019},{"style":1145},[2020],{"type":51,"value":1148},{"type":45,"tag":92,"props":2022,"children":2023},{"style":110},[2024],{"type":51,"value":124},{"type":45,"tag":92,"props":2026,"children":2027},{"style":243},[2028],{"type":51,"value":2029}," step",{"type":45,"tag":92,"props":2031,"children":2032},{"style":110},[2033],{"type":51,"value":251},{"type":45,"tag":92,"props":2035,"children":2036},{"style":1145},[2037],{"type":51,"value":2038}," 0.1",{"type":45,"tag":92,"props":2040,"children":2041},{"style":110},[2042],{"type":51,"value":715},{"type":45,"tag":92,"props":2044,"children":2045},{"class":94,"line":404},[2046],{"type":45,"tag":92,"props":2047,"children":2048},{"style":110},[2049],{"type":51,"value":1926},{"type":45,"tag":92,"props":2051,"children":2052},{"class":94,"line":421},[2053],{"type":45,"tag":92,"props":2054,"children":2055},{"style":1787},[2056],{"type":51,"value":2057}," \u002F\u002F Color picker\n",{"type":45,"tag":92,"props":2059,"children":2060},{"class":94,"line":451},[2061,2066,2070,2074,2079,2083,2087,2091,2095,2099,2104,2108,2112],{"type":45,"tag":92,"props":2062,"children":2063},{"style":243},[2064],{"type":51,"value":2065}," color",{"type":45,"tag":92,"props":2067,"children":2068},{"style":110},[2069],{"type":51,"value":251},{"type":45,"tag":92,"props":2071,"children":2072},{"style":110},[2073],{"type":51,"value":113},{"type":45,"tag":92,"props":2075,"children":2076},{"style":243},[2077],{"type":51,"value":2078}," control",{"type":45,"tag":92,"props":2080,"children":2081},{"style":110},[2082],{"type":51,"value":251},{"type":45,"tag":92,"props":2084,"children":2085},{"style":110},[2086],{"type":51,"value":113},{"type":45,"tag":92,"props":2088,"children":2089},{"style":243},[2090],{"type":51,"value":107},{"type":45,"tag":92,"props":2092,"children":2093},{"style":110},[2094],{"type":51,"value":251},{"type":45,"tag":92,"props":2096,"children":2097},{"style":110},[2098],{"type":51,"value":144},{"type":45,"tag":92,"props":2100,"children":2101},{"style":147},[2102],{"type":51,"value":2103},"color",{"type":45,"tag":92,"props":2105,"children":2106},{"style":110},[2107],{"type":51,"value":154},{"type":45,"tag":92,"props":2109,"children":2110},{"style":110},[2111],{"type":51,"value":134},{"type":45,"tag":92,"props":2113,"children":2114},{"style":110},[2115],{"type":51,"value":715},{"type":45,"tag":92,"props":2117,"children":2118},{"class":94,"line":460},[2119],{"type":45,"tag":92,"props":2120,"children":2121},{"style":1787},[2122],{"type":51,"value":2123}," \u002F\u002F Conditional control (shows only when `advanced` arg is true)\n",{"type":45,"tag":92,"props":2125,"children":2127},{"class":94,"line":2126},16,[2128,2133,2137,2141,2145,2149,2153,2158,2162,2166,2171,2175,2179,2184,2188,2192,2197,2201,2205],{"type":45,"tag":92,"props":2129,"children":2130},{"style":243},[2131],{"type":51,"value":2132}," padding",{"type":45,"tag":92,"props":2134,"children":2135},{"style":110},[2136],{"type":51,"value":251},{"type":45,"tag":92,"props":2138,"children":2139},{"style":110},[2140],{"type":51,"value":113},{"type":45,"tag":92,"props":2142,"children":2143},{"style":243},[2144],{"type":51,"value":2078},{"type":45,"tag":92,"props":2146,"children":2147},{"style":110},[2148],{"type":51,"value":251},{"type":45,"tag":92,"props":2150,"children":2151},{"style":110},[2152],{"type":51,"value":144},{"type":45,"tag":92,"props":2154,"children":2155},{"style":147},[2156],{"type":51,"value":2157},"number",{"type":45,"tag":92,"props":2159,"children":2160},{"style":110},[2161],{"type":51,"value":154},{"type":45,"tag":92,"props":2163,"children":2164},{"style":110},[2165],{"type":51,"value":124},{"type":45,"tag":92,"props":2167,"children":2168},{"style":243},[2169],{"type":51,"value":2170}," if",{"type":45,"tag":92,"props":2172,"children":2173},{"style":110},[2174],{"type":51,"value":251},{"type":45,"tag":92,"props":2176,"children":2177},{"style":110},[2178],{"type":51,"value":113},{"type":45,"tag":92,"props":2180,"children":2181},{"style":243},[2182],{"type":51,"value":2183}," arg",{"type":45,"tag":92,"props":2185,"children":2186},{"style":110},[2187],{"type":51,"value":251},{"type":45,"tag":92,"props":2189,"children":2190},{"style":110},[2191],{"type":51,"value":144},{"type":45,"tag":92,"props":2193,"children":2194},{"style":147},[2195],{"type":51,"value":2196},"advanced",{"type":45,"tag":92,"props":2198,"children":2199},{"style":110},[2200],{"type":51,"value":154},{"type":45,"tag":92,"props":2202,"children":2203},{"style":110},[2204],{"type":51,"value":134},{"type":45,"tag":92,"props":2206,"children":2207},{"style":110},[2208],{"type":51,"value":715},{"type":45,"tag":92,"props":2210,"children":2212},{"class":94,"line":2211},17,[2213],{"type":45,"tag":92,"props":2214,"children":2215},{"style":110},[2216],{"type":51,"value":457},{"type":45,"tag":92,"props":2218,"children":2220},{"class":94,"line":2219},18,[2221,2225,2229,2233,2237,2241],{"type":45,"tag":92,"props":2222,"children":2223},{"style":110},[2224],{"type":51,"value":269},{"type":45,"tag":92,"props":2226,"children":2227},{"style":99},[2228],{"type":51,"value":274},{"type":45,"tag":92,"props":2230,"children":2231},{"style":277},[2232],{"type":51,"value":119},{"type":45,"tag":92,"props":2234,"children":2235},{"style":110},[2236],{"type":51,"value":284},{"type":45,"tag":92,"props":2238,"children":2239},{"style":116},[2240],{"type":51,"value":176},{"type":45,"tag":92,"props":2242,"children":2243},{"style":110},[2244],{"type":51,"value":293},{"type":45,"tag":54,"props":2246,"children":2247},{},[2248,2250,2256,2258,2264,2266,2271],{"type":51,"value":2249},"Auto-detection: TypeScript prop types are automatically mapped to controls (",{"type":45,"tag":60,"props":2251,"children":2253},{"className":2252},[],[2254],{"type":51,"value":2255},"string",{"type":51,"value":2257}," -> text, ",{"type":45,"tag":60,"props":2259,"children":2261},{"className":2260},[],[2262],{"type":51,"value":2263},"boolean",{"type":51,"value":2265}," -> boolean, union types -> select, ",{"type":45,"tag":60,"props":2267,"children":2269},{"className":2268},[],[2270],{"type":51,"value":2157},{"type":51,"value":2272}," -> number).",{"type":45,"tag":69,"props":2274,"children":2275},{"id":573},[2276],{"type":51,"value":2277},"Parameters",{"type":45,"tag":603,"props":2279,"children":2281},{"id":2280},"addon-parameters",[2282],{"type":51,"value":2283},"Addon parameters",{"type":45,"tag":81,"props":2285,"children":2287},{"className":83,"code":2286,"language":85,"meta":86,"style":86},"parameters: {\n \u002F\u002F Markdown docs in the Notes addon tab\n notes: `# MyComponent\\nUsage: \\`\u003CMyComponent label=\"hi\" \u002F>\\``,\n \u002F\u002F Background options for Backgrounds addon\n backgrounds: {\n default: 'dark',\n values: [\n { name: 'light', value: 'white' },\n { name: 'dark', value: '#333' },\n ],\n },\n},\n",[2288],{"type":45,"tag":60,"props":2289,"children":2290},{"__ignoreMap":86},[2291,2306,2314,2369,2377,2393,2423,2440,2500,2556,2568,2575],{"type":45,"tag":92,"props":2292,"children":2293},{"class":94,"line":95},[2294,2298,2302],{"type":45,"tag":92,"props":2295,"children":2296},{"style":277},[2297],{"type":51,"value":573},{"type":45,"tag":92,"props":2299,"children":2300},{"style":110},[2301],{"type":51,"value":251},{"type":45,"tag":92,"props":2303,"children":2304},{"style":110},[2305],{"type":51,"value":236},{"type":45,"tag":92,"props":2307,"children":2308},{"class":94,"line":162},[2309],{"type":45,"tag":92,"props":2310,"children":2311},{"style":1787},[2312],{"type":51,"value":2313}," \u002F\u002F Markdown docs in the Notes addon tab\n",{"type":45,"tag":92,"props":2315,"children":2316},{"class":94,"line":204},[2317,2322,2326,2331,2336,2341,2346,2351,2356,2360,2365],{"type":45,"tag":92,"props":2318,"children":2319},{"style":277},[2320],{"type":51,"value":2321}," notes",{"type":45,"tag":92,"props":2323,"children":2324},{"style":110},[2325],{"type":51,"value":251},{"type":45,"tag":92,"props":2327,"children":2328},{"style":110},[2329],{"type":51,"value":2330}," `",{"type":45,"tag":92,"props":2332,"children":2333},{"style":147},[2334],{"type":51,"value":2335},"# MyComponent",{"type":45,"tag":92,"props":2337,"children":2338},{"style":116},[2339],{"type":51,"value":2340},"\\n",{"type":45,"tag":92,"props":2342,"children":2343},{"style":147},[2344],{"type":51,"value":2345},"Usage: ",{"type":45,"tag":92,"props":2347,"children":2348},{"style":116},[2349],{"type":51,"value":2350},"\\`",{"type":45,"tag":92,"props":2352,"children":2353},{"style":147},[2354],{"type":51,"value":2355},"\u003CMyComponent label=\"hi\" \u002F>",{"type":45,"tag":92,"props":2357,"children":2358},{"style":116},[2359],{"type":51,"value":2350},{"type":45,"tag":92,"props":2361,"children":2362},{"style":110},[2363],{"type":51,"value":2364},"`",{"type":45,"tag":92,"props":2366,"children":2367},{"style":110},[2368],{"type":51,"value":260},{"type":45,"tag":92,"props":2370,"children":2371},{"class":94,"line":214},[2372],{"type":45,"tag":92,"props":2373,"children":2374},{"style":1787},[2375],{"type":51,"value":2376}," \u002F\u002F Background options for Backgrounds addon\n",{"type":45,"tag":92,"props":2378,"children":2379},{"class":94,"line":239},[2380,2385,2389],{"type":45,"tag":92,"props":2381,"children":2382},{"style":277},[2383],{"type":51,"value":2384}," backgrounds",{"type":45,"tag":92,"props":2386,"children":2387},{"style":110},[2388],{"type":51,"value":251},{"type":45,"tag":92,"props":2390,"children":2391},{"style":110},[2392],{"type":51,"value":236},{"type":45,"tag":92,"props":2394,"children":2395},{"class":94,"line":263},[2396,2401,2406,2410,2415,2419],{"type":45,"tag":92,"props":2397,"children":2398},{"style":99},[2399],{"type":51,"value":2400}," default",{"type":45,"tag":92,"props":2402,"children":2403},{"style":243},[2404],{"type":51,"value":2405},": ",{"type":45,"tag":92,"props":2407,"children":2408},{"style":110},[2409],{"type":51,"value":154},{"type":45,"tag":92,"props":2411,"children":2412},{"style":147},[2413],{"type":51,"value":2414},"dark",{"type":45,"tag":92,"props":2416,"children":2417},{"style":110},[2418],{"type":51,"value":154},{"type":45,"tag":92,"props":2420,"children":2421},{"style":110},[2422],{"type":51,"value":260},{"type":45,"tag":92,"props":2424,"children":2425},{"class":94,"line":296},[2426,2431,2435],{"type":45,"tag":92,"props":2427,"children":2428},{"style":277},[2429],{"type":51,"value":2430}," values",{"type":45,"tag":92,"props":2432,"children":2433},{"style":110},[2434],{"type":51,"value":251},{"type":45,"tag":92,"props":2436,"children":2437},{"style":243},[2438],{"type":51,"value":2439}," [\n",{"type":45,"tag":92,"props":2441,"children":2442},{"class":94,"line":304},[2443,2448,2453,2457,2461,2466,2470,2474,2479,2483,2487,2492,2496],{"type":45,"tag":92,"props":2444,"children":2445},{"style":110},[2446],{"type":51,"value":2447}," {",{"type":45,"tag":92,"props":2449,"children":2450},{"style":243},[2451],{"type":51,"value":2452}," name",{"type":45,"tag":92,"props":2454,"children":2455},{"style":110},[2456],{"type":51,"value":251},{"type":45,"tag":92,"props":2458,"children":2459},{"style":110},[2460],{"type":51,"value":144},{"type":45,"tag":92,"props":2462,"children":2463},{"style":147},[2464],{"type":51,"value":2465},"light",{"type":45,"tag":92,"props":2467,"children":2468},{"style":110},[2469],{"type":51,"value":154},{"type":45,"tag":92,"props":2471,"children":2472},{"style":110},[2473],{"type":51,"value":124},{"type":45,"tag":92,"props":2475,"children":2476},{"style":243},[2477],{"type":51,"value":2478}," value",{"type":45,"tag":92,"props":2480,"children":2481},{"style":110},[2482],{"type":51,"value":251},{"type":45,"tag":92,"props":2484,"children":2485},{"style":110},[2486],{"type":51,"value":144},{"type":45,"tag":92,"props":2488,"children":2489},{"style":147},[2490],{"type":51,"value":2491},"white",{"type":45,"tag":92,"props":2493,"children":2494},{"style":110},[2495],{"type":51,"value":154},{"type":45,"tag":92,"props":2497,"children":2498},{"style":110},[2499],{"type":51,"value":715},{"type":45,"tag":92,"props":2501,"children":2502},{"class":94,"line":327},[2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543,2548,2552],{"type":45,"tag":92,"props":2504,"children":2505},{"style":110},[2506],{"type":51,"value":2447},{"type":45,"tag":92,"props":2508,"children":2509},{"style":243},[2510],{"type":51,"value":2452},{"type":45,"tag":92,"props":2512,"children":2513},{"style":110},[2514],{"type":51,"value":251},{"type":45,"tag":92,"props":2516,"children":2517},{"style":110},[2518],{"type":51,"value":144},{"type":45,"tag":92,"props":2520,"children":2521},{"style":147},[2522],{"type":51,"value":2414},{"type":45,"tag":92,"props":2524,"children":2525},{"style":110},[2526],{"type":51,"value":154},{"type":45,"tag":92,"props":2528,"children":2529},{"style":110},[2530],{"type":51,"value":124},{"type":45,"tag":92,"props":2532,"children":2533},{"style":243},[2534],{"type":51,"value":2478},{"type":45,"tag":92,"props":2536,"children":2537},{"style":110},[2538],{"type":51,"value":251},{"type":45,"tag":92,"props":2540,"children":2541},{"style":110},[2542],{"type":51,"value":144},{"type":45,"tag":92,"props":2544,"children":2545},{"style":147},[2546],{"type":51,"value":2547},"#333",{"type":45,"tag":92,"props":2549,"children":2550},{"style":110},[2551],{"type":51,"value":154},{"type":45,"tag":92,"props":2553,"children":2554},{"style":110},[2555],{"type":51,"value":715},{"type":45,"tag":92,"props":2557,"children":2558},{"class":94,"line":362},[2559,2564],{"type":45,"tag":92,"props":2560,"children":2561},{"style":243},[2562],{"type":51,"value":2563}," ]",{"type":45,"tag":92,"props":2565,"children":2566},{"style":110},[2567],{"type":51,"value":260},{"type":45,"tag":92,"props":2569,"children":2570},{"class":94,"line":370},[2571],{"type":45,"tag":92,"props":2572,"children":2573},{"style":110},[2574],{"type":51,"value":457},{"type":45,"tag":92,"props":2576,"children":2577},{"class":94,"line":404},[2578],{"type":45,"tag":92,"props":2579,"children":2580},{"style":110},[2581],{"type":51,"value":1373},{"type":45,"tag":603,"props":2583,"children":2585},{"id":2584},"rn-specific-ui-parameters",[2586],{"type":51,"value":2587},"RN-specific UI parameters",{"type":45,"tag":2589,"props":2590,"children":2591},"table",{},[2592,2616],{"type":45,"tag":2593,"props":2594,"children":2595},"thead",{},[2596],{"type":45,"tag":2597,"props":2598,"children":2599},"tr",{},[2600,2606,2611],{"type":45,"tag":2601,"props":2602,"children":2603},"th",{},[2604],{"type":51,"value":2605},"Parameter",{"type":45,"tag":2601,"props":2607,"children":2608},{},[2609],{"type":51,"value":2610},"Type",{"type":45,"tag":2601,"props":2612,"children":2613},{},[2614],{"type":51,"value":2615},"Description",{"type":45,"tag":2617,"props":2618,"children":2619},"tbody",{},[2620,2700,2734,2759],{"type":45,"tag":2597,"props":2621,"children":2622},{},[2623,2633,2641],{"type":45,"tag":2624,"props":2625,"children":2626},"td",{},[2627],{"type":45,"tag":60,"props":2628,"children":2630},{"className":2629},[],[2631],{"type":51,"value":2632},"noSafeArea",{"type":45,"tag":2624,"props":2634,"children":2635},{},[2636],{"type":45,"tag":60,"props":2637,"children":2639},{"className":2638},[],[2640],{"type":51,"value":2263},{"type":45,"tag":2624,"props":2642,"children":2643},{},[2644,2646,2652,2654,2660,2662,2668,2670,2676,2678,2684,2686,2692,2694,2699],{"type":51,"value":2645},"Remove top safe area padding. ",{"type":45,"tag":2647,"props":2648,"children":2649},"strong",{},[2650],{"type":51,"value":2651},"When using this, the component itself must handle safe areas",{"type":51,"value":2653}," since Storybook will no longer provide safe area padding. Prefer ",{"type":45,"tag":60,"props":2655,"children":2657},{"className":2656},[],[2658],{"type":51,"value":2659},"useSafeAreaInsets()",{"type":51,"value":2661}," over ",{"type":45,"tag":60,"props":2663,"children":2665},{"className":2664},[],[2666],{"type":51,"value":2667},"SafeAreaView",{"type":51,"value":2669}," — apply insets as ",{"type":45,"tag":60,"props":2671,"children":2673},{"className":2672},[],[2674],{"type":51,"value":2675},"paddingTop",{"type":51,"value":2677},"\u002F",{"type":45,"tag":60,"props":2679,"children":2681},{"className":2680},[],[2682],{"type":51,"value":2683},"paddingBottom",{"type":51,"value":2685}," on the container, and for scrollable content use ",{"type":45,"tag":60,"props":2687,"children":2689},{"className":2688},[],[2690],{"type":51,"value":2691},"contentContainerStyle",{"type":51,"value":2693}," padding instead of wrapping in ",{"type":45,"tag":60,"props":2695,"children":2697},{"className":2696},[],[2698],{"type":51,"value":2667},{"type":51,"value":791},{"type":45,"tag":2597,"props":2701,"children":2702},{},[2703,2712,2729],{"type":45,"tag":2624,"props":2704,"children":2705},{},[2706],{"type":45,"tag":60,"props":2707,"children":2709},{"className":2708},[],[2710],{"type":51,"value":2711},"storybookUIVisibility",{"type":45,"tag":2624,"props":2713,"children":2714},{},[2715,2721,2723],{"type":45,"tag":60,"props":2716,"children":2718},{"className":2717},[],[2719],{"type":51,"value":2720},"'visible'",{"type":51,"value":2722}," | ",{"type":45,"tag":60,"props":2724,"children":2726},{"className":2725},[],[2727],{"type":51,"value":2728},"'hidden'",{"type":45,"tag":2624,"props":2730,"children":2731},{},[2732],{"type":51,"value":2733},"Initial UI visibility",{"type":45,"tag":2597,"props":2735,"children":2736},{},[2737,2746,2754],{"type":45,"tag":2624,"props":2738,"children":2739},{},[2740],{"type":45,"tag":60,"props":2741,"children":2743},{"className":2742},[],[2744],{"type":51,"value":2745},"hideFullScreenButton",{"type":45,"tag":2624,"props":2747,"children":2748},{},[2749],{"type":45,"tag":60,"props":2750,"children":2752},{"className":2751},[],[2753],{"type":51,"value":2263},{"type":45,"tag":2624,"props":2755,"children":2756},{},[2757],{"type":51,"value":2758},"Hide fullscreen toggle",{"type":45,"tag":2597,"props":2760,"children":2761},{},[2762,2771,2794],{"type":45,"tag":2624,"props":2763,"children":2764},{},[2765],{"type":45,"tag":60,"props":2766,"children":2768},{"className":2767},[],[2769],{"type":51,"value":2770},"layout",{"type":45,"tag":2624,"props":2772,"children":2773},{},[2774,2780,2781,2787,2788],{"type":45,"tag":60,"props":2775,"children":2777},{"className":2776},[],[2778],{"type":51,"value":2779},"'padded'",{"type":51,"value":2722},{"type":45,"tag":60,"props":2782,"children":2784},{"className":2783},[],[2785],{"type":51,"value":2786},"'centered'",{"type":51,"value":2722},{"type":45,"tag":60,"props":2789,"children":2791},{"className":2790},[],[2792],{"type":51,"value":2793},"'fullscreen'",{"type":45,"tag":2624,"props":2795,"children":2796},{},[2797],{"type":51,"value":2798},"Story container layout",{"type":45,"tag":54,"props":2800,"children":2801},{},[2802],{"type":51,"value":2803},"Parameters can be set at story, meta (component), or global (preview.tsx) level.",{"type":45,"tag":69,"props":2805,"children":2806},{"id":593},[2807],{"type":51,"value":2808},"Decorators",{"type":45,"tag":54,"props":2810,"children":2811},{},[2812],{"type":51,"value":2813},"Wrap stories in providers, layouts, or context:",{"type":45,"tag":81,"props":2815,"children":2817},{"className":83,"code":2816,"language":85,"meta":86,"style":86},"const meta = {\n component: MyComponent,\n decorators: [\n (Story) => (\n \u003CView style={{ alignItems: 'center', justifyContent: 'center', flex: 1 }}>\n \u003CStory \u002F>\n \u003C\u002FView>\n ),\n ],\n} satisfies Meta\u003Ctypeof MyComponent>;\n",[2818],{"type":45,"tag":60,"props":2819,"children":2820},{"__ignoreMap":86},[2821,2840,2859,2875,2900,2991,3008,3024,3036,3048],{"type":45,"tag":92,"props":2822,"children":2823},{"class":94,"line":95},[2824,2828,2832,2836],{"type":45,"tag":92,"props":2825,"children":2826},{"style":218},[2827],{"type":51,"value":221},{"type":45,"tag":92,"props":2829,"children":2830},{"style":116},[2831],{"type":51,"value":226},{"type":45,"tag":92,"props":2833,"children":2834},{"style":110},[2835],{"type":51,"value":231},{"type":45,"tag":92,"props":2837,"children":2838},{"style":110},[2839],{"type":51,"value":236},{"type":45,"tag":92,"props":2841,"children":2842},{"class":94,"line":162},[2843,2847,2851,2855],{"type":45,"tag":92,"props":2844,"children":2845},{"style":243},[2846],{"type":51,"value":246},{"type":45,"tag":92,"props":2848,"children":2849},{"style":110},[2850],{"type":51,"value":251},{"type":45,"tag":92,"props":2852,"children":2853},{"style":116},[2854],{"type":51,"value":176},{"type":45,"tag":92,"props":2856,"children":2857},{"style":110},[2858],{"type":51,"value":260},{"type":45,"tag":92,"props":2860,"children":2861},{"class":94,"line":204},[2862,2867,2871],{"type":45,"tag":92,"props":2863,"children":2864},{"style":243},[2865],{"type":51,"value":2866}," decorators",{"type":45,"tag":92,"props":2868,"children":2869},{"style":110},[2870],{"type":51,"value":251},{"type":45,"tag":92,"props":2872,"children":2873},{"style":116},[2874],{"type":51,"value":2439},{"type":45,"tag":92,"props":2876,"children":2877},{"class":94,"line":214},[2878,2883,2888,2892,2896],{"type":45,"tag":92,"props":2879,"children":2880},{"style":110},[2881],{"type":51,"value":2882}," (",{"type":45,"tag":92,"props":2884,"children":2885},{"style":897},[2886],{"type":51,"value":2887},"Story",{"type":45,"tag":92,"props":2889,"children":2890},{"style":110},[2891],{"type":51,"value":904},{"type":45,"tag":92,"props":2893,"children":2894},{"style":218},[2895],{"type":51,"value":909},{"type":45,"tag":92,"props":2897,"children":2898},{"style":116},[2899],{"type":51,"value":914},{"type":45,"tag":92,"props":2901,"children":2902},{"class":94,"line":239},[2903,2907,2912,2917,2922,2927,2931,2935,2940,2944,2948,2953,2957,2961,2965,2969,2973,2978,2982,2986],{"type":45,"tag":92,"props":2904,"children":2905},{"style":110},[2906],{"type":51,"value":940},{"type":45,"tag":92,"props":2908,"children":2909},{"style":277},[2910],{"type":51,"value":2911},"View",{"type":45,"tag":92,"props":2913,"children":2914},{"style":218},[2915],{"type":51,"value":2916}," style",{"type":45,"tag":92,"props":2918,"children":2919},{"style":110},[2920],{"type":51,"value":2921},"={{",{"type":45,"tag":92,"props":2923,"children":2924},{"style":243},[2925],{"type":51,"value":2926}," alignItems",{"type":45,"tag":92,"props":2928,"children":2929},{"style":110},[2930],{"type":51,"value":251},{"type":45,"tag":92,"props":2932,"children":2933},{"style":110},[2934],{"type":51,"value":144},{"type":45,"tag":92,"props":2936,"children":2937},{"style":147},[2938],{"type":51,"value":2939},"center",{"type":45,"tag":92,"props":2941,"children":2942},{"style":110},[2943],{"type":51,"value":154},{"type":45,"tag":92,"props":2945,"children":2946},{"style":110},[2947],{"type":51,"value":124},{"type":45,"tag":92,"props":2949,"children":2950},{"style":243},[2951],{"type":51,"value":2952}," justifyContent",{"type":45,"tag":92,"props":2954,"children":2955},{"style":110},[2956],{"type":51,"value":251},{"type":45,"tag":92,"props":2958,"children":2959},{"style":110},[2960],{"type":51,"value":144},{"type":45,"tag":92,"props":2962,"children":2963},{"style":147},[2964],{"type":51,"value":2939},{"type":45,"tag":92,"props":2966,"children":2967},{"style":110},[2968],{"type":51,"value":154},{"type":45,"tag":92,"props":2970,"children":2971},{"style":110},[2972],{"type":51,"value":124},{"type":45,"tag":92,"props":2974,"children":2975},{"style":243},[2976],{"type":51,"value":2977}," flex",{"type":45,"tag":92,"props":2979,"children":2980},{"style":110},[2981],{"type":51,"value":251},{"type":45,"tag":92,"props":2983,"children":2984},{"style":1145},[2985],{"type":51,"value":1148},{"type":45,"tag":92,"props":2987,"children":2988},{"style":110},[2989],{"type":51,"value":2990}," }}>\n",{"type":45,"tag":92,"props":2992,"children":2993},{"class":94,"line":263},[2994,2999,3003],{"type":45,"tag":92,"props":2995,"children":2996},{"style":110},[2997],{"type":51,"value":2998}," \u003C",{"type":45,"tag":92,"props":3000,"children":3001},{"style":277},[3002],{"type":51,"value":2887},{"type":45,"tag":92,"props":3004,"children":3005},{"style":110},[3006],{"type":51,"value":3007}," \u002F>\n",{"type":45,"tag":92,"props":3009,"children":3010},{"class":94,"line":296},[3011,3016,3020],{"type":45,"tag":92,"props":3012,"children":3013},{"style":110},[3014],{"type":51,"value":3015}," \u003C\u002F",{"type":45,"tag":92,"props":3017,"children":3018},{"style":277},[3019],{"type":51,"value":2911},{"type":45,"tag":92,"props":3021,"children":3022},{"style":110},[3023],{"type":51,"value":932},{"type":45,"tag":92,"props":3025,"children":3026},{"class":94,"line":304},[3027,3032],{"type":45,"tag":92,"props":3028,"children":3029},{"style":116},[3030],{"type":51,"value":3031}," )",{"type":45,"tag":92,"props":3033,"children":3034},{"style":110},[3035],{"type":51,"value":260},{"type":45,"tag":92,"props":3037,"children":3038},{"class":94,"line":327},[3039,3044],{"type":45,"tag":92,"props":3040,"children":3041},{"style":116},[3042],{"type":51,"value":3043}," ]",{"type":45,"tag":92,"props":3045,"children":3046},{"style":110},[3047],{"type":51,"value":260},{"type":45,"tag":92,"props":3049,"children":3050},{"class":94,"line":362},[3051,3055,3059,3063,3067,3071],{"type":45,"tag":92,"props":3052,"children":3053},{"style":110},[3054],{"type":51,"value":269},{"type":45,"tag":92,"props":3056,"children":3057},{"style":99},[3058],{"type":51,"value":274},{"type":45,"tag":92,"props":3060,"children":3061},{"style":277},[3062],{"type":51,"value":119},{"type":45,"tag":92,"props":3064,"children":3065},{"style":110},[3066],{"type":51,"value":284},{"type":45,"tag":92,"props":3068,"children":3069},{"style":116},[3070],{"type":51,"value":176},{"type":45,"tag":92,"props":3072,"children":3073},{"style":110},[3074],{"type":51,"value":293},{"type":45,"tag":54,"props":3076,"children":3077},{},[3078,3080,3086],{"type":51,"value":3079},"Global decorators go in ",{"type":45,"tag":60,"props":3081,"children":3083},{"className":3082},[],[3084],{"type":51,"value":3085},".rnstorybook\u002Fpreview.tsx",{"type":51,"value":251},{"type":45,"tag":81,"props":3088,"children":3090},{"className":83,"code":3089,"language":85,"meta":86,"style":86},"import { withBackgrounds } from '@storybook\u002Faddon-ondevice-backgrounds';\nimport type { Preview } from '@storybook\u002Freact-native';\n\nconst preview: Preview = {\n decorators: [withBackgrounds],\n parameters: {\n actions: { argTypesRegex: '^on[A-Z].*' },\n controls: {\n matchers: {\n color: \u002F(background|color)$\u002Fi,\n date: \u002FDate$\u002F,\n },\n },\n backgrounds: {\n default: 'plain',\n values: [\n { name: 'plain', value: 'white' },\n { name: 'dark', value: '#333' },\n ],\n },\n },\n};\n\nexport default preview;\n",[3091],{"type":45,"tag":60,"props":3092,"children":3093},{"__ignoreMap":86},[3094,3135,3179,3186,3214,3234,3250,3292,3308,3324,3377,3411,3419,3426,3442,3471,3487,3543,3598,3611,3619,3627,3635,3643],{"type":45,"tag":92,"props":3095,"children":3096},{"class":94,"line":95},[3097,3101,3105,3110,3114,3118,3122,3127,3131],{"type":45,"tag":92,"props":3098,"children":3099},{"style":99},[3100],{"type":51,"value":102},{"type":45,"tag":92,"props":3102,"children":3103},{"style":110},[3104],{"type":51,"value":113},{"type":45,"tag":92,"props":3106,"children":3107},{"style":116},[3108],{"type":51,"value":3109}," withBackgrounds",{"type":45,"tag":92,"props":3111,"children":3112},{"style":110},[3113],{"type":51,"value":134},{"type":45,"tag":92,"props":3115,"children":3116},{"style":99},[3117],{"type":51,"value":139},{"type":45,"tag":92,"props":3119,"children":3120},{"style":110},[3121],{"type":51,"value":144},{"type":45,"tag":92,"props":3123,"children":3124},{"style":147},[3125],{"type":51,"value":3126},"@storybook\u002Faddon-ondevice-backgrounds",{"type":45,"tag":92,"props":3128,"children":3129},{"style":110},[3130],{"type":51,"value":154},{"type":45,"tag":92,"props":3132,"children":3133},{"style":110},[3134],{"type":51,"value":159},{"type":45,"tag":92,"props":3136,"children":3137},{"class":94,"line":162},[3138,3142,3146,3150,3155,3159,3163,3167,3171,3175],{"type":45,"tag":92,"props":3139,"children":3140},{"style":99},[3141],{"type":51,"value":102},{"type":45,"tag":92,"props":3143,"children":3144},{"style":99},[3145],{"type":51,"value":107},{"type":45,"tag":92,"props":3147,"children":3148},{"style":110},[3149],{"type":51,"value":113},{"type":45,"tag":92,"props":3151,"children":3152},{"style":116},[3153],{"type":51,"value":3154}," Preview",{"type":45,"tag":92,"props":3156,"children":3157},{"style":110},[3158],{"type":51,"value":134},{"type":45,"tag":92,"props":3160,"children":3161},{"style":99},[3162],{"type":51,"value":139},{"type":45,"tag":92,"props":3164,"children":3165},{"style":110},[3166],{"type":51,"value":144},{"type":45,"tag":92,"props":3168,"children":3169},{"style":147},[3170],{"type":51,"value":65},{"type":45,"tag":92,"props":3172,"children":3173},{"style":110},[3174],{"type":51,"value":154},{"type":45,"tag":92,"props":3176,"children":3177},{"style":110},[3178],{"type":51,"value":159},{"type":45,"tag":92,"props":3180,"children":3181},{"class":94,"line":204},[3182],{"type":45,"tag":92,"props":3183,"children":3184},{"emptyLinePlaceholder":208},[3185],{"type":51,"value":211},{"type":45,"tag":92,"props":3187,"children":3188},{"class":94,"line":214},[3189,3193,3198,3202,3206,3210],{"type":45,"tag":92,"props":3190,"children":3191},{"style":218},[3192],{"type":51,"value":221},{"type":45,"tag":92,"props":3194,"children":3195},{"style":116},[3196],{"type":51,"value":3197}," preview",{"type":45,"tag":92,"props":3199,"children":3200},{"style":110},[3201],{"type":51,"value":251},{"type":45,"tag":92,"props":3203,"children":3204},{"style":277},[3205],{"type":51,"value":3154},{"type":45,"tag":92,"props":3207,"children":3208},{"style":110},[3209],{"type":51,"value":343},{"type":45,"tag":92,"props":3211,"children":3212},{"style":110},[3213],{"type":51,"value":236},{"type":45,"tag":92,"props":3215,"children":3216},{"class":94,"line":239},[3217,3221,3225,3230],{"type":45,"tag":92,"props":3218,"children":3219},{"style":243},[3220],{"type":51,"value":2866},{"type":45,"tag":92,"props":3222,"children":3223},{"style":110},[3224],{"type":51,"value":251},{"type":45,"tag":92,"props":3226,"children":3227},{"style":116},[3228],{"type":51,"value":3229}," [withBackgrounds]",{"type":45,"tag":92,"props":3231,"children":3232},{"style":110},[3233],{"type":51,"value":260},{"type":45,"tag":92,"props":3235,"children":3236},{"class":94,"line":263},[3237,3242,3246],{"type":45,"tag":92,"props":3238,"children":3239},{"style":243},[3240],{"type":51,"value":3241}," parameters",{"type":45,"tag":92,"props":3243,"children":3244},{"style":110},[3245],{"type":51,"value":251},{"type":45,"tag":92,"props":3247,"children":3248},{"style":110},[3249],{"type":51,"value":236},{"type":45,"tag":92,"props":3251,"children":3252},{"class":94,"line":296},[3253,3258,3262,3266,3271,3275,3279,3284,3288],{"type":45,"tag":92,"props":3254,"children":3255},{"style":243},[3256],{"type":51,"value":3257}," actions",{"type":45,"tag":92,"props":3259,"children":3260},{"style":110},[3261],{"type":51,"value":251},{"type":45,"tag":92,"props":3263,"children":3264},{"style":110},[3265],{"type":51,"value":113},{"type":45,"tag":92,"props":3267,"children":3268},{"style":243},[3269],{"type":51,"value":3270}," argTypesRegex",{"type":45,"tag":92,"props":3272,"children":3273},{"style":110},[3274],{"type":51,"value":251},{"type":45,"tag":92,"props":3276,"children":3277},{"style":110},[3278],{"type":51,"value":144},{"type":45,"tag":92,"props":3280,"children":3281},{"style":147},[3282],{"type":51,"value":3283},"^on[A-Z].*",{"type":45,"tag":92,"props":3285,"children":3286},{"style":110},[3287],{"type":51,"value":154},{"type":45,"tag":92,"props":3289,"children":3290},{"style":110},[3291],{"type":51,"value":715},{"type":45,"tag":92,"props":3293,"children":3294},{"class":94,"line":304},[3295,3300,3304],{"type":45,"tag":92,"props":3296,"children":3297},{"style":243},[3298],{"type":51,"value":3299}," controls",{"type":45,"tag":92,"props":3301,"children":3302},{"style":110},[3303],{"type":51,"value":251},{"type":45,"tag":92,"props":3305,"children":3306},{"style":110},[3307],{"type":51,"value":236},{"type":45,"tag":92,"props":3309,"children":3310},{"class":94,"line":327},[3311,3316,3320],{"type":45,"tag":92,"props":3312,"children":3313},{"style":243},[3314],{"type":51,"value":3315}," matchers",{"type":45,"tag":92,"props":3317,"children":3318},{"style":110},[3319],{"type":51,"value":251},{"type":45,"tag":92,"props":3321,"children":3322},{"style":110},[3323],{"type":51,"value":236},{"type":45,"tag":92,"props":3325,"children":3326},{"class":94,"line":362},[3327,3332,3336,3341,3346,3351,3355,3359,3364,3368,3373],{"type":45,"tag":92,"props":3328,"children":3329},{"style":243},[3330],{"type":51,"value":3331}," color",{"type":45,"tag":92,"props":3333,"children":3334},{"style":110},[3335],{"type":51,"value":251},{"type":45,"tag":92,"props":3337,"children":3338},{"style":110},[3339],{"type":51,"value":3340}," \u002F(",{"type":45,"tag":92,"props":3342,"children":3343},{"style":147},[3344],{"type":51,"value":3345},"background",{"type":45,"tag":92,"props":3347,"children":3348},{"style":110},[3349],{"type":51,"value":3350},"|",{"type":45,"tag":92,"props":3352,"children":3353},{"style":147},[3354],{"type":51,"value":2103},{"type":45,"tag":92,"props":3356,"children":3357},{"style":110},[3358],{"type":51,"value":904},{"type":45,"tag":92,"props":3360,"children":3361},{"style":99},[3362],{"type":51,"value":3363},"$",{"type":45,"tag":92,"props":3365,"children":3366},{"style":110},[3367],{"type":51,"value":2677},{"type":45,"tag":92,"props":3369,"children":3370},{"style":1145},[3371],{"type":51,"value":3372},"i",{"type":45,"tag":92,"props":3374,"children":3375},{"style":110},[3376],{"type":51,"value":260},{"type":45,"tag":92,"props":3378,"children":3379},{"class":94,"line":370},[3380,3385,3389,3394,3399,3403,3407],{"type":45,"tag":92,"props":3381,"children":3382},{"style":243},[3383],{"type":51,"value":3384}," date",{"type":45,"tag":92,"props":3386,"children":3387},{"style":110},[3388],{"type":51,"value":251},{"type":45,"tag":92,"props":3390,"children":3391},{"style":110},[3392],{"type":51,"value":3393}," \u002F",{"type":45,"tag":92,"props":3395,"children":3396},{"style":147},[3397],{"type":51,"value":3398},"Date",{"type":45,"tag":92,"props":3400,"children":3401},{"style":99},[3402],{"type":51,"value":3363},{"type":45,"tag":92,"props":3404,"children":3405},{"style":110},[3406],{"type":51,"value":2677},{"type":45,"tag":92,"props":3408,"children":3409},{"style":110},[3410],{"type":51,"value":260},{"type":45,"tag":92,"props":3412,"children":3413},{"class":94,"line":404},[3414],{"type":45,"tag":92,"props":3415,"children":3416},{"style":110},[3417],{"type":51,"value":3418}," },\n",{"type":45,"tag":92,"props":3420,"children":3421},{"class":94,"line":421},[3422],{"type":45,"tag":92,"props":3423,"children":3424},{"style":110},[3425],{"type":51,"value":1926},{"type":45,"tag":92,"props":3427,"children":3428},{"class":94,"line":451},[3429,3434,3438],{"type":45,"tag":92,"props":3430,"children":3431},{"style":243},[3432],{"type":51,"value":3433}," backgrounds",{"type":45,"tag":92,"props":3435,"children":3436},{"style":110},[3437],{"type":51,"value":251},{"type":45,"tag":92,"props":3439,"children":3440},{"style":110},[3441],{"type":51,"value":236},{"type":45,"tag":92,"props":3443,"children":3444},{"class":94,"line":460},[3445,3450,3454,3458,3463,3467],{"type":45,"tag":92,"props":3446,"children":3447},{"style":243},[3448],{"type":51,"value":3449}," default",{"type":45,"tag":92,"props":3451,"children":3452},{"style":110},[3453],{"type":51,"value":251},{"type":45,"tag":92,"props":3455,"children":3456},{"style":110},[3457],{"type":51,"value":144},{"type":45,"tag":92,"props":3459,"children":3460},{"style":147},[3461],{"type":51,"value":3462},"plain",{"type":45,"tag":92,"props":3464,"children":3465},{"style":110},[3466],{"type":51,"value":154},{"type":45,"tag":92,"props":3468,"children":3469},{"style":110},[3470],{"type":51,"value":260},{"type":45,"tag":92,"props":3472,"children":3473},{"class":94,"line":2126},[3474,3479,3483],{"type":45,"tag":92,"props":3475,"children":3476},{"style":243},[3477],{"type":51,"value":3478}," values",{"type":45,"tag":92,"props":3480,"children":3481},{"style":110},[3482],{"type":51,"value":251},{"type":45,"tag":92,"props":3484,"children":3485},{"style":116},[3486],{"type":51,"value":2439},{"type":45,"tag":92,"props":3488,"children":3489},{"class":94,"line":2211},[3490,3495,3499,3503,3507,3511,3515,3519,3523,3527,3531,3535,3539],{"type":45,"tag":92,"props":3491,"children":3492},{"style":110},[3493],{"type":51,"value":3494}," {",{"type":45,"tag":92,"props":3496,"children":3497},{"style":243},[3498],{"type":51,"value":2452},{"type":45,"tag":92,"props":3500,"children":3501},{"style":110},[3502],{"type":51,"value":251},{"type":45,"tag":92,"props":3504,"children":3505},{"style":110},[3506],{"type":51,"value":144},{"type":45,"tag":92,"props":3508,"children":3509},{"style":147},[3510],{"type":51,"value":3462},{"type":45,"tag":92,"props":3512,"children":3513},{"style":110},[3514],{"type":51,"value":154},{"type":45,"tag":92,"props":3516,"children":3517},{"style":110},[3518],{"type":51,"value":124},{"type":45,"tag":92,"props":3520,"children":3521},{"style":243},[3522],{"type":51,"value":2478},{"type":45,"tag":92,"props":3524,"children":3525},{"style":110},[3526],{"type":51,"value":251},{"type":45,"tag":92,"props":3528,"children":3529},{"style":110},[3530],{"type":51,"value":144},{"type":45,"tag":92,"props":3532,"children":3533},{"style":147},[3534],{"type":51,"value":2491},{"type":45,"tag":92,"props":3536,"children":3537},{"style":110},[3538],{"type":51,"value":154},{"type":45,"tag":92,"props":3540,"children":3541},{"style":110},[3542],{"type":51,"value":715},{"type":45,"tag":92,"props":3544,"children":3545},{"class":94,"line":2219},[3546,3550,3554,3558,3562,3566,3570,3574,3578,3582,3586,3590,3594],{"type":45,"tag":92,"props":3547,"children":3548},{"style":110},[3549],{"type":51,"value":3494},{"type":45,"tag":92,"props":3551,"children":3552},{"style":243},[3553],{"type":51,"value":2452},{"type":45,"tag":92,"props":3555,"children":3556},{"style":110},[3557],{"type":51,"value":251},{"type":45,"tag":92,"props":3559,"children":3560},{"style":110},[3561],{"type":51,"value":144},{"type":45,"tag":92,"props":3563,"children":3564},{"style":147},[3565],{"type":51,"value":2414},{"type":45,"tag":92,"props":3567,"children":3568},{"style":110},[3569],{"type":51,"value":154},{"type":45,"tag":92,"props":3571,"children":3572},{"style":110},[3573],{"type":51,"value":124},{"type":45,"tag":92,"props":3575,"children":3576},{"style":243},[3577],{"type":51,"value":2478},{"type":45,"tag":92,"props":3579,"children":3580},{"style":110},[3581],{"type":51,"value":251},{"type":45,"tag":92,"props":3583,"children":3584},{"style":110},[3585],{"type":51,"value":144},{"type":45,"tag":92,"props":3587,"children":3588},{"style":147},[3589],{"type":51,"value":2547},{"type":45,"tag":92,"props":3591,"children":3592},{"style":110},[3593],{"type":51,"value":154},{"type":45,"tag":92,"props":3595,"children":3596},{"style":110},[3597],{"type":51,"value":715},{"type":45,"tag":92,"props":3599,"children":3601},{"class":94,"line":3600},19,[3602,3607],{"type":45,"tag":92,"props":3603,"children":3604},{"style":116},[3605],{"type":51,"value":3606}," ]",{"type":45,"tag":92,"props":3608,"children":3609},{"style":110},[3610],{"type":51,"value":260},{"type":45,"tag":92,"props":3612,"children":3614},{"class":94,"line":3613},20,[3615],{"type":45,"tag":92,"props":3616,"children":3617},{"style":110},[3618],{"type":51,"value":1926},{"type":45,"tag":92,"props":3620,"children":3622},{"class":94,"line":3621},21,[3623],{"type":45,"tag":92,"props":3624,"children":3625},{"style":110},[3626],{"type":51,"value":457},{"type":45,"tag":92,"props":3628,"children":3630},{"class":94,"line":3629},22,[3631],{"type":45,"tag":92,"props":3632,"children":3633},{"style":110},[3634],{"type":51,"value":466},{"type":45,"tag":92,"props":3636,"children":3638},{"class":94,"line":3637},23,[3639],{"type":45,"tag":92,"props":3640,"children":3641},{"emptyLinePlaceholder":208},[3642],{"type":51,"value":211},{"type":45,"tag":92,"props":3644,"children":3646},{"class":94,"line":3645},24,[3647,3651,3655,3659],{"type":45,"tag":92,"props":3648,"children":3649},{"style":99},[3650],{"type":51,"value":310},{"type":45,"tag":92,"props":3652,"children":3653},{"style":99},[3654],{"type":51,"value":315},{"type":45,"tag":92,"props":3656,"children":3657},{"style":116},[3658],{"type":51,"value":3197},{"type":45,"tag":92,"props":3660,"children":3661},{"style":110},[3662],{"type":51,"value":159},{"type":45,"tag":69,"props":3664,"children":3666},{"id":3665},"configuration",[3667],{"type":51,"value":3668},"Configuration",{"type":45,"tag":603,"props":3670,"children":3672},{"id":3671},"rnstorybookmaints",[3673],{"type":51,"value":3674},".rnstorybook\u002Fmain.ts",{"type":45,"tag":81,"props":3676,"children":3680},{"className":3677,"code":3678,"language":3679,"meta":86,"style":86},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { StorybookConfig } from '@storybook\u002Freact-native';\n\nconst main: StorybookConfig = {\n stories: ['..\u002Fcomponents\u002F**\u002F*.stories.?(ts|tsx|js|jsx)'],\n deviceAddons: [\n '@storybook\u002Faddon-ondevice-controls',\n '@storybook\u002Faddon-ondevice-backgrounds',\n '@storybook\u002Faddon-ondevice-actions',\n '@storybook\u002Faddon-ondevice-notes',\n ],\n framework: '@storybook\u002Freact-native',\n};\n\nexport default main;\n","ts",[3681],{"type":45,"tag":60,"props":3682,"children":3683},{"__ignoreMap":86},[3684,3728,3735,3763,3800,3816,3837,3856,3876,3896,3907,3935,3942,3949],{"type":45,"tag":92,"props":3685,"children":3686},{"class":94,"line":95},[3687,3691,3695,3699,3704,3708,3712,3716,3720,3724],{"type":45,"tag":92,"props":3688,"children":3689},{"style":99},[3690],{"type":51,"value":102},{"type":45,"tag":92,"props":3692,"children":3693},{"style":99},[3694],{"type":51,"value":107},{"type":45,"tag":92,"props":3696,"children":3697},{"style":110},[3698],{"type":51,"value":113},{"type":45,"tag":92,"props":3700,"children":3701},{"style":116},[3702],{"type":51,"value":3703}," StorybookConfig",{"type":45,"tag":92,"props":3705,"children":3706},{"style":110},[3707],{"type":51,"value":134},{"type":45,"tag":92,"props":3709,"children":3710},{"style":99},[3711],{"type":51,"value":139},{"type":45,"tag":92,"props":3713,"children":3714},{"style":110},[3715],{"type":51,"value":144},{"type":45,"tag":92,"props":3717,"children":3718},{"style":147},[3719],{"type":51,"value":65},{"type":45,"tag":92,"props":3721,"children":3722},{"style":110},[3723],{"type":51,"value":154},{"type":45,"tag":92,"props":3725,"children":3726},{"style":110},[3727],{"type":51,"value":159},{"type":45,"tag":92,"props":3729,"children":3730},{"class":94,"line":162},[3731],{"type":45,"tag":92,"props":3732,"children":3733},{"emptyLinePlaceholder":208},[3734],{"type":51,"value":211},{"type":45,"tag":92,"props":3736,"children":3737},{"class":94,"line":204},[3738,3742,3747,3751,3755,3759],{"type":45,"tag":92,"props":3739,"children":3740},{"style":218},[3741],{"type":51,"value":221},{"type":45,"tag":92,"props":3743,"children":3744},{"style":116},[3745],{"type":51,"value":3746}," main",{"type":45,"tag":92,"props":3748,"children":3749},{"style":110},[3750],{"type":51,"value":251},{"type":45,"tag":92,"props":3752,"children":3753},{"style":277},[3754],{"type":51,"value":3703},{"type":45,"tag":92,"props":3756,"children":3757},{"style":110},[3758],{"type":51,"value":343},{"type":45,"tag":92,"props":3760,"children":3761},{"style":110},[3762],{"type":51,"value":236},{"type":45,"tag":92,"props":3764,"children":3765},{"class":94,"line":214},[3766,3771,3775,3779,3783,3788,3792,3796],{"type":45,"tag":92,"props":3767,"children":3768},{"style":243},[3769],{"type":51,"value":3770}," stories",{"type":45,"tag":92,"props":3772,"children":3773},{"style":110},[3774],{"type":51,"value":251},{"type":45,"tag":92,"props":3776,"children":3777},{"style":116},[3778],{"type":51,"value":1082},{"type":45,"tag":92,"props":3780,"children":3781},{"style":110},[3782],{"type":51,"value":154},{"type":45,"tag":92,"props":3784,"children":3785},{"style":147},[3786],{"type":51,"value":3787},"..\u002Fcomponents\u002F**\u002F*.stories.?(ts|tsx|js|jsx)",{"type":45,"tag":92,"props":3789,"children":3790},{"style":110},[3791],{"type":51,"value":154},{"type":45,"tag":92,"props":3793,"children":3794},{"style":116},[3795],{"type":51,"value":1101},{"type":45,"tag":92,"props":3797,"children":3798},{"style":110},[3799],{"type":51,"value":260},{"type":45,"tag":92,"props":3801,"children":3802},{"class":94,"line":239},[3803,3808,3812],{"type":45,"tag":92,"props":3804,"children":3805},{"style":243},[3806],{"type":51,"value":3807}," deviceAddons",{"type":45,"tag":92,"props":3809,"children":3810},{"style":110},[3811],{"type":51,"value":251},{"type":45,"tag":92,"props":3813,"children":3814},{"style":116},[3815],{"type":51,"value":2439},{"type":45,"tag":92,"props":3817,"children":3818},{"class":94,"line":263},[3819,3824,3829,3833],{"type":45,"tag":92,"props":3820,"children":3821},{"style":110},[3822],{"type":51,"value":3823}," '",{"type":45,"tag":92,"props":3825,"children":3826},{"style":147},[3827],{"type":51,"value":3828},"@storybook\u002Faddon-ondevice-controls",{"type":45,"tag":92,"props":3830,"children":3831},{"style":110},[3832],{"type":51,"value":154},{"type":45,"tag":92,"props":3834,"children":3835},{"style":110},[3836],{"type":51,"value":260},{"type":45,"tag":92,"props":3838,"children":3839},{"class":94,"line":296},[3840,3844,3848,3852],{"type":45,"tag":92,"props":3841,"children":3842},{"style":110},[3843],{"type":51,"value":3823},{"type":45,"tag":92,"props":3845,"children":3846},{"style":147},[3847],{"type":51,"value":3126},{"type":45,"tag":92,"props":3849,"children":3850},{"style":110},[3851],{"type":51,"value":154},{"type":45,"tag":92,"props":3853,"children":3854},{"style":110},[3855],{"type":51,"value":260},{"type":45,"tag":92,"props":3857,"children":3858},{"class":94,"line":304},[3859,3863,3868,3872],{"type":45,"tag":92,"props":3860,"children":3861},{"style":110},[3862],{"type":51,"value":3823},{"type":45,"tag":92,"props":3864,"children":3865},{"style":147},[3866],{"type":51,"value":3867},"@storybook\u002Faddon-ondevice-actions",{"type":45,"tag":92,"props":3869,"children":3870},{"style":110},[3871],{"type":51,"value":154},{"type":45,"tag":92,"props":3873,"children":3874},{"style":110},[3875],{"type":51,"value":260},{"type":45,"tag":92,"props":3877,"children":3878},{"class":94,"line":327},[3879,3883,3888,3892],{"type":45,"tag":92,"props":3880,"children":3881},{"style":110},[3882],{"type":51,"value":3823},{"type":45,"tag":92,"props":3884,"children":3885},{"style":147},[3886],{"type":51,"value":3887},"@storybook\u002Faddon-ondevice-notes",{"type":45,"tag":92,"props":3889,"children":3890},{"style":110},[3891],{"type":51,"value":154},{"type":45,"tag":92,"props":3893,"children":3894},{"style":110},[3895],{"type":51,"value":260},{"type":45,"tag":92,"props":3897,"children":3898},{"class":94,"line":362},[3899,3903],{"type":45,"tag":92,"props":3900,"children":3901},{"style":116},[3902],{"type":51,"value":3043},{"type":45,"tag":92,"props":3904,"children":3905},{"style":110},[3906],{"type":51,"value":260},{"type":45,"tag":92,"props":3908,"children":3909},{"class":94,"line":370},[3910,3915,3919,3923,3927,3931],{"type":45,"tag":92,"props":3911,"children":3912},{"style":243},[3913],{"type":51,"value":3914}," framework",{"type":45,"tag":92,"props":3916,"children":3917},{"style":110},[3918],{"type":51,"value":251},{"type":45,"tag":92,"props":3920,"children":3921},{"style":110},[3922],{"type":51,"value":144},{"type":45,"tag":92,"props":3924,"children":3925},{"style":147},[3926],{"type":51,"value":65},{"type":45,"tag":92,"props":3928,"children":3929},{"style":110},[3930],{"type":51,"value":154},{"type":45,"tag":92,"props":3932,"children":3933},{"style":110},[3934],{"type":51,"value":260},{"type":45,"tag":92,"props":3936,"children":3937},{"class":94,"line":404},[3938],{"type":45,"tag":92,"props":3939,"children":3940},{"style":110},[3941],{"type":51,"value":466},{"type":45,"tag":92,"props":3943,"children":3944},{"class":94,"line":421},[3945],{"type":45,"tag":92,"props":3946,"children":3947},{"emptyLinePlaceholder":208},[3948],{"type":51,"value":211},{"type":45,"tag":92,"props":3950,"children":3951},{"class":94,"line":451},[3952,3956,3960,3964],{"type":45,"tag":92,"props":3953,"children":3954},{"style":99},[3955],{"type":51,"value":310},{"type":45,"tag":92,"props":3957,"children":3958},{"style":99},[3959],{"type":51,"value":315},{"type":45,"tag":92,"props":3961,"children":3962},{"style":116},[3963],{"type":51,"value":3746},{"type":45,"tag":92,"props":3965,"children":3966},{"style":110},[3967],{"type":51,"value":159},{"type":45,"tag":54,"props":3969,"children":3970},{},[3971],{"type":51,"value":3972},"Story globs also support the object form for multi-directory setups:",{"type":45,"tag":81,"props":3974,"children":3976},{"className":3677,"code":3975,"language":3679,"meta":86,"style":86},"stories: [\n '..\u002Fcomponents\u002F**\u002F*.stories.?(ts|tsx|js|jsx)',\n { directory: '..\u002Fother_components', files: '**\u002F*.stories.?(ts|tsx|js|jsx)' },\n],\n",[3977],{"type":45,"tag":60,"props":3978,"children":3979},{"__ignoreMap":86},[3980,3996,4016,4076],{"type":45,"tag":92,"props":3981,"children":3982},{"class":94,"line":95},[3983,3988,3992],{"type":45,"tag":92,"props":3984,"children":3985},{"style":277},[3986],{"type":51,"value":3987},"stories",{"type":45,"tag":92,"props":3989,"children":3990},{"style":110},[3991],{"type":51,"value":251},{"type":45,"tag":92,"props":3993,"children":3994},{"style":116},[3995],{"type":51,"value":2439},{"type":45,"tag":92,"props":3997,"children":3998},{"class":94,"line":162},[3999,4004,4008,4012],{"type":45,"tag":92,"props":4000,"children":4001},{"style":110},[4002],{"type":51,"value":4003}," '",{"type":45,"tag":92,"props":4005,"children":4006},{"style":147},[4007],{"type":51,"value":3787},{"type":45,"tag":92,"props":4009,"children":4010},{"style":110},[4011],{"type":51,"value":154},{"type":45,"tag":92,"props":4013,"children":4014},{"style":110},[4015],{"type":51,"value":260},{"type":45,"tag":92,"props":4017,"children":4018},{"class":94,"line":204},[4019,4024,4029,4033,4037,4042,4046,4050,4055,4059,4063,4068,4072],{"type":45,"tag":92,"props":4020,"children":4021},{"style":110},[4022],{"type":51,"value":4023}," {",{"type":45,"tag":92,"props":4025,"children":4026},{"style":243},[4027],{"type":51,"value":4028}," directory",{"type":45,"tag":92,"props":4030,"children":4031},{"style":110},[4032],{"type":51,"value":251},{"type":45,"tag":92,"props":4034,"children":4035},{"style":110},[4036],{"type":51,"value":144},{"type":45,"tag":92,"props":4038,"children":4039},{"style":147},[4040],{"type":51,"value":4041},"..\u002Fother_components",{"type":45,"tag":92,"props":4043,"children":4044},{"style":110},[4045],{"type":51,"value":154},{"type":45,"tag":92,"props":4047,"children":4048},{"style":110},[4049],{"type":51,"value":124},{"type":45,"tag":92,"props":4051,"children":4052},{"style":243},[4053],{"type":51,"value":4054}," files",{"type":45,"tag":92,"props":4056,"children":4057},{"style":110},[4058],{"type":51,"value":251},{"type":45,"tag":92,"props":4060,"children":4061},{"style":110},[4062],{"type":51,"value":144},{"type":45,"tag":92,"props":4064,"children":4065},{"style":147},[4066],{"type":51,"value":4067},"**\u002F*.stories.?(ts|tsx|js|jsx)",{"type":45,"tag":92,"props":4069,"children":4070},{"style":110},[4071],{"type":51,"value":154},{"type":45,"tag":92,"props":4073,"children":4074},{"style":110},[4075],{"type":51,"value":715},{"type":45,"tag":92,"props":4077,"children":4078},{"class":94,"line":214},[4079,4083],{"type":45,"tag":92,"props":4080,"children":4081},{"style":116},[4082],{"type":51,"value":1101},{"type":45,"tag":92,"props":4084,"children":4085},{"style":110},[4086],{"type":51,"value":260},{"type":45,"tag":69,"props":4088,"children":4090},{"id":4089},"portable-stories-testing",[4091],{"type":51,"value":4092},"Portable Stories (Testing)",{"type":45,"tag":54,"props":4094,"children":4095},{},[4096],{"type":51,"value":4097},"Reuse stories in Jest tests:",{"type":45,"tag":81,"props":4099,"children":4101},{"className":83,"code":4100,"language":85,"meta":86,"style":86},"import { render, screen } from '@testing-library\u002Freact-native';\nimport { composeStories } from '@storybook\u002Freact';\nimport * as stories from '.\u002FButton.stories';\n\nconst { Primary, Secondary } = composeStories(stories);\n\ntest('renders primary button', () => {\n render(\u003CPrimary \u002F>);\n expect(screen.getByText('Click me')).toBeTruthy();\n});\n\n\u002F\u002F Override args in tests\ntest('renders with custom props', () => {\n render(\u003CPrimary title=\"Custom\" \u002F>);\n expect(screen.getByText('Custom')).toBeTruthy();\n});\n",[4102],{"type":45,"tag":60,"props":4103,"children":4104},{"__ignoreMap":86},[4105,4155,4196,4240,4247,4292,4299,4341,4374,4438,4453,4460,4468,4508,4561,4620],{"type":45,"tag":92,"props":4106,"children":4107},{"class":94,"line":95},[4108,4112,4116,4121,4125,4130,4134,4138,4142,4147,4151],{"type":45,"tag":92,"props":4109,"children":4110},{"style":99},[4111],{"type":51,"value":102},{"type":45,"tag":92,"props":4113,"children":4114},{"style":110},[4115],{"type":51,"value":113},{"type":45,"tag":92,"props":4117,"children":4118},{"style":116},[4119],{"type":51,"value":4120}," render",{"type":45,"tag":92,"props":4122,"children":4123},{"style":110},[4124],{"type":51,"value":124},{"type":45,"tag":92,"props":4126,"children":4127},{"style":116},[4128],{"type":51,"value":4129}," screen",{"type":45,"tag":92,"props":4131,"children":4132},{"style":110},[4133],{"type":51,"value":134},{"type":45,"tag":92,"props":4135,"children":4136},{"style":99},[4137],{"type":51,"value":139},{"type":45,"tag":92,"props":4139,"children":4140},{"style":110},[4141],{"type":51,"value":144},{"type":45,"tag":92,"props":4143,"children":4144},{"style":147},[4145],{"type":51,"value":4146},"@testing-library\u002Freact-native",{"type":45,"tag":92,"props":4148,"children":4149},{"style":110},[4150],{"type":51,"value":154},{"type":45,"tag":92,"props":4152,"children":4153},{"style":110},[4154],{"type":51,"value":159},{"type":45,"tag":92,"props":4156,"children":4157},{"class":94,"line":162},[4158,4162,4166,4171,4175,4179,4183,4188,4192],{"type":45,"tag":92,"props":4159,"children":4160},{"style":99},[4161],{"type":51,"value":102},{"type":45,"tag":92,"props":4163,"children":4164},{"style":110},[4165],{"type":51,"value":113},{"type":45,"tag":92,"props":4167,"children":4168},{"style":116},[4169],{"type":51,"value":4170}," composeStories",{"type":45,"tag":92,"props":4172,"children":4173},{"style":110},[4174],{"type":51,"value":134},{"type":45,"tag":92,"props":4176,"children":4177},{"style":99},[4178],{"type":51,"value":139},{"type":45,"tag":92,"props":4180,"children":4181},{"style":110},[4182],{"type":51,"value":144},{"type":45,"tag":92,"props":4184,"children":4185},{"style":147},[4186],{"type":51,"value":4187},"@storybook\u002Freact",{"type":45,"tag":92,"props":4189,"children":4190},{"style":110},[4191],{"type":51,"value":154},{"type":45,"tag":92,"props":4193,"children":4194},{"style":110},[4195],{"type":51,"value":159},{"type":45,"tag":92,"props":4197,"children":4198},{"class":94,"line":204},[4199,4203,4208,4213,4218,4223,4227,4232,4236],{"type":45,"tag":92,"props":4200,"children":4201},{"style":99},[4202],{"type":51,"value":102},{"type":45,"tag":92,"props":4204,"children":4205},{"style":110},[4206],{"type":51,"value":4207}," *",{"type":45,"tag":92,"props":4209,"children":4210},{"style":99},[4211],{"type":51,"value":4212}," as",{"type":45,"tag":92,"props":4214,"children":4215},{"style":116},[4216],{"type":51,"value":4217}," stories ",{"type":45,"tag":92,"props":4219,"children":4220},{"style":99},[4221],{"type":51,"value":4222},"from",{"type":45,"tag":92,"props":4224,"children":4225},{"style":110},[4226],{"type":51,"value":144},{"type":45,"tag":92,"props":4228,"children":4229},{"style":147},[4230],{"type":51,"value":4231},".\u002FButton.stories",{"type":45,"tag":92,"props":4233,"children":4234},{"style":110},[4235],{"type":51,"value":154},{"type":45,"tag":92,"props":4237,"children":4238},{"style":110},[4239],{"type":51,"value":159},{"type":45,"tag":92,"props":4241,"children":4242},{"class":94,"line":214},[4243],{"type":45,"tag":92,"props":4244,"children":4245},{"emptyLinePlaceholder":208},[4246],{"type":51,"value":211},{"type":45,"tag":92,"props":4248,"children":4249},{"class":94,"line":239},[4250,4254,4258,4262,4266,4271,4275,4279,4283,4288],{"type":45,"tag":92,"props":4251,"children":4252},{"style":218},[4253],{"type":51,"value":221},{"type":45,"tag":92,"props":4255,"children":4256},{"style":110},[4257],{"type":51,"value":113},{"type":45,"tag":92,"props":4259,"children":4260},{"style":116},[4261],{"type":51,"value":631},{"type":45,"tag":92,"props":4263,"children":4264},{"style":110},[4265],{"type":51,"value":124},{"type":45,"tag":92,"props":4267,"children":4268},{"style":116},[4269],{"type":51,"value":4270}," Secondary ",{"type":45,"tag":92,"props":4272,"children":4273},{"style":110},[4274],{"type":51,"value":269},{"type":45,"tag":92,"props":4276,"children":4277},{"style":110},[4278],{"type":51,"value":343},{"type":45,"tag":92,"props":4280,"children":4281},{"style":882},[4282],{"type":51,"value":4170},{"type":45,"tag":92,"props":4284,"children":4285},{"style":116},[4286],{"type":51,"value":4287},"(stories)",{"type":45,"tag":92,"props":4289,"children":4290},{"style":110},[4291],{"type":51,"value":159},{"type":45,"tag":92,"props":4293,"children":4294},{"class":94,"line":263},[4295],{"type":45,"tag":92,"props":4296,"children":4297},{"emptyLinePlaceholder":208},[4298],{"type":51,"value":211},{"type":45,"tag":92,"props":4300,"children":4301},{"class":94,"line":296},[4302,4307,4311,4315,4320,4324,4328,4333,4337],{"type":45,"tag":92,"props":4303,"children":4304},{"style":882},[4305],{"type":51,"value":4306},"test",{"type":45,"tag":92,"props":4308,"children":4309},{"style":116},[4310],{"type":51,"value":1115},{"type":45,"tag":92,"props":4312,"children":4313},{"style":110},[4314],{"type":51,"value":154},{"type":45,"tag":92,"props":4316,"children":4317},{"style":147},[4318],{"type":51,"value":4319},"renders primary button",{"type":45,"tag":92,"props":4321,"children":4322},{"style":110},[4323],{"type":51,"value":154},{"type":45,"tag":92,"props":4325,"children":4326},{"style":110},[4327],{"type":51,"value":124},{"type":45,"tag":92,"props":4329,"children":4330},{"style":110},[4331],{"type":51,"value":4332}," ()",{"type":45,"tag":92,"props":4334,"children":4335},{"style":218},[4336],{"type":51,"value":909},{"type":45,"tag":92,"props":4338,"children":4339},{"style":110},[4340],{"type":51,"value":236},{"type":45,"tag":92,"props":4342,"children":4343},{"class":94,"line":304},[4344,4348,4352,4357,4361,4366,4370],{"type":45,"tag":92,"props":4345,"children":4346},{"style":882},[4347],{"type":51,"value":885},{"type":45,"tag":92,"props":4349,"children":4350},{"style":243},[4351],{"type":51,"value":1115},{"type":45,"tag":92,"props":4353,"children":4354},{"style":110},[4355],{"type":51,"value":4356},"\u003C",{"type":45,"tag":92,"props":4358,"children":4359},{"style":277},[4360],{"type":51,"value":786},{"type":45,"tag":92,"props":4362,"children":4363},{"style":110},[4364],{"type":51,"value":4365}," \u002F>",{"type":45,"tag":92,"props":4367,"children":4368},{"style":243},[4369],{"type":51,"value":904},{"type":45,"tag":92,"props":4371,"children":4372},{"style":110},[4373],{"type":51,"value":159},{"type":45,"tag":92,"props":4375,"children":4376},{"class":94,"line":327},[4377,4382,4386,4391,4395,4400,4404,4408,4412,4416,4421,4425,4430,4434],{"type":45,"tag":92,"props":4378,"children":4379},{"style":882},[4380],{"type":51,"value":4381}," expect",{"type":45,"tag":92,"props":4383,"children":4384},{"style":243},[4385],{"type":51,"value":1115},{"type":45,"tag":92,"props":4387,"children":4388},{"style":116},[4389],{"type":51,"value":4390},"screen",{"type":45,"tag":92,"props":4392,"children":4393},{"style":110},[4394],{"type":51,"value":791},{"type":45,"tag":92,"props":4396,"children":4397},{"style":882},[4398],{"type":51,"value":4399},"getByText",{"type":45,"tag":92,"props":4401,"children":4402},{"style":243},[4403],{"type":51,"value":1115},{"type":45,"tag":92,"props":4405,"children":4406},{"style":110},[4407],{"type":51,"value":154},{"type":45,"tag":92,"props":4409,"children":4410},{"style":147},[4411],{"type":51,"value":706},{"type":45,"tag":92,"props":4413,"children":4414},{"style":110},[4415],{"type":51,"value":154},{"type":45,"tag":92,"props":4417,"children":4418},{"style":243},[4419],{"type":51,"value":4420},"))",{"type":45,"tag":92,"props":4422,"children":4423},{"style":110},[4424],{"type":51,"value":791},{"type":45,"tag":92,"props":4426,"children":4427},{"style":882},[4428],{"type":51,"value":4429},"toBeTruthy",{"type":45,"tag":92,"props":4431,"children":4432},{"style":243},[4433],{"type":51,"value":1065},{"type":45,"tag":92,"props":4435,"children":4436},{"style":110},[4437],{"type":51,"value":159},{"type":45,"tag":92,"props":4439,"children":4440},{"class":94,"line":362},[4441,4445,4449],{"type":45,"tag":92,"props":4442,"children":4443},{"style":110},[4444],{"type":51,"value":269},{"type":45,"tag":92,"props":4446,"children":4447},{"style":116},[4448],{"type":51,"value":904},{"type":45,"tag":92,"props":4450,"children":4451},{"style":110},[4452],{"type":51,"value":159},{"type":45,"tag":92,"props":4454,"children":4455},{"class":94,"line":370},[4456],{"type":45,"tag":92,"props":4457,"children":4458},{"emptyLinePlaceholder":208},[4459],{"type":51,"value":211},{"type":45,"tag":92,"props":4461,"children":4462},{"class":94,"line":404},[4463],{"type":45,"tag":92,"props":4464,"children":4465},{"style":1787},[4466],{"type":51,"value":4467},"\u002F\u002F Override args in tests\n",{"type":45,"tag":92,"props":4469,"children":4470},{"class":94,"line":421},[4471,4475,4479,4483,4488,4492,4496,4500,4504],{"type":45,"tag":92,"props":4472,"children":4473},{"style":882},[4474],{"type":51,"value":4306},{"type":45,"tag":92,"props":4476,"children":4477},{"style":116},[4478],{"type":51,"value":1115},{"type":45,"tag":92,"props":4480,"children":4481},{"style":110},[4482],{"type":51,"value":154},{"type":45,"tag":92,"props":4484,"children":4485},{"style":147},[4486],{"type":51,"value":4487},"renders with custom props",{"type":45,"tag":92,"props":4489,"children":4490},{"style":110},[4491],{"type":51,"value":154},{"type":45,"tag":92,"props":4493,"children":4494},{"style":110},[4495],{"type":51,"value":124},{"type":45,"tag":92,"props":4497,"children":4498},{"style":110},[4499],{"type":51,"value":4332},{"type":45,"tag":92,"props":4501,"children":4502},{"style":218},[4503],{"type":51,"value":909},{"type":45,"tag":92,"props":4505,"children":4506},{"style":110},[4507],{"type":51,"value":236},{"type":45,"tag":92,"props":4509,"children":4510},{"class":94,"line":451},[4511,4515,4519,4523,4527,4531,4535,4540,4545,4549,4553,4557],{"type":45,"tag":92,"props":4512,"children":4513},{"style":882},[4514],{"type":51,"value":885},{"type":45,"tag":92,"props":4516,"children":4517},{"style":243},[4518],{"type":51,"value":1115},{"type":45,"tag":92,"props":4520,"children":4521},{"style":110},[4522],{"type":51,"value":4356},{"type":45,"tag":92,"props":4524,"children":4525},{"style":277},[4526],{"type":51,"value":786},{"type":45,"tag":92,"props":4528,"children":4529},{"style":218},[4530],{"type":51,"value":693},{"type":45,"tag":92,"props":4532,"children":4533},{"style":110},[4534],{"type":51,"value":231},{"type":45,"tag":92,"props":4536,"children":4537},{"style":110},[4538],{"type":51,"value":4539},"\"",{"type":45,"tag":92,"props":4541,"children":4542},{"style":147},[4543],{"type":51,"value":4544},"Custom",{"type":45,"tag":92,"props":4546,"children":4547},{"style":110},[4548],{"type":51,"value":4539},{"type":45,"tag":92,"props":4550,"children":4551},{"style":110},[4552],{"type":51,"value":4365},{"type":45,"tag":92,"props":4554,"children":4555},{"style":243},[4556],{"type":51,"value":904},{"type":45,"tag":92,"props":4558,"children":4559},{"style":110},[4560],{"type":51,"value":159},{"type":45,"tag":92,"props":4562,"children":4563},{"class":94,"line":460},[4564,4568,4572,4576,4580,4584,4588,4592,4596,4600,4604,4608,4612,4616],{"type":45,"tag":92,"props":4565,"children":4566},{"style":882},[4567],{"type":51,"value":4381},{"type":45,"tag":92,"props":4569,"children":4570},{"style":243},[4571],{"type":51,"value":1115},{"type":45,"tag":92,"props":4573,"children":4574},{"style":116},[4575],{"type":51,"value":4390},{"type":45,"tag":92,"props":4577,"children":4578},{"style":110},[4579],{"type":51,"value":791},{"type":45,"tag":92,"props":4581,"children":4582},{"style":882},[4583],{"type":51,"value":4399},{"type":45,"tag":92,"props":4585,"children":4586},{"style":243},[4587],{"type":51,"value":1115},{"type":45,"tag":92,"props":4589,"children":4590},{"style":110},[4591],{"type":51,"value":154},{"type":45,"tag":92,"props":4593,"children":4594},{"style":147},[4595],{"type":51,"value":4544},{"type":45,"tag":92,"props":4597,"children":4598},{"style":110},[4599],{"type":51,"value":154},{"type":45,"tag":92,"props":4601,"children":4602},{"style":243},[4603],{"type":51,"value":4420},{"type":45,"tag":92,"props":4605,"children":4606},{"style":110},[4607],{"type":51,"value":791},{"type":45,"tag":92,"props":4609,"children":4610},{"style":882},[4611],{"type":51,"value":4429},{"type":45,"tag":92,"props":4613,"children":4614},{"style":243},[4615],{"type":51,"value":1065},{"type":45,"tag":92,"props":4617,"children":4618},{"style":110},[4619],{"type":51,"value":159},{"type":45,"tag":92,"props":4621,"children":4622},{"class":94,"line":2126},[4623,4627,4631],{"type":45,"tag":92,"props":4624,"children":4625},{"style":110},[4626],{"type":51,"value":269},{"type":45,"tag":92,"props":4628,"children":4629},{"style":116},[4630],{"type":51,"value":904},{"type":45,"tag":92,"props":4632,"children":4633},{"style":110},[4634],{"type":51,"value":159},{"type":45,"tag":54,"props":4636,"children":4637},{},[4638,4640,4646],{"type":51,"value":4639},"For single stories use ",{"type":45,"tag":60,"props":4641,"children":4643},{"className":4642},[],[4644],{"type":51,"value":4645},"composeStory",{"type":51,"value":251},{"type":45,"tag":81,"props":4648,"children":4650},{"className":83,"code":4649,"language":85,"meta":86,"style":86},"import { composeStory } from '@storybook\u002Freact';\nimport meta, { Primary } from '.\u002FButton.stories';\n\nconst PrimaryStory = composeStory(Primary, meta);\n",[4651],{"type":45,"tag":60,"props":4652,"children":4653},{"__ignoreMap":86},[4654,4694,4741,4748],{"type":45,"tag":92,"props":4655,"children":4656},{"class":94,"line":95},[4657,4661,4665,4670,4674,4678,4682,4686,4690],{"type":45,"tag":92,"props":4658,"children":4659},{"style":99},[4660],{"type":51,"value":102},{"type":45,"tag":92,"props":4662,"children":4663},{"style":110},[4664],{"type":51,"value":113},{"type":45,"tag":92,"props":4666,"children":4667},{"style":116},[4668],{"type":51,"value":4669}," composeStory",{"type":45,"tag":92,"props":4671,"children":4672},{"style":110},[4673],{"type":51,"value":134},{"type":45,"tag":92,"props":4675,"children":4676},{"style":99},[4677],{"type":51,"value":139},{"type":45,"tag":92,"props":4679,"children":4680},{"style":110},[4681],{"type":51,"value":144},{"type":45,"tag":92,"props":4683,"children":4684},{"style":147},[4685],{"type":51,"value":4187},{"type":45,"tag":92,"props":4687,"children":4688},{"style":110},[4689],{"type":51,"value":154},{"type":45,"tag":92,"props":4691,"children":4692},{"style":110},[4693],{"type":51,"value":159},{"type":45,"tag":92,"props":4695,"children":4696},{"class":94,"line":162},[4697,4701,4705,4709,4713,4717,4721,4725,4729,4733,4737],{"type":45,"tag":92,"props":4698,"children":4699},{"style":99},[4700],{"type":51,"value":102},{"type":45,"tag":92,"props":4702,"children":4703},{"style":116},[4704],{"type":51,"value":320},{"type":45,"tag":92,"props":4706,"children":4707},{"style":110},[4708],{"type":51,"value":124},{"type":45,"tag":92,"props":4710,"children":4711},{"style":110},[4712],{"type":51,"value":113},{"type":45,"tag":92,"props":4714,"children":4715},{"style":116},[4716],{"type":51,"value":631},{"type":45,"tag":92,"props":4718,"children":4719},{"style":110},[4720],{"type":51,"value":134},{"type":45,"tag":92,"props":4722,"children":4723},{"style":99},[4724],{"type":51,"value":139},{"type":45,"tag":92,"props":4726,"children":4727},{"style":110},[4728],{"type":51,"value":144},{"type":45,"tag":92,"props":4730,"children":4731},{"style":147},[4732],{"type":51,"value":4231},{"type":45,"tag":92,"props":4734,"children":4735},{"style":110},[4736],{"type":51,"value":154},{"type":45,"tag":92,"props":4738,"children":4739},{"style":110},[4740],{"type":51,"value":159},{"type":45,"tag":92,"props":4742,"children":4743},{"class":94,"line":204},[4744],{"type":45,"tag":92,"props":4745,"children":4746},{"emptyLinePlaceholder":208},[4747],{"type":51,"value":211},{"type":45,"tag":92,"props":4749,"children":4750},{"class":94,"line":214},[4751,4755,4760,4764,4768,4773,4777,4782],{"type":45,"tag":92,"props":4752,"children":4753},{"style":218},[4754],{"type":51,"value":221},{"type":45,"tag":92,"props":4756,"children":4757},{"style":116},[4758],{"type":51,"value":4759}," PrimaryStory ",{"type":45,"tag":92,"props":4761,"children":4762},{"style":110},[4763],{"type":51,"value":231},{"type":45,"tag":92,"props":4765,"children":4766},{"style":882},[4767],{"type":51,"value":4669},{"type":45,"tag":92,"props":4769,"children":4770},{"style":116},[4771],{"type":51,"value":4772},"(Primary",{"type":45,"tag":92,"props":4774,"children":4775},{"style":110},[4776],{"type":51,"value":124},{"type":45,"tag":92,"props":4778,"children":4779},{"style":116},[4780],{"type":51,"value":4781}," meta)",{"type":45,"tag":92,"props":4783,"children":4784},{"style":110},[4785],{"type":51,"value":159},{"type":45,"tag":54,"props":4787,"children":4788},{},[4789],{"type":51,"value":4790},"Setup global annotations for tests in a Jest setup file:",{"type":45,"tag":81,"props":4792,"children":4794},{"className":3677,"code":4793,"language":3679,"meta":86,"style":86},"\u002F\u002F setup-portable-stories.ts\nimport { setProjectAnnotations } from '@storybook\u002Freact';\nimport * as previewAnnotations from '..\u002F.rnstorybook\u002Fpreview';\nsetProjectAnnotations(previewAnnotations);\n",[4795],{"type":45,"tag":60,"props":4796,"children":4797},{"__ignoreMap":86},[4798,4806,4846,4887],{"type":45,"tag":92,"props":4799,"children":4800},{"class":94,"line":95},[4801],{"type":45,"tag":92,"props":4802,"children":4803},{"style":1787},[4804],{"type":51,"value":4805},"\u002F\u002F setup-portable-stories.ts\n",{"type":45,"tag":92,"props":4807,"children":4808},{"class":94,"line":162},[4809,4813,4817,4822,4826,4830,4834,4838,4842],{"type":45,"tag":92,"props":4810,"children":4811},{"style":99},[4812],{"type":51,"value":102},{"type":45,"tag":92,"props":4814,"children":4815},{"style":110},[4816],{"type":51,"value":113},{"type":45,"tag":92,"props":4818,"children":4819},{"style":116},[4820],{"type":51,"value":4821}," setProjectAnnotations",{"type":45,"tag":92,"props":4823,"children":4824},{"style":110},[4825],{"type":51,"value":134},{"type":45,"tag":92,"props":4827,"children":4828},{"style":99},[4829],{"type":51,"value":139},{"type":45,"tag":92,"props":4831,"children":4832},{"style":110},[4833],{"type":51,"value":144},{"type":45,"tag":92,"props":4835,"children":4836},{"style":147},[4837],{"type":51,"value":4187},{"type":45,"tag":92,"props":4839,"children":4840},{"style":110},[4841],{"type":51,"value":154},{"type":45,"tag":92,"props":4843,"children":4844},{"style":110},[4845],{"type":51,"value":159},{"type":45,"tag":92,"props":4847,"children":4848},{"class":94,"line":204},[4849,4853,4857,4861,4866,4870,4874,4879,4883],{"type":45,"tag":92,"props":4850,"children":4851},{"style":99},[4852],{"type":51,"value":102},{"type":45,"tag":92,"props":4854,"children":4855},{"style":110},[4856],{"type":51,"value":4207},{"type":45,"tag":92,"props":4858,"children":4859},{"style":99},[4860],{"type":51,"value":4212},{"type":45,"tag":92,"props":4862,"children":4863},{"style":116},[4864],{"type":51,"value":4865}," previewAnnotations ",{"type":45,"tag":92,"props":4867,"children":4868},{"style":99},[4869],{"type":51,"value":4222},{"type":45,"tag":92,"props":4871,"children":4872},{"style":110},[4873],{"type":51,"value":144},{"type":45,"tag":92,"props":4875,"children":4876},{"style":147},[4877],{"type":51,"value":4878},"..\u002F.rnstorybook\u002Fpreview",{"type":45,"tag":92,"props":4880,"children":4881},{"style":110},[4882],{"type":51,"value":154},{"type":45,"tag":92,"props":4884,"children":4885},{"style":110},[4886],{"type":51,"value":159},{"type":45,"tag":92,"props":4888,"children":4889},{"class":94,"line":214},[4890,4895,4900],{"type":45,"tag":92,"props":4891,"children":4892},{"style":882},[4893],{"type":51,"value":4894},"setProjectAnnotations",{"type":45,"tag":92,"props":4896,"children":4897},{"style":116},[4898],{"type":51,"value":4899},"(previewAnnotations)",{"type":45,"tag":92,"props":4901,"children":4902},{"style":110},[4903],{"type":51,"value":159},{"type":45,"tag":69,"props":4905,"children":4907},{"id":4906},"addons-summary",[4908],{"type":51,"value":4909},"Addons Summary",{"type":45,"tag":2589,"props":4911,"children":4912},{},[4913,4934],{"type":45,"tag":2593,"props":4914,"children":4915},{},[4916],{"type":45,"tag":2597,"props":4917,"children":4918},{},[4919,4924,4929],{"type":45,"tag":2601,"props":4920,"children":4921},{},[4922],{"type":51,"value":4923},"Addon",{"type":45,"tag":2601,"props":4925,"children":4926},{},[4927],{"type":51,"value":4928},"Package",{"type":45,"tag":2601,"props":4930,"children":4931},{},[4932],{"type":51,"value":4933},"Purpose",{"type":45,"tag":2617,"props":4935,"children":4936},{},[4937,4958,4979,5000],{"type":45,"tag":2597,"props":4938,"children":4939},{},[4940,4945,4953],{"type":45,"tag":2624,"props":4941,"children":4942},{},[4943],{"type":51,"value":4944},"Controls",{"type":45,"tag":2624,"props":4946,"children":4947},{},[4948],{"type":45,"tag":60,"props":4949,"children":4951},{"className":4950},[],[4952],{"type":51,"value":3828},{"type":45,"tag":2624,"props":4954,"children":4955},{},[4956],{"type":51,"value":4957},"Edit props interactively",{"type":45,"tag":2597,"props":4959,"children":4960},{},[4961,4966,4974],{"type":45,"tag":2624,"props":4962,"children":4963},{},[4964],{"type":51,"value":4965},"Actions",{"type":45,"tag":2624,"props":4967,"children":4968},{},[4969],{"type":45,"tag":60,"props":4970,"children":4972},{"className":4971},[],[4973],{"type":51,"value":3867},{"type":45,"tag":2624,"props":4975,"children":4976},{},[4977],{"type":51,"value":4978},"Log component interactions",{"type":45,"tag":2597,"props":4980,"children":4981},{},[4982,4987,4995],{"type":45,"tag":2624,"props":4983,"children":4984},{},[4985],{"type":51,"value":4986},"Backgrounds",{"type":45,"tag":2624,"props":4988,"children":4989},{},[4990],{"type":45,"tag":60,"props":4991,"children":4993},{"className":4992},[],[4994],{"type":51,"value":3126},{"type":45,"tag":2624,"props":4996,"children":4997},{},[4998],{"type":51,"value":4999},"Change story backgrounds",{"type":45,"tag":2597,"props":5001,"children":5002},{},[5003,5008,5016],{"type":45,"tag":2624,"props":5004,"children":5005},{},[5006],{"type":51,"value":5007},"Notes",{"type":45,"tag":2624,"props":5009,"children":5010},{},[5011],{"type":45,"tag":60,"props":5012,"children":5014},{"className":5013},[],[5015],{"type":51,"value":3887},{"type":45,"tag":2624,"props":5017,"children":5018},{},[5019],{"type":51,"value":5020},"Add markdown documentation",{"type":45,"tag":5022,"props":5023,"children":5024},"style",{},[5025],{"type":51,"value":5026},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5028,"total":296},[5029,5041,5053,5060,5078,5088,5098],{"slug":5030,"name":5030,"fn":5031,"description":5032,"org":5033,"tags":5034,"stars":26,"repoUrl":27,"updatedAt":5040},"setup-react-native-storybook","configure Storybook for React Native projects","Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router, configuring getStorybookUI, or adding the StorybookPlugin to a Re.Pack rspack\u002Fwebpack config. Covers Expo, Expo Router, plain React Native CLI, and Re.Pack setups.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5035,5037,5038,5039],{"name":5036,"slug":32,"type":16},"Expo",{"name":14,"slug":15,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},"2026-07-16T05:59:11.855468",{"slug":5042,"name":5042,"fn":5043,"description":5044,"org":5045,"tags":5046,"stars":26,"repoUrl":27,"updatedAt":5052},"upgrading-react-native-storybook","upgrade React Native Storybook versions","Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading `@storybook\u002Freact-native` projects from 5.3.x to 6.5.x, 6.5.x to 7.6.x, 7.6.x to 8.3.x, 8.x to 9.x, or 9.x to 10.x. Detect the currently installed Storybook version, choose only the next migration step, update dependencies and config, regenerate `storybook.requires`, convert remaining `storiesOf` stories to CSF during the `6.5.x -> 7.6.x` upgrade, and stop after a single version hop instead of jumping multiple major versions at once.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5047,5050,5051],{"name":5048,"slug":5049,"type":16},"Migration","migration",{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},"2026-07-16T06:00:45.492255",{"slug":4,"name":4,"fn":5,"description":6,"org":5054,"tags":5055,"stars":26,"repoUrl":27,"updatedAt":28},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5056,5057,5058,5059],{"name":18,"slug":19,"type":16},{"name":14,"slug":15,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},{"slug":3987,"name":3987,"fn":5061,"description":5062,"org":5063,"tags":5064,"stars":5075,"repoUrl":5076,"updatedAt":5077},"manage UI components and design tokens","Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse, or list components, stories, or UI states, and docs, props, or usage lookups.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5065,5068,5071,5074],{"name":5066,"slug":5067,"type":16},"CSS","css",{"name":5069,"slug":5070,"type":16},"Design","design",{"name":5072,"slug":5073,"type":16},"Themes","themes",{"name":21,"slug":22,"type":16},262,"https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Fmcp","2026-07-16T05:59:14.246482",{"slug":5079,"name":5079,"fn":5080,"description":5081,"org":5082,"tags":5083,"stars":5075,"repoUrl":5076,"updatedAt":5087},"storybook-init","initialize Storybook in new projects","Use when adding Storybook to a project that does not have Storybook configured yet.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5084,5085,5086],{"name":3668,"slug":3665,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},"2026-07-16T06:00:45.823925",{"slug":5089,"name":5089,"fn":5090,"description":5091,"org":5092,"tags":5093,"stars":5075,"repoUrl":5076,"updatedAt":5097},"storybook-setup","configure Storybook preview and stories","Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5094,5095,5096],{"name":3668,"slug":3665,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},"2026-07-16T05:59:14.581999",{"slug":5099,"name":5099,"fn":5100,"description":5101,"org":5102,"tags":5103,"stars":5075,"repoUrl":5076,"updatedAt":5107},"storybook-upgrade","upgrade existing Storybook installations","Use this skill when Storybook exists but needs an upgrade.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5104,5105,5106],{"name":3668,"slug":3665,"type":16},{"name":5048,"slug":5049,"type":16},{"name":21,"slug":22,"type":16},"2026-07-16T05:59:14.927035",{"items":5109,"total":204},[5110,5117,5123],{"slug":5030,"name":5030,"fn":5031,"description":5032,"org":5111,"tags":5112,"stars":26,"repoUrl":27,"updatedAt":5040},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5113,5114,5115,5116],{"name":5036,"slug":32,"type":16},{"name":14,"slug":15,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16},{"slug":5042,"name":5042,"fn":5043,"description":5044,"org":5118,"tags":5119,"stars":26,"repoUrl":27,"updatedAt":5052},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5120,5121,5122],{"name":5048,"slug":5049,"type":16},{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"slug":4,"name":4,"fn":5,"description":6,"org":5124,"tags":5125,"stars":26,"repoUrl":27,"updatedAt":28},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5126,5127,5128,5129],{"name":18,"slug":19,"type":16},{"name":14,"slug":15,"type":16},{"name":24,"slug":25,"type":16},{"name":21,"slug":22,"type":16}]