@ledgerhq/lumen-ui-rnative 0.1.48 → 0.1.49

package/dist/module/lib/Components/BottomSheet/BottomSheet.mdx

@@ -2,8 +2,6 @@ import { Meta, Story, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as BottomSheetStories from './BottomSheet.stories';
 import { BottomSheet } from './BottomSheet';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
 
 <Meta title='Core/BottomSheet' of={BottomSheetStories} />
@@ -275,123 +273,6 @@ import {
 - **SectionList**: Not compatible with react-native-web. See [Gorhom documentation](https://gorhom.dev/react-native-bottom-sheet/components/bottomsheetsectionlist).
 - **FlashList**: Requires `@shopify/flash-list` package. See [Gorhom docs](https://gorhom.dev/react-native-bottom-sheet/components/bottomsheetflashlist)
 
-## Do's and Don'ts
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use specialized scrollable components'
-      description='Always use BottomSheet-specific components for scrollable content'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<BottomSheet ref={bottomSheetRef} snapPoints='full'>
-  <BottomSheetScrollView>
-    <BottomSheetHeader title='Title' density='compact' />
-    <Text typography='body2' lx={{ color: 'base' }}>Content</Text>
-  </BottomSheetScrollView>
-</BottomSheet>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use regular React Native components"
-      description='Avoid using regular ScrollView, FlatList, etc. - they will not work properly'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<BottomSheet ref={bottomSheetRef} snapPoints='full'>
-  <ScrollView>
-    <BottomSheetHeader title='Title' density='compact' />
-    <Text typography='body2' lx={{ color: 'base' }}>Content</Text>
-  </ScrollView>
-</BottomSheet>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use useBottomSheetRef with optional chaining'
-      description='Use the provided hook and always use optional chaining to call methods safely'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const bottomSheetRef = useBottomSheetRef();
-
-bottomSheetRef.current?.present();
-bottomSheetRef.current?.dismiss();
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't call methods without optional chaining"
-      description='Calling methods without optional chaining may crash if ref is not yet mounted'
-    >
-
-{/* prettier-ignore */}
-```tsx
-const bottomSheetRef = useBottomSheetRef();
-
-bottomSheetRef.current.present();
-bottomSheetRef.current.dismiss();
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Disable both props for non-dismissible sheets'
-      description='For critical flows, disable both close button and pan-down gesture'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<BottomSheet
-  ref={bottomSheetRef}
-  snapPoints='full'
-  hideCloseButton
-  enablePanDownToClose={false}
-  backdropPressBehavior='none'
->
-  <BottomSheetView>
-    <Text typography='body2' lx={{ color: 'base' }}>Critical content</Text>
-  </BottomSheetView>
-</BottomSheet>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't disable only one dismissal method"
-      description='Partially blocking dismissal creates confusing UX - disable all methods or none'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<BottomSheet
-  ref={bottomSheetRef}
-  snapPoints='full'
-  hideCloseButton
->
-  <BottomSheetView>
-    <Text typography='body2' lx={{ color: 'base' }}>Critical content</Text>
-  </BottomSheetView>
-</BottomSheet>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
 
 ## Learn More
 

package/dist/module/lib/Components/Button/Button.figma.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Placeholder } from "../../Symbols/index.js";
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Button, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=9%3A28', {
+  imports: ["import { Button } from '@ledgerhq/lumen-ui-rnative'", "import { Placeholder } from '@ledgerhq/lumen-ui-rnative/symbols'"],
+  props: {
+    disabled: figma.enum('state', {
+      disabled: true
+    }),
+    loading: figma.enum('state', {
+      loading: true
+    }),
+    appearance: figma.enum('appearance', {
+      base: 'base',
+      gray: 'gray',
+      accent: 'accent',
+      transparent: 'transparent',
+      'no-background': 'no-background',
+      red: 'red'
+    }),
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md',
+      lg: 'lg'
+    }),
+    children: figma.string('label'),
+    icon: figma.enum('content', {
+      'icon-text': Placeholder,
+      text: undefined
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Button, {
+    disabled: props.disabled,
+    loading: props.loading,
+    appearance: props.appearance,
+    size: props.size,
+    icon: props.icon,
+    onPress: () => {},
+    children: props.children
+  })
+});
+//# sourceMappingURL=Button.figma.js.map

package/dist/module/lib/Components/Button/Button.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Placeholder","Button","jsx","_jsx","connect","imports","props","disabled","enum","loading","appearance","base","gray","accent","transparent","red","size","sm","md","lg","children","string","icon","text","undefined","example","onPress"],"sourceRoot":"../../../../../src","sources":["lib/Components/Button/Button.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,QAAQ,wBAAe;AAC3C,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlCJ,KAAK,CAACK,OAAO,CACXH,MAAM,EACN,oEAAoE,EACpE;EACEI,OAAO,EAAE,CACP,qDAAqD,EACrD,kEAAkE,CACnE;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAER,KAAK,CAACS,IAAI,CAAC,OAAO,EAAE;MAC5BD,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFE,OAAO,EAAEV,KAAK,CAACS,IAAI,CAAC,OAAO,EAAE;MAC3BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,UAAU,EAAEX,KAAK,CAACS,IAAI,CAAC,YAAY,EAAE;MACnCG,IAAI,EAAE,MAAM;MACZC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,QAAQ;MAChBC,WAAW,EAAE,aAAa;MAC1B,eAAe,EAAE,eAAe;MAChCC,GAAG,EAAE;IACP,CAAC,CAAC;IACFC,IAAI,EAAEjB,KAAK,CAACS,IAAI,CAAC,MAAM,EAAE;MACvBS,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,QAAQ,EAAErB,KAAK,CAACsB,MAAM,CAAC,OAAO,CAAC;IAC/BC,IAAI,EAAEvB,KAAK,CAACS,IAAI,CAAC,SAAS,EAAE;MAC1B,WAAW,EAAER,WAAW;MACxBuB,IAAI,EAAEC;IACR,CAAC;EACH,CAAC;EACDC,OAAO,EACLnB,KAEC,iBAEDH,IAAA,CAACF,MAAM;IACLM,QAAQ,EAAED,KAAK,CAACC,QAAS;IACzBE,OAAO,EAAEH,KAAK,CAACG,OAAQ;IACvBC,UAAU,EAAEJ,KAAK,CAACI,UAAW;IAC7BM,IAAI,EAAEV,KAAK,CAACU,IAAK;IACjBM,IAAI,EAAEhB,KAAK,CAACgB,IAAK;IACjBI,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;IAAAN,QAAA,EAEjBd,KAAK,CAACc;EAAQ,CACT;AAEZ,CACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Button/Button.mdx

@@ -1,17 +1,14 @@
-import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import { Meta, Canvas, Controls, Source } from '@storybook/addon-docs/blocks';
 import * as ButtonStories from './Button.stories';
 import { Button } from './Button';
-import { CustomTabs, Tab } from '../../../../.storybook/components';
-import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
-import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-import { Box } from '../Utility';
+import { CustomTabs, Tab, SetupNote } from '../../../../.storybook/components';
 
 <Meta title='Core/Button' of={ButtonStories} />
 
 # Button
 
 <CustomTabs>
-  <Tab label="Overview ">
+  <Tab label="Overview">
 
 ## Introduction
 
@@ -23,9 +20,11 @@ Buttons are key interactive elements that trigger actions and guide users throug
 
 <Canvas of={ButtonStories.IconText} />
 
-- **Label**: describes the action that occurs when the button is tapped
+- **Label(required)**: must be present and describe the action that occurs when the button is tapped
 - **Icon (optional)**: visually communicate the button's action, and helps draw attention
 
+> Note: For **icon-only buttons**, use the [IconButton](https://ldls-react-native.vercel.app/?path=/docs/rnative-iconbutton--docs) component instead. It's specifically designed for icon-only interactions with proper accessibility support.
+
 ## Properties
 
 ### Overview
@@ -53,8 +52,6 @@ Buttons' contents can be of two types:
 - text (default)
 - icon-text
 
-> Note: For `icon-only` buttons, use the [IconButton](https://ldls-react-native.vercel.app/?path=/docs/rnative-iconbutton--docs) component instead. It's specifically designed for icon-only interactions with proper accessibility support.
-
 <Canvas of={ButtonStories.ContentTypesShowcase} />
 
 ### Size
@@ -69,11 +66,12 @@ Buttons come in four different sizes:
 
 <Canvas of={ButtonStories.SizesShowcase} />
 
-
 ### States
 
 <Canvas of={ButtonStories.StatesShowcase} />
 
+> **Important Note:** The `loading` and `disabled` states are **not coupled**. When `disabled` is set, all event handlers are deactivated. When only `loading` is set (without `disabled`), the button remains pressable. Combine both props if you need to prevent interactions during loading.
+
 ## Responsive Layout
 
 Buttons dynamically adapt their width to the size of their content, while keeping the default paddings:
@@ -86,84 +84,23 @@ When a label is too long, it's truncated to 2 lines, with a maximum width of the
 
 > The Button must dynamically resize to its container constraints.
 
-## Accessibility
-
-To be implemented:
-
-- Color contrast
-- Text zoom
-- Touch target sizing (minimum 44px)
-- Screen reader compatibility
-- Semantic labeling
-
-### Interactive States
+## Interactive States
 
 <Canvas of={ButtonStories.InteractiveLoadingStates} />
 
-</Tab> <Tab label="Implementation ">
-
-## Setup
+</Tab> <Tab label="Implementation">
 
-Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
+<SetupNote />
 
 ### Basic Usage
 
-```tsx
-import { Button } from '@ledgerhq/lumen-ui-rnative';
-
-function MyComponent() {
-  return (
-    <Button size='md' appearance='base' onPress={() => console.log('Pressed!')}>
-      Click me
-    </Button>
-  );
-}
-```
-
-### Custom Styling
-
-While the component comes with predefined styles, you can extend them using the `lx` prop for token-based styling:
-
-```tsx
-<Button
-  size='md'
-  appearance='base'
-  lx={{ marginTop: 's4' }} // Custom margin top using design tokens
-  onPress={() => {}}
->
-  Custom Button
-</Button>
-```
-
-You can also use the `style` prop for escape-hatch styling when needed:
-
-```tsx
-<Button
-  size='md'
-  appearance='base'
-  style={{ marginTop: 16 }} // Raw style values
-  onPress={() => {}}
->
-  Custom Button
-</Button>
-```
+<Source of={ButtonStories.Base} />
 
 ### With Icons
 
-The Button component supports icons with automatic size adjustment based on the button size:
+The Button supports icons with automatic size adjustment based on the button size.
 
-```tsx
-import { Button } from '@ledgerhq/lumen-ui-rnative';
-import { ArrowRight } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-function MyComponent() {
-  return (
-    <Button size='md' appearance='base' icon={ArrowRight} onPress={() => {}}>
-      Continue
-    </Button>
-  );
-}
-```
+<Source of={ButtonStories.IconText} />
 
 ### Full Width
 
@@ -175,173 +112,37 @@ Use the `isFull` prop to make the button take the full width of its container:
 </Button>
 ```
 
-### Loading State
+### States
+
+Use the `loading` and `disabled` props to reflect state. `loading` shows a spinner; combine it with `disabled` to block interaction while loading.
+
+<Source of={ButtonStories.StatesShowcase} />
 
-Use the `loading` prop to show a spinner and disable interaction:
+### Custom Styling
+
+Extend layout with the token-based `lx` prop, or the `style` prop as an escape hatch:
 
 ```tsx
-<Button
-  size='md'
-  appearance='base'
-  loading={isLoading}
-  disabled={isLoading}
-  onPress={() => {}}
->
-  {isLoading ? 'Loading...' : 'Submit'}
+<Button size='md' appearance='base' lx={{ marginTop: 's4' }} onPress={() => {}}>
+  Custom Button
 </Button>
 ```
 
 ### Pressable Integration
 
-The Button component is built on React Native's `Pressable` and accepts all its props:
+The Button is built on React Native's `Pressable` and accepts all its props:
 
 ```tsx
 <Button
-  size='md'
   appearance='base'
   onPress={() => console.log('Pressed!')}
   onPressIn={() => console.log('Press started')}
   onPressOut={() => console.log('Press ended')}
-  disabled={false}
 >
   Interactive Button
 </Button>
 ```
 
-## Do's and Don'ts
-
-The following guidelines are based on our [Button Component API Design ADR](https://ledgerhq.atlassian.net/wiki/spaces/DLS/pages/6003949581/ADR-001+Button+Component+API+Design). These decisions were made to ensure consistency, maintainability, and proper implementation of our design system principles.
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-  <DoBlockItem
-    title='Use icon prop'
-    description='Pass icon as a component reference for proper sizing and alignment'
-  >
-
-
-{/* prettier-ignore */}
-```tsx
-import { Plus } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Button icon={Plus} onPress={() => {}}>
-  Add Item
-</Button>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't include icon in children"
-      description='Avoid placing icons inside children as this breaks automatic sizing'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Plus } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Button onPress={() => {}}>
-  <Plus /> Add Item
-</Button>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Let Button handle icon sizing'
-      description='Icon size adjusts automatically based on button size'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Button icon={Settings} size='sm' onPress={() => {}}>
-  Settings
-</Button>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't modify icon size directly"
-      description='Avoid overriding icon dimensions in children'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Button size='sm' onPress={() => {}}>
-  <Settings size={24} /> Settings
-</Button>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use isFull for width'
-      description='Use the isFull prop for full-width buttons'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Button isFull onPress={() => {}}>
-  Full Width
-</Button>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use style for full width"
-      description='Avoid using style to control button width'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Button style={{ width: '100%' }} onPress={() => {}}>
-  Full Width
-</Button>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Provide proper onPress handlers'
-      description='Always provide an onPress handler for interactive buttons'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Button onPress={() => navigation.navigate('Details')}>
-  View Details
-</Button>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't omit onPress"
-      description='Avoid creating buttons without onPress handlers'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Button>
-  Clickable Looking Button
-</Button>
-```
-</DontBlockItem>
-</DoVsDontRow>
-<CommonRulesDoAndDont />
-</Box>
-
 ## Platform Considerations
 
 ### iOS Specific

package/dist/module/lib/Components/Button/Button.stories.js

@@ -14,7 +14,7 @@ const meta = {
       source: {
         language: 'tsx',
         format: true,
-        type: 'code'
+        type: 'dynamic'
       }
     }
   },
@@ -42,18 +42,7 @@ export const Base = {
   },
   render: args => /*#__PURE__*/_jsx(Button, {
     ...args
-  }),
-  parameters: {
-    docs: {
-      source: {
-        code: `
-<Button appearance="base">
-  Base Button
-</Button>
-`
-      }
-    }
-  }
+  })
 };
 export const IconText = {
   args: {
@@ -64,14 +53,7 @@ export const IconText = {
   parameters: {
     docs: {
       source: {
-        code: `
-<Button
-  appearance="base"
-  icon={Plus}
->
-  Add Item
-</Button>
-`
+        code: `<Button appearance="base" icon={Plus}>Add Item</Button>`
       }
     }
   }
@@ -81,20 +63,6 @@ export const Loading = {
     appearance: 'base',
     children: 'Loading...',
     loading: true
-  },
-  parameters: {
-    docs: {
-      source: {
-        code: `
-<Button
-  appearance="base"
-  loading
->
-  Loading...
-</Button>
-`
-      }
-    }
   }
 };
 export const AppearanceShowcase = {
@@ -196,7 +164,7 @@ export const StatesShowcase = {
       appearance: "base",
       loading: true,
       disabled: true,
-      children: "Loading"
+      children: "Disabled Loading"
     })]
   })
 };

package/dist/module/lib/Components/Button/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","Plus","Settings","Box","Text","Button","jsx","_jsx","jsxs","_jsxs","meta","component","id","title","parameters","docs","source","language","format","type","argTypes","appearance","control","icon","description","options","mapping","None","undefined","Base","args","children","render","code","IconText","Loading","loading","AppearanceShowcase","appearances","name","lx","flexDirection","gap","padding","map","ContentTypesShowcase","alignItems","SizesShowcase","size","StatesShowcase","disabled","ResponsiveLayout","LabelTruncate","typography","color","width","InteractiveLoadingStates","states","setStates","text","withIcon","iconOnly","handleClick","key","prev","Promise","resolve","setTimeout","onPress"],"sourceRoot":"../../../../../src","sources":["lib/Components/Button/Button.stories.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,EAAEC,QAAQ,QAAQ,wBAAe;AAC9C,SAASC,GAAG,EAAEC,IAAI,QAAQ,qBAAY;AACtC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,IAAyB,GAAG;EAChCC,SAAS,EAAEN,MAAM;EACjBO,EAAE,EAAE,gBAAgB;EACpBC,KAAK,EAAE,aAAa;EACpBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,OAAO,EAAE,QAAQ;MACjBC,IAAI,EAAE;QACJD,OAAO,EAAE,QAAQ;QACjBE,WAAW,EAAE,oCAAoC;QACjDC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC;QACrCC,OAAO,EAAE;UACPC,IAAI,EAAEC,SAAS;UACf3B,IAAI,EAAEA,IAAI;UACVC,QAAQ,EAAEA;QACZ;MACF;IACF;EACF;AACF,CAAC;AAED,eAAeQ,IAAI;AAUnB,OAAO,MAAMmB,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJT,UAAU,EAAE,MAAM;IAClBU,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAGF,IAAI,iBAAKvB,IAAA,CAACF,MAAM;IAAA,GAAKyB;EAAI,CAAG,CAAC;EACtChB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNiB,IAAI,EAAE;AACd;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC7BJ,IAAI,EAAE;IACJT,UAAU,EAAE,MAAM;IAClBU,QAAQ,EAAE,UAAU;IACpBR,IAAI,EAAEtB;EACR,CAAC;EACDa,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNiB,IAAI,EAAE;AACd;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAME,OAAc,GAAG;EAC5BL,IAAI,EAAE;IACJT,UAAU,EAAE,MAAM;IAClBU,QAAQ,EAAE,YAAY;IACtBK,OAAO,EAAE;EACX,CAAC;EACDtB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNiB,IAAI,EAAE;AACd;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAMI,kBAAyB,GAAG;EACvCL,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAMM,WAA6D,GAAG,CACpE;MAAEC,IAAI,EAAE,QAAQ;MAAElB,UAAU,EAAE;IAAS,CAAC,EACxC;MAAEkB,IAAI,EAAE,MAAM;MAAElB,UAAU,EAAE;IAAO,CAAC,EACpC;MAAEkB,IAAI,EAAE,MAAM;MAAElB,UAAU,EAAE;IAAO,CAAC,EACpC;MAAEkB,IAAI,EAAE,aAAa;MAAElB,UAAU,EAAE;IAAc,CAAC,EAClD;MAAEkB,IAAI,EAAE,eAAe;MAAElB,UAAU,EAAE;IAAgB,CAAC,EACtD;MAAEkB,IAAI,EAAE,KAAK;MAAElB,UAAU,EAAE;IAAM,CAAC,CACnC;IAED,oBACEd,IAAA,CAACJ,GAAG;MAACqC,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,GAAG,EAAE,KAAK;QAAEC,OAAO,EAAE;MAAK,CAAE;MAAAZ,QAAA,EAC1DO,WAAW,CAACM,GAAG,CAAC,CAAC;QAAEL,IAAI;QAAElB;MAAW,CAAC,kBACpCd,IAAA,CAACF,MAAM;QAAkBgB,UAAU,EAAEA,UAAW;QAAAU,QAAA,EAC7CQ;MAAI,GADMlB,UAEL,CACT;IAAC,CACC,CAAC;EAEV;AACF,CAAC;AAED,OAAO,MAAMwB,oBAA2B,GAAG;EACzCb,MAAM,EAAEA,CAAA,kBACNvB,KAAA,CAACN,GAAG;IAACqC,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEK,UAAU,EAAE,QAAQ;MAAEJ,GAAG,EAAE;IAAK,CAAE;IAAAX,QAAA,gBACjExB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAAU,QAAA,EAAC;IAAS,CAAQ,CAAC,eAC5CxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAACE,IAAI,EAAEtB,IAAK;MAAA8B,QAAA,EAAC;IAEtC,CAAQ,CAAC;EAAA,CACN;AAET,CAAC;AAED,OAAO,MAAMgB,aAAoB,GAAG;EAClCf,MAAM,EAAEA,CAAA,kBACNvB,KAAA,CAACN,GAAG;IAACqC,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEK,UAAU,EAAE,QAAQ;MAAEJ,GAAG,EAAE;IAAK,CAAE;IAAAX,QAAA,gBACjExB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAC2B,IAAI,EAAC,IAAI;MAAAjB,QAAA,EAAC;IAEpC,CAAQ,CAAC,eACTxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAC2B,IAAI,EAAC,IAAI;MAAAjB,QAAA,EAAC;IAEpC,CAAQ,CAAC,eACTxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAC2B,IAAI,EAAC,IAAI;MAACzB,IAAI,EAAErB,QAAS;MAAA6B,QAAA,EAAC;IAEpD,CAAQ,CAAC;EAAA,CACN;AAET,CAAC;AAED,OAAO,MAAMkB,cAAqB,GAAG;EACnCjB,MAAM,EAAEA,CAAA,kBACNvB,KAAA,CAACN,GAAG;IAACqC,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEK,UAAU,EAAE,QAAQ;MAAEJ,GAAG,EAAE;IAAK,CAAE;IAAAX,QAAA,gBACjExB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAAU,QAAA,EAAC;IAAO,CAAQ,CAAC,eAC1CxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAC6B,QAAQ;MAAAnB,QAAA,EAAC;IAEnC,CAAQ,CAAC,eACTxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAACe,OAAO;MAAAL,QAAA,EAAC;IAElC,CAAQ,CAAC,eACTxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAACe,OAAO;MAACc,QAAQ;MAAAnB,QAAA,EAAC;IAE3C,CAAQ,CAAC;EAAA,CACN;AAET,CAAC;AAED,OAAO,MAAMoB,gBAAuB,GAAG;EACrCnB,MAAM,EAAEA,CAAA,kBACNvB,KAAA,CAACN,GAAG;IACFqC,EAAE,EAAE;MACFC,aAAa,EAAE,QAAQ;MACvBC,GAAG,EAAE,IAAI;MACTC,OAAO,EAAE,IAAI;MACbG,UAAU,EAAE;IACd,CAAE;IAAAf,QAAA,gBAEFxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAAU,QAAA,EAAC;IAAK,CAAQ,CAAC,eACxCxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAAAU,QAAA,EAAC;IAAoB,CAAQ,CAAC,eACvDxB,IAAA,CAACF,MAAM;MAACgB,UAAU,EAAC,MAAM;MAACE,IAAI,EAAEtB,IAAK;MAAA8B,QAAA,EAAC;IAEtC,CAAQ,CAAC;EAAA,CACN;AAET,CAAC;AAED,OAAO,MAAMqB,aAAoB,GAAG;EAClCpB,MAAM,EAAEA,CAAA,kBACNvB,KAAA,CAACN,GAAG;IAAA4B,QAAA,gBACFxB,IAAA,CAACH,IAAI;MAACiD,UAAU,EAAC,eAAe;MAACb,EAAE,EAAE;QAAEc,KAAK,EAAE;MAAQ,CAAE;MAAAvB,QAAA,EAAC;IAEzD,CAAM,CAAC,eACPxB,IAAA,CAACJ,GAAG;MAACqC,EAAE,EAAE;QAAEe,KAAK,EAAE,MAAM;QAAEZ,OAAO,EAAE;MAAM,CAAE;MAAAZ,QAAA,eACzCxB,IAAA,CAACF,MAAM;QAACkB,IAAI,EAAEtB,IAAK;QAAA8B,QAAA,EAAC;MAGpB,CAAQ;IAAC,CACN,CAAC;EAAA,CACH;AAET,CAAC;AAED,OAAO,MAAMyB,wBAA+B,GAAG;EAC7CxB,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACyB,MAAM,EAAEC,SAAS,CAAC,GAAG1D,QAAQ,CAElC;MACA2D,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAEF,MAAMC,WAAW,GAAG,MAAOC,GAAwB,IAAK;MACtDL,SAAS,CAAEM,IAAI,KAAM;QAAE,GAAGA,IAAI;QAAE,CAACD,GAAG,GAAG;MAAU,CAAC,CAAC,CAAC;MACpD,MAAM,IAAIE,OAAO,CAAEC,OAAO,IAAKC,UAAU,CAACD,OAAO,EAAE,IAAI,CAAC,CAAC;MACzDR,SAAS,CAAEM,IAAI,KAAM;QAAE,GAAGA,IAAI;QAAE,CAACD,GAAG,GAAG;MAAM,CAAC,CAAC,CAAC;MAChDI,UAAU,CAAC,MAAMT,SAAS,CAAEM,IAAI,KAAM;QAAE,GAAGA,IAAI;QAAE,CAACD,GAAG,GAAG;MAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;IAC3E,CAAC;IAED,oBACEtD,KAAA,CAACN,GAAG;MAACqC,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEK,UAAU,EAAE,QAAQ;QAAEJ,GAAG,EAAE;MAAK,CAAE;MAAAX,QAAA,gBACjExB,IAAA,CAACF,MAAM;QACLgB,UAAU,EAAC,KAAK;QAChBe,OAAO,EAAEqB,MAAM,CAACE,IAAI,KAAK,SAAU;QACnCS,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC,MAAM,CAAE;QAAA/B,QAAA,EAElC0B,MAAM,CAACE,IAAI,KAAK,KAAK,GAAG,QAAQ,GAAG;MAAW,CACzC,CAAC,eAETpD,IAAA,CAACF,MAAM;QACLgB,UAAU,EAAC,MAAM;QACjBe,OAAO,EAAEqB,MAAM,CAACG,QAAQ,KAAK,SAAU;QACvCQ,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC,UAAU,CAAE;QACvCvC,IAAI,EAAErB,QAAS;QAAA6B,QAAA,EAEd0B,MAAM,CAACG,QAAQ,KAAK,KAAK,GAAG,iBAAiB,GAAG;MAAW,CACtD,CAAC;IAAA,CACN,CAAC;EAEV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["useState","Plus","Settings","Box","Text","Button","jsx","_jsx","jsxs","_jsxs","meta","component","id","title","parameters","docs","source","language","format","type","argTypes","appearance","control","icon","description","options","mapping","None","undefined","Base","args","children","render","IconText","code","Loading","loading","AppearanceShowcase","appearances","name","lx","flexDirection","gap","padding","map","ContentTypesShowcase","alignItems","SizesShowcase","size","StatesShowcase","disabled","ResponsiveLayout","LabelTruncate","typography","color","width","InteractiveLoadingStates","states","setStates","text","withIcon","iconOnly","handleClick","key","prev","Promise","resolve","setTimeout","onPress"],"sourceRoot":"../../../../../src","sources":["lib/Components/Button/Button.stories.tsx"],"mappings":"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","ignoreList":[]}