@ledgerhq/lumen-ui-rnative 0.1.8 → 0.1.10

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

@@ -0,0 +1,303 @@
+"use strict";
+
+import { useState } from 'react';
+import { Box } from "../Utility/index.js";
+import { GlobalSelectBottomSheet } from "./GlobalSelectBottomSheet.js";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectItemText, SelectGroup, SelectLabel, SelectSeparator } from "./Select.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const meta = {
+  component: Select,
+  subcomponents: {
+    SelectTrigger,
+    SelectValue,
+    SelectContent,
+    SelectItem,
+    SelectItemText,
+    SelectGroup,
+    SelectLabel,
+    SelectSeparator
+  },
+  title: 'Selection/Select',
+  parameters: {
+    layout: 'fullscreen'
+  }
+};
+export default meta;
+export const Base = {
+  render: () => {
+    const [value, setValue] = useState('apple');
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Box, {
+        style: {
+          flex: 1,
+          minHeight: 400,
+          padding: 24,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          style: {
+            width: '100%',
+            maxWidth: 400
+          },
+          children: /*#__PURE__*/_jsxs(Select, {
+            value: value,
+            onValueChange: setValue,
+            children: [/*#__PURE__*/_jsx(SelectTrigger, {
+              label: "Choose a fruit",
+              children: /*#__PURE__*/_jsx(SelectValue, {})
+            }), /*#__PURE__*/_jsxs(SelectContent, {
+              children: [/*#__PURE__*/_jsx(SelectItem, {
+                value: "apple",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Apple"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "banana",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Banana"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "orange",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Orange"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "grape",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Grape"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "mango",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Mango"
+                })
+              })]
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
+    });
+  }
+};
+export const WithGroups = {
+  render: () => {
+    const [value, setValue] = useState('btc');
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Box, {
+        style: {
+          flex: 1,
+          minHeight: 400,
+          padding: 24,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          style: {
+            width: '100%',
+            maxWidth: 400
+          },
+          children: /*#__PURE__*/_jsxs(Select, {
+            value: value,
+            onValueChange: setValue,
+            children: [/*#__PURE__*/_jsx(SelectTrigger, {
+              label: "Select cryptocurrency",
+              children: /*#__PURE__*/_jsx(SelectValue, {})
+            }), /*#__PURE__*/_jsxs(SelectContent, {
+              children: [/*#__PURE__*/_jsxs(SelectGroup, {
+                children: [/*#__PURE__*/_jsx(SelectLabel, {
+                  children: "Popular"
+                }), /*#__PURE__*/_jsx(SelectItem, {
+                  value: "btc",
+                  children: /*#__PURE__*/_jsx(SelectItemText, {
+                    children: "Bitcoin"
+                  })
+                }), /*#__PURE__*/_jsx(SelectItem, {
+                  value: "eth",
+                  children: /*#__PURE__*/_jsx(SelectItemText, {
+                    children: "Ethereum"
+                  })
+                })]
+              }), /*#__PURE__*/_jsx(SelectSeparator, {}), /*#__PURE__*/_jsxs(SelectGroup, {
+                children: [/*#__PURE__*/_jsx(SelectLabel, {
+                  children: "Altcoins"
+                }), /*#__PURE__*/_jsx(SelectItem, {
+                  value: "ada",
+                  children: /*#__PURE__*/_jsx(SelectItemText, {
+                    children: "Cardano"
+                  })
+                }), /*#__PURE__*/_jsx(SelectItem, {
+                  value: "dot",
+                  children: /*#__PURE__*/_jsx(SelectItemText, {
+                    children: "Polkadot"
+                  })
+                }), /*#__PURE__*/_jsx(SelectItem, {
+                  value: "sol",
+                  children: /*#__PURE__*/_jsx(SelectItemText, {
+                    children: "Solana"
+                  })
+                })]
+              })]
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
+    });
+  }
+};
+export const WithDisabledItems = {
+  render: () => {
+    const [value, setValue] = useState('option1');
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Box, {
+        style: {
+          flex: 1,
+          minHeight: 400,
+          padding: 24,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          style: {
+            width: '100%',
+            maxWidth: 400
+          },
+          children: /*#__PURE__*/_jsxs(Select, {
+            value: value,
+            onValueChange: setValue,
+            children: [/*#__PURE__*/_jsx(SelectTrigger, {
+              label: "Select option",
+              children: /*#__PURE__*/_jsx(SelectValue, {})
+            }), /*#__PURE__*/_jsxs(SelectContent, {
+              children: [/*#__PURE__*/_jsx(SelectItem, {
+                value: "option1",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 1"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "option2",
+                disabled: true,
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 2 (Disabled)"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "option3",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 3"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "option4",
+                disabled: true,
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 4 (Disabled)"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "option5",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 5"
+                })
+              })]
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
+    });
+  }
+};
+export const DisabledSelect = {
+  render: () => {
+    const [value, setValue] = useState('apple');
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Box, {
+        style: {
+          flex: 1,
+          minHeight: 400,
+          padding: 24,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          style: {
+            width: '100%',
+            maxWidth: 400
+          },
+          children: /*#__PURE__*/_jsxs(Select, {
+            value: value,
+            onValueChange: setValue,
+            disabled: true,
+            children: [/*#__PURE__*/_jsx(SelectTrigger, {
+              label: "Disabled select",
+              children: /*#__PURE__*/_jsx(SelectValue, {})
+            }), /*#__PURE__*/_jsxs(SelectContent, {
+              children: [/*#__PURE__*/_jsx(SelectItem, {
+                value: "apple",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Apple"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "banana",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Banana"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "orange",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Orange"
+                })
+              })]
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
+    });
+  }
+};
+export const WithChangeCallback = {
+  render: () => {
+    const [value, setValue] = useState('option1');
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Box, {
+        style: {
+          flex: 1,
+          minHeight: 400,
+          padding: 24,
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          style: {
+            width: '100%',
+            maxWidth: 400
+          },
+          children: /*#__PURE__*/_jsxs(Select, {
+            value: value,
+            onValueChange: newValue => {
+              setValue(newValue);
+              alert(`Selected: ${newValue}`);
+            },
+            onOpenChange: open => {
+              alert(`Select ${open ? 'opened' : 'closed'}`);
+            },
+            children: [/*#__PURE__*/_jsx(SelectTrigger, {
+              label: "Select with callbacks",
+              children: /*#__PURE__*/_jsx(SelectValue, {})
+            }), /*#__PURE__*/_jsxs(SelectContent, {
+              children: [/*#__PURE__*/_jsx(SelectItem, {
+                value: "option1",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 1"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "option2",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 2"
+                })
+              }), /*#__PURE__*/_jsx(SelectItem, {
+                value: "option3",
+                children: /*#__PURE__*/_jsx(SelectItemText, {
+                  children: "Option 3"
+                })
+              })]
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
+    });
+  }
+};
+//# sourceMappingURL=Select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Box","GlobalSelectBottomSheet","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","meta","component","subcomponents","title","parameters","layout","Base","render","value","setValue","children","style","flex","minHeight","padding","width","maxWidth","onValueChange","label","WithGroups","WithDisabledItems","disabled","DisabledSelect","WithChangeCallback","newValue","alert","onOpenChange","open"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/Select.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,124 @@
+"use strict";
+
+import { describe, it, expect, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, fireEvent } from '@testing-library/react-native';
+import React from 'react';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { GlobalSelectBottomSheet } from "./GlobalSelectBottomSheet.js";
+import { GlobalSelectProvider } from "./GlobalSelectContext.js";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectItemText } from "./Select.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: /*#__PURE__*/_jsxs(GlobalSelectProvider, {
+    children: [children, /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
+  })
+});
+describe('Select', () => {
+  it('renders and displays selected value', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsxs(Select, {
+        value: "option1",
+        children: [/*#__PURE__*/_jsx(SelectTrigger, {
+          label: "Choose option",
+          children: /*#__PURE__*/_jsx(SelectValue, {})
+        }), /*#__PURE__*/_jsxs(SelectContent, {
+          children: [/*#__PURE__*/_jsx(SelectItem, {
+            value: "option1",
+            children: /*#__PURE__*/_jsx(SelectItemText, {
+              children: "Option 1"
+            })
+          }), /*#__PURE__*/_jsx(SelectItem, {
+            value: "option2",
+            children: /*#__PURE__*/_jsx(SelectItemText, {
+              children: "Option 2"
+            })
+          })]
+        })]
+      })
+    }));
+    expect(getByText('Choose option')).toBeTruthy();
+    expect(getByText('Option 1')).toBeTruthy();
+  });
+  it('opens and selects item on press', () => {
+    const onValueChange = jest.fn();
+    const {
+      getByText,
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsxs(Select, {
+        onValueChange: onValueChange,
+        children: [/*#__PURE__*/_jsx(SelectTrigger, {
+          testID: "select-trigger",
+          children: /*#__PURE__*/_jsx(SelectValue, {})
+        }), /*#__PURE__*/_jsxs(SelectContent, {
+          children: [/*#__PURE__*/_jsx(SelectItem, {
+            value: "option1",
+            children: /*#__PURE__*/_jsx(SelectItemText, {
+              children: "Option 1"
+            })
+          }), /*#__PURE__*/_jsx(SelectItem, {
+            value: "option2",
+            children: /*#__PURE__*/_jsx(SelectItemText, {
+              children: "Option 2"
+            })
+          })]
+        })]
+      })
+    }));
+    fireEvent.press(getByTestId('select-trigger'));
+    fireEvent.press(getByText('Option 2'));
+    expect(onValueChange).toHaveBeenCalledWith('option2');
+  });
+  it('respects disabled state', () => {
+    const onOpenChange = jest.fn();
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsxs(Select, {
+        disabled: true,
+        onOpenChange: onOpenChange,
+        children: [/*#__PURE__*/_jsx(SelectTrigger, {
+          testID: "select-trigger",
+          children: /*#__PURE__*/_jsx(SelectValue, {})
+        }), /*#__PURE__*/_jsx(SelectContent, {
+          children: /*#__PURE__*/_jsx(SelectItem, {
+            value: "option1",
+            children: /*#__PURE__*/_jsx(SelectItemText, {
+              children: "Option 1"
+            })
+          })
+        })]
+      })
+    }));
+    fireEvent.press(getByTestId('select-trigger'));
+    expect(onOpenChange).not.toHaveBeenCalled();
+  });
+  it('requires GlobalSelectProvider', () => {
+    const originalError = console.error;
+    console.error = jest.fn();
+    expect(() => {
+      render(/*#__PURE__*/_jsxs(Select, {
+        children: [/*#__PURE__*/_jsx(SelectTrigger, {
+          children: /*#__PURE__*/_jsx(SelectValue, {})
+        }), /*#__PURE__*/_jsx(SelectContent, {
+          children: /*#__PURE__*/_jsx(SelectItem, {
+            value: "option1",
+            children: /*#__PURE__*/_jsx(SelectItemText, {
+              children: "Option 1"
+            })
+          })
+        })]
+      }));
+    }).toThrow();
+    console.error = originalError;
+  });
+});
+//# sourceMappingURL=Select.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","React","ThemeProvider","GlobalSelectBottomSheet","GlobalSelectProvider","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectItemText","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","value","label","toBeTruthy","onValueChange","fn","getByTestId","testID","press","toHaveBeenCalledWith","onOpenChange","disabled","not","toHaveBeenCalled","originalError","console","error","toThrow"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/Select.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACjE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,uBAAuB,QAAQ,8BAA2B;AACnE,SAASC,oBAAoB,QAAQ,0BAAuB;AAC5D,SACEC,MAAM,EACNC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,UAAU,EACVC,cAAc,QACT,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElB,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwC,CAAC,kBAC9DJ,IAAA,CAACV,aAAa;EAACe,MAAM,EAAEnB,gBAAiB;EAACoB,WAAW,EAAC,MAAM;EAACC,MAAM,EAAC,IAAI;EAAAH,QAAA,eACrEF,KAAA,CAACV,oBAAoB;IAAAY,QAAA,GAClBA,QAAQ,eACTJ,IAAA,CAACT,uBAAuB,IAAE,CAAC;EAAA,CACP;AAAC,CACV,CAChB;AAEDT,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAM;MAAEyB;IAAU,CAAC,GAAGrB,MAAM,cAC1Ba,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVF,KAAA,CAACT,MAAM;QAACgB,KAAK,EAAC,SAAS;QAAAL,QAAA,gBACrBJ,IAAA,CAACN,aAAa;UAACgB,KAAK,EAAC,eAAe;UAAAN,QAAA,eAClCJ,IAAA,CAACL,WAAW,IAAE;QAAC,CACF,CAAC,eAChBO,KAAA,CAACN,aAAa;UAAAQ,QAAA,gBACZJ,IAAA,CAACH,UAAU;YAACY,KAAK,EAAC,SAAS;YAAAL,QAAA,eACzBJ,IAAA,CAACF,cAAc;cAAAM,QAAA,EAAC;YAAQ,CAAgB;UAAC,CAC/B,CAAC,eACbJ,IAAA,CAACH,UAAU;YAACY,KAAK,EAAC,SAAS;YAAAL,QAAA,eACzBJ,IAAA,CAACF,cAAc;cAAAM,QAAA,EAAC;YAAQ,CAAgB;UAAC,CAC/B,CAAC;QAAA,CACA,CAAC;MAAA,CACV;IAAC,CACE,CACf,CAAC;IAEDpB,MAAM,CAACwB,SAAS,CAAC,eAAe,CAAC,CAAC,CAACG,UAAU,CAAC,CAAC;IAC/C3B,MAAM,CAACwB,SAAS,CAAC,UAAU,CAAC,CAAC,CAACG,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC;EAEF5B,EAAE,CAAC,iCAAiC,EAAE,MAAM;IAC1C,MAAM6B,aAAa,GAAG3B,IAAI,CAAC4B,EAAE,CAAC,CAAC;IAC/B,MAAM;MAAEL,SAAS;MAAEM;IAAY,CAAC,GAAG3B,MAAM,cACvCa,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVF,KAAA,CAACT,MAAM;QAACmB,aAAa,EAAEA,aAAc;QAAAR,QAAA,gBACnCJ,IAAA,CAACN,aAAa;UAACqB,MAAM,EAAC,gBAAgB;UAAAX,QAAA,eACpCJ,IAAA,CAACL,WAAW,IAAE;QAAC,CACF,CAAC,eAChBO,KAAA,CAACN,aAAa;UAAAQ,QAAA,gBACZJ,IAAA,CAACH,UAAU;YAACY,KAAK,EAAC,SAAS;YAAAL,QAAA,eACzBJ,IAAA,CAACF,cAAc;cAAAM,QAAA,EAAC;YAAQ,CAAgB;UAAC,CAC/B,CAAC,eACbJ,IAAA,CAACH,UAAU;YAACY,KAAK,EAAC,SAAS;YAAAL,QAAA,eACzBJ,IAAA,CAACF,cAAc;cAAAM,QAAA,EAAC;YAAQ,CAAgB;UAAC,CAC/B,CAAC;QAAA,CACA,CAAC;MAAA,CACV;IAAC,CACE,CACf,CAAC;IAEDhB,SAAS,CAAC4B,KAAK,CAACF,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC9C1B,SAAS,CAAC4B,KAAK,CAACR,SAAS,CAAC,UAAU,CAAC,CAAC;IAEtCxB,MAAM,CAAC4B,aAAa,CAAC,CAACK,oBAAoB,CAAC,SAAS,CAAC;EACvD,CAAC,CAAC;EAEFlC,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClC,MAAMmC,YAAY,GAAGjC,IAAI,CAAC4B,EAAE,CAAC,CAAC;IAC9B,MAAM;MAAEC;IAAY,CAAC,GAAG3B,MAAM,cAC5Ba,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVF,KAAA,CAACT,MAAM;QAAC0B,QAAQ;QAACD,YAAY,EAAEA,YAAa;QAAAd,QAAA,gBAC1CJ,IAAA,CAACN,aAAa;UAACqB,MAAM,EAAC,gBAAgB;UAAAX,QAAA,eACpCJ,IAAA,CAACL,WAAW,IAAE;QAAC,CACF,CAAC,eAChBK,IAAA,CAACJ,aAAa;UAAAQ,QAAA,eACZJ,IAAA,CAACH,UAAU;YAACY,KAAK,EAAC,SAAS;YAAAL,QAAA,eACzBJ,IAAA,CAACF,cAAc;cAAAM,QAAA,EAAC;YAAQ,CAAgB;UAAC,CAC/B;QAAC,CACA,CAAC;MAAA,CACV;IAAC,CACE,CACf,CAAC;IAEDhB,SAAS,CAAC4B,KAAK,CAACF,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC9C9B,MAAM,CAACkC,YAAY,CAAC,CAACE,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFtC,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAMuC,aAAa,GAAGC,OAAO,CAACC,KAAK;IACnCD,OAAO,CAACC,KAAK,GAAGvC,IAAI,CAAC4B,EAAE,CAAC,CAAC;IAEzB7B,MAAM,CAAC,MAAM;MACXG,MAAM,cACJe,KAAA,CAACT,MAAM;QAAAW,QAAA,gBACLJ,IAAA,CAACN,aAAa;UAAAU,QAAA,eACZJ,IAAA,CAACL,WAAW,IAAE;QAAC,CACF,CAAC,eAChBK,IAAA,CAACJ,aAAa;UAAAQ,QAAA,eACZJ,IAAA,CAACH,UAAU;YAACY,KAAK,EAAC,SAAS;YAAAL,QAAA,eACzBJ,IAAA,CAACF,cAAc;cAAAM,QAAA,EAAC;YAAQ,CAAgB;UAAC,CAC/B;QAAC,CACA,CAAC;MAAA,CACV,CACV,CAAC;IACH,CAAC,CAAC,CAACqB,OAAO,CAAC,CAAC;IAEZF,OAAO,CAACC,KAAK,GAAGF,aAAa;EAC/B,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/module/lib/Components/Select/SelectContext.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [SelectProvider, _useSelectSafeContext] = createSafeContext('Select');
+export const useSelectSafeContext = _useSelectSafeContext;
+/**
+ * Internal context provider for an individual Select component.
+ * This is used automatically by the Select component.
+ */
+export const SelectContextProvider = ({
+  selectId,
+  open,
+  setOpen,
+  value,
+  onValueChange,
+  disabled,
+  items,
+  setItems,
+  label,
+  children
+}) => {
+  return /*#__PURE__*/_jsx(SelectProvider, {
+    value: {
+      selectId,
+      open,
+      setOpen,
+      value,
+      onValueChange,
+      disabled,
+      items,
+      setItems,
+      label
+    },
+    children: children
+  });
+};
+//# sourceMappingURL=SelectContext.js.map

package/dist/module/lib/Components/Select/SelectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSafeContext","jsx","_jsx","SelectProvider","_useSelectSafeContext","useSelectSafeContext","SelectContextProvider","selectId","open","setOpen","value","onValueChange","disabled","items","setItems","label","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/SelectContext.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBjE,MAAM,CAACC,cAAc,EAAEC,qBAAqB,CAAC,GAC3CJ,iBAAiB,CAAqB,QAAQ,CAAC;AAEjD,OAAO,MAAMK,oBAAoB,GAAGD,qBAAqB;AAezD;AACA;AACA;AACA;AACA,OAAO,MAAME,qBAAqB,GAAGA,CAAC;EACpCC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AAC0B,CAAC,KAAK;EAChC,oBACEd,IAAA,CAACC,cAAc;IACbO,KAAK,EAAE;MACLH,QAAQ;MACRC,IAAI;MACJC,OAAO;MACPC,KAAK;MACLC,aAAa;MACbC,QAAQ;MACRC,KAAK;MACLC,QAAQ;MACRC;IACF,CAAE;IAAAC,QAAA,EAEDA;EAAQ,CACK,CAAC;AAErB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,8BAA2B;AACzC,cAAc,YAAS","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,160 @@
+"use strict";
+
+import { Pulse } from "../../Animations/Pulse/index.js";
+import { Box } from "../Utility/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Internal base skeleton element */
+const BaseSkeleton = ({
+  lx,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(Box, {
+    lx: {
+      borderRadius: 'md',
+      backgroundColor: 'mutedTransparent',
+      ...lx
+    },
+    ...props
+  });
+};
+BaseSkeleton.displayName = 'BaseSkeleton';
+const ListItemSkeleton = ({
+  lx,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      width: 'full',
+      alignItems: 'center',
+      gap: 's16',
+      paddingVertical: 's8',
+      ...lx
+    },
+    ...props,
+    children: [/*#__PURE__*/_jsx(BaseSkeleton, {
+      lx: {
+        width: 's48',
+        height: 's48',
+        borderRadius: 'full',
+        flexShrink: 0
+      }
+    }), /*#__PURE__*/_jsxs(Box, {
+      lx: {
+        flex: 1,
+        flexDirection: 'column',
+        gap: 's10'
+      },
+      children: [/*#__PURE__*/_jsx(BaseSkeleton, {
+        lx: {
+          height: 's12',
+          width: 's176',
+          borderRadius: 'full'
+        }
+      }), /*#__PURE__*/_jsx(BaseSkeleton, {
+        lx: {
+          height: 's12',
+          width: 's112',
+          borderRadius: 'full'
+        }
+      })]
+    })]
+  });
+};
+ListItemSkeleton.displayName = 'ListItemSkeleton';
+const TileSkeleton = ({
+  lx,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'column',
+      width: 's112',
+      alignItems: 'center',
+      gap: 's12',
+      borderRadius: 'md',
+      paddingHorizontal: 's8',
+      paddingVertical: 's16',
+      ...lx
+    },
+    ...props,
+    children: [/*#__PURE__*/_jsx(BaseSkeleton, {
+      lx: {
+        width: 's48',
+        height: 's48',
+        borderRadius: 'full',
+        flexShrink: 0
+      }
+    }), /*#__PURE__*/_jsxs(Box, {
+      lx: {
+        width: 'full',
+        flexDirection: 'column',
+        alignItems: 'center',
+        gap: 's8'
+      },
+      children: [/*#__PURE__*/_jsx(BaseSkeleton, {
+        lx: {
+          height: 's12',
+          width: 's48',
+          borderRadius: 'full'
+        }
+      }), /*#__PURE__*/_jsx(BaseSkeleton, {
+        lx: {
+          height: 's12',
+          width: 's64',
+          borderRadius: 'full'
+        }
+      })]
+    })]
+  });
+};
+TileSkeleton.displayName = 'TileSkeleton';
+const componentsMap = {
+  'list-item': ListItemSkeleton,
+  tile: TileSkeleton
+};
+
+/**
+ * A skeleton component that displays a pulsing placeholder for loading content.
+ *
+ * @example
+ * <Skeleton lx={{ height: 's16', width: 's256' }} />
+ *
+ * @example
+ * // List item variant
+ * <Skeleton component='list-item' lx={{ width: 's320' }} />
+ *
+ * @example
+ * // Tile variant
+ * <Skeleton component='tile' />
+ */
+const Skeleton = ({
+  lx,
+  component,
+  ...props
+}) => {
+  /**
+   * Check if the component is a valid pre-built variant and return the corresponding component.
+   */
+  if (component && componentsMap[component]) {
+    const Component = componentsMap[component];
+    return /*#__PURE__*/_jsx(Pulse, {
+      animate: true,
+      children: /*#__PURE__*/_jsx(Component, {
+        ...props,
+        lx: lx
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Pulse, {
+    animate: true,
+    children: /*#__PURE__*/_jsx(BaseSkeleton, {
+      testID: "skeleton",
+      lx: lx,
+      ...props
+    })
+  });
+};
+Skeleton.displayName = 'Skeleton';
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map