@flipdish/ui-library 0.12.4 → 0.13.1

package/README.md

@@ -41,12 +41,23 @@ For the full setup walkthrough (Vite config, CSS entry, providers, first compone
 
 **React Native:**
 
-| Package                           | Version    |
-| --------------------------------- | ---------- |
-| `react-native`                    | `>=0.79.0` |
-| `nativewind`                      | `^4.1.0`   |
-| `@react-native-aria/interactions` | `>=0.2.7`  |
-| `@react-native-aria/focus`        | `>=0.2.7`  |
+| Package                           | Version            |
+| --------------------------------- | ------------------ |
+| `react-native`                    | `>=0.81.0`         |
+| `nativewind`                      | `^5.0.0-preview.4` |
+| `react-native-css`                | `^3.0.7`           |
+| `lightningcss`                    | `>=1.27.0 <1.30.2` |
+| `@expo/metro-config`              | `>=54.0.0`         |
+| `@react-native-aria/interactions` | `>=0.2.7`          |
+| `@react-native-aria/focus`        | `>=0.2.7`          |
+
+> **`lightningcss` must be pinned to `1.30.1`.** NativeWind v5 + `react-native-css` can hit a `failed to deserialize` error on versions `>=1.30.2` (see the [NativeWind installation guide](https://www.nativewind.dev/v5/getting-started/installation)). This only affects _your_ app's install — a library's own version pin can't propagate to consumers — so add this to your app's `package.json`:
+>
+> ```json
+> { "overrides": { "lightningcss": "1.30.1" } }
+> ```
+>
+> (`pnpm` projects: nest this under a top-level `"pnpm"` key instead — `{ "pnpm": { "overrides": { "lightningcss": "1.30.1" } } }`.)
 
 ### Component-specific peer dependencies
 
@@ -77,6 +88,97 @@ Import the library's shared runtime from your CSS entry **in this exact layer or
 @import "tailwindcss/utilities.css" layer(utilities);
 ```
 
+## React Native
+
+Components are **web-first and opt in per component**. A component is available on React
+Native only once it has a `.native.tsx` implementation; the rest are web-only and are
+deliberately not resolvable from an RN app.
+
+For the full Expo walkthrough (Metro config, NativeWind CSS entry, TypeScript, first
+component), see [Getting Started → Installation (React
+Native)](https://flipdishbytes.github.io/flipdish-design-system/?path=/docs/getting-started-installation-react-native--docs).
+The summary below covers the essentials.
+
+**Available on React Native today:** `Avatar`, plus the `cx`, `testIdUtils` and
+`isReactComponent` utilities.
+
+Import paths are identical across platforms — Metro picks the native build via the
+`react-native` [export condition](https://metrobundler.dev/docs/package-exports):
+
+```tsx
+// Resolves to the web build under Vite/webpack, the native build under Metro.
+import { Avatar } from "@flipdish/ui-library/components/atoms/Avatar";
+```
+
+> `react-native >= 0.81` is load-bearing, not just a version floor. Every public subpath of
+> this package is exposed through a wildcard `exports` map, and Metro only consults
+> `exports` with Package Exports enabled — the default from Metro 0.82 / RN 0.79 onward. On
+> anything older, no subpath of this package resolves at all.
+
+### Tailwind setup (NativeWind)
+
+Use the **`styles.native`** entry, not `styles`. The web runtime declares Tailwind plugins,
+`::-webkit-scrollbar` utilities and `html`/`input` resets that don't apply under NativeWind,
+and its `@source` scans the web build output for classes.
+
+In your app's `global.css` — the file you import from your root component and point
+[`withNativewind`](https://www.nativewind.dev/v5/api/with-nativewind) at in `metro.config.js`:
+
+```css
+@import "tailwindcss/theme.css" layer(theme);
+@import "@flipdish/ui-tokens/css" layer(theme);
+@import "tailwindcss/preflight.css" layer(base);
+
+/* NativeWind's own theme variables — required by its Metro transformer. */
+@import "nativewind/theme";
+
+@import "@flipdish/ui-library/styles.native";
+@import "tailwindcss/utilities.css";
+```
+
+`styles.native` contributes exactly one thing: `@source "./native"`, which tells Tailwind to
+scan this package's React Native build output so the class strings inside `Avatar` (and every
+component that follows) generate utilities. Without it those components render unstyled —
+Tailwind ignores `node_modules` unless a source is declared explicitly.
+
+Dark mode follows the device colour scheme via NativeWind's `useColorScheme`. (The web
+runtime instead remaps `dark:` onto `[data-theme="dark"]`, which has no RN equivalent.)
+
+> The `@source` mechanism mirrors what `./styles` already does on web, where it's proven in
+> production. The exact **import order above** is modelled on NativeWind v5's documented
+> install and has not yet been executed against a real Expo app — confirm it during the
+> pre-publish verification described below.
+
+### TypeScript setup
+
+Add the `react-native` condition to your app's `tsconfig.json` so TypeScript resolves the
+same files Metro does:
+
+```jsonc
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler", // or "node16" / "nodenext"
+    "customConditions": ["react-native"],
+  },
+}
+```
+
+Without it you get the **web** type definitions — `Avatar` would appear to accept `src`,
+`initials` and `badge`, none of which the native implementation supports.
+
+### Importing a component that isn't available yet
+
+Both TypeScript and Metro reject it, so the mistake can't reach a device:
+
+```text
+error TS2305: Module '"@flipdish/ui-library/components/atoms/Button"'
+              has no exported member 'Button'.
+```
+
+```text
+Unable to resolve module .../dist/native/components/atoms/Button/index.js
+```
+
 ## Scoping Tailwind CSS to a subtree
 
 When your app doesn't own the whole page — a widget, an embed, a Storybook preview, a multi-tenant host, or a micro-frontend — its Tailwind v4 output (utilities **and** Preflight resets) can leak into or clash with the surrounding CSS. The fix is to scope every emitted selector under a single mount element.

package/dist/native/components/atoms/AppStoreButton/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `AppStoreButton` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/AppStoreButton` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `AppStoreButton` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Avatar/Avatar.styles.d.ts

@@ -0,0 +1,39 @@
+export declare const styles: {
+    xs: {
+        root: string;
+        rootWithBorder: string;
+        initials: string;
+        icon: string;
+    };
+    sm: {
+        root: string;
+        rootWithBorder: string;
+        initials: string;
+        icon: string;
+    };
+    md: {
+        root: string;
+        rootWithBorder: string;
+        initials: string;
+        icon: string;
+    };
+    lg: {
+        root: string;
+        rootWithBorder: string;
+        initials: string;
+        icon: string;
+    };
+    xl: {
+        root: string;
+        rootWithBorder: string;
+        initials: string;
+        icon: string;
+    };
+    '2xl': {
+        root: string;
+        rootWithBorder: string;
+        initials: string;
+        icon: string;
+    };
+};
+//# sourceMappingURL=Avatar.styles.d.ts.map

package/dist/native/components/atoms/Avatar/Avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC"}

package/dist/native/components/atoms/Avatar/Avatar.styles.js

@@ -0,0 +1,11 @@
+const styles = {
+    xs: { root: 'size-6', rootWithBorder: 'p-px', initials: 'text-xs font-semibold', icon: 'size-4' },
+    sm: { root: 'size-8', rootWithBorder: 'p-px', initials: 'text-sm font-semibold', icon: 'size-5' },
+    md: { root: 'size-10', rootWithBorder: 'p-px', initials: 'text-md font-semibold', icon: 'size-6' },
+    lg: { root: 'size-12', rootWithBorder: 'p-[1.5px]', initials: 'text-lg font-semibold', icon: 'size-7' },
+    xl: { root: 'size-14', rootWithBorder: 'p-0.5', initials: 'text-xl font-semibold', icon: 'size-8' },
+    '2xl': { root: 'size-16', rootWithBorder: 'p-0.5', initials: 'text-display-xs font-semibold', icon: 'size-8' },
+};
+
+export { styles };
+//# sourceMappingURL=Avatar.styles.js.map

package/dist/native/components/atoms/Avatar/Avatar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.js","sources":["../../../../../../src/components/atoms/Avatar/Avatar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACjG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AAClG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACvG,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnG,IAAA,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,+BAA+B,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;;"}

package/dist/native/components/atoms/Avatar/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * React Native pilot for `Avatar` — deliberately minimal. Renders a plain
+ * solid-colour circle (no initials, image, border, or badge slots yet) to
+ * verify that `@flipdish/ui-tokens`' colour and border-radius tokens resolve
+ * correctly through NativeWind on-device.
+ */
+export interface AvatarProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    className?: string;
+    /** Overrides the generated `testID` (defaults to `fd-avatar`). */
+    'data-testid'?: string;
+}
+/**
+ * Minimal React Native `Avatar` — a solid-coloured, fully rounded circle.
+ *
+ * @summary displays a user or entity as a plain coloured circle (React Native)
+ */
+export declare const Avatar: ({ size, className, "data-testid": dataTestId }: AvatarProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/native/components/atoms/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/index.native.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,gDAAuD,WAAW,gCAIxF,CAAC"}

package/dist/native/components/atoms/Avatar/index.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../../utilities/cx/index.js';
+import { useResolvedTestId } from '../../../utilities/testIdUtils/index.js';
+import { View } from 'react-native';
+import { styles } from './Avatar.styles.js';
+
+/**
+ * Minimal React Native `Avatar` — a solid-coloured, fully rounded circle.
+ *
+ * @summary displays a user or entity as a plain coloured circle (React Native)
+ */
+const Avatar = ({ size = 'md', className, 'data-testid': dataTestId }) => {
+    const avatarTestId = useResolvedTestId({ testId: dataTestId, segment: 'avatar', rootName: 'avatar' });
+    return jsx(View, { testID: avatarTestId, className: cx('shrink-0 rounded-full bg-tertiary', styles[size].root, className) });
+};
+
+export { Avatar };
+//# sourceMappingURL=index.js.map

package/dist/native/components/atoms/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/atoms/Avatar/index.native.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAkBA;;;;AAIG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAe,KAAI;AAC3F,IAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAErG,OAAOA,GAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,CAAI;AACzH;;;;"}

package/dist/native/components/atoms/BackgroundPattern/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `BackgroundPattern` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/BackgroundPattern` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `BackgroundPattern` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Badge/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Badge` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Badge` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Badge` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Button/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Button` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Button` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Button` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Checkbox` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Checkbox` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Checkbox` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/CloseButton/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `CloseButton` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/CloseButton` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `CloseButton` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Divider/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Divider` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Divider` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Divider` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Dot/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Dot` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Dot` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Dot` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/FeaturedIcon/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `FeaturedIcon` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/FeaturedIcon` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `FeaturedIcon` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/FileTrigger/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `FileTrigger` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/FileTrigger` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `FileTrigger` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/FlipdishLogo/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `FlipdishLogo` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/FlipdishLogo` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `FlipdishLogo` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Illustration/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Illustration` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Illustration` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Illustration` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Input/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Input` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Input` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Input` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/LoadingIndicator/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `LoadingIndicator` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/LoadingIndicator` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `LoadingIndicator` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/ProgressBar/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `ProgressBar` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/ProgressBar` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `ProgressBar` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/QRCode/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `QRCode` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/QRCode` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `QRCode` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/RadioButton/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `RadioButton` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/RadioButton` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `RadioButton` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/RatingBadge/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `RatingBadge` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/RatingBadge` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `RatingBadge` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/RatingStars/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `RatingStars` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/RatingStars` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `RatingStars` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Skeleton/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Skeleton` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Skeleton` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Skeleton` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Slider/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Slider` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Slider` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Slider` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/SocialButton/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `SocialButton` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/SocialButton` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `SocialButton` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Toggle/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Toggle` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Toggle` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Toggle` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/Tooltip/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Tooltip` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/Tooltip` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Tooltip` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/atoms/UtilityButton/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `UtilityButton` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/atoms/UtilityButton` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `UtilityButton` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/molecules/Alert/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Alert` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/molecules/Alert` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Alert` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/molecules/BadgeGroup/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `BadgeGroup` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/molecules/BadgeGroup` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `BadgeGroup` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/molecules/Breadcrumbs/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Breadcrumbs` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/molecules/Breadcrumbs` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `Breadcrumbs` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/native/components/molecules/ButtonGroup/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `ButtonGroup` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/components/molecules/ButtonGroup` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `ButtonGroup` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;