@situaction/traquiste-mobile 1.0.0-next.2

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ['universe/native', 'universe/web'],
+  ignorePatterns: ['build'],
+};

package/.releaserc

@@ -0,0 +1,12 @@
+{
+  "branches": [
+    "master",
+    { "name": "develop", "prerelease": "next" }
+  ],
+  "plugins": [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    "@semantic-release/npm",
+    "@semantic-release/git"
+  ]
+}

package/CLAUDE.md

@@ -0,0 +1,25 @@
+# Instructions Claude Code — traquiste-mobile
+
+## Stack
+Expo + TypeScript strict + StyleSheet natif. Zéro lib externe de styling.
+
+## Conventions
+- Commentaires en anglais, style concis
+- /** Description composant */ en haut de chaque fichier
+- Props documentées inline /** description */
+
+## Commits
+Convention semantic-release : feat / fix / chore / docs / test
+
+## Tests
+Jest + @testing-library/react-native.
+Fichiers de test colocalisés : `ComponentName.test.tsx` dans le même dossier que le composant.
+Lancer : `npm test -- --watchAll=false`
+
+## Storybook
+Local uniquement. Stories générées depuis le code du composant.
+Format : même argTypes que traquiste-web (radio pour unions, boolean pour booléens).
+
+## Doc Next.js
+Une page par composant dans docs/pages/components/.
+Playground interactif + éditeur code live bidirectionnel + props table.

package/README.md

@@ -0,0 +1,124 @@
+
+# @situaction/traquiste-mobile
+
+React Native UI component library for Traquiste — built with Expo + TypeScript strict + native StyleSheet.
+
+## Requirements
+
+- Node.js >= 18
+- Xcode (iOS)
+- CocoaPods
+
+## Installation
+
+```sh
+npm install @situaction/traquiste-mobile
+```
+
+Peer dependencies required in your project:
+
+```sh
+npm install expo react react-native
+```
+
+---
+
+## Development
+
+### 1. Clone and install
+
+```sh
+git clone git@bitbucket.org:situaction/traquiste-mobile.git
+cd traquiste-mobile
+npm install
+cd example && npm install --legacy-peer-deps && cd ..
+```
+
+### 2. Build the library
+
+```sh
+npm run build
+```
+
+### 3. First time — build the native binary
+
+The `example/ios/` directory is not committed and must be generated locally.
+
+```sh
+cd example
+
+# iOS simulator
+npx expo run:ios
+
+# iOS device (connect via USB)
+npx expo run:ios --device
+```
+
+> Rebuild required each time a native dependency is added.
+
+### 4. Run tests
+
+```sh
+npm test
+```
+
+Tests run with Jest + `@testing-library/react-native`. Use `--watchAll=false` for a single run (e.g. in CI):
+
+```sh
+npm test -- --watchAll=false
+```
+
+Test files live in `src/` alongside their components: `ComponentName.test.tsx`.
+
+### 5. Run Storybook
+
+```sh
+npm run storybook
+```
+
+Storybook runs directly on the simulator/device — not in a browser. Open the `TraquisteMobileExample` app on your device to see the Storybook UI.
+
+Any change in `src/` is reflected instantly via hot reload.
+
+> If port 8081 is already in use, Metro will prompt to use another port. Update the bundle location in the app dev menu (shake device → **Change Bundle Location**).
+
+---
+
+## Scripts
+
+| Command | Description |
+| -------- | ----------- |
+| `npm run build` | Compile TypeScript to `build/` |
+| `npm run lint` | Type-check without emitting |
+| `npm test` | Run Jest tests |
+| `npm run storybook` | Start Storybook on simulator/device |
+
+## Versioning
+
+Releases are automated via [semantic-release](https://semantic-release.gitbook.io/) on push to `master` and `develop`.
+
+Commit convention:
+
+| Prefix | Effect |
+| ------ | ------- |
+| `feat:` | Minor release (1.x.0) |
+| `fix:` | Patch release (1.0.x) |
+| `feat!:` / `BREAKING CHANGE` | Major release (x.0.0) |
+| `chore:` / `docs:` / `test:` | No release |
+
+Branches:
+
+- `master` → published as `latest` on npm
+- `develop` → published as `next` on npm (prerelease)
+
+## Stack
+
+- Expo SDK 55 / React Native 0.83.6 / React 19.2
+- TypeScript strict
+- Storybook React Native v10
+- semantic-release + Bitbucket Pipelines
+- Zero external styling libraries
+
+## License
+
+MIT

package/app.json

@@ -0,0 +1,5 @@
+{
+  "ios": {
+    "bundleIdentifier": "com.chloe-gueret.-situactiontraquiste-mobile"
+  }
+}

package/bitbucket-pipelines.yml

@@ -0,0 +1,81 @@
+image: node:22
+
+definitions:
+  caches:
+    npm: ~/.npm
+
+  steps:
+    - step: &build
+        name: Build
+        caches: [npm]
+        script:
+          - npm ci --ignore-scripts
+          - npm run build
+        artifacts:
+          - build/**
+
+    - step: &test
+        name: Test
+        caches: [npm]
+        script:
+          - npm ci --ignore-scripts
+          - npm test -- --ci --passWithNoTests
+
+    - step: &build-docs
+        name: Build Docs
+        caches: [npm]
+        script:
+          - npm ci --ignore-scripts
+          - cd docs && npm ci --ignore-scripts && npm run build
+        artifacts:
+          - docs/dist/**
+
+    - step: &deploy-docs
+        name: Deploy Docs
+        clone:
+          enabled: false
+        script:
+          - pipe: atlassian/aws-s3-deploy:1.6.0
+            variables:
+              AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+              AWS_SECRET_ACCESS_KEY: $AWS_SECRET_KEY
+              AWS_DEFAULT_REGION: "eu-west-3"
+              S3_BUCKET: $DOCS_S3_BUCKET
+              LOCAL_PATH: 'docs/dist'
+              DELETE_FLAG: 'true'
+          - pipe: atlassian/aws-cloudfront-invalidate:0.6.0
+            variables:
+              AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
+              AWS_SECRET_ACCESS_KEY: $AWS_SECRET_KEY
+              AWS_DEFAULT_REGION: "eu-west-3"
+              DISTRIBUTION_ID: $CLOUDFRONT_DISTRIBUTION_ID
+
+    - step: &publish
+        name: Publish
+        trigger: manual
+        script:
+          - npm ci --ignore-scripts
+          - npx semantic-release
+
+pipelines:
+  pull-requests:
+    '**':
+      - step: *build
+      - step: *test
+
+  branches:
+    master:
+      - step: *build
+      - step: *test
+      - step:
+          <<: *build-docs
+          deployment: Production
+      - step:
+          <<: *deploy-docs
+          deployment: Production_AWS
+      - step: *publish
+
+    develop:
+      - step: *build
+      - step: *test
+      - step: *publish

package/build/components/Button/Button.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Button component for Traq[UI]ste Mobile.
+ * Supports four variants, four sizes and three content layouts.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type ButtonVariant = 'primary' | 'tertiary' | 'ghost' | 'destructive';
+export type ButtonSize = 'S' | 'M' | 'L' | 'XL';
+export type ButtonContent = 'icon-only' | 'icon-only-rounded' | 'icon-both';
+export interface ButtonProps {
+    /** Button visual variant */
+    variant?: ButtonVariant;
+    /** Button size */
+    size?: ButtonSize;
+    /** Content layout */
+    content?: ButtonContent;
+    /** Label text — required when content is 'icon-both' */
+    label?: string;
+    /** Left icon component (Phosphor icon) */
+    iconLeft?: React.ReactElement;
+    /** Right icon component (Phosphor icon) */
+    iconRight?: React.ReactElement;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Button({ variant, size, content, label, iconLeft, iconRight, disabled, onPress, style, }: ButtonProps): React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/build/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;AAC7E,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,mBAAmB,GAAG,WAAW,CAAC;AAE5E,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAaD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAU,EACV,OAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,KAAK,GACN,EAAE,WAAW,qBAwEb"}

package/build/components/Button/Button.js

@@ -0,0 +1,67 @@
+/**
+ * Button component for Traq[UI]ste Mobile.
+ * Supports four variants, four sizes and three content layouts.
+ */
+import React, { useState } from 'react';
+import { Pressable, Text } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+// --- Size tokens (static, theme-independent) ---
+const SIZE_TOKENS = {
+    S: { height: 36, paddingVertical: 10, paddingHorizontal: 10, gap: 8, borderRadius: 8, iconSize: 16, fontSize: 12, lineHeight: 16 },
+    M: { height: 40, paddingVertical: 10, paddingHorizontal: 16, gap: 4, borderRadius: 8, iconSize: 18, fontSize: 14, lineHeight: 20 },
+    L: { height: 48, paddingVertical: 12, paddingHorizontal: 12, gap: 10, borderRadius: 8, iconSize: 20, fontSize: 16, lineHeight: 24 },
+    XL: { height: 60, paddingVertical: 16, paddingHorizontal: 32, gap: 12, borderRadius: 8, iconSize: 24, fontSize: 18, lineHeight: 26 },
+};
+// --- Component ---
+export function Button({ variant = 'primary', size = 'M', content = 'icon-both', label, iconLeft, iconRight, disabled = false, onPress, style, }) {
+    const [pressed, setPressed] = useState(false);
+    const { colors } = useTheme();
+    const sizeTokens = SIZE_TOKENS[size];
+    const state = disabled ? 'disabled' : pressed ? 'pressed' : 'default';
+    const colorTokens = colors.button[variant][state];
+    const isIconOnly = content === 'icon-only' || content === 'icon-only-rounded';
+    const borderRadius = content === 'icon-only-rounded' ? 9999 : sizeTokens.borderRadius;
+    const hasBorder = colorTokens.border !== 'transparent';
+    const containerStyle = {
+        height: sizeTokens.height,
+        paddingVertical: isIconOnly ? undefined : sizeTokens.paddingVertical,
+        paddingHorizontal: isIconOnly ? undefined : sizeTokens.paddingHorizontal,
+        width: isIconOnly ? sizeTokens.height : undefined,
+        borderRadius,
+        gap: sizeTokens.gap,
+        backgroundColor: colorTokens.background,
+        borderWidth: hasBorder ? 1 : undefined,
+        borderColor: hasBorder ? colorTokens.border : undefined,
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'row',
+    };
+    const textStyle = {
+        color: colorTokens.text,
+        fontSize: sizeTokens.fontSize,
+        lineHeight: sizeTokens.lineHeight,
+        fontFamily: 'Urbanist',
+        fontWeight: '500',
+    };
+    // Clone icon elements to inject size and color from active theme state
+    const cloneIcon = (icon) => {
+        if (!icon)
+            return null;
+        return React.cloneElement(icon, {
+            size: sizeTokens.iconSize,
+            color: colorTokens.icon,
+            ...icon.props,
+        });
+    };
+    if (isIconOnly) {
+        return (<Pressable pointerEvents={disabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={disabled ? undefined : onPress} style={[containerStyle, style]}>
+        {cloneIcon(iconLeft)}
+      </Pressable>);
+    }
+    return (<Pressable pointerEvents={disabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={disabled ? undefined : onPress} style={[containerStyle, style]}>
+      {cloneIcon(iconLeft)}
+      {label != null && <Text style={textStyle}>{label}</Text>}
+      {cloneIcon(iconRight)}
+    </Pressable>);
+}
+//# sourceMappingURL=Button.js.map

package/build/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AA2BtD,kDAAkD;AAElD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAG,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAG,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACpI,CAAC,EAAG,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAG,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACpI,CAAC,EAAG,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACpI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;CAC5H,CAAC;AAEX,oBAAoB;AAEpB,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,GACO;IACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,mBAAmB,CAAC;IAC9E,MAAM,YAAY,GAAG,OAAO,KAAK,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IACtF,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC;IAEvD,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe;QACpE,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB;QACxE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjD,YAAY;QACZ,GAAG,EAAE,UAAU,CAAC,GAAG;QACnB,eAAe,EAAE,WAAW,CAAC,UAAU;QACvC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QACtC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvD,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,KAAc;KAC3B,CAAC;IAEF,uEAAuE;IACvE,MAAM,SAAS,GAAG,CAAC,IAAoC,EAAE,EAAE;QACzD,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QACvB,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YAC9B,IAAI,EAAE,UAAU,CAAC,QAAQ;YACzB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,GAAI,IAAI,CAAC,KAAiC;SACjC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAE/B;QAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,CACtB;MAAA,EAAE,SAAS,CAAC,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAE/B;MAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,CACpB;MAAA,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACxD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,CACvB;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Button component for Traq[UI]ste Mobile.\n * Supports four variants, four sizes and three content layouts.\n */\nimport React, { useState } from 'react';\nimport { Pressable, Text } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonVariant = 'primary' | 'tertiary' | 'ghost' | 'destructive';\nexport type ButtonSize = 'S' | 'M' | 'L' | 'XL';\nexport type ButtonContent = 'icon-only' | 'icon-only-rounded' | 'icon-both';\n\nexport interface ButtonProps {\n  /** Button visual variant */\n  variant?: ButtonVariant;\n  /** Button size */\n  size?: ButtonSize;\n  /** Content layout */\n  content?: ButtonContent;\n  /** Label text — required when content is 'icon-both' */\n  label?: string;\n  /** Left icon component (Phosphor icon) */\n  iconLeft?: React.ReactElement;\n  /** Right icon component (Phosphor icon) */\n  iconRight?: React.ReactElement;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Press handler */\n  onPress?: () => void;\n  /** Additional container styles */\n  style?: StyleProp<ViewStyle>;\n}\n\n// --- Size tokens (static, theme-independent) ---\n\nconst SIZE_TOKENS = {\n  S:  { height: 36, paddingVertical: 10, paddingHorizontal: 10, gap: 8,  borderRadius: 8, iconSize: 16, fontSize: 12, lineHeight: 16 },\n  M:  { height: 40, paddingVertical: 10, paddingHorizontal: 16, gap: 4,  borderRadius: 8, iconSize: 18, fontSize: 14, lineHeight: 20 },\n  L:  { height: 48, paddingVertical: 12, paddingHorizontal: 12, gap: 10, borderRadius: 8, iconSize: 20, fontSize: 16, lineHeight: 24 },\n  XL: { height: 60, paddingVertical: 16, paddingHorizontal: 32, gap: 12, borderRadius: 8, iconSize: 24, fontSize: 18, lineHeight: 26 },\n} as const;\n\n// --- Component ---\n\nexport function Button({\n  variant = 'primary',\n  size = 'M',\n  content = 'icon-both',\n  label,\n  iconLeft,\n  iconRight,\n  disabled = false,\n  onPress,\n  style,\n}: ButtonProps) {\n  const [pressed, setPressed] = useState(false);\n  const { colors } = useTheme();\n\n  const sizeTokens = SIZE_TOKENS[size];\n  const state = disabled ? 'disabled' : pressed ? 'pressed' : 'default';\n  const colorTokens = colors.button[variant][state];\n\n  const isIconOnly = content === 'icon-only' || content === 'icon-only-rounded';\n  const borderRadius = content === 'icon-only-rounded' ? 9999 : sizeTokens.borderRadius;\n  const hasBorder = colorTokens.border !== 'transparent';\n\n  const containerStyle: ViewStyle = {\n    height: sizeTokens.height,\n    paddingVertical: isIconOnly ? undefined : sizeTokens.paddingVertical,\n    paddingHorizontal: isIconOnly ? undefined : sizeTokens.paddingHorizontal,\n    width: isIconOnly ? sizeTokens.height : undefined,\n    borderRadius,\n    gap: sizeTokens.gap,\n    backgroundColor: colorTokens.background,\n    borderWidth: hasBorder ? 1 : undefined,\n    borderColor: hasBorder ? colorTokens.border : undefined,\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'row',\n  };\n\n  const textStyle = {\n    color: colorTokens.text,\n    fontSize: sizeTokens.fontSize,\n    lineHeight: sizeTokens.lineHeight,\n    fontFamily: 'Urbanist',\n    fontWeight: '500' as const,\n  };\n\n  // Clone icon elements to inject size and color from active theme state\n  const cloneIcon = (icon: React.ReactElement | undefined) => {\n    if (!icon) return null;\n    return React.cloneElement(icon, {\n      size: sizeTokens.iconSize,\n      color: colorTokens.icon,\n      ...(icon.props as Record<string, unknown>),\n    } as object);\n  };\n\n  if (isIconOnly) {\n    return (\n      <Pressable\n        pointerEvents={disabled ? 'none' : 'auto'}\n        onPressIn={() => setPressed(true)}\n        onPressOut={() => setPressed(false)}\n        onPress={disabled ? undefined : onPress}\n        style={[containerStyle, style]}\n      >\n        {cloneIcon(iconLeft)}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Pressable\n      pointerEvents={disabled ? 'none' : 'auto'}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      onPress={disabled ? undefined : onPress}\n      style={[containerStyle, style]}\n    >\n      {cloneIcon(iconLeft)}\n      {label != null && <Text style={textStyle}>{label}</Text>}\n      {cloneIcon(iconRight)}\n    </Pressable>\n  );\n}"]}

package/build/components/Button/Button.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react-native';
+import { type ButtonProps } from './Button';
+type StoryArgs = ButtonProps & {
+    colorScheme: 'light' | 'dark';
+};
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Primary: Story;
+export declare const Tertiary: Story;
+export declare const Ghost: Story;
+export declare const Destructive: Story;
+export declare const WithIconLeft: Story;
+export declare const WithIconRight: Story;
+export declare const WithIconBoth: Story;
+export declare const IconOnly: Story;
+export declare const AllSizes: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

package/build/components/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,SAAS,GAAG,WAAW,GAAG;IAAE,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CA+BzB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}

package/build/components/Button/Button.stories.js

@@ -0,0 +1,95 @@
+/** Storybook stories for the Button component */
+import React from 'react';
+import { View } from 'react-native';
+import { ArrowRight, Check, Trash, Plus, X, MagnifyingGlass } from 'phosphor-react-native';
+import { Button } from './Button';
+const meta = {
+    title: 'Components/Button',
+    component: Button,
+    render: ({ colorScheme: _colorScheme, ...args }) => <Button {...args}/>,
+    argTypes: {
+        colorScheme: {
+            control: { type: 'radio' },
+            options: ['light', 'dark'],
+        },
+        variant: {
+            control: { type: 'radio' },
+            options: ['primary', 'tertiary', 'ghost', 'destructive'],
+        },
+        size: {
+            control: { type: 'radio' },
+            options: ['S', 'M', 'L', 'XL'],
+        },
+        content: {
+            control: { type: 'radio' },
+            options: ['icon-only', 'icon-only-rounded', 'icon-both'],
+        },
+        disabled: { control: { type: 'boolean' } },
+    },
+    args: {
+        colorScheme: 'light',
+        label: 'Button',
+        variant: 'primary',
+        size: 'M',
+        content: 'icon-both',
+        disabled: false,
+    },
+};
+export default meta;
+export const Primary = {
+    args: { variant: 'primary', label: 'Primary' },
+};
+export const Tertiary = {
+    args: { variant: 'tertiary', label: 'Tertiary' },
+};
+export const Ghost = {
+    args: { variant: 'ghost', label: 'Ghost' },
+};
+export const Destructive = {
+    args: { variant: 'destructive', label: 'Destructive' },
+};
+export const WithIconLeft = {
+    render: () => (<View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>
+      <Button variant="primary" label="Rechercher" iconLeft={<MagnifyingGlass />}/>
+      <Button variant="tertiary" label="Ajouter" iconLeft={<Plus />}/>
+      <Button variant="ghost" label="Confirmer" iconLeft={<Check />}/>
+      <Button variant="destructive" label="Supprimer" iconLeft={<Trash />}/>
+    </View>),
+};
+export const WithIconRight = {
+    render: () => (<View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>
+      <Button variant="primary" label="Suivant" iconRight={<ArrowRight />}/>
+      <Button variant="tertiary" label="Fermer" iconRight={<X />}/>
+    </View>),
+};
+export const WithIconBoth = {
+    render: () => (<View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>
+      <Button variant="primary" label="Rechercher" iconLeft={<MagnifyingGlass />} iconRight={<ArrowRight />}/>
+      <Button variant="tertiary" label="Supprimer" iconLeft={<Trash />} iconRight={<X />}/>
+    </View>),
+};
+export const IconOnly = {
+    render: () => (<View style={{ flexDirection: 'row', gap: 12, padding: 16 }}>
+      <Button variant="primary" content="icon-only" iconLeft={<Plus />}/>
+      <Button variant="tertiary" content="icon-only" iconLeft={<MagnifyingGlass />}/>
+      <Button variant="ghost" content="icon-only" iconLeft={<X />}/>
+      <Button variant="destructive" content="icon-only-rounded" iconLeft={<Trash />}/>
+    </View>),
+};
+export const AllSizes = {
+    render: () => (<View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>
+      <Button variant="primary" size="S" label="Small" iconLeft={<Check />}/>
+      <Button variant="primary" size="M" label="Medium" iconLeft={<Check />}/>
+      <Button variant="primary" size="L" label="Large" iconLeft={<Check />}/>
+      <Button variant="primary" size="XL" label="XLarge" iconLeft={<Check />}/>
+    </View>),
+};
+export const Disabled = {
+    render: () => (<View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>
+      <Button variant="primary" disabled label="Primary" iconLeft={<Check />}/>
+      <Button variant="tertiary" disabled label="Tertiary" iconLeft={<Check />}/>
+      <Button variant="ghost" disabled label="Ghost" iconLeft={<Check />}/>
+      <Button variant="destructive" disabled label="Destructive" iconLeft={<Trash />}/>
+    </View>),
+};
+//# sourceMappingURL=Button.stories.js.map

package/build/components/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Storybook stories for the Button component */\nimport React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-native';\nimport { View } from 'react-native';\nimport { ArrowRight, Check, Trash, Plus, X, MagnifyingGlass } from 'phosphor-react-native';\nimport { Button, type ButtonProps } from './Button';\n\ntype StoryArgs = ButtonProps & { colorScheme: 'light' | 'dark' };\n\nconst meta: Meta<StoryArgs> = {\n  title: 'Components/Button',\n  component: Button,\n  render: ({ colorScheme: _colorScheme, ...args }) => <Button {...args} />,\n  argTypes: {\n    colorScheme: {\n      control: { type: 'radio' },\n      options: ['light', 'dark'],\n    },\n    variant: {\n      control: { type: 'radio' },\n      options: ['primary', 'tertiary', 'ghost', 'destructive'],\n    },\n    size: {\n      control: { type: 'radio' },\n      options: ['S', 'M', 'L', 'XL'],\n    },\n    content: {\n      control: { type: 'radio' },\n      options: ['icon-only', 'icon-only-rounded', 'icon-both'],\n    },\n    disabled: { control: { type: 'boolean' } },\n  },\n  args: {\n    colorScheme: 'light',\n    label: 'Button',\n    variant: 'primary',\n    size: 'M',\n    content: 'icon-both',\n    disabled: false,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Primary: Story = {\n  args: { variant: 'primary', label: 'Primary' },\n};\n\nexport const Tertiary: Story = {\n  args: { variant: 'tertiary', label: 'Tertiary' },\n};\n\nexport const Ghost: Story = {\n  args: { variant: 'ghost', label: 'Ghost' },\n};\n\nexport const Destructive: Story = {\n  args: { variant: 'destructive', label: 'Destructive' },\n};\n\nexport const WithIconLeft: Story = {\n  render: () => (\n    <View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>\n      <Button variant=\"primary\"     label=\"Rechercher\" iconLeft={<MagnifyingGlass />} />\n      <Button variant=\"tertiary\"    label=\"Ajouter\"    iconLeft={<Plus />} />\n      <Button variant=\"ghost\"       label=\"Confirmer\"  iconLeft={<Check />} />\n      <Button variant=\"destructive\" label=\"Supprimer\"  iconLeft={<Trash />} />\n    </View>\n  ),\n};\n\nexport const WithIconRight: Story = {\n  render: () => (\n    <View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>\n      <Button variant=\"primary\"  label=\"Suivant\" iconRight={<ArrowRight />} />\n      <Button variant=\"tertiary\" label=\"Fermer\"  iconRight={<X />} />\n    </View>\n  ),\n};\n\nexport const WithIconBoth: Story = {\n  render: () => (\n    <View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>\n      <Button variant=\"primary\"  label=\"Rechercher\" iconLeft={<MagnifyingGlass />} iconRight={<ArrowRight />} />\n      <Button variant=\"tertiary\" label=\"Supprimer\"  iconLeft={<Trash />}           iconRight={<X />} />\n    </View>\n  ),\n};\n\nexport const IconOnly: Story = {\n  render: () => (\n    <View style={{ flexDirection: 'row', gap: 12, padding: 16 }}>\n      <Button variant=\"primary\"     content=\"icon-only\"         iconLeft={<Plus />} />\n      <Button variant=\"tertiary\"    content=\"icon-only\"         iconLeft={<MagnifyingGlass />} />\n      <Button variant=\"ghost\"       content=\"icon-only\"         iconLeft={<X />} />\n      <Button variant=\"destructive\" content=\"icon-only-rounded\" iconLeft={<Trash />} />\n    </View>\n  ),\n};\n\nexport const AllSizes: Story = {\n  render: () => (\n    <View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>\n      <Button variant=\"primary\" size=\"S\"  label=\"Small\"  iconLeft={<Check />} />\n      <Button variant=\"primary\" size=\"M\"  label=\"Medium\" iconLeft={<Check />} />\n      <Button variant=\"primary\" size=\"L\"  label=\"Large\"  iconLeft={<Check />} />\n      <Button variant=\"primary\" size=\"XL\" label=\"XLarge\" iconLeft={<Check />} />\n    </View>\n  ),\n};\n\nexport const Disabled: Story = {\n  render: () => (\n    <View style={{ gap: 12, padding: 16, alignItems: 'flex-start' }}>\n      <Button variant=\"primary\"     disabled label=\"Primary\"     iconLeft={<Check />} />\n      <Button variant=\"tertiary\"    disabled label=\"Tertiary\"    iconLeft={<Check />} />\n      <Button variant=\"ghost\"       disabled label=\"Ghost\"       iconLeft={<Check />} />\n      <Button variant=\"destructive\" disabled label=\"Destructive\" iconLeft={<Trash />} />\n    </View>\n  ),\n};"]}

package/build/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonContent } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/build/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/build/components/Button/index.js

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+//# sourceMappingURL=index.js.map

package/build/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { Button } from './Button';\nexport type { ButtonProps, ButtonVariant, ButtonSize, ButtonContent } from './Button';"]}

package/build/components/ButtonAction/ButtonAction.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ButtonAction component — bare icon-only pressable with no background or border.
+ * Extends Button size range with XS and XXL sizes.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type ButtonActionSize = 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
+export interface ButtonActionProps {
+    /** Icon component (Phosphor Duotone) */
+    icon: React.ReactElement;
+    /** Icon size */
+    size?: ButtonActionSize;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ButtonAction({ icon, size, disabled, onPress, style, }: ButtonActionProps): React.JSX.Element;
+//# sourceMappingURL=ButtonAction.d.ts.map

package/build/components/ButtonAction/ButtonAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAction.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAErE,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,gBAAgB;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAWD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAU,EACV,QAAgB,EAChB,OAAO,EACP,KAAK,GACN,EAAE,iBAAiB,qBA2BnB"}

package/build/components/ButtonAction/ButtonAction.js

@@ -0,0 +1,35 @@
+/**
+ * ButtonAction component — bare icon-only pressable with no background or border.
+ * Extends Button size range with XS and XXL sizes.
+ */
+import React from 'react';
+import { Pressable } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+const ICON_SIZE = {
+    XS: 12,
+    S: 16,
+    M: 20,
+    L: 24,
+    XL: 28,
+    XXL: 32,
+};
+export function ButtonAction({ icon, size = 'M', disabled = false, onPress, style, }) {
+    const { colors } = useTheme();
+    const iconPx = ICON_SIZE[size];
+    const containerStyle = {
+        width: iconPx,
+        height: iconPx,
+        opacity: disabled ? 0.5 : 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    const clonedIcon = React.cloneElement(icon, {
+        size: iconPx,
+        color: colors.text.primary,
+        ...icon.props,
+    });
+    return (<Pressable pointerEvents={disabled ? 'none' : 'auto'} onPress={disabled ? undefined : onPress} style={[containerStyle, style]}>
+      {clonedIcon}
+    </Pressable>);
+}
+//# sourceMappingURL=ButtonAction.js.map

package/build/components/ButtonAction/ButtonAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAiBtD,MAAM,SAAS,GAAqC;IAClD,EAAE,EAAG,EAAE;IACP,CAAC,EAAI,EAAE;IACP,CAAC,EAAI,EAAE;IACP,CAAC,EAAI,EAAE;IACP,EAAE,EAAG,EAAE;IACP,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,GACa;IAClB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO;QAC1B,GAAI,IAAI,CAAC,KAAiC;KACjC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAE/B;MAAA,CAAC,UAAU,CACb;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/**\n * ButtonAction component — bare icon-only pressable with no background or border.\n * Extends Button size range with XS and XXL sizes.\n */\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonActionSize = 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';\n\nexport interface ButtonActionProps {\n  /** Icon component (Phosphor Duotone) */\n  icon: React.ReactElement;\n  /** Icon size */\n  size?: ButtonActionSize;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Press handler */\n  onPress?: () => void;\n  /** Additional container styles */\n  style?: StyleProp<ViewStyle>;\n}\n\nconst ICON_SIZE: Record<ButtonActionSize, number> = {\n  XS:  12,\n  S:   16,\n  M:   20,\n  L:   24,\n  XL:  28,\n  XXL: 32,\n};\n\nexport function ButtonAction({\n  icon,\n  size = 'M',\n  disabled = false,\n  onPress,\n  style,\n}: ButtonActionProps) {\n  const { colors } = useTheme();\n  const iconPx = ICON_SIZE[size];\n\n  const containerStyle: ViewStyle = {\n    width: iconPx,\n    height: iconPx,\n    opacity: disabled ? 0.5 : 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n\n  const clonedIcon = React.cloneElement(icon, {\n    size: iconPx,\n    color: colors.text.primary,\n    ...(icon.props as Record<string, unknown>),\n  } as object);\n\n  return (\n    <Pressable\n      pointerEvents={disabled ? 'none' : 'auto'}\n      onPress={disabled ? undefined : onPress}\n      style={[containerStyle, style]}\n    >\n      {clonedIcon}\n    </Pressable>\n  );\n}"]}

package/build/components/ButtonAction/ButtonAction.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-native';
+import { type ButtonActionProps } from './ButtonAction';
+type StoryArgs = ButtonActionProps & {
+    colorScheme: 'light' | 'dark';
+};
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const AllSizes: Story;
+export declare const AllIcons: Story;
+//# sourceMappingURL=ButtonAction.stories.d.ts.map

package/build/components/ButtonAction/ButtonAction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAction.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,KAAK,SAAS,GAAG,iBAAiB,GAAG;IAAE,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,CAAC;AAEvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAsBzB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}