@situaction/traquiste-mobile 1.0.0-next.2

package/build/components/ButtonAction/ButtonAction.stories.js

@@ -0,0 +1,51 @@
+/** Storybook stories for the ButtonAction component */
+import React from 'react';
+import { View } from 'react-native';
+import { X, DotsThree, ArrowLeft, MagnifyingGlass, Bell } from 'phosphor-react-native';
+import { ButtonAction } from './ButtonAction';
+const meta = {
+    title: 'Components/ButtonAction',
+    component: ButtonAction,
+    render: ({ colorScheme: _colorScheme, ...args }) => (<ButtonAction {...args} icon={<X />}/>),
+    argTypes: {
+        colorScheme: {
+            control: { type: 'radio' },
+            options: ['light', 'dark'],
+        },
+        size: {
+            control: { type: 'radio' },
+            options: ['XS', 'S', 'M', 'L', 'XL', 'XXL'],
+        },
+        disabled: { control: { type: 'boolean' } },
+    },
+    args: {
+        colorScheme: 'light',
+        size: 'M',
+        disabled: false,
+    },
+};
+export default meta;
+export const Default = {};
+export const Disabled = {
+    args: { disabled: true },
+};
+export const AllSizes = {
+    render: () => (<View style={{ flexDirection: 'row', gap: 16, padding: 16, alignItems: 'center' }}>
+      <ButtonAction size="XS" icon={<X />}/>
+      <ButtonAction size="S" icon={<X />}/>
+      <ButtonAction size="M" icon={<X />}/>
+      <ButtonAction size="L" icon={<X />}/>
+      <ButtonAction size="XL" icon={<X />}/>
+      <ButtonAction size="XXL" icon={<X />}/>
+    </View>),
+};
+export const AllIcons = {
+    render: () => (<View style={{ flexDirection: 'row', gap: 16, padding: 16, alignItems: 'center' }}>
+      <ButtonAction size="L" icon={<ArrowLeft />}/>
+      <ButtonAction size="L" icon={<MagnifyingGlass />}/>
+      <ButtonAction size="L" icon={<Bell />}/>
+      <ButtonAction size="L" icon={<DotsThree />}/>
+      <ButtonAction size="L" icon={<X />}/>
+    </View>),
+};
+//# sourceMappingURL=ButtonAction.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAction.stories.js","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Storybook stories for the ButtonAction component */\nimport React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-native';\nimport { View } from 'react-native';\nimport { X, DotsThree, ArrowLeft, MagnifyingGlass, Bell } from 'phosphor-react-native';\nimport { ButtonAction, type ButtonActionProps } from './ButtonAction';\n\ntype StoryArgs = ButtonActionProps & { colorScheme: 'light' | 'dark' };\n\nconst meta: Meta<StoryArgs> = {\n  title: 'Components/ButtonAction',\n  component: ButtonAction,\n  render: ({ colorScheme: _colorScheme, ...args }) => (\n    <ButtonAction {...args} icon={<X />} />\n  ),\n  argTypes: {\n    colorScheme: {\n      control: { type: 'radio' },\n      options: ['light', 'dark'],\n    },\n    size: {\n      control: { type: 'radio' },\n      options: ['XS', 'S', 'M', 'L', 'XL', 'XXL'],\n    },\n    disabled: { control: { type: 'boolean' } },\n  },\n  args: {\n    colorScheme: 'light',\n    size: 'M',\n    disabled: false,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Default: Story = {};\n\nexport const Disabled: Story = {\n  args: { disabled: true },\n};\n\nexport const AllSizes: Story = {\n  render: () => (\n    <View style={{ flexDirection: 'row', gap: 16, padding: 16, alignItems: 'center' }}>\n      <ButtonAction size=\"XS\"  icon={<X />} />\n      <ButtonAction size=\"S\"   icon={<X />} />\n      <ButtonAction size=\"M\"   icon={<X />} />\n      <ButtonAction size=\"L\"   icon={<X />} />\n      <ButtonAction size=\"XL\"  icon={<X />} />\n      <ButtonAction size=\"XXL\" icon={<X />} />\n    </View>\n  ),\n};\n\nexport const AllIcons: Story = {\n  render: () => (\n    <View style={{ flexDirection: 'row', gap: 16, padding: 16, alignItems: 'center' }}>\n      <ButtonAction size=\"L\" icon={<ArrowLeft />} />\n      <ButtonAction size=\"L\" icon={<MagnifyingGlass />} />\n      <ButtonAction size=\"L\" icon={<Bell />} />\n      <ButtonAction size=\"L\" icon={<DotsThree />} />\n      <ButtonAction size=\"L\" icon={<X />} />\n    </View>\n  ),\n};"]}

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

@@ -0,0 +1,3 @@
+export { ButtonAction } from './ButtonAction';
+export type { ButtonActionProps, ButtonActionSize } from './ButtonAction';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/build/components/ButtonAction/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { ButtonAction } from './ButtonAction';\nexport type { ButtonActionProps, ButtonActionSize } from './ButtonAction';"]}

package/build/components/ButtonMap/ButtonMap.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ButtonMap component — icon-only-rounded Button wrapper for map UI.
+ * Applies a specific cartography shadow (Below/Minimal).
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface ButtonMapProps {
+    /** Icon component (Phosphor Duotone) */
+    icon: React.ReactElement;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ButtonMap({ icon, disabled, onPress, style }: ButtonMapProps): React.JSX.Element;
+//# sourceMappingURL=ButtonMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMap.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,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;AAUD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,qBAY3E"}

package/build/components/ButtonMap/ButtonMap.js

@@ -0,0 +1,17 @@
+/**
+ * ButtonMap component — icon-only-rounded Button wrapper for map UI.
+ * Applies a specific cartography shadow (Below/Minimal).
+ */
+import React from 'react';
+import { Button } from '../Button';
+const shadowStyle = {
+    shadowColor: '#0f0f0f0d',
+    shadowOffset: { width: 0, height: 4 },
+    shadowRadius: 5,
+    shadowOpacity: 1,
+    elevation: 3,
+};
+export function ButtonMap({ icon, disabled, onPress, style }) {
+    return (<Button variant="tertiary" content="icon-only-rounded" size="S" iconLeft={icon} disabled={disabled} onPress={onPress} style={[shadowStyle, style]}/>);
+}
+//# sourceMappingURL=ButtonMap.js.map

package/build/components/ButtonMap/ButtonMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMap.js","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAanC,MAAM,WAAW,GAAc;IAC7B,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IACrC,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;IAChB,SAAS,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAkB;IAC1E,OAAO,CACL,CAAC,MAAM,CACL,OAAO,CAAC,UAAU,CAClB,OAAO,CAAC,mBAAmB,CAC3B,IAAI,CAAC,GAAG,CACR,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,EAC5B,CACH,CAAC;AACJ,CAAC","sourcesContent":["/**\n * ButtonMap component — icon-only-rounded Button wrapper for map UI.\n * Applies a specific cartography shadow (Below/Minimal).\n */\nimport React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { Button } from '../Button';\n\nexport interface ButtonMapProps {\n  /** Icon component (Phosphor Duotone) */\n  icon: React.ReactElement;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Press handler */\n  onPress?: () => void;\n  /** Additional container styles */\n  style?: StyleProp<ViewStyle>;\n}\n\nconst shadowStyle: ViewStyle = {\n  shadowColor: '#0f0f0f0d',\n  shadowOffset: { width: 0, height: 4 },\n  shadowRadius: 5,\n  shadowOpacity: 1,\n  elevation: 3,\n};\n\nexport function ButtonMap({ icon, disabled, onPress, style }: ButtonMapProps) {\n  return (\n    <Button\n      variant=\"tertiary\"\n      content=\"icon-only-rounded\"\n      size=\"S\"\n      iconLeft={icon}\n      disabled={disabled}\n      onPress={onPress}\n      style={[shadowStyle, style]}\n    />\n  );\n}"]}

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-native';
+import { type ButtonMapProps } from './ButtonMap';
+type StoryArgs = ButtonMapProps & {
+    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 MapControls: Story;
+//# sourceMappingURL=ButtonMap.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMap.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,KAAK,SAAS,GAAG,cAAc,GAAG;IAAE,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,CAAC;AAEpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAiBzB,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,WAAW,EAAE,KAUzB,CAAC"}

package/build/components/ButtonMap/ButtonMap.stories.js

@@ -0,0 +1,36 @@
+/** Storybook stories for the ButtonMap component */
+import React from 'react';
+import { View } from 'react-native';
+import { Plus, Minus, Crosshair, MapPin, MagnifyingGlass } from 'phosphor-react-native';
+import { ButtonMap } from './ButtonMap';
+const meta = {
+    title: 'Components/ButtonMap',
+    component: ButtonMap,
+    render: ({ colorScheme: _colorScheme, ...args }) => (<ButtonMap {...args} icon={<Crosshair />}/>),
+    argTypes: {
+        colorScheme: {
+            control: { type: 'radio' },
+            options: ['light', 'dark'],
+        },
+        disabled: { control: { type: 'boolean' } },
+    },
+    args: {
+        colorScheme: 'light',
+        disabled: false,
+    },
+};
+export default meta;
+export const Default = {};
+export const Disabled = {
+    args: { disabled: true },
+};
+export const MapControls = {
+    render: () => (<View style={{ gap: 8, padding: 16, alignItems: 'flex-start' }}>
+      <ButtonMap icon={<Plus />}/>
+      <ButtonMap icon={<Minus />}/>
+      <ButtonMap icon={<Crosshair />}/>
+      <ButtonMap icon={<MapPin />}/>
+      <ButtonMap icon={<MagnifyingGlass />} disabled/>
+    </View>),
+};
+//# sourceMappingURL=ButtonMap.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMap.stories.js","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.stories.tsx"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAI7D,MAAM,IAAI,GAAoB;IAC5B,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAClD,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,AAAD,EAAG,CAAC,EAAG,CAC7C;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;SAC3B;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KAC3C;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAC7D;MAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,AAAD,EAAG,CAAC,EAC1B;MAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,AAAD,EAAG,CAAC,EAC3B;MAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,AAAD,EAAG,CAAC,EAC/B;MAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,AAAD,EAAG,CAAC,EAC5B;MAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,AAAD,EAAG,CAAC,CAAC,QAAQ,EAChD;IAAA,EAAE,IAAI,CAAC,CACR;CACF,CAAC","sourcesContent":["/** Storybook stories for the ButtonMap component */\nimport React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-native';\nimport { View } from 'react-native';\nimport { Plus, Minus, Crosshair, MapPin, MagnifyingGlass } from 'phosphor-react-native';\nimport { ButtonMap, type ButtonMapProps } from './ButtonMap';\n\ntype StoryArgs = ButtonMapProps & { colorScheme: 'light' | 'dark' };\n\nconst meta: Meta<StoryArgs> = {\n  title: 'Components/ButtonMap',\n  component: ButtonMap,\n  render: ({ colorScheme: _colorScheme, ...args }) => (\n    <ButtonMap {...args} icon={<Crosshair />} />\n  ),\n  argTypes: {\n    colorScheme: {\n      control: { type: 'radio' },\n      options: ['light', 'dark'],\n    },\n    disabled: { control: { type: 'boolean' } },\n  },\n  args: {\n    colorScheme: 'light',\n    disabled: false,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Default: Story = {};\n\nexport const Disabled: Story = {\n  args: { disabled: true },\n};\n\nexport const MapControls: Story = {\n  render: () => (\n    <View style={{ gap: 8, padding: 16, alignItems: 'flex-start' }}>\n      <ButtonMap icon={<Plus />} />\n      <ButtonMap icon={<Minus />} />\n      <ButtonMap icon={<Crosshair />} />\n      <ButtonMap icon={<MapPin />} />\n      <ButtonMap icon={<MagnifyingGlass />} disabled />\n    </View>\n  ),\n};"]}

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

@@ -0,0 +1,3 @@
+export { ButtonMap } from './ButtonMap';
+export type { ButtonMapProps } from './ButtonMap';
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/components/ButtonMap/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { ButtonMap } from './ButtonMap';\nexport type { ButtonMapProps } from './ButtonMap';"]}

package/build/components/ButtonMenu/ButtonMenu.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ButtonMenu component — icon-only toggle button for navigation/menu bars.
+ * Supports default, active and disabled states with an optional notification dot.
+ */
+import React, { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type ButtonMenuState = 'default' | 'active' | 'disabled';
+export interface ButtonMenuProps {
+    /** Icon component (Phosphor Duotone icon) */
+    icon: ReactElement;
+    /** Toggle state */
+    state?: ButtonMenuState;
+    /** Show notification dot */
+    notif?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ButtonMenu({ icon, state, notif, onPress, style, }: ButtonMenuProps): React.JSX.Element;
+//# sourceMappingURL=ButtonMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAC,YAAY,EAAY,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,IAAI,EAAE,YAAY,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAkBD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAiB,EACjB,KAAa,EACb,OAAO,EACP,KAAK,GACN,EAAE,eAAe,qBAkDjB"}

package/build/components/ButtonMenu/ButtonMenu.js

@@ -0,0 +1,56 @@
+/**
+ * ButtonMenu component — icon-only toggle button for navigation/menu bars.
+ * Supports default, active and disabled states with an optional notification dot.
+ */
+import React, { useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+const BACKGROUND = {
+    default: 'transparent',
+    active: '#d1c3a033',
+    disabled: '#0f0f0f0d',
+};
+const BORDER_COLOR = {
+    default: undefined,
+    active: '#afafad80',
+    disabled: undefined,
+};
+const PRESSED_BACKGROUND = '#d1c3a066';
+const ICON_SIZE = 28;
+const NOTIF_DOT = 8;
+export function ButtonMenu({ icon, state = 'default', notif = false, onPress, style, }) {
+    const [pressed, setPressed] = useState(false);
+    const { colors } = useTheme();
+    const isDisabled = state === 'disabled';
+    const background = pressed && !isDisabled ? PRESSED_BACKGROUND : BACKGROUND[state];
+    const borderColor = BORDER_COLOR[state];
+    const containerStyle = {
+        width: 48,
+        height: 48,
+        padding: 10,
+        borderRadius: 8,
+        backgroundColor: background,
+        borderWidth: borderColor != null ? 1 : undefined,
+        borderColor: borderColor ?? undefined,
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    const clonedIcon = React.cloneElement(icon, {
+        size: ICON_SIZE,
+        color: isDisabled ? colors.text.disabled : undefined,
+        ...icon.props,
+    });
+    return (<Pressable pointerEvents={isDisabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={isDisabled ? undefined : onPress} style={[containerStyle, style]}>
+      {clonedIcon}
+      {notif && (<View style={{
+                position: 'absolute',
+                top: 6,
+                left: 34,
+                width: NOTIF_DOT,
+                height: NOTIF_DOT,
+                borderRadius: 9999,
+                backgroundColor: '#ff4747',
+            }}/>)}
+    </Pressable>);
+}
+//# sourceMappingURL=ButtonMenu.js.map

package/build/components/ButtonMenu/ButtonMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAiBtD,MAAM,UAAU,GAAoC;IAClD,OAAO,EAAG,aAAa;IACvB,MAAM,EAAI,WAAW;IACrB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,YAAY,GAAgD;IAChE,OAAO,EAAG,SAAS;IACnB,MAAM,EAAI,WAAW;IACrB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC;AACvC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,KAAK,EACb,OAAO,EACP,KAAK,GACW;IAChB,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,KAAK,KAAK,UAAU,CAAC;IACxC,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,UAAU;QAC3B,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAChD,WAAW,EAAE,WAAW,IAAI,SAAS;QACrC,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACpD,GAAI,IAAI,CAAC,KAAiC;KACjC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC5C,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,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1C,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAE/B;MAAA,CAAC,UAAU,CACX;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,EAAE;gBACR,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,CACH,CACH;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/**\n * ButtonMenu component — icon-only toggle button for navigation/menu bars.\n * Supports default, active and disabled states with an optional notification dot.\n */\nimport React, {ReactElement, useState } from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonMenuState = 'default' | 'active' | 'disabled';\n\nexport interface ButtonMenuProps {\n  /** Icon component (Phosphor Duotone icon) */\n  icon: ReactElement;\n  /** Toggle state */\n  state?: ButtonMenuState;\n  /** Show notification dot */\n  notif?: boolean;\n  /** Press handler */\n  onPress?: () => void;\n  /** Additional container styles */\n  style?: StyleProp<ViewStyle>;\n}\n\nconst BACKGROUND: Record<ButtonMenuState, string> = {\n  default:  'transparent',\n  active:   '#d1c3a033',\n  disabled: '#0f0f0f0d',\n};\n\nconst BORDER_COLOR: Record<ButtonMenuState, string | undefined> = {\n  default:  undefined,\n  active:   '#afafad80',\n  disabled: undefined,\n};\n\nconst PRESSED_BACKGROUND = '#d1c3a066';\nconst ICON_SIZE = 28;\nconst NOTIF_DOT = 8;\n\nexport function ButtonMenu({\n  icon,\n  state = 'default',\n  notif = false,\n  onPress,\n  style,\n}: ButtonMenuProps) {\n  const [pressed, setPressed] = useState(false);\n  const { colors } = useTheme();\n\n  const isDisabled = state === 'disabled';\n  const background = pressed && !isDisabled ? PRESSED_BACKGROUND : BACKGROUND[state];\n  const borderColor = BORDER_COLOR[state];\n\n  const containerStyle: ViewStyle = {\n    width: 48,\n    height: 48,\n    padding: 10,\n    borderRadius: 8,\n    backgroundColor: background,\n    borderWidth: borderColor != null ? 1 : undefined,\n    borderColor: borderColor ?? undefined,\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n\n  const clonedIcon = React.cloneElement(icon, {\n    size: ICON_SIZE,\n    color: isDisabled ? colors.text.disabled : undefined,\n    ...(icon.props as Record<string, unknown>),\n  } as object);\n\n  return (\n    <Pressable\n      pointerEvents={isDisabled ? 'none' : 'auto'}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      onPress={isDisabled ? undefined : onPress}\n      style={[containerStyle, style]}\n    >\n      {clonedIcon}\n      {notif && (\n        <View\n          style={{\n            position: 'absolute',\n            top: 6,\n            left: 34,\n            width: NOTIF_DOT,\n            height: NOTIF_DOT,\n            borderRadius: 9999,\n            backgroundColor: '#ff4747',\n          }}\n        />\n      )}\n    </Pressable>\n  );\n}"]}

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-native';
+import { type ButtonMenuProps } from './ButtonMenu';
+type StoryArgs = ButtonMenuProps & {
+    colorScheme: 'light' | 'dark';
+};
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const Disabled: Story;
+export declare const WithNotif: Story;
+export declare const ActiveWithNotif: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=ButtonMenu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,SAAS,GAAG,eAAe,GAAG;IAAE,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,CAAC;AAErE,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,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/build/components/ButtonMenu/ButtonMenu.stories.js

@@ -0,0 +1,52 @@
+/** Storybook stories for the ButtonMenu component */
+import React from 'react';
+import { View } from 'react-native';
+import { House, MagnifyingGlass, Bell, Gear } from 'phosphor-react-native';
+import { ButtonMenu } from './ButtonMenu';
+const meta = {
+    title: 'Components/ButtonMenu',
+    component: ButtonMenu,
+    render: ({ colorScheme: _colorScheme, ...args }) => (<ButtonMenu {...args} icon={<House />}/>),
+    argTypes: {
+        colorScheme: {
+            control: { type: 'radio' },
+            options: ['light', 'dark'],
+        },
+        state: {
+            control: { type: 'radio' },
+            options: ['default', 'active', 'disabled'],
+        },
+        notif: { control: { type: 'boolean' } },
+    },
+    args: {
+        colorScheme: 'light',
+        state: 'default',
+        notif: false,
+    },
+};
+export default meta;
+export const Default = {
+    args: { state: 'default' },
+};
+export const Active = {
+    args: { state: 'active' },
+};
+export const Disabled = {
+    args: { state: 'disabled' },
+};
+export const WithNotif = {
+    args: { state: 'default', notif: true },
+};
+export const ActiveWithNotif = {
+    args: { state: 'active', notif: true },
+};
+export const AllStates = {
+    render: () => (<View style={{ flexDirection: 'row', gap: 12, padding: 16 }}>
+      <ButtonMenu state="default" icon={<House />}/>
+      <ButtonMenu state="active" icon={<MagnifyingGlass />}/>
+      <ButtonMenu state="disabled" icon={<Gear />}/>
+      <ButtonMenu state="default" icon={<Bell />} notif/>
+      <ButtonMenu state="active" icon={<Bell />} notif/>
+    </View>),
+};
+//# sourceMappingURL=ButtonMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMenu.stories.js","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.stories.tsx"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAIhE,MAAM,IAAI,GAAoB;IAC5B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAClD,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,AAAD,EAAG,CAAC,EAAG,CAC1C;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;SAC3B;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;SAC3C;QACD,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;KACxC;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1D;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,AAAD,EAAG,CAAC,EAC7C;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAG,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,AAAD,EAAG,CAAC,EACvD;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,AAAD,EAAG,CAAC,EAC5C;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,AAAD,EAAG,CAAC,CAAC,KAAK,EAClD;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,AAAD,EAAG,CAAC,CAAC,KAAK,EACpD;IAAA,EAAE,IAAI,CAAC,CACR;CACF,CAAC","sourcesContent":["/** Storybook stories for the ButtonMenu component */\nimport React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-native';\nimport { View } from 'react-native';\nimport { House, MagnifyingGlass, Bell, Gear } from 'phosphor-react-native';\nimport { ButtonMenu, type ButtonMenuProps } from './ButtonMenu';\n\ntype StoryArgs = ButtonMenuProps & { colorScheme: 'light' | 'dark' };\n\nconst meta: Meta<StoryArgs> = {\n  title: 'Components/ButtonMenu',\n  component: ButtonMenu,\n  render: ({ colorScheme: _colorScheme, ...args }) => (\n    <ButtonMenu {...args} icon={<House />} />\n  ),\n  argTypes: {\n    colorScheme: {\n      control: { type: 'radio' },\n      options: ['light', 'dark'],\n    },\n    state: {\n      control: { type: 'radio' },\n      options: ['default', 'active', 'disabled'],\n    },\n    notif: { control: { type: 'boolean' } },\n  },\n  args: {\n    colorScheme: 'light',\n    state: 'default',\n    notif: false,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Default: Story = {\n  args: { state: 'default' },\n};\n\nexport const Active: Story = {\n  args: { state: 'active' },\n};\n\nexport const Disabled: Story = {\n  args: { state: 'disabled' },\n};\n\nexport const WithNotif: Story = {\n  args: { state: 'default', notif: true },\n};\n\nexport const ActiveWithNotif: Story = {\n  args: { state: 'active', notif: true },\n};\n\nexport const AllStates: Story = {\n  render: () => (\n    <View style={{ flexDirection: 'row', gap: 12, padding: 16 }}>\n      <ButtonMenu state=\"default\"  icon={<House />} />\n      <ButtonMenu state=\"active\"   icon={<MagnifyingGlass />} />\n      <ButtonMenu state=\"disabled\" icon={<Gear />} />\n      <ButtonMenu state=\"default\"  icon={<Bell />} notif />\n      <ButtonMenu state=\"active\"   icon={<Bell />} notif />\n    </View>\n  ),\n};"]}

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

@@ -0,0 +1,3 @@
+export { ButtonMenu } from './ButtonMenu';
+export type { ButtonMenuProps, ButtonMenuState } from './ButtonMenu';
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/components/ButtonMenu/index.js

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

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

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

package/build/components/FilterChip/FilterChip.d.ts

@@ -0,0 +1,28 @@
+/**
+ * FilterChip component — pill-shaped selection chip for filters.
+ * Supports icon-only and icon+text layouts with controlled selection state.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type FilterChipState = 'default' | 'pressed' | 'selected' | 'disabled';
+export type FilterChipType = 'icon' | 'icon-text';
+export interface FilterChipProps {
+    /** Content layout */
+    type?: FilterChipType;
+    /** Controlled selection state */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text — required when type is icon-text */
+    label?: string;
+    /** Left icon (Phosphor Duotone) */
+    iconLeft?: React.ReactElement;
+    /** Right icon — typically a caret or close icon */
+    iconRight?: React.ReactElement;
+    /** Press handler */
+    onPress?: () => void;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function FilterChip({ type, selected, disabled, label, iconLeft, iconRight, onPress, style, }: FilterChipProps): React.JSX.Element;
+//# sourceMappingURL=FilterChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.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,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,mDAAmD;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAwBD,wBAAgB,UAAU,CAAC,EACzB,IAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE,eAAe,qBA6DjB"}

package/build/components/FilterChip/FilterChip.js

@@ -0,0 +1,66 @@
+/**
+ * FilterChip component — pill-shaped selection chip for filters.
+ * Supports icon-only and icon+text layouts with controlled selection state.
+ */
+import React, { useState } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+const STATE_TOKENS = {
+    default: { background: 'transparent', text: '#28242e', icon: '#28242e', borderColor: '#afafad80', borderWidth: 1 },
+    pressed: { background: '#d1c3a066', text: '#28242e', icon: '#28242e', borderColor: '#afafad80', borderWidth: 1 },
+    selected: { background: 'transparent', text: '#28242e', icon: '#28242e', borderColor: '#28242e', borderWidth: 2 },
+    disabled: { background: '#0f0f0f0d', text: '#0f0f0f99', icon: '#0f0f0f99', borderColor: '#0f0f0f1a', borderWidth: 1 },
+};
+const ICON_LEFT_SIZE = 20;
+const ICON_RIGHT_SIZE = 16;
+// --- Component ---
+export function FilterChip({ type = 'icon-text', selected = false, disabled = false, label, iconLeft, iconRight, onPress, style, }) {
+    const [internalPressed, setInternalPressed] = useState(false);
+    useTheme(); // consumed for future theme-aware tokens
+    const resolvedState = disabled
+        ? 'disabled'
+        : internalPressed
+            ? 'pressed'
+            : selected
+                ? 'selected'
+                : 'default';
+    const tokens = STATE_TOKENS[resolvedState];
+    const isIconOnly = type === 'icon';
+    const chipStyle = {
+        height: 32,
+        borderRadius: 100,
+        paddingVertical: 6,
+        paddingHorizontal: isIconOnly ? 6 : 12,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: isIconOnly ? 0 : 4,
+        backgroundColor: tokens.background,
+        borderWidth: tokens.borderWidth,
+        borderColor: tokens.borderColor,
+        alignSelf: 'flex-start',
+    };
+    const textStyle = {
+        color: tokens.text,
+        fontSize: 14,
+        lineHeight: 20,
+        fontFamily: 'Urbanist',
+        fontWeight: '500',
+    };
+    const cloneIcon = (icon, size) => {
+        if (!icon)
+            return null;
+        return React.cloneElement(icon, {
+            size,
+            color: tokens.icon,
+            ...icon.props,
+        });
+    };
+    return (<Pressable pointerEvents={disabled ? 'none' : 'auto'} onPressIn={() => setInternalPressed(true)} onPressOut={() => setInternalPressed(false)} onPress={disabled ? undefined : onPress} style={[{ paddingVertical: 6 }, style]}>
+      <View style={chipStyle}>
+        {cloneIcon(iconLeft, ICON_LEFT_SIZE)}
+        {!isIconOnly && label != null && <Text style={textStyle}>{label}</Text>}
+        {cloneIcon(iconRight, ICON_RIGHT_SIZE)}
+      </View>
+    </Pressable>);
+}
+//# sourceMappingURL=FilterChip.js.map

package/build/components/FilterChip/FilterChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.js","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * FilterChip component — pill-shaped selection chip for filters.\n * Supports icon-only and icon+text layouts with controlled selection state.\n */\nimport React, { useState } from 'react';\nimport { Pressable, Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type FilterChipState = 'default' | 'pressed' | 'selected' | 'disabled';\nexport type FilterChipType = 'icon' | 'icon-text';\n\nexport interface FilterChipProps {\n  /** Content layout */\n  type?: FilterChipType;\n  /** Controlled selection state */\n  selected?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Label text — required when type is icon-text */\n  label?: string;\n  /** Left icon (Phosphor Duotone) */\n  iconLeft?: React.ReactElement;\n  /** Right icon — typically a caret or close icon */\n  iconRight?: React.ReactElement;\n  /** Press handler */\n  onPress?: () => void;\n  /** Additional container styles */\n  style?: StyleProp<ViewStyle>;\n}\n\n// --- State color tokens (hardcoded per spec) ---\n\ninterface StateTokens {\n  background: string;\n  text: string;\n  icon: string;\n  borderColor: string;\n  borderWidth: number;\n}\n\nconst STATE_TOKENS: Record<FilterChipState, StateTokens> = {\n  default:  { background: 'transparent', text: '#28242e', icon: '#28242e', borderColor: '#afafad80', borderWidth: 1 },\n  pressed:  { background: '#d1c3a066',  text: '#28242e', icon: '#28242e', borderColor: '#afafad80', borderWidth: 1 },\n  selected: { background: 'transparent', text: '#28242e', icon: '#28242e', borderColor: '#28242e',   borderWidth: 2 },\n  disabled: { background: '#0f0f0f0d', text: '#0f0f0f99', icon: '#0f0f0f99', borderColor: '#0f0f0f1a', borderWidth: 1 },\n};\n\nconst ICON_LEFT_SIZE  = 20;\nconst ICON_RIGHT_SIZE = 16;\n\n// --- Component ---\n\nexport function FilterChip({\n  type = 'icon-text',\n  selected = false,\n  disabled = false,\n  label,\n  iconLeft,\n  iconRight,\n  onPress,\n  style,\n}: FilterChipProps) {\n  const [internalPressed, setInternalPressed] = useState(false);\n  useTheme(); // consumed for future theme-aware tokens\n\n  const resolvedState: FilterChipState = disabled\n    ? 'disabled'\n    : internalPressed\n      ? 'pressed'\n      : selected\n        ? 'selected'\n        : 'default';\n\n  const tokens = STATE_TOKENS[resolvedState];\n  const isIconOnly = type === 'icon';\n\n  const chipStyle: ViewStyle = {\n    height: 32,\n    borderRadius: 100,\n    paddingVertical: 6,\n    paddingHorizontal: isIconOnly ? 6 : 12,\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: isIconOnly ? 0 : 4,\n    backgroundColor: tokens.background,\n    borderWidth: tokens.borderWidth,\n    borderColor: tokens.borderColor,\n    alignSelf: 'flex-start',\n  };\n\n  const textStyle = {\n    color: tokens.text,\n    fontSize: 14,\n    lineHeight: 20,\n    fontFamily: 'Urbanist',\n    fontWeight: '500' as const,\n  };\n\n  const cloneIcon = (icon: React.ReactElement | undefined, size: number) => {\n    if (!icon) return null;\n    return React.cloneElement(icon, {\n      size,\n      color: tokens.icon,\n      ...(icon.props as Record<string, unknown>),\n    } as object);\n  };\n\n  return (\n    <Pressable\n      pointerEvents={disabled ? 'none' : 'auto'}\n      onPressIn={() => setInternalPressed(true)}\n      onPressOut={() => setInternalPressed(false)}\n      onPress={disabled ? undefined : onPress}\n      style={[{ paddingVertical: 6 }, style]}\n    >\n      <View style={chipStyle}>\n        {cloneIcon(iconLeft, ICON_LEFT_SIZE)}\n        {!isIconOnly && label != null && <Text style={textStyle}>{label}</Text>}\n        {cloneIcon(iconRight, ICON_RIGHT_SIZE)}\n      </View>\n    </Pressable>\n  );\n}"]}

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-native';
+import { type FilterChipProps } from './FilterChip';
+type StoryArgs = FilterChipProps & {
+    colorScheme: 'light' | 'dark';
+};
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Default: Story;
+export declare const Selected: Story;
+export declare const Disabled: Story;
+export declare const IconOnly: Story;
+export declare const IconOnlySelected: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=FilterChip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,SAAS,GAAG,eAAe,GAAG;IAAE,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAyBzB,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,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/build/components/FilterChip/FilterChip.stories.js

@@ -0,0 +1,55 @@
+/** Storybook stories for the FilterChip component */
+import React from 'react';
+import { View } from 'react-native';
+import { Funnel, CaretDown, X, MagnifyingGlass } from 'phosphor-react-native';
+import { FilterChip } from './FilterChip';
+const meta = {
+    title: 'Components/FilterChip',
+    component: FilterChip,
+    render: ({ colorScheme: _colorScheme, ...args }) => (<FilterChip {...args}/>),
+    argTypes: {
+        colorScheme: {
+            control: { type: 'radio' },
+            options: ['light', 'dark'],
+        },
+        type: {
+            control: { type: 'radio' },
+            options: ['icon', 'icon-text'],
+        },
+        selected: { control: { type: 'boolean' } },
+        disabled: { control: { type: 'boolean' } },
+    },
+    args: {
+        colorScheme: 'light',
+        type: 'icon-text',
+        selected: false,
+        disabled: false,
+        label: 'Filtrer',
+    },
+};
+export default meta;
+export const Default = {
+    args: { label: 'Filtrer', iconLeft: <Funnel />, iconRight: <CaretDown /> },
+};
+export const Selected = {
+    args: { label: 'Filtrer', iconLeft: <Funnel />, iconRight: <X />, selected: true },
+};
+export const Disabled = {
+    args: { label: 'Filtrer', iconLeft: <Funnel />, disabled: true },
+};
+export const IconOnly = {
+    args: { type: 'icon', iconLeft: <MagnifyingGlass /> },
+};
+export const IconOnlySelected = {
+    args: { type: 'icon', iconLeft: <Funnel />, selected: true },
+};
+export const AllStates = {
+    render: () => (<View style={{ flexDirection: 'row', gap: 8, padding: 16, flexWrap: 'wrap' }}>
+      <FilterChip label="Default" iconLeft={<Funnel />} iconRight={<CaretDown />}/>
+      <FilterChip label="Selected" iconLeft={<Funnel />} iconRight={<X />} selected/>
+      <FilterChip label="Disabled" iconLeft={<Funnel />} disabled/>
+      <FilterChip type="icon" iconLeft={<Funnel />}/>
+      <FilterChip type="icon" iconLeft={<Funnel />} selected/>
+    </View>),
+};
+//# sourceMappingURL=FilterChip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.stories.js","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Storybook stories for the FilterChip component */\nimport React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-native';\nimport { View } from 'react-native';\nimport { Funnel, CaretDown, X, MagnifyingGlass } from 'phosphor-react-native';\nimport { FilterChip, type FilterChipProps } from './FilterChip';\n\ntype StoryArgs = FilterChipProps & { colorScheme: 'light' | 'dark' };\n\nconst meta: Meta<StoryArgs> = {\n  title: 'Components/FilterChip',\n  component: FilterChip,\n  render: ({ colorScheme: _colorScheme, ...args }) => (\n    <FilterChip {...args} />\n  ),\n  argTypes: {\n    colorScheme: {\n      control: { type: 'radio' },\n      options: ['light', 'dark'],\n    },\n    type: {\n      control: { type: 'radio' },\n      options: ['icon', 'icon-text'],\n    },\n    selected:  { control: { type: 'boolean' } },\n    disabled:  { control: { type: 'boolean' } },\n  },\n  args: {\n    colorScheme: 'light',\n    type: 'icon-text',\n    selected: false,\n    disabled: false,\n    label: 'Filtrer',\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Default: Story = {\n  args: { label: 'Filtrer', iconLeft: <Funnel />, iconRight: <CaretDown /> },\n};\n\nexport const Selected: Story = {\n  args: { label: 'Filtrer', iconLeft: <Funnel />, iconRight: <X />, selected: true },\n};\n\nexport const Disabled: Story = {\n  args: { label: 'Filtrer', iconLeft: <Funnel />, disabled: true },\n};\n\nexport const IconOnly: Story = {\n  args: { type: 'icon', iconLeft: <MagnifyingGlass /> },\n};\n\nexport const IconOnlySelected: Story = {\n  args: { type: 'icon', iconLeft: <Funnel />, selected: true },\n};\n\nexport const AllStates: Story = {\n  render: () => (\n    <View style={{ flexDirection: 'row', gap: 8, padding: 16, flexWrap: 'wrap' }}>\n      <FilterChip label=\"Default\"  iconLeft={<Funnel />} iconRight={<CaretDown />} />\n      <FilterChip label=\"Selected\" iconLeft={<Funnel />} iconRight={<X />} selected />\n      <FilterChip label=\"Disabled\" iconLeft={<Funnel />} disabled />\n      <FilterChip type=\"icon\" iconLeft={<Funnel />} />\n      <FilterChip type=\"icon\" iconLeft={<Funnel />} selected />\n    </View>\n  ),\n};"]}