@bacon-pos/ui 0.1.0

package/lib/module/components/Button/Button.js

@@ -0,0 +1,197 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { ActivityIndicator, Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Text } from "../Text/Text.js";
+
+/** Visual styles — 1:1 with the Figma "Round buttons" style variants. */
+
+/** `round` = pill (default), `square` = 16px corner radius. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZES = {
+  sm: {
+    height: 48,
+    paddingHorizontal: 16,
+    gap: 10,
+    textVariant: 'bodyMedium',
+    iconSize: 20
+  },
+  md: {
+    height: 58,
+    paddingHorizontal: 24,
+    gap: 10,
+    textVariant: 'bodyLarge',
+    iconSize: 24
+  },
+  lg: {
+    height: 74,
+    paddingHorizontal: 24,
+    gap: 10,
+    textVariant: 'bodyLarge',
+    iconSize: 24
+  },
+  xl: {
+    height: 90,
+    paddingHorizontal: 24,
+    gap: 10,
+    textVariant: 'bodyLarge',
+    iconSize: 24
+  }
+};
+function getVariantColors(theme, variant) {
+  const {
+    action,
+    state,
+    border
+  } = theme.colors;
+  const base = {
+    borderColor: 'transparent',
+    borderWidth: 0
+  };
+  switch (variant) {
+    case 'secondary':
+      return {
+        backgroundColor: action.secondary,
+        textColor: action.secondaryForeground,
+        borderColor: border.default,
+        borderWidth: 1
+      };
+    case 'inverse':
+      return {
+        backgroundColor: action.inverse,
+        textColor: action.inverseForeground,
+        ...base
+      };
+    case 'destructive':
+      return {
+        backgroundColor: state.destructiveSubtle,
+        textColor: state.destructiveSubtleForeground,
+        ...base
+      };
+    case 'success':
+      return {
+        backgroundColor: state.success,
+        textColor: state.successForeground,
+        ...base
+      };
+    case 'successSubtle':
+      return {
+        backgroundColor: state.successSubtle,
+        textColor: state.successSubtleForeground,
+        ...base
+      };
+    case 'default':
+    default:
+      return {
+        backgroundColor: action.primary,
+        textColor: action.primaryForeground,
+        ...base
+      };
+  }
+}
+
+/**
+ * Text button — faithful to the Bacon POS Figma "Buttons" frame.
+ * Colors, sizes, radii and states are driven by theme tokens.
+ */
+export function Button({
+  variant = 'default',
+  size = 'lg',
+  shape = 'round',
+  label,
+  loading = false,
+  disabled = false,
+  fullWidth = false,
+  leftIcon,
+  rightIcon,
+  topIcon,
+  style,
+  ...rest
+}) {
+  const theme = useTheme();
+  const sizeConfig = SIZES[size];
+  const isDisabled = disabled || loading;
+  const colors = useMemo(() => {
+    const variantColors = getVariantColors(theme, variant);
+    if (!isDisabled) return variantColors;
+    return {
+      backgroundColor: theme.colors.disabled.background,
+      textColor: theme.colors.disabled.foreground,
+      borderColor: variantColors.borderWidth > 0 ? theme.colors.disabled.border : 'transparent',
+      borderWidth: variantColors.borderWidth
+    };
+  }, [theme, variant, isDisabled]);
+  const borderRadius = shape === 'square' ? theme.radii.xl : theme.radii.pill;
+  // Vertical (icon-on-top) layout is only allowed for the square shape.
+  const isVertical = shape === 'square' && !!topIcon;
+  const containerStyle = useMemo(() => ({
+    pressed
+  }) => [{
+    ...(isVertical ? {
+      paddingVertical: 16,
+      flexDirection: 'column'
+    } : {
+      height: sizeConfig.height,
+      flexDirection: 'row'
+    }),
+    paddingHorizontal: sizeConfig.paddingHorizontal,
+    borderRadius,
+    borderWidth: colors.borderWidth,
+    borderColor: colors.borderColor,
+    backgroundColor: colors.backgroundColor,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: isVertical ? 16 : sizeConfig.gap,
+    opacity: pressed && !isDisabled ? 0.9 : 1,
+    alignSelf: fullWidth ? 'stretch' : 'flex-start'
+  }, style], [isVertical, sizeConfig, borderRadius, colors, isDisabled, fullWidth, style]);
+  const iconBox = {
+    width: sizeConfig.iconSize,
+    height: sizeConfig.iconSize,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: isDisabled,
+      busy: loading
+    },
+    disabled: isDisabled,
+    style: containerStyle,
+    ...rest,
+    children: isVertical ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: colors.textColor,
+        size: "small"
+      }) : /*#__PURE__*/_jsx(View, {
+        style: iconBox,
+        children: topIcon
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: sizeConfig.textVariant,
+        weight: "medium",
+        color: colors.textColor,
+        align: "center",
+        children: label
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: colors.textColor,
+        size: "small"
+      }) : leftIcon ? /*#__PURE__*/_jsx(View, {
+        style: iconBox,
+        children: leftIcon
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        variant: sizeConfig.textVariant,
+        weight: "medium",
+        color: colors.textColor,
+        children: label
+      }), !loading && rightIcon ? /*#__PURE__*/_jsx(View, {
+        style: iconBox,
+        children: rightIcon
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","ActivityIndicator","Pressable","View","useTheme","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SIZES","sm","height","paddingHorizontal","gap","textVariant","iconSize","md","lg","xl","getVariantColors","theme","variant","action","state","border","colors","base","borderColor","borderWidth","backgroundColor","secondary","textColor","secondaryForeground","default","inverse","inverseForeground","destructiveSubtle","destructiveSubtleForeground","success","successForeground","successSubtle","successSubtleForeground","primary","primaryForeground","Button","size","shape","label","loading","disabled","fullWidth","leftIcon","rightIcon","topIcon","style","rest","sizeConfig","isDisabled","variantColors","background","foreground","borderRadius","radii","pill","isVertical","containerStyle","pressed","paddingVertical","flexDirection","alignItems","justifyContent","opacity","alignSelf","iconBox","width","accessibilityRole","accessibilityState","busy","children","color","weight","align"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,135 @@
+"use strict";
+
+import { Button } from "./Button.js";
+import { Icon } from "../Icon/Icon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Button',
+  component: Button,
+  args: {
+    label: 'Make a new sale',
+    variant: 'default',
+    size: 'lg',
+    shape: 'round'
+  },
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['default', 'secondary', 'inverse', 'destructive', 'success', 'successSubtle']
+    },
+    size: {
+      control: 'select',
+      options: ['sm', 'md', 'lg', 'xl']
+    },
+    shape: {
+      control: 'inline-radio',
+      options: ['round', 'square']
+    },
+    onPress: {
+      action: 'pressed'
+    }
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    variant: 'default'
+  }
+};
+export const Secondary = {
+  args: {
+    variant: 'secondary'
+  }
+};
+export const Inverse = {
+  args: {
+    variant: 'inverse'
+  }
+};
+export const Destructive = {
+  args: {
+    variant: 'destructive'
+  }
+};
+export const Success = {
+  args: {
+    variant: 'success'
+  }
+};
+export const SuccessSubtle = {
+  args: {
+    variant: 'successSubtle'
+  }
+};
+export const Small = {
+  args: {
+    size: 'sm'
+  }
+};
+export const Medium = {
+  args: {
+    size: 'md'
+  }
+};
+export const Large = {
+  args: {
+    size: 'lg'
+  }
+};
+export const XLarge = {
+  args: {
+    size: 'xl'
+  }
+};
+export const Square = {
+  args: {
+    shape: 'square'
+  }
+};
+export const Loading = {
+  args: {
+    loading: true
+  }
+};
+export const Disabled = {
+  args: {
+    disabled: true
+  }
+};
+export const FullWidth = {
+  args: {
+    fullWidth: true
+  }
+};
+export const WithLeftIcon = {
+  args: {
+    leftIcon: /*#__PURE__*/_jsx(Icon, {
+      name: "plus",
+      size: 24,
+      color: "#121416"
+    })
+  }
+};
+export const WithRightIcon = {
+  args: {
+    rightIcon: /*#__PURE__*/_jsx(Icon, {
+      name: "arrow-right",
+      size: 24,
+      color: "#121416"
+    })
+  }
+};
+
+// `topIcon` renders a vertical stack — only honored when shape="square".
+export const SquareWithTopIcon = {
+  args: {
+    shape: 'square',
+    label: 'Make a sale',
+    topIcon: /*#__PURE__*/_jsx(Icon, {
+      name: "plus",
+      size: 24,
+      color: "#121416"
+    })
+  }
+};
+//# sourceMappingURL=Button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Icon","jsx","_jsx","meta","title","component","args","label","variant","size","shape","argTypes","control","options","onPress","action","Default","Secondary","Inverse","Destructive","Success","SuccessSubtle","Small","Medium","Large","XLarge","Square","Loading","loading","Disabled","disabled","FullWidth","fullWidth","WithLeftIcon","leftIcon","name","color","WithRightIcon","rightIcon","SquareWithTopIcon","topIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+import React from 'react';
+import { Text } from 'react-native';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { Button } from "./Button.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('Button', () => {
+  it('renders its label', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Button, {
+      label: "Place order"
+    }));
+    expect(screen.getByText('Place order')).toBeTruthy();
+  });
+  it('calls onPress when tapped', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(Button, {
+      label: "Pay",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByText('Pay'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('does not call onPress when disabled', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(Button, {
+      label: "Pay",
+      disabled: true,
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+  it('keeps the label visible and blocks presses while loading', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(Button, {
+      label: "Pay",
+      loading: true,
+      onPress: onPress
+    }));
+    expect(screen.getByText('Pay')).toBeTruthy();
+    fireEvent.press(screen.getByRole('button'));
+    expect(onPress).not.toHaveBeenCalled();
+  });
+  it('renders a square button with a top icon and its label', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Button, {
+      label: "Make a sale",
+      shape: "square",
+      topIcon: /*#__PURE__*/_jsx(Text, {
+        children: "ICON"
+      })
+    }));
+    expect(screen.getByText('Make a sale')).toBeTruthy();
+    expect(screen.getByText('ICON')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","render","screen","fireEvent","Button","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","label","expect","getByText","toBeTruthy","onPress","jest","fn","press","toHaveBeenCalledTimes","disabled","getByRole","not","toHaveBeenCalled","loading","shape","topIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAOR,MAAM,cAACM,IAAA,CAACF,aAAa;IAAAK,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5BJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK,EAAC;IAAa,CAAE,CAAC,CAAC;IAC/CC,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,aAAa,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACtD,CAAC,CAAC;EAEFJ,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpC,MAAMK,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBX,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK,EAAC,KAAK;MAACI,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACzDd,SAAS,CAACiB,KAAK,CAAClB,MAAM,CAACa,SAAS,CAAC,KAAK,CAAC,CAAC;IACxCD,MAAM,CAACG,OAAO,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFT,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMK,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBX,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK,EAAC,KAAK;MAACS,QAAQ;MAACL,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAClEd,SAAS,CAACiB,KAAK,CAAClB,MAAM,CAACqB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CT,MAAM,CAACG,OAAO,CAAC,CAACO,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFb,EAAE,CAAC,0DAA0D,EAAE,MAAM;IACnE,MAAMK,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBX,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,KAAK,EAAC,KAAK;MAACa,OAAO;MAACT,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IACjEH,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,KAAK,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC5Cb,SAAS,CAACiB,KAAK,CAAClB,MAAM,CAACqB,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CT,MAAM,CAACG,OAAO,CAAC,CAACO,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFb,EAAE,CAAC,uDAAuD,EAAE,MAAM;IAChEJ,eAAe,cACbD,IAAA,CAACH,MAAM;MACLS,KAAK,EAAC,aAAa;MACnBc,KAAK,EAAC,QAAQ;MACdC,OAAO,eAAErB,IAAA,CAACP,IAAI;QAAAU,QAAA,EAAC;MAAI,CAAM;IAAE,CAC5B,CACH,CAAC;IACDI,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,aAAa,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACpDF,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,MAAM,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC/C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/index.ts"],"mappings":";;AAAA,SACEA,MAAM,QAID,aAAU","ignoreList":[]}

package/lib/module/components/Card/Card.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function Radio({
+  selected,
+  theme
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 20,
+      height: 20,
+      borderRadius: 10,
+      alignItems: 'center',
+      justifyContent: 'center',
+      ...(selected ? {
+        backgroundColor: theme.colors.action.primary
+      } : {
+        borderWidth: 1.5,
+        borderColor: theme.colors.border.strong
+      })
+    },
+    children: selected ? /*#__PURE__*/_jsx(Icon, {
+      name: "check",
+      size: 14,
+      color: theme.colors.action.primaryForeground
+    }) : null
+  });
+}
+
+/**
+ * Selectable card — faithful to the Bacon POS Figma "Card". A padded rounded
+ * surface with an optional icon, title, description and a radio indicator;
+ * `selected` applies the lime surface, border and focus ring.
+ */
+export function Card({
+  title,
+  description,
+  icon,
+  selected = false,
+  showRadio = true,
+  onPress,
+  disabled = false,
+  children,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const baseStyle = useMemo(() => {
+    return {
+      gap: theme.spacing.md,
+      padding: theme.spacing['2xl'],
+      borderRadius: theme.radii['3xl'],
+      overflow: 'hidden',
+      borderWidth: 1,
+      borderColor: selected ? theme.colors.border.focus : 'transparent',
+      backgroundColor: selected ? theme.colors.brand.accentSubtle // surface/selected #faffe6 (accent tint)
+      : theme.colors.background.default,
+      ...(selected ? {
+        boxShadow: [{
+          offsetX: 0,
+          offsetY: 0,
+          blurRadius: 0,
+          spreadDistance: 6,
+          color: 'rgba(201, 255, 0, 0.15)'
+        }]
+      } : null),
+      opacity: disabled ? 0.5 : 1
+    };
+  }, [theme, selected, disabled]);
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [icon ? /*#__PURE__*/_jsx(Icon, {
+      name: icon,
+      size: 24,
+      color: "primary"
+    }) : null, title ? /*#__PURE__*/_jsx(Text, {
+      variant: "h3",
+      weight: "semibold",
+      color: "primary",
+      numberOfLines: 1,
+      children: title
+    }) : null, description ? /*#__PURE__*/_jsx(Text, {
+      variant: "bodyMedium",
+      color: "tertiary",
+      children: description
+    }) : null, children, showRadio ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: 24,
+        right: 24
+      },
+      children: /*#__PURE__*/_jsx(Radio, {
+        selected: selected,
+        theme: theme
+      })
+    }) : null]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [baseStyle, style],
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? title,
+    disabled: disabled,
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [baseStyle, {
+      opacity: disabled ? 0.5 : pressed ? 0.96 : 1
+    }, style],
+    children: content
+  });
+}
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Pressable","View","useTheme","Icon","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Radio","selected","theme","style","width","height","borderRadius","alignItems","justifyContent","backgroundColor","colors","action","primary","borderWidth","borderColor","border","strong","children","name","size","color","primaryForeground","Card","title","description","icon","showRadio","onPress","disabled","accessibilityLabel","baseStyle","gap","spacing","md","padding","radii","overflow","focus","brand","accentSubtle","background","default","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","opacity","content","variant","weight","numberOfLines","position","top","right","accessibilityRole","accessibilityState","pressed"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { Card } from "./Card.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Card',
+  component: Card,
+  args: {
+    title: 'Title',
+    description: 'In a world where creativity flows like a river, ideas blossom like flowers.',
+    icon: 'file',
+    showRadio: true
+  },
+  argTypes: {
+    selected: {
+      control: 'boolean'
+    },
+    showRadio: {
+      control: 'boolean'
+    },
+    icon: {
+      control: 'text'
+    },
+    onPress: {
+      action: 'pressed'
+    }
+  },
+  decorators: [Story => /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 350,
+      padding: 16,
+      backgroundColor: '#F2F4F7'
+    },
+    children: /*#__PURE__*/_jsx(Story, {})
+  })]
+};
+export default meta;
+export const Default = {
+  args: {
+    selected: false
+  }
+};
+export const Selected = {
+  args: {
+    selected: true
+  }
+};
+export const NoIcon = {
+  args: {
+    icon: undefined
+  }
+};
+export const NoRadio = {
+  args: {
+    showRadio: false
+  }
+};
+export const Selectable = {
+  render: () => {
+    const [choice, setChoice] = useState('a');
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 16
+      },
+      children: [/*#__PURE__*/_jsx(Card, {
+        title: "Dine in",
+        description: "Serve the order at a table.",
+        icon: "table",
+        selected: choice === 'a',
+        onPress: () => setChoice('a')
+      }), /*#__PURE__*/_jsx(Card, {
+        title: "Takeaway",
+        description: "Pack the order to go.",
+        icon: "shopping-bag",
+        selected: choice === 'b',
+        onPress: () => setChoice('b')
+      })]
+    });
+  }
+};
+//# sourceMappingURL=Card.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Card","jsx","_jsx","jsxs","_jsxs","meta","title","component","args","description","icon","showRadio","argTypes","selected","control","onPress","action","decorators","Story","style","width","padding","backgroundColor","children","Default","Selected","NoIcon","undefined","NoRadio","Selectable","render","choice","setChoice","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEP,IAAI;EACfQ,IAAI,EAAE;IACJF,KAAK,EAAE,OAAO;IACdG,WAAW,EAAE,6EAA6E;IAC1FC,IAAI,EAAE,MAAM;IACZC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MAAEC,OAAO,EAAE;IAAU,CAAC;IAChCH,SAAS,EAAE;MAAEG,OAAO,EAAE;IAAU,CAAC;IACjCJ,IAAI,EAAE;MAAEI,OAAO,EAAE;IAAO,CAAC;IACzBC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU;EAC/B,CAAC;EACDC,UAAU,EAAE,CACTC,KAAK,iBACJhB,IAAA,CAACH,IAAI;IAACoB,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,OAAO,EAAE,EAAE;MAAEC,eAAe,EAAE;IAAU,CAAE;IAAAC,QAAA,eACnErB,IAAA,CAACgB,KAAK,IAAE;EAAC,CACL,CACP;AAEL,CAA6B;AAE7B,eAAeb,IAAI;AAGnB,OAAO,MAAMmB,OAAc,GAAG;EAAEhB,IAAI,EAAE;IAAEK,QAAQ,EAAE;EAAM;AAAE,CAAC;AAC3D,OAAO,MAAMY,QAAe,GAAG;EAAEjB,IAAI,EAAE;IAAEK,QAAQ,EAAE;EAAK;AAAE,CAAC;AAC3D,OAAO,MAAMa,MAAa,GAAG;EAAElB,IAAI,EAAE;IAAEE,IAAI,EAAEiB;EAAU;AAAE,CAAC;AAC1D,OAAO,MAAMC,OAAc,GAAG;EAAEpB,IAAI,EAAE;IAAEG,SAAS,EAAE;EAAM;AAAE,CAAC;AAE5D,OAAO,MAAMkB,UAAiB,GAAG;EAC/BC,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlC,QAAQ,CAAC,GAAG,CAAC;IACzC,oBACEM,KAAA,CAACL,IAAI;MAACoB,KAAK,EAAE;QAAEc,GAAG,EAAE;MAAG,CAAE;MAAAV,QAAA,gBACvBrB,IAAA,CAACF,IAAI;QACHM,KAAK,EAAC,SAAS;QACfG,WAAW,EAAC,6BAA6B;QACzCC,IAAI,EAAC,OAAO;QACZG,QAAQ,EAAEkB,MAAM,KAAK,GAAI;QACzBhB,OAAO,EAAEA,CAAA,KAAMiB,SAAS,CAAC,GAAG;MAAE,CAC/B,CAAC,eACF9B,IAAA,CAACF,IAAI;QACHM,KAAK,EAAC,UAAU;QAChBG,WAAW,EAAC,uBAAuB;QACnCC,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAEkB,MAAM,KAAK,GAAI;QACzBhB,OAAO,EAAEA,CAAA,KAAMiB,SAAS,CAAC,GAAG;MAAE,CAC/B,CAAC;IAAA,CACE,CAAC;EAEX;AACF,CAAC","ignoreList":[]}