@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.10

package/dist/module/lib/Components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pulse","Box","jsx","_jsx","jsxs","_jsxs","BaseSkeleton","lx","props","borderRadius","backgroundColor","displayName","ListItemSkeleton","flexDirection","width","alignItems","gap","paddingVertical","children","height","flexShrink","flex","TileSkeleton","paddingHorizontal","componentsMap","tile","Skeleton","component","Component","animate","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/Skeleton/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,200 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as SkeletonStories from './Skeleton.stories';
+import { Skeleton } from './Skeleton';
+import {
+  CustomTabs,
+  Tab,
+  DoVsDontRow,
+  DoBlockItem,
+  DontBlockItem,
+} from '../../../../.storybook/components';
+import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
+
+<Meta title='Communication/Skeleton' of={SkeletonStories} />
+
+# Skeleton
+
+<CustomTabs>
+  <Tab label="Overview">
+
+## Introduction
+
+Skeleton components provide visual placeholders for content that is loading. They use a pulsing animation to indicate that content is being fetched or processed, improving perceived performance and user experience.
+
+> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=10196-8001&m=dev).
+
+## Anatomy
+
+<Canvas of={SkeletonStories.Base} />
+
+- **Shape**: Defines the visual placeholder shape (rectangle, circle, etc.)
+- **Animation**: Built-in pulse animation to indicate loading state
+
+## Properties
+
+### Overview
+
+<Canvas of={SkeletonStories.Base} />
+<Controls of={SkeletonStories.Base} />
+
+### Component Variants
+
+The `component` prop provides pre-built skeleton patterns for common UI elements.
+
+#### **List Item**
+
+<Canvas of={SkeletonStories.WithListItem} />
+
+#### **Tile**
+
+<Canvas of={SkeletonStories.WithTile} />
+
+> **Note**: List item and Tile width are fixed
+
+### Sizes
+
+Skeletons can be sized using the `lx` prop with design system size tokens.
+
+<Canvas of={SkeletonStories.SizeShowcase} />
+
+### Shapes
+
+Skeletons can take various shapes depending on the content they're representing.
+
+<Canvas of={SkeletonStories.ShapeShowcase} />
+
+## Best Practices
+
+- **Use Component Variants**: Prefer using the `component` prop for common patterns like list items and tiles
+- **Match Content Shape**: Make skeleton shapes match the actual content they represent
+- **Consistent Spacing**: Use consistent spacing between skeleton elements
+- **Appropriate Sizing**: Size skeletons to match the expected content dimensions
+- **Loading States**: Show skeletons only during actual loading states
+
+</Tab>
+<Tab label="Implementation">
+
+```bash
+npm install @ledgerhq/lumen-ui-rnative
+```
+
+> **Note**: `@ledgerhq/lumen-design-core` and other peer dependencies (`react`, `react-native`, etc.) are required. See our [Setup Guide →](?path=/docs/getting-started-setup--docs) for complete installation.
+
+## Basic Usage
+
+```tsx
+import { Skeleton } from '@ledgerhq/lumen-ui-rnative';
+
+function MyComponent() {
+  return <Skeleton lx={{ height: 's16', width: 's256' }} />;
+}
+```
+
+### Component Variants
+
+Use the `component` prop for pre-built skeleton patterns:
+
+```tsx
+import { Skeleton } from '@ledgerhq/lumen-ui-rnative';
+
+// List item skeleton - horizontal layout with avatar and text lines
+<Skeleton component='list-item' />
+
+// Tile skeleton - vertical centered layout
+<Skeleton component='tile' />
+```
+
+### Custom Styling
+
+While the component comes with predefined styles, you can extend them using the `lx` prop:
+
+```tsx
+<Skeleton lx={{ height: 's40', width: 's256', borderRadius: 'lg' }} />
+```
+
+### Manual Composition
+
+For custom layouts, compose multiple skeleton elements:
+
+```tsx
+import { Box, Skeleton } from '@ledgerhq/lumen-ui-rnative';
+
+<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's16' }}>
+  <Skeleton lx={{ width: 's48', height: 's48', borderRadius: 'full' }} />
+  <Box lx={{ flex: 1, flexDirection: 'column', gap: 's8' }}>
+    <Skeleton lx={{ height: 's16', width: 's160' }} />
+    <Skeleton lx={{ height: 's16', width: 's128' }} />
+  </Box>
+</Box>
+```
+
+## Do's and Don'ts
+
+<div className='flex flex-col gap-24'>
+  <DoVsDontRow>
+    <DoBlockItem
+      title='Use component prop for common patterns'
+      description='Use pre-built variants for consistent loading states'
+    >
+
+{/* prettier-ignore */}
+```tsx
+<Skeleton component='list-item' />
+<Skeleton component='tile' />
+```
+
+    </DoBlockItem>
+    <DontBlockItem
+      title="Don't manually recreate common patterns"
+      description='Avoid recreating patterns that already exist as component variants'
+    >
+
+{/* prettier-ignore */}
+```tsx
+import { Box, Skeleton } from '@ledgerhq/lumen-ui-rnative';
+
+<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's16' }}>
+  <Skeleton lx={{ width: 's48', height: 's48', borderRadius: 'full' }} />
+  <Box lx={{ flex: 1, flexDirection: 'column', gap: 's8' }}>
+    <Skeleton lx={{ height: 's12', width: 's176' }} />
+    <Skeleton lx={{ height: 's12', width: 's112' }} />
+  </Box>
+</Box>
+```
+
+    </DontBlockItem>
+
+  </DoVsDontRow>
+
+  <DoVsDontRow>
+    <DoBlockItem
+      title='Use lx prop for sizing'
+      description='Use design system size tokens for consistent sizing'
+    >
+
+{/* prettier-ignore */}
+```tsx
+<Skeleton lx={{ height: 's16', width: 's256' }} />
+```
+
+    </DoBlockItem>
+    <DontBlockItem
+      title="Don't use arbitrary style values"
+      description='Avoid using the style prop or arbitrary values'
+    >
+
+{/* prettier-ignore */}
+```tsx
+<Skeleton style={{ height: 16, width: 200 }} />
+```
+
+    </DontBlockItem>
+
+  </DoVsDontRow>
+
+</div>
+
+<CommonRulesDoAndDont />
+
+</Tab>
+</CustomTabs>

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

@@ -0,0 +1,127 @@
+"use strict";
+
+import { Box } from "../Utility/Box/index.js";
+import { Skeleton } from "./Skeleton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Communication/Skeleton',
+  component: Skeleton,
+  parameters: {
+    actions: {
+      disable: true
+    }
+  },
+  argTypes: {
+    component: {
+      control: 'select',
+      options: [undefined, 'list-item', 'tile'],
+      description: 'Pre-built skeleton component variant'
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    lx: {
+      height: 's16',
+      width: 's256'
+    }
+  },
+  render: args => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      padding: 's16',
+      backgroundColor: 'canvas',
+      borderRadius: 'md'
+    },
+    children: /*#__PURE__*/_jsx(Skeleton, {
+      component: args.component,
+      lx: args.component ? undefined : args.lx
+    })
+  })
+};
+export const WithListItem = {
+  render: () => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      padding: 's16',
+      backgroundColor: 'canvas',
+      borderRadius: 'md'
+    },
+    children: /*#__PURE__*/_jsx(Skeleton, {
+      component: "list-item"
+    })
+  })
+};
+export const WithTile = {
+  render: () => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      padding: 's16',
+      backgroundColor: 'canvas',
+      borderRadius: 'md'
+    },
+    children: /*#__PURE__*/_jsx(Skeleton, {
+      component: "tile"
+    })
+  })
+};
+export const SizeShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      padding: 's16',
+      backgroundColor: 'canvas',
+      borderRadius: 'md',
+      gap: 's4'
+    },
+    children: [/*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        height: 's40',
+        width: 's56'
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        height: 's12',
+        width: 's112'
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        height: 's128',
+        width: 's256'
+      }
+    })]
+  })
+};
+export const ShapeShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      padding: 's16',
+      backgroundColor: 'canvas',
+      borderRadius: 'md',
+      gap: 's4'
+    },
+    children: [/*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        height: 's40',
+        width: 's256',
+        borderRadius: 'none'
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        height: 's40',
+        width: 's256',
+        borderRadius: 'lg'
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        width: 's48',
+        height: 's48',
+        borderRadius: 'full'
+      }
+    }), /*#__PURE__*/_jsx(Skeleton, {
+      lx: {
+        width: 's48',
+        height: 's48',
+        borderRadius: 'md'
+      }
+    })]
+  })
+};
+//# sourceMappingURL=Skeleton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Box","Skeleton","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","actions","disable","argTypes","control","options","undefined","description","Base","args","lx","height","width","render","padding","backgroundColor","borderRadius","children","WithListItem","WithTile","SizeShowcase","gap","ShapeShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/Skeleton/Skeleton.stories.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Skeleton/Skeleton.test.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render } from '@testing-library/react-native';
+import React from 'react';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { Skeleton } from "./Skeleton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: children
+});
+describe('Skeleton Component', () => {
+  it('should render correctly', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Skeleton, {})
+    }));
+    const skeletonElement = getByTestId('skeleton');
+    expect(skeletonElement).toBeTruthy();
+  });
+  it('should render list-item variant', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Skeleton, {
+        testID: "list-item-skeleton",
+        component: "list-item"
+      })
+    }));
+    const skeletonElement = getByTestId('list-item-skeleton');
+    expect(skeletonElement).toBeTruthy();
+  });
+  it('should render tile variant', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Skeleton, {
+        testID: "tile-skeleton",
+        component: "tile"
+      })
+    }));
+    const skeletonElement = getByTestId('tile-skeleton');
+    expect(skeletonElement).toBeTruthy();
+  });
+  it('should accept additional props', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(Skeleton, {
+        testID: "custom-skeleton"
+      })
+    }));
+    const skeletonElement = getByTestId('custom-skeleton');
+    expect(skeletonElement).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Skeleton.test.js.map

package/dist/module/lib/Components/Skeleton/Skeleton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","React","ThemeProvider","Skeleton","jsx","_jsx","TestWrapper","children","themes","colorScheme","locale","getByTestId","skeletonElement","toBeTruthy","testID","component"],"sourceRoot":"../../../../../src","sources":["lib/Components/Skeleton/Skeleton.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwC,CAAC,kBAC9DF,IAAA,CAACH,aAAa;EAACM,MAAM,EAAET,gBAAiB;EAACU,WAAW,EAAC,MAAM;EAACC,MAAM,EAAC,IAAI;EAAAH,QAAA,EACpEA;AAAQ,CACI,CAChB;AAEDX,QAAQ,CAAC,oBAAoB,EAAE,MAAM;EACnCC,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClC,MAAM;MAAEc;IAAY,CAAC,GAAGX,MAAM,cAC5BK,IAAA,CAACC,WAAW;MAAAC,QAAA,eACVF,IAAA,CAACF,QAAQ,IAAE;IAAC,CACD,CACf,CAAC;IACD,MAAMS,eAAe,GAAGD,WAAW,CAAC,UAAU,CAAC;IAC/Cb,MAAM,CAACc,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;EACtC,CAAC,CAAC;EAEFhB,EAAE,CAAC,iCAAiC,EAAE,MAAM;IAC1C,MAAM;MAAEc;IAAY,CAAC,GAAGX,MAAM,cAC5BK,IAAA,CAACC,WAAW;MAAAC,QAAA,eACVF,IAAA,CAACF,QAAQ;QAACW,MAAM,EAAC,oBAAoB;QAACC,SAAS,EAAC;MAAW,CAAE;IAAC,CACnD,CACf,CAAC;IACD,MAAMH,eAAe,GAAGD,WAAW,CAAC,oBAAoB,CAAC;IACzDb,MAAM,CAACc,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;EACtC,CAAC,CAAC;EAEFhB,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrC,MAAM;MAAEc;IAAY,CAAC,GAAGX,MAAM,cAC5BK,IAAA,CAACC,WAAW;MAAAC,QAAA,eACVF,IAAA,CAACF,QAAQ;QAACW,MAAM,EAAC,eAAe;QAACC,SAAS,EAAC;MAAM,CAAE;IAAC,CACzC,CACf,CAAC;IACD,MAAMH,eAAe,GAAGD,WAAW,CAAC,eAAe,CAAC;IACpDb,MAAM,CAACc,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;EACtC,CAAC,CAAC;EAEFhB,EAAE,CAAC,gCAAgC,EAAE,MAAM;IACzC,MAAM;MAAEc;IAAY,CAAC,GAAGX,MAAM,cAC5BK,IAAA,CAACC,WAAW;MAAAC,QAAA,eACVF,IAAA,CAACF,QAAQ;QAACW,MAAM,EAAC;MAAiB,CAAE;IAAC,CAC1B,CACf,CAAC;IACD,MAAMF,eAAe,GAAGD,WAAW,CAAC,iBAAiB,CAAC;IACtDb,MAAM,CAACc,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;EACtC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Skeleton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./Skeleton.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Skeleton/index.ts"],"mappings":";;AAAA,cAAc,eAAY;AAC1B,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/Skeleton/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/lib/Components/Skeleton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Skeleton/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/Slot/Slot.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import { isValidElement, cloneElement } from 'react';
+import { StyleSheet } from 'react-native';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const SlotPressable = ({
+  ref,
+  ...props
+}) => {
+  const {
+    children,
+    ...pressableSlotProps
+  } = props;
+  if (! /*#__PURE__*/isValidElement(children)) {
+    console.error('Slot.Pressable - Invalid asChild element', children);
+    return null;
+  }
+  return /*#__PURE__*/cloneElement(isTextChildren(children) ? /*#__PURE__*/_jsx(_Fragment, {}) : children, {
+    ...mergeProps(pressableSlotProps, children.props),
+    ref: ref ? composeRefs(ref, children.ref) : children.ref
+  });
+};
+SlotPressable.displayName = 'SlotPressable';
+const SlotView = ({
+  ref,
+  ...props
+}) => {
+  const {
+    children,
+    ...viewSlotProps
+  } = props;
+  if (! /*#__PURE__*/isValidElement(children)) {
+    console.error('Slot.View - Invalid asChild element', children);
+    return null;
+  }
+  return /*#__PURE__*/cloneElement(isTextChildren(children) ? /*#__PURE__*/_jsx(_Fragment, {}) : children, {
+    ...mergeProps(viewSlotProps, children.props),
+    ref: ref ? composeRefs(ref, children.ref) : children.ref
+  });
+};
+SlotView.displayName = 'SlotView';
+const SlotText = ({
+  ref,
+  ...props
+}) => {
+  const {
+    children,
+    ...textSlotProps
+  } = props;
+  if (! /*#__PURE__*/isValidElement(children)) {
+    console.error('Slot.Text - Invalid asChild element', children);
+    return null;
+  }
+  return /*#__PURE__*/cloneElement(isTextChildren(children) ? /*#__PURE__*/_jsx(_Fragment, {}) : children, {
+    ...mergeProps(textSlotProps, children.props),
+    ref: ref ? composeRefs(ref, children.ref) : children.ref
+  });
+};
+SlotText.displayName = 'SlotText';
+const SlotImage = ({
+  ref,
+  ...props
+}) => {
+  const {
+    children,
+    ...imageSlotProps
+  } = props;
+  if (! /*#__PURE__*/isValidElement(children)) {
+    console.error('Slot.Image - Invalid asChild element', children);
+    return null;
+  }
+  return /*#__PURE__*/cloneElement(isTextChildren(children) ? /*#__PURE__*/_jsx(_Fragment, {}) : children, {
+    ...mergeProps(imageSlotProps, children.props),
+    ref: ref ? composeRefs(ref, children.ref) : children.ref
+  });
+};
+SlotImage.displayName = 'SlotImage';
+function composeRefs(...refs) {
+  return node => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (ref != null) {
+      ref.current = node;
+    }
+  });
+}
+function mergeProps(slotProps, childProps) {
+  // all child props should override
+  const overrideProps = {
+    ...childProps
+  };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      // if the handler exists on both, we compose them
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      }
+      // but if it exists only on the slot, we use only this one
+      else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    }
+    // if it's `style`, we merge them
+    else if (propName === 'style') {
+      overrideProps[propName] = combineStyles(slotPropValue, childPropValue);
+    }
+  }
+  return {
+    ...slotProps,
+    ...overrideProps
+  };
+}
+function combineStyles(slotStyle, childValue) {
+  if (typeof slotStyle === 'function' && typeof childValue === 'function') {
+    return state => {
+      return StyleSheet.flatten([slotStyle(state), childValue(state)]);
+    };
+  }
+  if (typeof slotStyle === 'function') {
+    return state => {
+      return childValue ? StyleSheet.flatten([slotStyle(state), childValue]) : slotStyle(state);
+    };
+  }
+  if (typeof childValue === 'function') {
+    return state => {
+      return slotStyle ? StyleSheet.flatten([slotStyle, childValue(state)]) : childValue(state);
+    };
+  }
+  return StyleSheet.flatten([slotStyle, childValue].filter(Boolean));
+}
+export function isTextChildren(children) {
+  return Array.isArray(children) ? children.every(child => typeof child === 'string') : typeof children === 'string';
+}
+export { SlotImage, SlotPressable, SlotText, SlotView };
+//# sourceMappingURL=Slot.js.map

package/dist/module/lib/Components/Slot/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValidElement","cloneElement","StyleSheet","Fragment","_Fragment","jsx","_jsx","SlotPressable","ref","props","children","pressableSlotProps","console","error","isTextChildren","mergeProps","composeRefs","displayName","SlotView","viewSlotProps","SlotText","textSlotProps","SlotImage","imageSlotProps","refs","node","forEach","current","slotProps","childProps","overrideProps","propName","slotPropValue","childPropValue","isHandler","test","args","combineStyles","slotStyle","childValue","state","flatten","filter","Boolean","Array","isArray","every","child"],"sourceRoot":"../../../../../src","sources":["lib/Components/Slot/Slot.tsx"],"mappings":";;AAAA,SAEEA,cAAc,EACdC,YAAY,QAGP,OAAO;AACd,SAUEC,UAAU,QAGL,cAAc;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAEtB,MAAMC,aAAa,GAAGA,CAAC;EACrBC,GAAG;EACH,GAAGC;AACqD,CAAC,KAAK;EAC9D,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAmB,CAAC,GAAGF,KAAK;EAEjD,IAAI,eAACT,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC7BE,OAAO,CAACC,KAAK,CAAC,0CAA0C,EAAEH,QAAQ,CAAC;IACnE,OAAO,IAAI;EACb;EAEA,oBAAOT,YAAY,CAGjBa,cAAc,CAACJ,QAAQ,CAAC,gBAAGJ,IAAA,CAAAF,SAAA,IAAI,CAAC,GAAGM,QAAQ,EAAE;IAC7C,GAAGK,UAAU,CAACJ,kBAAkB,EAAED,QAAQ,CAACD,KAAiB,CAAC;IAC7DD,GAAG,EAAEA,GAAG,GAAGQ,WAAW,CAACR,GAAG,EAAGE,QAAQ,CAASF,GAAG,CAAC,GAAIE,QAAQ,CAASF;EACzE,CAAC,CAAC;AACJ,CAAC;AAEDD,aAAa,CAACU,WAAW,GAAG,eAAe;AAE3C,MAAMC,QAAQ,GAAGA,CAAC;EAChBV,GAAG;EACH,GAAGC;AAC2C,CAAC,KAAK;EACpD,MAAM;IAAEC,QAAQ;IAAE,GAAGS;EAAc,CAAC,GAAGV,KAAK;EAE5C,IAAI,eAACT,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC7BE,OAAO,CAACC,KAAK,CAAC,qCAAqC,EAAEH,QAAQ,CAAC;IAC9D,OAAO,IAAI;EACb;EAEA,oBAAOT,YAAY,CAGjBa,cAAc,CAACJ,QAAQ,CAAC,gBAAGJ,IAAA,CAAAF,SAAA,IAAI,CAAC,GAAGM,QAAQ,EAAE;IAC7C,GAAGK,UAAU,CAACI,aAAa,EAAET,QAAQ,CAACD,KAAiB,CAAC;IACxDD,GAAG,EAAEA,GAAG,GAAGQ,WAAW,CAACR,GAAG,EAAGE,QAAQ,CAASF,GAAG,CAAC,GAAIE,QAAQ,CAASF;EACzE,CAAC,CAAC;AACJ,CAAC;AAEDU,QAAQ,CAACD,WAAW,GAAG,UAAU;AAEjC,MAAMG,QAAQ,GAAGA,CAAC;EAChBZ,GAAG;EACH,GAAGC;AAC2C,CAAC,KAAK;EACpD,MAAM;IAAEC,QAAQ;IAAE,GAAGW;EAAc,CAAC,GAAGZ,KAAK;EAE5C,IAAI,eAACT,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC7BE,OAAO,CAACC,KAAK,CAAC,qCAAqC,EAAEH,QAAQ,CAAC;IAC9D,OAAO,IAAI;EACb;EAEA,oBAAOT,YAAY,CAGjBa,cAAc,CAACJ,QAAQ,CAAC,gBAAGJ,IAAA,CAAAF,SAAA,IAAI,CAAC,GAAGM,QAAQ,EAAE;IAC7C,GAAGK,UAAU,CAACM,aAAa,EAAEX,QAAQ,CAACD,KAAiB,CAAC;IACxDD,GAAG,EAAEA,GAAG,GAAGQ,WAAW,CAACR,GAAG,EAAGE,QAAQ,CAASF,GAAG,CAAC,GAAIE,QAAQ,CAASF;EACzE,CAAC,CAAC;AACJ,CAAC;AAEDY,QAAQ,CAACH,WAAW,GAAG,UAAU;AAMjC,MAAMK,SAAS,GAAGA,CAAC;EAAEd,GAAG;EAAE,GAAGC;AAA0B,CAAC,KAAK;EAC3D,MAAM;IAAEC,QAAQ;IAAE,GAAGa;EAAe,CAAC,GAAGd,KAAK;EAE7C,IAAI,eAACT,cAAc,CAACU,QAAQ,CAAC,EAAE;IAC7BE,OAAO,CAACC,KAAK,CAAC,sCAAsC,EAAEH,QAAQ,CAAC;IAC/D,OAAO,IAAI;EACb;EAEA,oBAAOT,YAAY,CAGjBa,cAAc,CAACJ,QAAQ,CAAC,gBAAGJ,IAAA,CAAAF,SAAA,IAAI,CAAC,GAAGM,QAAQ,EAAE;IAC7C,GAAGK,UAAU,CAACQ,cAAc,EAAEb,QAAQ,CAACD,KAAiB,CAAC;IACzDD,GAAG,EAAEA,GAAG,GAAGQ,WAAW,CAACR,GAAG,EAAGE,QAAQ,CAASF,GAAG,CAAC,GAAIE,QAAQ,CAASF;EACzE,CAAC,CAAC;AACJ,CAAC;AAEDc,SAAS,CAACL,WAAW,GAAG,WAAW;AAEnC,SAASD,WAAWA,CAAI,GAAGQ,IAAkC,EAAE;EAC7D,OAAQC,IAAO,IACbD,IAAI,CAACE,OAAO,CAAElB,GAAG,IAAK;IACpB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC7BA,GAAG,CAACiB,IAAI,CAAC;IACX,CAAC,MAAM,IAAIjB,GAAG,IAAI,IAAI,EAAE;MACrBA,GAAG,CAA+BmB,OAAO,GAAGF,IAAI;IACnD;EACF,CAAC,CAAC;AACN;AAIA,SAASV,UAAUA,CAACa,SAAmB,EAAEC,UAAoB,EAAE;EAC7D;EACA,MAAMC,aAAa,GAAG;IAAE,GAAGD;EAAW,CAAC;EAEvC,KAAK,MAAME,QAAQ,IAAIF,UAAU,EAAE;IACjC,MAAMG,aAAa,GAAGJ,SAAS,CAACG,QAAQ,CAAC;IACzC,MAAME,cAAc,GAAGJ,UAAU,CAACE,QAAQ,CAAC;IAE3C,MAAMG,SAAS,GAAG,UAAU,CAACC,IAAI,CAACJ,QAAQ,CAAC;IAC3C,IAAIG,SAAS,EAAE;MACb;MACA,IAAIF,aAAa,IAAIC,cAAc,EAAE;QACnCH,aAAa,CAACC,QAAQ,CAAC,GAAG,CAAC,GAAGK,IAAe,KAAK;UAChDH,cAAc,CAAC,GAAGG,IAAI,CAAC;UACvBJ,aAAa,CAAC,GAAGI,IAAI,CAAC;QACxB,CAAC;MACH;MACA;MAAA,KACK,IAAIJ,aAAa,EAAE;QACtBF,aAAa,CAACC,QAAQ,CAAC,GAAGC,aAAa;MACzC;IACF;IACA;IAAA,KACK,IAAID,QAAQ,KAAK,OAAO,EAAE;MAC7BD,aAAa,CAACC,QAAQ,CAAC,GAAGM,aAAa,CAACL,aAAa,EAAEC,cAAc,CAAC;IACxE;EACF;EAEA,OAAO;IAAE,GAAGL,SAAS;IAAE,GAAGE;EAAc,CAAC;AAC3C;AAMA,SAASO,aAAaA,CAACC,SAAiB,EAAEC,UAAkB,EAAE;EAC5D,IAAI,OAAOD,SAAS,KAAK,UAAU,IAAI,OAAOC,UAAU,KAAK,UAAU,EAAE;IACvE,OAAQC,KAAiC,IAAK;MAC5C,OAAOtC,UAAU,CAACuC,OAAO,CAAC,CAACH,SAAS,CAACE,KAAK,CAAC,EAAED,UAAU,CAACC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;EACH;EACA,IAAI,OAAOF,SAAS,KAAK,UAAU,EAAE;IACnC,OAAQE,KAAiC,IAAK;MAC5C,OAAOD,UAAU,GACbrC,UAAU,CAACuC,OAAO,CAAC,CAACH,SAAS,CAACE,KAAK,CAAC,EAAED,UAAU,CAAC,CAAC,GAClDD,SAAS,CAACE,KAAK,CAAC;IACtB,CAAC;EACH;EACA,IAAI,OAAOD,UAAU,KAAK,UAAU,EAAE;IACpC,OAAQC,KAAiC,IAAK;MAC5C,OAAOF,SAAS,GACZpC,UAAU,CAACuC,OAAO,CAAC,CAACH,SAAS,EAAEC,UAAU,CAACC,KAAK,CAAC,CAAC,CAAC,GAClDD,UAAU,CAACC,KAAK,CAAC;IACvB,CAAC;EACH;EAEA,OAAOtC,UAAU,CAACuC,OAAO,CAAC,CAACH,SAAS,EAAEC,UAAU,CAAC,CAACG,MAAM,CAACC,OAAO,CAAC,CAAC;AACpE;AAEA,OAAO,SAAS7B,cAAcA,CAC5BJ,QAE4D,EAC5D;EACA,OAAOkC,KAAK,CAACC,OAAO,CAACnC,QAAQ,CAAC,GAC1BA,QAAQ,CAACoC,KAAK,CAAEC,KAAK,IAAK,OAAOA,KAAK,KAAK,QAAQ,CAAC,GACpD,OAAOrC,QAAQ,KAAK,QAAQ;AAClC;AAEA,SAASY,SAAS,EAAEf,aAAa,EAAEa,QAAQ,EAAEF,QAAQ","ignoreList":[]}

package/dist/module/lib/Components/Slot/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./Slot.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/Slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Slot/index.ts"],"mappings":";;AAAA,cAAc,WAAQ","ignoreList":[]}

package/dist/module/lib/Components/Spinner/Spinner.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import Svg, { Path } from 'react-native-svg';
+import { useCommonTranslation } from "../../../i18n/index.js";
+import { useResolveTextStyle, useTheme } from "../../../styles/index.js";
+import { Spin } from "../../Animations/Spin/index.js";
+import { Box } from "../Utility/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A basic spinner component for loading states.
+ *
+ * @example
+ * <Spinner />
+ *
+ * @example
+ * // With custom color using lx prop
+ * <Spinner lx={{ color: 'interactive' }} />
+ *
+ * @example
+ * // With lx props for layout and color
+ * <Spinner lx={{ marginTop: 's8', color: 'muted' }} />
+ */
+export const Spinner = ({
+  lx = {},
+  size = 16,
+  color,
+  ref,
+  ...props
+}) => {
+  const {
+    t
+  } = useCommonTranslation();
+  const {
+    theme
+  } = useTheme();
+  const resolvedColorStyle = useResolveTextStyle({
+    color
+  });
+  const strokeColor = resolvedColorStyle?.color ?? color ?? theme.colors.text.base;
+  return /*#__PURE__*/_jsx(Box, {
+    ref: ref,
+    lx: {
+      flexShrink: 0,
+      ...lx
+    },
+    ...props,
+    children: /*#__PURE__*/_jsx(Spin, {
+      children: /*#__PURE__*/_jsx(Svg, {
+        width: size,
+        height: size,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        accessibilityLabel: t('components.spinner.loadingAriaLabel'),
+        children: /*#__PURE__*/_jsx(Path, {
+          d: "M8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8",
+          stroke: strokeColor,
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        })
+      })
+    })
+  });
+};
+Spinner.displayName = 'Spinner';
+//# sourceMappingURL=Spinner.js.map

package/dist/module/lib/Components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","useCommonTranslation","useResolveTextStyle","useTheme","Spin","Box","jsx","_jsx","Spinner","lx","size","color","ref","props","t","theme","resolvedColorStyle","strokeColor","colors","text","base","flexShrink","children","width","height","viewBox","fill","accessibilityLabel","d","stroke","strokeWidth","strokeLinecap","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/Spinner/Spinner.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,oBAAoB,QAAQ,wBAAe;AACpD,SAAyBC,mBAAmB,EAAEC,QAAQ,QAAQ,0BAAiB;AAC/E,SAASC,IAAI,QAAQ,gCAAuB;AAC5C,SAASC,GAAG,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,EAAE,GAAG,CAAC,CAAC;EACPC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,GAAG;EACH,GAAGC;AACS,CAAC,KAAK;EAClB,MAAM;IAAEC;EAAE,CAAC,GAAGb,oBAAoB,CAAC,CAAC;EACpC,MAAM;IAAEc;EAAM,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAC5B,MAAMa,kBAAkB,GAAGd,mBAAmB,CAAC;IAAES;EAAM,CAAmB,CAAC;EAC3E,MAAMM,WAAW,GACfD,kBAAkB,EAAEL,KAAK,IAAIA,KAAK,IAAII,KAAK,CAACG,MAAM,CAACC,IAAI,CAACC,IAAI;EAE9D,oBACEb,IAAA,CAACF,GAAG;IAACO,GAAG,EAAEA,GAAI;IAACH,EAAE,EAAE;MAAEY,UAAU,EAAE,CAAC;MAAE,GAAGZ;IAAG,CAAE;IAAA,GAAKI,KAAK;IAAAS,QAAA,eACpDf,IAAA,CAACH,IAAI;MAAAkB,QAAA,eACHf,IAAA,CAACR,GAAG;QACFwB,KAAK,EAAEb,IAAK;QACZc,MAAM,EAAEd,IAAK;QACbe,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAC,MAAM;QACXC,kBAAkB,EAAEb,CAAC,CAAC,qCAAqC,CAAE;QAAAQ,QAAA,eAE7Df,IAAA,CAACP,IAAI;UACH4B,CAAC,EAAC,wGAAwG;UAC1GC,MAAM,EAAEZ,WAAY;UACpBa,WAAW,EAAC,KAAK;UACjBC,aAAa,EAAC;QAAO,CACtB;MAAC,CACC;IAAC,CACF;EAAC,CACJ,CAAC;AAEV,CAAC;AAEDvB,OAAO,CAACwB,WAAW,GAAG,SAAS","ignoreList":[]}