@tap-payments/os-micro-frontend-shared 0.1.496-test.2 → 0.1.496

package/build/.storybook/preview.tsx

@@ -1,110 +0,0 @@
-import React from 'react'
-import type { Preview, Decorator } from '@storybook/react-vite'
-
-// Loads Tap Sans @font-face, CSS variables, and global font stack.
-import '../../src/index.css'
-
-import CssBaseline from '@mui/material/CssBaseline'
-import { appTheme } from '../../src/theme'
-import { ThemeMode } from '../../src/types/theme'
-import MUIThemeProvider from '../../src/components/MUIThemeProvider'
-import { initReactI18next } from 'react-i18next'
-import i18n from 'i18next'
-
-// ---------------------------------------------------------------------------
-// Minimal i18n setup so components that call useTranslation() don't crash.
-// Stories that need real translations can override this in their decorator.
-// ---------------------------------------------------------------------------
-if (!i18n.isInitialized) {
-  i18n.use(initReactI18next).init({
-    lng: 'en',
-    fallbackLng: 'en',
-    resources: { en: { translation: {} } },
-    interpolation: { escapeValue: false },
-  })
-}
-
-// ---------------------------------------------------------------------------
-// Toolbar: Theme (light / dark) + Direction (ltr / rtl)
-// ---------------------------------------------------------------------------
-export const globalTypes = {
-  themeMode: {
-    name: 'Theme',
-    description: 'MUI theme mode',
-    defaultValue: 'light',
-    toolbar: {
-      icon: 'circlehollow',
-      items: [
-        { value: 'light', title: 'Light', icon: 'sun' },
-        { value: 'dark', title: 'Dark', icon: 'moon' },
-      ],
-      dynamicTitle: true,
-    },
-  },
-  direction: {
-    name: 'Direction',
-    description: 'Text direction (LTR / RTL)',
-    defaultValue: 'ltr',
-    toolbar: {
-      icon: 'menu',
-      items: [
-        { value: 'ltr', title: 'LTR' },
-        { value: 'rtl', title: 'RTL' },
-      ],
-      dynamicTitle: true,
-    },
-  },
-}
-
-// ---------------------------------------------------------------------------
-// Global decorator — wraps every story with the correct MUI theme
-// ---------------------------------------------------------------------------
-const withMUITheme: Decorator = (Story, context) => {
-  const mode = (context.globals.themeMode as ThemeMode) ?? ThemeMode.LIGHT
-  const direction = (context.globals.direction as 'ltr' | 'rtl') ?? 'ltr'
-  const theme = appTheme(mode, direction)
-
-  return (
-    <MUIThemeProvider theme={theme}>
-      <CssBaseline />
-      <div dir={direction} style={{ padding: '1.5rem' }}>
-        <Story />
-      </div>
-    </MUIThemeProvider>
-  )
-}
-
-const preview: Preview = {
-  decorators: [withMUITheme],
-
-  parameters: {
-    // Default backgrounds synced with the theme selector
-    backgrounds: {
-      options: {
-        light: { name: 'light', value: '#ffffff' },
-        dark: { name: 'dark', value: '#121212' },
-      },
-    },
-
-    controls: {
-      // Show default values in the Controls panel
-      expanded: true,
-      // Sort alphabetically for easier scanning
-      sort: 'alpha',
-      matchers: {
-        color: /(color|background|bg|fill)$/i,
-        date: /date$/i,
-      },
-    },
-
-    actions: { argTypesRegex: '^on[A-Z].*' },
-  },
-
-  initialGlobals: {
-    backgrounds: {
-      value: 'light',
-    },
-  },
-}
-
-export default preview

package/build/.storybook/story-utils.tsx

@@ -1,211 +0,0 @@
-/**
- * story-utils.tsx
- *
- * Shared layout primitives for .stories.tsx files.
- * Import from any story:
- *   import { StoryTable, StoryFormCanvas, StoryFlexRow, ... } from '@storybook-utils'
- *
- * All components use MUI sx + theme tokens so they adapt to the
- * light/dark toolbar toggle in preview.tsx automatically.
- *
- * Rule: add exports here only when a pattern appears in 2+ stories.
- *
- * CONVENTION — stateful stories (render + useState):
- * When a story uses a `render` function with `useState`, Storybook cannot
- * auto-generate useful "Show code" output. Always add an explicit source
- * override so developers can copy real usage:
- *
- *   parameters: {
- *     docs: {
- *       source: {
- *         language: 'tsx',
- *         code: `...clean minimal snippet...`.trim(),
- *       },
- *     },
- *   },
- */
-import type { ReactNode } from 'react'
-import Box, { type BoxProps } from '@mui/material/Box'
-import Stack, { type StackProps } from '@mui/material/Stack'
-import Typography, { type TypographyProps } from '@mui/material/Typography'
-import { FormProvider, useForm } from 'react-hook-form'
-
-// ─── Spacing tokens ──────────────────────────────────────────────────────────
-// Named constants so story authors never write magic numbers.
-// Values map to theme.spacing() units (1 unit = 8px by default in MUI).
-export const STORY_SPACING = {
-  cell: 2, // 16px — cell padding
-  labelRight: 3, // 24px — right-pad on row/column label cells
-  section: 4, // 32px — gap between table and hint text
-} as const
-
-// ─── Table primitives ─────────────────────────────────────────────────────────
-
-export function StoryTable({ children, sx, ...rest }: BoxProps) {
-  return (
-    <Box
-      component="table"
-      sx={[
-        {
-          width: '100%',
-          borderCollapse: 'separate',
-          borderSpacing: '0 10px',
-          fontSize: '1rem',
-          tableLayout: 'auto',
-        },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      {...rest}
-    >
-      {children}
-    </Box>
-  )
-}
-
-export function StoryThead({ children, sx, ...rest }: BoxProps) {
-  return (
-    <Box component="thead" sx={sx} {...rest}>
-      {children}
-    </Box>
-  )
-}
-
-export function StoryTbody({ children, sx, ...rest }: BoxProps) {
-  return (
-    <Box component="tbody" sx={sx} {...rest}>
-      {children}
-    </Box>
-  )
-}
-
-export function StoryRow({ children, sx, ...rest }: BoxProps) {
-  return (
-    <Box
-      component="tr"
-      sx={[
-        (theme) => ({
-          '&:hover td': {
-            backgroundColor: theme.palette.action.hover,
-          },
-        }),
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      {...rest}
-    >
-      {children}
-    </Box>
-  )
-}
-
-// `first` targets the leftmost header cell (row label column) — left-aligned.
-export function StoryHeaderCell({ first = false, children, sx, ...rest }: BoxProps & { first?: boolean }) {
-  return (
-    <Box
-      component="th"
-      sx={[
-        (theme) => ({
-          padding: first ? theme.spacing(0.5, STORY_SPACING.labelRight, 0.5, 0) : theme.spacing(0.5, STORY_SPACING.cell),
-          fontWeight: theme.typography.fontWeightMedium,
-          fontSize: '1.1rem',
-          color: theme.palette.text.primary,
-          whiteSpace: 'nowrap',
-          textAlign: 'left',
-        }),
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      {...rest}
-    >
-      {children}
-    </Box>
-  )
-}
-
-export function StoryRowLabel({ children, sx, ...rest }: BoxProps) {
-  return (
-    <Box
-      component="th"
-      sx={[
-        (theme) => ({
-          textAlign: 'left',
-          padding: theme.spacing(STORY_SPACING.cell, STORY_SPACING.labelRight, STORY_SPACING.cell, 0),
-          fontWeight: theme.typography.fontWeightRegular,
-          fontSize: '1.1rem',
-          color: theme.palette.text.primary,
-          verticalAlign: 'middle',
-          whiteSpace: 'nowrap',
-        }),
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      {...rest}
-    >
-      {children}
-    </Box>
-  )
-}
-
-export function StoryCell({ children, sx, ...rest }: BoxProps) {
-  return (
-    <Box
-      component="td"
-      sx={[
-        (theme) => ({
-          padding: theme.spacing(STORY_SPACING.cell),
-          textAlign: 'center',
-          verticalAlign: 'middle',
-          borderBottom: `1px solid ${theme.palette.divider}`,
-        }),
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      {...rest}
-    >
-      {children}
-    </Box>
-  )
-}
-
-// ─── Flex row ─────────────────────────────────────────────────────────────────
-
-// Default spacing={3} = 24px. Pass spacing={1} (8px) for tighter layouts.
-export function StoryFlexRow({ children, sx, ...rest }: StackProps) {
-  return (
-    <Stack direction="row" alignItems="center" spacing={3} sx={sx} {...rest}>
-      {children}
-    </Stack>
-  )
-}
-
-// ─── React Hook Form ─────────────────────────────────────────────────────────
-
-/**
- * Minimal `FormProvider` + `useForm` wrapper for stories that use `useFormContext` / `Controller` / RFH inputs.
- * Default `mode` is `onChange`.
- */
-export function StoryFormCanvas({
-  defaultValues,
-  children,
-}: Readonly<{ defaultValues?: Record<string, unknown>; children: ReactNode }>) {
-  const methods = useForm({ defaultValues, mode: 'onChange' })
-  return <FormProvider {...methods}>{children}</FormProvider>
-}
-
-// ─── Hint text ────────────────────────────────────────────────────────────────
-
-export function StoryHint({ children, sx, ...rest }: TypographyProps) {
-  return (
-    <Typography
-      variant="caption"
-      align="center"
-      sx={[
-        (theme) => ({
-          display: 'block',
-          mt: STORY_SPACING.section,
-          color: theme.palette.text.secondary,
-        }),
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-      {...rest}
-    >
-      {children}
-    </Typography>
-  )
-}

package/build/chunk-2ST64DZC.js

@@ -1 +0,0 @@
-import {a}from'./chunk-LTIDHJ62.js';var r=a;export{r as a};

package/build/chunk-5F3PZB6N.js

@@ -1 +0,0 @@
-import {a}from'./chunk-3I2UQIUG.js';var r=a;export{r as a};

package/build/chunk-6WWJO23B.js

@@ -1 +0,0 @@
-import {a}from'./chunk-WB7K3L4U.js';var r=a;export{r as a};

package/build/chunk-BUBL2Y3K.js

@@ -1 +0,0 @@
-import {a}from'./chunk-ZZDP5AXT.js';var o=a;export{o as a};

package/build/chunk-CT3OQHXY.js

@@ -1 +0,0 @@
-import {a}from'./chunk-N4B4P6XR.js';var e=a;export{e as a};

package/build/chunk-D6RC7CWT.js

@@ -1 +0,0 @@
-import {a}from'./chunk-TU3CN5L4.js';var n=a;export{n as a};

package/build/chunk-FAL56TSE.js

@@ -1 +0,0 @@
-import {b}from'./chunk-CUL6342P.js';var p=b;export{p as a};

package/build/chunk-FIJMXKBD.js

@@ -1 +0,0 @@
-import {a}from'./chunk-J5VDJ4QR.js';import {d as d$1}from'./chunk-KYG2EPQN.js';import {Z,Y}from'./chunk-BQAM2HEH.js';import c from'@mui/material/Box';import {jsx}from'react/jsx-runtime';var d=({mode:o})=>o?jsx(a,{title:d$1[o],children:jsx(c,{component:"img",src:o==="C"?Z:Y})}):null;export{d as a};

package/build/chunk-GLEA42KJ.js

@@ -1 +0,0 @@
-import {a}from'./chunk-FOY63E6J.js';var m=a;export{m as a};

package/build/chunk-GYHVVYFG.js

@@ -1 +0,0 @@
-import {a}from'./chunk-YG6S2AG2.js';var o=a;export{o as a};

package/build/chunk-JIKLJM4O.js

@@ -1 +0,0 @@
-import {a}from'./chunk-ZRXI52H2.js';var t=a;export{t as a};

package/build/chunk-MGV6QT2W.js

@@ -1 +0,0 @@
-import {a}from'./chunk-5QFRENK6.js';var r=a;export{r as a};

package/build/chunk-NSJU3T2C.js

@@ -1 +0,0 @@
-import {a}from'./chunk-TH734IO3.js';var I=a;export{I as a};

package/build/chunk-OHU6FNHV.js

@@ -1 +0,0 @@
-import {a}from'./chunk-44QUOQKP.js';var e=a;export{e as a};

package/build/chunk-QEZQKS5F.js

@@ -1 +0,0 @@
-import {a}from'./chunk-Y5AXEOWZ.js';var o=a;export{o as a};

package/build/chunk-SROXXTUK.js

@@ -1 +0,0 @@
-import {a}from'./chunk-GAYEWITC.js';var e=a;export{e as a};

package/build/chunk-T3HW3GNK.js

@@ -1 +0,0 @@
-import {a}from'./chunk-5YIKKMFC.js';var f=a;export{f as a};

package/build/chunk-TMNI35BL.js

@@ -1 +0,0 @@
-import {a}from'./chunk-XUYUHJB3.js';import {a as a$1,b}from'./chunk-PHQUO645.js';import {a as a$2}from'./chunk-N26IJLSU.js';import {jsx}from'react/jsx-runtime';function P({provider:r,...p}){let e=a[r];return e?jsx(a$1,{children:jsx(b,{src:e,alt:r})}):jsx(a$2,{...p,children:r})}export{P as a};

package/build/chunk-UAZMAKSM.js

@@ -1 +0,0 @@
-import {a}from'./chunk-6CCYJJYC.js';var r=a;export{r as a};

package/build/chunk-XLFII7RT.js

@@ -1 +0,0 @@
-import {a}from'./chunk-IJRXMO3Z.js';var e=a;export{e as a};

package/build/chunk-XX75B3WC.js

@@ -1 +0,0 @@
-import {b,a as a$2}from'./chunk-G2B6XH7V.js';import {a}from'./chunk-HRVJNWYZ.js';import {a as a$3}from'./chunk-HWOLP5AH.js';import {a as a$1}from'./chunk-PVCHJQNP.js';import {createTheme}from'@mui/material/styles';var h=(p,e)=>createTheme({palette:p==="dark"?b:a$2,direction:e,typography:a$3(e),components:a$1,shape:{borderRadius:8},shadows:a});export{h as a};

package/build/chunk-ZQKJWSOQ.js

@@ -1 +0,0 @@
-import {a}from'./chunk-EFMZPDZR.js';var r=a;export{r as a};

package/build/chunk-ZYE6XLEW.js

@@ -1 +0,0 @@
-import {a}from'./chunk-25RKZBYY.js';var p=a;export{p as a};