@bacon-pos/ui 0.1.0

package/lib/module/components/Chip/ChipGroup.stories.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { useState } from 'react';
+import { ChipGroup } from "./ChipGroup.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/ChipGroup',
+  component: ChipGroup
+};
+export default meta;
+const CATEGORIES = [{
+  value: 'starters',
+  label: 'Starters',
+  swatchColor: '#F89191'
+}, {
+  value: 'mains',
+  label: 'Mains',
+  swatchColor: '#C9FF00'
+}, {
+  value: 'drinks',
+  label: 'Drinks',
+  swatchColor: '#66BA9A'
+}, {
+  value: 'desserts',
+  label: 'Desserts',
+  swatchColor: '#F6B242'
+}];
+export const SingleSelect = {
+  render: () => {
+    const [value, setValue] = useState('mains');
+    return /*#__PURE__*/_jsx(ChipGroup, {
+      options: CATEGORIES,
+      value: value,
+      onChange: setValue
+    });
+  }
+};
+export const SingleSelectWithCheck = {
+  render: () => {
+    const [value, setValue] = useState('mains');
+    return /*#__PURE__*/_jsx(ChipGroup, {
+      options: CATEGORIES,
+      value: value,
+      onChange: setValue,
+      showCheck: true
+    });
+  }
+};
+export const MultiSelect = {
+  render: () => {
+    const [value, setValue] = useState(['starters', 'drinks']);
+    return /*#__PURE__*/_jsx(ChipGroup, {
+      options: CATEGORIES,
+      multiple: true,
+      value: value,
+      onChange: setValue,
+      showCheck: true
+    });
+  }
+};
+export const PrimaryTone = {
+  render: () => {
+    const [value, setValue] = useState(['mains']);
+    return /*#__PURE__*/_jsx(ChipGroup, {
+      options: CATEGORIES,
+      multiple: true,
+      value: value,
+      onChange: setValue,
+      tone: "primary",
+      showCheck: true
+    });
+  }
+};
+//# sourceMappingURL=ChipGroup.stories.js.map

package/lib/module/components/Chip/ChipGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","ChipGroup","jsx","_jsx","meta","title","component","CATEGORIES","value","label","swatchColor","SingleSelect","render","setValue","options","onChange","SingleSelectWithCheck","showCheck","MultiSelect","multiple","PrimaryTone","tone"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/ChipGroup.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,SAAS,QAAyB,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEL;AACb,CAAkC;AAElC,eAAeG,IAAI;AAGnB,MAAMG,UAAwB,GAAG,CAC/B;EAAEC,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,WAAW,EAAE;AAAU,CAAC,EAChE;EAAEF,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,WAAW,EAAE;AAAU,CAAC,EAC1D;EAAEF,KAAK,EAAE,QAAQ;EAAEC,KAAK,EAAE,QAAQ;EAAEC,WAAW,EAAE;AAAU,CAAC,EAC5D;EAAEF,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,WAAW,EAAE;AAAU,CAAC,CACjE;AAED,OAAO,MAAMC,YAAmB,GAAG;EACjCC,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAGb,QAAQ,CAAgB,OAAO,CAAC;IAC1D,oBAAOG,IAAA,CAACF,SAAS;MAACa,OAAO,EAAEP,UAAW;MAACC,KAAK,EAAEA,KAAM;MAACO,QAAQ,EAAEF;IAAS,CAAE,CAAC;EAC7E;AACF,CAAC;AAED,OAAO,MAAMG,qBAA4B,GAAG;EAC1CJ,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAGb,QAAQ,CAAgB,OAAO,CAAC;IAC1D,oBAAOG,IAAA,CAACF,SAAS;MAACa,OAAO,EAAEP,UAAW;MAACC,KAAK,EAAEA,KAAM;MAACO,QAAQ,EAAEF,QAAS;MAACI,SAAS;IAAA,CAAE,CAAC;EACvF;AACF,CAAC;AAED,OAAO,MAAMC,WAAkB,GAAG;EAChCN,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAGb,QAAQ,CAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACpE,oBAAOG,IAAA,CAACF,SAAS;MAACa,OAAO,EAAEP,UAAW;MAACY,QAAQ;MAACX,KAAK,EAAEA,KAAM;MAACO,QAAQ,EAAEF,QAAS;MAACI,SAAS;IAAA,CAAE,CAAC;EAChG;AACF,CAAC;AAED,OAAO,MAAMG,WAAkB,GAAG;EAChCR,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAGb,QAAQ,CAAW,CAAC,OAAO,CAAC,CAAC;IACvD,oBACEG,IAAA,CAACF,SAAS;MAACa,OAAO,EAAEP,UAAW;MAACY,QAAQ;MAACX,KAAK,EAAEA,KAAM;MAACO,QAAQ,EAAEF,QAAS;MAACQ,IAAI,EAAC,SAAS;MAACJ,SAAS;IAAA,CAAE,CAAC;EAE1G;AACF,CAAC","ignoreList":[]}

package/lib/module/components/Chip/ChipGroup.test.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { ChipGroup } from "./ChipGroup.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+const OPTIONS = [{
+  value: 'a',
+  label: 'A'
+}, {
+  value: 'b',
+  label: 'B'
+}, {
+  value: 'c',
+  label: 'C'
+}];
+describe('ChipGroup', () => {
+  it('single-select: selecting replaces the value', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(ChipGroup, {
+      options: OPTIONS,
+      value: "a",
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByText('B'));
+    expect(onChange).toHaveBeenCalledWith('b');
+  });
+  it('single-select: re-tapping the active chip clears it', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(ChipGroup, {
+      options: OPTIONS,
+      value: "a",
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByText('A'));
+    expect(onChange).toHaveBeenCalledWith(null);
+  });
+  it('multi-select: toggles values in the array', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(ChipGroup, {
+      options: OPTIONS,
+      multiple: true,
+      value: ['a'],
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByText('B'));
+    expect(onChange).toHaveBeenCalledWith(['a', 'b']);
+    fireEvent.press(screen.getByText('A'));
+    expect(onChange).toHaveBeenCalledWith([]);
+  });
+  it('reflects selection via accessibility state', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(ChipGroup, {
+      options: OPTIONS,
+      multiple: true,
+      value: ['b'],
+      onChange: () => {}
+    }));
+    const chips = screen.getAllByRole('button');
+    expect(chips[1].props.accessibilityState.selected).toBe(true);
+    expect(chips[0].props.accessibilityState.selected).toBe(false);
+  });
+});
+//# sourceMappingURL=ChipGroup.test.js.map

package/lib/module/components/Chip/ChipGroup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","ChipGroup","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","OPTIONS","value","label","describe","it","onChange","jest","fn","options","press","getByText","expect","toHaveBeenCalledWith","multiple","chips","getAllByRole","props","accessibilityState","selected","toBe"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/ChipGroup.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Chip/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { Chip } from "./Chip.js";
+export { ChipGroup } from "./ChipGroup.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Chip","ChipGroup"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAsD,WAAQ;AAC3E,SAASC,SAAS,QAA8C,gBAAa","ignoreList":[]}

package/lib/module/components/CodeInput/CodeInput.js

@@ -0,0 +1,161 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+
+/** Removes the browser's default focus outline on web (no-op on native). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const WEB_NO_OUTLINE = {
+  outlineStyle: 'none',
+  outlineWidth: 0
+};
+
+/** Where the reveal (eye) toggle sits relative to the code cells. */
+
+function Cell({
+  char,
+  filled,
+  revealed,
+  disabled,
+  theme
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    testID: "code-input-cell",
+    style: {
+      width: 20,
+      height: 20,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: revealed && filled ? /*#__PURE__*/_jsx(Text, {
+      variant: "bodyMedium",
+      weight: "medium",
+      color: disabled ? 'tertiary' : 'primary',
+      children: char
+    }) : /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 20,
+        height: 20,
+        borderRadius: 10,
+        borderWidth: 1.5,
+        backgroundColor: filled ? theme.colors.text.primary : theme.colors.background.default,
+        borderColor: filled ? theme.colors.text.primary : theme.colors.border.strong,
+        opacity: disabled ? 0.5 : 1
+      }
+    })
+  });
+}
+
+/**
+ * Code / PIN input — faithful to the Bacon POS Figma "Acceso code input".
+ * Shows `length` cells that fill as digits are entered; a hidden numeric field
+ * captures input. With `revealable`, an eye toggle switches between hidden dots
+ * and the visible digits (position configurable). Controlled via
+ * `value` / `onChangeText`.
+ */
+export function CodeInput({
+  value,
+  onChangeText,
+  length = 4,
+  onComplete,
+  disabled = false,
+  autoFocus = false,
+  revealable = false,
+  revealed: revealedProp,
+  onRevealChange,
+  revealPosition = 'right',
+  accessibilityLabel = 'Code',
+  revealLabel = 'Show code',
+  hideLabel = 'Hide code',
+  style
+}) {
+  const theme = useTheme();
+  const inputRef = useRef(null);
+  const [internalRevealed, setInternalRevealed] = useState(false);
+  const revealed = revealedProp ?? internalRevealed;
+  const filled = Math.min(value.length, length);
+  const handleChange = text => {
+    const digits = text.replace(/[^0-9]/g, '').slice(0, length);
+    onChangeText(digits);
+    if (digits.length === length) onComplete?.(digits);
+  };
+  const toggleReveal = () => {
+    const next = !revealed;
+    onRevealChange?.(next);
+    if (revealedProp === undefined) setInternalRevealed(next);
+  };
+  const cells = /*#__PURE__*/_jsxs(Pressable, {
+    onPress: () => inputRef.current?.focus(),
+    disabled: disabled,
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        gap: 16,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: Array.from({
+        length
+      }).map((_, i) => /*#__PURE__*/_jsx(Cell, {
+        char: value[i] ?? '',
+        filled: i < filled,
+        revealed: revealed,
+        disabled: disabled,
+        theme: theme
+      }, i))
+    }), /*#__PURE__*/_jsx(TextInput, {
+      ref: inputRef,
+      value: value,
+      onChangeText: handleChange,
+      keyboardType: "number-pad",
+      maxLength: length,
+      editable: !disabled,
+      caretHidden: true,
+      autoFocus: autoFocus,
+      accessibilityLabel: accessibilityLabel,
+      style: [{
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        opacity: 0
+      }, WEB_NO_OUTLINE]
+    })]
+  });
+  const eyeToggle = revealable ? /*#__PURE__*/_jsx(Pressable, {
+    onPress: toggleReveal,
+    disabled: disabled,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: revealed ? hideLabel : revealLabel,
+    style: {
+      padding: 4,
+      opacity: disabled ? 0.5 : 1
+    },
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: revealed ? 'eye' : 'eye-hide',
+      size: 24,
+      color: "secondary"
+    })
+  }) : null;
+  const vertical = revealPosition === 'top' || revealPosition === 'bottom';
+  const eyeFirst = revealPosition === 'top' || revealPosition === 'left';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flexDirection: vertical ? 'column' : 'row',
+      alignItems: 'center',
+      gap: 12,
+      alignSelf: 'flex-start',
+      paddingVertical: 8
+    }, style],
+    children: [eyeFirst ? eyeToggle : null, cells, eyeFirst ? null : eyeToggle]
+  });
+}
+//# sourceMappingURL=CodeInput.js.map

package/lib/module/components/CodeInput/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Pressable","TextInput","View","useTheme","Icon","Text","jsx","_jsx","jsxs","_jsxs","WEB_NO_OUTLINE","outlineStyle","outlineWidth","Cell","char","filled","revealed","disabled","theme","testID","style","width","height","alignItems","justifyContent","children","variant","weight","color","borderRadius","borderWidth","backgroundColor","colors","text","primary","background","default","borderColor","border","strong","opacity","CodeInput","value","onChangeText","length","onComplete","autoFocus","revealable","revealedProp","onRevealChange","revealPosition","accessibilityLabel","revealLabel","hideLabel","inputRef","internalRevealed","setInternalRevealed","Math","min","handleChange","digits","replace","slice","toggleReveal","next","undefined","cells","onPress","current","focus","position","flexDirection","gap","Array","from","map","_","i","ref","keyboardType","maxLength","editable","caretHidden","top","left","right","bottom","eyeToggle","hitSlop","accessibilityRole","padding","name","size","vertical","eyeFirst","alignSelf","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CodeInput/CodeInput.stories.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { CodeInput } from "./CodeInput.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/CodeInput',
+  component: CodeInput
+};
+export default meta;
+function Demo({
+  length = 4,
+  disabled,
+  revealable,
+  revealPosition
+}) {
+  const [value, setValue] = useState('');
+  const [done, setDone] = useState('');
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 8,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(CodeInput, {
+      value: value,
+      onChangeText: setValue,
+      length: length,
+      disabled: disabled,
+      revealable: revealable,
+      revealPosition: revealPosition,
+      onComplete: setDone
+    }), /*#__PURE__*/_jsxs(Text, {
+      variant: "caption",
+      color: "secondary",
+      children: ["value: \"", value, "\"", done ? ` · complete: ${done}` : '']
+    })]
+  });
+}
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Demo, {})
+};
+export const SixDigits = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    length: 6
+  })
+};
+export const Revealable = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    revealable: true
+  })
+};
+export const RevealPositions = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      revealable: true,
+      revealPosition: "right"
+    }), /*#__PURE__*/_jsx(Demo, {
+      revealable: true,
+      revealPosition: "left"
+    }), /*#__PURE__*/_jsx(Demo, {
+      revealable: true,
+      revealPosition: "top"
+    }), /*#__PURE__*/_jsx(Demo, {
+      revealable: true,
+      revealPosition: "bottom"
+    })]
+  })
+};
+export const Prefilled = {
+  render: () => {
+    const [value, setValue] = useState('12');
+    return /*#__PURE__*/_jsx(CodeInput, {
+      value: value,
+      onChangeText: setValue
+    });
+  }
+};
+export const Disabled = {
+  render: () => {
+    const [value, setValue] = useState('34');
+    return /*#__PURE__*/_jsx(CodeInput, {
+      value: value,
+      onChangeText: setValue,
+      disabled: true
+    });
+  }
+};
+//# sourceMappingURL=CodeInput.stories.js.map

package/lib/module/components/CodeInput/CodeInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","CodeInput","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","length","disabled","revealable","revealPosition","value","setValue","done","setDone","style","gap","alignItems","children","onChangeText","onComplete","variant","color","Default","render","SixDigits","Revealable","RevealPositions","Prefilled","Disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CodeInput/CodeInput.test.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { CodeInput } from "./CodeInput.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('CodeInput', () => {
+  it('renders one dot per cell (default 4)', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(CodeInput, {
+      value: "",
+      onChangeText: () => {}
+    }));
+    expect(screen.getAllByTestId('code-input-cell')).toHaveLength(4);
+  });
+  it('honors a custom length', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(CodeInput, {
+      value: "",
+      onChangeText: () => {},
+      length: 6
+    }));
+    expect(screen.getAllByTestId('code-input-cell')).toHaveLength(6);
+  });
+  it('reports typed digits', () => {
+    const onChangeText = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(CodeInput, {
+      value: "",
+      onChangeText: onChangeText
+    }));
+    fireEvent.changeText(screen.getByLabelText('Code'), '12');
+    expect(onChangeText).toHaveBeenCalledWith('12');
+  });
+  it('strips non-digits and caps to length, firing onComplete', () => {
+    const onChangeText = jest.fn();
+    const onComplete = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(CodeInput, {
+      value: "",
+      onChangeText: onChangeText,
+      onComplete: onComplete,
+      length: 4
+    }));
+    fireEvent.changeText(screen.getByLabelText('Code'), '1a2b3c4d5');
+    expect(onChangeText).toHaveBeenCalledWith('1234');
+    expect(onComplete).toHaveBeenCalledWith('1234');
+  });
+  it('is not editable when disabled', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(CodeInput, {
+      value: "",
+      onChangeText: () => {},
+      disabled: true
+    }));
+    expect(screen.getByLabelText('Code').props.editable).toBe(false);
+  });
+  it('reveals digits when the eye toggle is pressed', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(CodeInput, {
+      value: "12",
+      onChangeText: () => {},
+      revealable: true
+    }));
+    expect(screen.queryByText('1')).toBeNull();
+    fireEvent.press(screen.getByLabelText('Show code'));
+    expect(screen.getByText('1')).toBeTruthy();
+    expect(screen.getByText('2')).toBeTruthy();
+    fireEvent.press(screen.getByLabelText('Hide code'));
+    expect(screen.queryByText('1')).toBeNull();
+  });
+});
+//# sourceMappingURL=CodeInput.test.js.map

package/lib/module/components/CodeInput/CodeInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","CodeInput","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","value","onChangeText","expect","getAllByTestId","toHaveLength","length","jest","fn","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","disabled","props","editable","toBe","revealable","queryByText","toBeNull","press","getByText","toBeTruthy"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CodeInput/index.js

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

package/lib/module/components/CodeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeInput"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/index.ts"],"mappings":";;AAAA,SAASA,SAAS,QAA6B,gBAAa","ignoreList":[]}

package/lib/module/components/Icon/Icon.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { SvgXml } from 'react-native-svg';
+import { useTheme } from "../../theme/index.js";
+import { icons } from "./icons.generated.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders a design-system icon as a themeable SVG. The source SVG is rendered
+ * faithfully via react-native-svg's <SvgXml> (stroke icons stay stroked,
+ * compound fills keep their holes) and tinted through `currentColor`.
+ */
+export function Icon({
+  name,
+  size = 24,
+  color = 'primary'
+}) {
+  const theme = useTheme();
+  const xml = icons[name];
+  if (!xml) return null;
+  const tint = color in theme.colors.text ? theme.colors.text[color] : color;
+  return /*#__PURE__*/_jsx(SvgXml, {
+    xml: xml,
+    width: size,
+    height: size,
+    color: tint
+  });
+}
+//# sourceMappingURL=Icon.js.map

package/lib/module/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SvgXml","useTheme","icons","jsx","_jsx","Icon","name","size","color","theme","xml","tint","colors","text","width","height"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Icon/Icon.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,KAAK,QAAuB,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAazD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAqB,CAAC,EAAE;EACtE,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EACxB,MAAMS,GAAG,GAAGR,KAAK,CAACI,IAAI,CAAuB;EAC7C,IAAI,CAACI,GAAG,EAAE,OAAO,IAAI;EAErB,MAAMC,IAAI,GACRH,KAAK,IAAIC,KAAK,CAACG,MAAM,CAACC,IAAI,GACtBJ,KAAK,CAACG,MAAM,CAACC,IAAI,CAACL,KAAK,CAAmB,GACzCA,KAAgB;EAEvB,oBAAOJ,IAAA,CAACJ,MAAM;IAACU,GAAG,EAAEA,GAAI;IAACI,KAAK,EAAEP,IAAK;IAACQ,MAAM,EAAER,IAAK;IAACC,KAAK,EAAEG;EAAK,CAAE,CAAC;AACrE","ignoreList":[]}

package/lib/module/components/Icon/Icon.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Icon } from "./Icon.js";
+import { icons } from "./icons.generated.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Icon',
+  component: Icon,
+  args: {
+    name: 'search',
+    size: 24,
+    color: 'primary'
+  },
+  argTypes: {
+    name: {
+      control: 'select',
+      options: Object.keys(icons)
+    },
+    size: {
+      control: {
+        type: 'range',
+        min: 12,
+        max: 64,
+        step: 2
+      }
+    },
+    color: {
+      control: 'text'
+    }
+  }
+};
+export default meta;
+export const Playground = {};
+export const Gallery = {
+  args: {
+    size: 56
+  },
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 24,
+      maxWidth: 520
+    },
+    children: Object.keys(icons).map(name => /*#__PURE__*/_jsxs(View, {
+      style: {
+        alignItems: 'center',
+        width: 96,
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(Icon, {
+        name: name,
+        size: 28
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "caption",
+        color: "secondary",
+        align: "center",
+        children: name
+      })]
+    }, name))
+  })
+};
+export const Colored = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      gap: 24
+    },
+    children: [/*#__PURE__*/_jsx(Icon, {
+      name: "check",
+      size: 32,
+      color: "#008C57"
+    }), /*#__PURE__*/_jsx(Icon, {
+      name: "close",
+      size: 32,
+      color: "#D0001F"
+    }), /*#__PURE__*/_jsx(Icon, {
+      name: "eye",
+      size: 32,
+      color: "secondary"
+    }), /*#__PURE__*/_jsx(Icon, {
+      name: "trash",
+      size: 32,
+      color: "tertiary"
+    })]
+  })
+};
+//# sourceMappingURL=Icon.stories.js.map

package/lib/module/components/Icon/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Icon","icons","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","args","name","size","color","argTypes","control","options","Object","keys","type","min","max","step","Playground","Gallery","render","style","flexDirection","flexWrap","gap","maxWidth","children","map","alignItems","width","variant","align","Colored"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Icon/Icon.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,KAAK,QAAuB,sBAAmB;AACxD,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAET,IAAI;EACfU,IAAI,EAAE;IAAEC,IAAI,EAAE,QAAQ;IAAEC,IAAI,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAU,CAAC;EACpDC,QAAQ,EAAE;IACRH,IAAI,EAAE;MAAEI,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAEC,MAAM,CAACC,IAAI,CAACjB,KAAK;IAAE,CAAC;IACxDW,IAAI,EAAE;MAAEG,OAAO,EAAE;QAAEI,IAAI,EAAE,OAAO;QAAEC,GAAG,EAAE,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,IAAI,EAAE;MAAE;IAAE,CAAC;IAC/DT,KAAK,EAAE;MAAEE,OAAO,EAAE;IAAO;EAC3B;AACF,CAA6B;AAE7B,eAAeR,IAAI;AAGnB,OAAO,MAAMgB,UAAiB,GAAG,CAAC,CAAC;AAEnC,OAAO,MAAMC,OAAc,GAAG;EAC5Bd,IAAI,EAAE;IACJE,IAAI,EAAE;EACR,CAAC;EAEDa,MAAM,EAAEA,CAAA,kBACNrB,IAAA,CAACL,IAAI;IAAC2B,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE,MAAM;MAAEC,GAAG,EAAE,EAAE;MAAEC,QAAQ,EAAE;IAAI,CAAE;IAAAC,QAAA,EAC5Ed,MAAM,CAACC,IAAI,CAACjB,KAAK,CAAC,CAAgB+B,GAAG,CAAErB,IAAI,iBAC3CL,KAAA,CAACP,IAAI;MAAY2B,KAAK,EAAE;QAAEO,UAAU,EAAE,QAAQ;QAAEC,KAAK,EAAE,EAAE;QAAEL,GAAG,EAAE;MAAE,CAAE;MAAAE,QAAA,gBAClE3B,IAAA,CAACJ,IAAI;QAACW,IAAI,EAAEA,IAAK;QAACC,IAAI,EAAE;MAAG,CAAE,CAAC,eAC9BR,IAAA,CAACF,IAAI;QAACiC,OAAO,EAAC,SAAS;QAACtB,KAAK,EAAC,WAAW;QAACuB,KAAK,EAAC,QAAQ;QAAAL,QAAA,EACrDpB;MAAI,CACD,CAAC;IAAA,GAJEA,IAKL,CACP;EAAC,CACE;AAEV,CAAC;AAED,OAAO,MAAM0B,OAAc,GAAG;EAC5BZ,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACP,IAAI;IAAC2B,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEE,GAAG,EAAE;IAAG,CAAE;IAAAE,QAAA,gBAC7C3B,IAAA,CAACJ,IAAI;MAACW,IAAI,EAAC,OAAO;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,eAC/CT,IAAA,CAACJ,IAAI;MAACW,IAAI,EAAC,OAAO;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAS,CAAE,CAAC,eAC/CT,IAAA,CAACJ,IAAI;MAACW,IAAI,EAAC,KAAK;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAW,CAAE,CAAC,eAC/CT,IAAA,CAACJ,IAAI;MAACW,IAAI,EAAC,OAAO;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAU,CAAE,CAAC;EAAA,CAC5C;AAEV,CAAC","ignoreList":[]}