@zidsa/zidmui 2.0.3 → 2.1.1

package/dist/react/cjs/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":["../../../../src/theme/palette.ts"],"sourcesContent":["import { ThemeOptions } from '@mui/material';\n\nimport { colors } from './colors';\nimport { alpha } from '@mui/material/styles';\n\n//\n//\n\nexport const palette: ThemeOptions['palette'] = {\n  mode: 'light',\n  colors,\n  badge: {\n    primary: {\n      color: '#8758C6',\n      backgroundColor: '#F1EAFF',\n    },\n  },\n  background: {\n    default: '#F8F8F8',\n    paper: colors.base.white,\n    darkBackdrop: '#b1afafcc',\n    white: '#FFFFFF',\n    black: '#000000',\n    gray: '#F8F8F8',\n    gray200: colors.neutral[200],\n    gray100: colors.neutral[100],\n    backgroundDisable: colors.neutral[100],\n    Blur: 'rgba(255, 255, 255, 0.8)',\n    green: '#9EEC99',\n    yellow: '#FAE684',\n    royal: '#3E1C56',\n    mintGreen: '#84DA7E',\n    goldenYellow: '#EAD469',\n    lavenderGlow: '#C498FF',\n    royalPurple: '#532D6F',\n  },\n  outlined: {\n    outlined: colors.neutral[200],\n    outlined_2: colors.neutral[100],\n    outlinedDisable: colors.neutral[300],\n  },\n  text: {\n    primary: colors.neutral[1000],\n    secondary: colors.neutral[600],\n    tertiary: colors.neutral[500],\n    disabled: colors.neutral[400],\n    deepGreen: '#1F541B',\n    darkOchre: '#544217',\n    contrastText: '#A3A1A6',\n    primaryContrastTest: '#FFFFFF',\n    _states: {\n      hover: alpha(colors.base.black, 0.04),\n      selected: alpha(colors.base.black, 0.08),\n      focus: alpha(colors.base.black, 0.12),\n      focusVisible: alpha(colors.base.black, 0.3),\n    },\n  },\n  icon: {\n    primary: '#0E0217',\n    secondary: '#75727B',\n    disabled: colors.neutral[400],\n    draggable: '#634976',\n  },\n  tabs: {\n    text: {\n      secondary: '#1B0D26',\n    },\n  },\n  _states: {\n    focus: 'rgba(0, 0, 0, 0.12)',\n    hover: 'rgba(96, 203, 203, 0.04)',\n    selected: 'rgba(96, 203, 203, 0.08)',\n    focusVisible: 'rgba(96, 203, 203, 0.3)',\n    outlinedBorder: 'rgba(96, 203, 203, 0.5)',\n  },\n  primary: {\n    main: '#AE72FF',\n    dark: '#8758C6',\n    light: '#D2B8FF',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(174, 114, 255, 0.04)',\n      selected: 'rgba(174, 114, 255, 0.08)',\n      focus: 'rgba(174, 114, 255, 0.12)',\n      focusVisible: 'rgba(174, 114, 255, 0.3)',\n      outlinedBorder: 'rgba(174, 114, 255, 0.5)',\n    },\n  },\n  secondary: {\n    main: '#3C1C54',\n    dark: '#2E1641',\n    light: '#8A7798',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(60, 28, 84, 0.04)',\n      selected: 'rgba(60, 28, 84, 0.08)',\n      focus: 'rgba(60, 28, 84, 0.12)',\n      focusVisible: 'rgba(60, 28, 84, 0.3)',\n      outlinedBorder: 'rgba(60, 28, 84, 0.5)',\n    },\n  },\n  action: {\n    active: alpha(colors.neutral[600], 0.56),\n    hover: alpha(colors.neutral[600], 0.04),\n    selected: alpha(colors.neutral[600], 0.08),\n    focus: alpha(colors.neutral[600], 0.12),\n    disabled: alpha(colors.neutral[600], 0.38),\n    disabledBackground: alpha(colors.neutral[600], 0.12),\n  },\n  error: {\n    main: '#FA3768',\n    _states: {\n      hover: 'rgba(250, 55, 104, 0.04)',\n      selected: 'rgba(250, 55, 104, 0.08)',\n      focusVisible: 'rgba(250, 55, 104, 0.3)',\n      outlinedBorder: 'rgba(250, 55, 104, 0.5)',\n    },\n    dark: '#C22B51',\n    light: '#FCA7B4',\n    contrastText: '#FFFFFF',\n  },\n  warning: {\n    main: '#F9E683',\n    dark: '#DFCE75',\n    light: '#FBF0BF',\n    contrastText: '#6F673B',\n    _states: {\n      hover: 'rgba(193, 178, 101, 0.04)',\n      selected: 'rgba(193, 178, 101, 0.08)',\n      focusVisible: 'rgba(193, 178, 101, 0.3)',\n      outlinedBorder: 'rgba(193, 178, 101, 0.5)',\n    },\n  },\n  info: {\n    main: '#60CBCB',\n    dark: '#449090',\n    light: '#95E9E9',\n    contrastText: '#FFFFFF',\n  },\n  success: {\n    main: '#9EEC98',\n    dark: '#649560',\n    light: '#DDF8DC',\n    contrastText: '#000000',\n    // 'contrastText 2': '#FFFFFF',\n    _states: {\n      outlinedBorder: 'rgba(46, 125, 50, 0.5)',\n      focusVisible: 'rgba(46, 125, 50, 0.3)',\n      hover: 'rgba(46, 125, 50, 0.04)',\n    },\n  },\n  divider: colors.secondary[50],\n  _components: {\n    button: {\n      disabledText: colors.neutral[400],\n      disabledBorder: colors.neutral[200],\n      primaryDarkText: {\n        disabled: colors.neutral[100],\n        text: colors.primary[800],\n        loadingText: colors.primary[800],\n      },\n      primary: {\n        contained: colors.primary[1000],\n        hover: colors.primary[900],\n        focused: colors.primary[900],\n        pressed: colors.primary[600],\n        disabled: colors.neutral[100],\n        border: '#EBE8ED',\n        text: colors.base.white,\n        loadingText: colors.primary[1000],\n      },\n      secondary: {\n        contained: colors.secondary[50],\n        hover: colors.secondary[50],\n        focused: colors.primary[200],\n        pressed: '#EBE8ED',\n        disabled: colors.neutral[100],\n        border: '#D8D2DD',\n        text: colors.secondary[1000],\n        loadingText: colors.secondary[1000],\n      },\n      tertiary: {\n        contained: colors.base.white,\n        hover: colors.primary[200],\n        focused: colors.primary[200],\n        pressed: colors.primary[300],\n        disabled: colors.neutral[100],\n        text: colors.secondary[1000],\n        loadingText: colors.secondary[1000],\n        outlinedHover: '#E0D3FF',\n        outlinedText: colors.primary[1000],\n      },\n      error: {\n        contained: colors.red[200],\n        hover: colors.red[300],\n        focused: colors.red[600],\n        pressed: colors.red[300],\n        disabled: colors.neutral[100],\n        border: colors.red[400],\n        text: colors.red[1000],\n        outlinedHover: colors.red[100],\n        outlinedText: colors.red[800],\n        activeBorder: colors.red[700],\n        loadingText: colors.secondary[1000],\n      },\n    },\n    sliderIndicator: {\n      background: 'rgba(255, 255, 255, 0.2)',\n      active: 'rgba(255, 255, 255, 1)',\n      inactive: 'rgba(255, 255, 255, 0.8)',\n    },\n    cardContent: {\n      selected: {\n        background: '#FBF9FF',\n        border: '#E2D2FF',\n      },\n    },\n    emptyState: {\n      imageBackground: 'rgba(0, 0, 0, 0.04)',\n    },\n    navbar: {\n      wallet: {\n        background: '#F8F5FF',\n        border: '#EBE8ED',\n        text: '#1B0D26',\n      },\n      search: {\n        searchBorder: '#EFEFF1',\n        searchBackground: '#FBFBFB',\n      },\n    },\n    avatar: {\n      fill: '#A3A1A6',\n    },\n    input: {\n      _states: {\n        hover: 'rgba(0, 0, 0, 0.04)',\n        selected: 'rgba(0, 0, 0, 0.08)',\n        focusVisible: 'rgba(0, 0, 0, 0.3)',\n      },\n      outlined: {\n        enabledBorder: '#EBE8ED',\n        hoverBorder: '#D8D2DD',\n      },\n    },\n    switch: {\n      knobFillEnabled: '#F8F8F8',\n      slideFill: colors.neutral[400],\n      knowFillDisabled: colors.neutral[100],\n      shadow: colors.neutral[200],\n      color: '#AE72FF',\n      background: '#FFFFFF',\n      error: {\n        activeBackground: '#FA3768',\n        pressedBackground: '#C22B51',\n        shadow: 'rgba(250, 55, 104, 0.5)',\n      },\n      primary: {\n        activeBackground: '#9EEC98',\n        pressedBackground: '#649560',\n        shadow: 'rgba(46, 125, 50, 0.5)',\n      },\n    },\n    chip: {\n      desert: '#FDF5D6',\n    },\n    backdrop: {\n      fill: 'rgba(0, 0, 0, 0.1)',\n    },\n    appBar: {\n      defaultFill: colors.neutral[100],\n    },\n    alert: {\n      error: {\n        color: '#70192F',\n        border: '#FDC9D0',\n        background: '#FFF3F4',\n      },\n      warning: {\n        color: '#6F673B',\n        border: '#FAEBA4',\n        background: '#FEFDF5',\n      },\n      info: {\n        color: '#306666',\n        border: '#B5EFEF',\n        background: '#F4FCFC',\n      },\n      success: {\n        color: '#476A44',\n        border: '#CAF4C8',\n        background: '#F7FDF7',\n      },\n    },\n    stepper: {\n      connector: '#A3A1A6',\n    },\n    iconButton: {\n      default: {\n        hover: '#0000001f',\n      },\n      primary: {\n        text: '#4E3372',\n        focused: '#ae72ff4d',\n        hover: '#FBF9FF',\n        focusedIcon: '#ae72ff',\n      },\n      secondary: {\n        text: '#1B0D26',\n        focused: '#3c1c544d',\n        hover: colors.secondary[50],\n        focusedIcon: '#ae72ff',\n      },\n      error: {\n        text: '#1B0D26',\n        focused: '#fa37684d',\n        hover: colors.secondary[50],\n        focusedIcon: '#ae72ff',\n      },\n    },\n  },\n  _native: {\n    'scrollbar-bg': colors.neutral[200],\n  },\n  common: {\n    black: '#000000',\n    white: '#FFFFFF',\n    white_states: {\n      main: '#FFFFFF',\n      focusVisible: 'rgba(255, 255, 255, 0.3)',\n      focus: 'rgba(255, 255, 255, 0.12)',\n    },\n    black_states: {\n      focus: 'rgba(0, 0, 0, 0.12)',\n      hover: ' rgba(0, 0, 0, 0.04)',\n      selected: 'rgba(0, 0, 0, 0.08)',\n    },\n  },\n};\n"],"names":["colors","alpha"],"mappings":"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"}
+{"version":3,"file":"palette.js","sources":["../../../../src/theme/palette.ts"],"sourcesContent":["import { colors } from './colors';\nimport { alpha, ThemeOptions } from '@mui/material';\n\n//\n//\n\nexport const palette: ThemeOptions['palette'] = {\n  mode: 'light',\n  colors,\n  badge: {\n    primary: {\n      color: '#8758C6',\n      backgroundColor: '#F1EAFF',\n    },\n  },\n  background: {\n    default: '#F8F8F8',\n    paper: colors.base.white,\n    darkBackdrop: '#b1afafcc',\n    white: '#FFFFFF',\n    black: '#000000',\n    gray: '#F8F8F8',\n    gray200: colors.neutral[200],\n    gray100: colors.neutral[100],\n    backgroundDisable: colors.neutral[100],\n    Blur: 'rgba(255, 255, 255, 0.8)',\n    green: '#9EEC99',\n    yellow: '#FAE684',\n    royal: '#3E1C56',\n    mintGreen: '#84DA7E',\n    goldenYellow: '#EAD469',\n    lavenderGlow: '#C498FF',\n    royalPurple: '#532D6F',\n  },\n  outlined: {\n    outlined: colors.neutral[200],\n    outlined_2: colors.neutral[100],\n    outlinedDisable: colors.neutral[300],\n  },\n  text: {\n    primary: colors.neutral[1000],\n    secondary: colors.neutral[600],\n    tertiary: colors.neutral[500],\n    disabled: colors.neutral[400],\n    deepGreen: '#1F541B',\n    darkOchre: '#544217',\n    contrastText: '#A3A1A6',\n    primaryContrastTest: '#FFFFFF',\n    _states: {\n      hover: alpha(colors.base.black, 0.04),\n      selected: alpha(colors.base.black, 0.08),\n      focus: alpha(colors.base.black, 0.12),\n      focusVisible: alpha(colors.base.black, 0.3),\n    },\n  },\n  icon: {\n    primary: '#0E0217',\n    secondary: '#75727B',\n    disabled: colors.neutral[400],\n    draggable: '#634976',\n  },\n  tabs: {\n    text: {\n      secondary: '#1B0D26',\n    },\n  },\n  _states: {\n    focus: 'rgba(0, 0, 0, 0.12)',\n    hover: 'rgba(96, 203, 203, 0.04)',\n    selected: 'rgba(96, 203, 203, 0.08)',\n    focusVisible: 'rgba(96, 203, 203, 0.3)',\n    outlinedBorder: 'rgba(96, 203, 203, 0.5)',\n  },\n  primary: {\n    main: '#AE72FF',\n    dark: '#8758C6',\n    light: '#D2B8FF',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(174, 114, 255, 0.04)',\n      selected: 'rgba(174, 114, 255, 0.08)',\n      focus: 'rgba(174, 114, 255, 0.12)',\n      focusVisible: 'rgba(174, 114, 255, 0.3)',\n      outlinedBorder: 'rgba(174, 114, 255, 0.5)',\n    },\n  },\n  secondary: {\n    main: '#3C1C54',\n    dark: '#2E1641',\n    light: '#8A7798',\n    contrastText: '#FFFFFF',\n    _states: {\n      hover: 'rgba(60, 28, 84, 0.04)',\n      selected: 'rgba(60, 28, 84, 0.08)',\n      focus: 'rgba(60, 28, 84, 0.12)',\n      focusVisible: 'rgba(60, 28, 84, 0.3)',\n      outlinedBorder: 'rgba(60, 28, 84, 0.5)',\n    },\n  },\n  action: {\n    active: alpha(colors.neutral[600], 0.56),\n    hover: alpha(colors.neutral[600], 0.04),\n    selected: alpha(colors.neutral[600], 0.08),\n    focus: alpha(colors.neutral[600], 0.12),\n    disabled: alpha(colors.neutral[600], 0.38),\n    disabledBackground: alpha(colors.neutral[600], 0.12),\n  },\n  error: {\n    main: '#FA3768',\n    _states: {\n      hover: 'rgba(250, 55, 104, 0.04)',\n      selected: 'rgba(250, 55, 104, 0.08)',\n      focusVisible: 'rgba(250, 55, 104, 0.3)',\n      outlinedBorder: 'rgba(250, 55, 104, 0.5)',\n    },\n    dark: '#C22B51',\n    light: '#FCA7B4',\n    contrastText: '#FFFFFF',\n  },\n  warning: {\n    main: '#F9E683',\n    dark: '#DFCE75',\n    light: '#FBF0BF',\n    contrastText: '#6F673B',\n    _states: {\n      hover: 'rgba(193, 178, 101, 0.04)',\n      selected: 'rgba(193, 178, 101, 0.08)',\n      focusVisible: 'rgba(193, 178, 101, 0.3)',\n      outlinedBorder: 'rgba(193, 178, 101, 0.5)',\n    },\n  },\n  info: {\n    main: '#60CBCB',\n    dark: '#449090',\n    light: '#95E9E9',\n    contrastText: '#FFFFFF',\n  },\n  success: {\n    main: '#9EEC98',\n    dark: '#649560',\n    light: '#DDF8DC',\n    contrastText: '#000000',\n    // 'contrastText 2': '#FFFFFF',\n    _states: {\n      outlinedBorder: 'rgba(46, 125, 50, 0.5)',\n      focusVisible: 'rgba(46, 125, 50, 0.3)',\n      hover: 'rgba(46, 125, 50, 0.04)',\n    },\n  },\n  divider: colors.secondary[50],\n  _components: {\n    button: {\n      disabledText: colors.neutral[400],\n      disabledBorder: colors.neutral[200],\n      primaryDarkText: {\n        disabled: colors.neutral[100],\n        text: colors.primary[800],\n        loadingText: colors.primary[800],\n      },\n      primary: {\n        contained: colors.primary[1000],\n        hover: colors.primary[900],\n        focused: colors.primary[900],\n        pressed: colors.primary[600],\n        disabled: colors.neutral[100],\n        border: '#EBE8ED',\n        text: colors.base.white,\n        loadingText: colors.primary[1000],\n      },\n      secondary: {\n        contained: colors.secondary[50],\n        hover: colors.secondary[50],\n        focused: colors.primary[200],\n        pressed: '#EBE8ED',\n        disabled: colors.neutral[100],\n        border: '#D8D2DD',\n        text: colors.secondary[1000],\n        loadingText: colors.secondary[1000],\n      },\n      tertiary: {\n        contained: colors.base.white,\n        hover: colors.primary[200],\n        focused: colors.primary[200],\n        pressed: colors.primary[300],\n        disabled: colors.neutral[100],\n        text: colors.secondary[1000],\n        loadingText: colors.secondary[1000],\n        outlinedHover: '#E0D3FF',\n        outlinedText: colors.primary[1000],\n      },\n      error: {\n        contained: colors.red[200],\n        hover: colors.red[300],\n        focused: colors.red[600],\n        pressed: colors.red[300],\n        disabled: colors.neutral[100],\n        border: colors.red[400],\n        text: colors.red[1000],\n        outlinedHover: colors.red[100],\n        outlinedText: colors.red[800],\n        activeBorder: colors.red[700],\n        loadingText: colors.secondary[1000],\n      },\n    },\n    sliderIndicator: {\n      background: 'rgba(255, 255, 255, 0.2)',\n      active: 'rgba(255, 255, 255, 1)',\n      inactive: 'rgba(255, 255, 255, 0.8)',\n    },\n    cardContent: {\n      selected: {\n        background: '#FBF9FF',\n        border: '#E2D2FF',\n      },\n    },\n    emptyState: {\n      imageBackground: 'rgba(0, 0, 0, 0.04)',\n    },\n    navbar: {\n      wallet: {\n        background: '#F8F5FF',\n        border: '#EBE8ED',\n        text: '#1B0D26',\n      },\n      search: {\n        searchBorder: '#EFEFF1',\n        searchBackground: '#FBFBFB',\n      },\n    },\n    avatar: {\n      fill: '#A3A1A6',\n    },\n    input: {\n      _states: {\n        hover: 'rgba(0, 0, 0, 0.04)',\n        selected: 'rgba(0, 0, 0, 0.08)',\n        focusVisible: 'rgba(0, 0, 0, 0.3)',\n      },\n      outlined: {\n        enabledBorder: '#EBE8ED',\n        hoverBorder: '#D8D2DD',\n      },\n    },\n    switch: {\n      knobFillEnabled: '#F8F8F8',\n      slideFill: colors.neutral[400],\n      knowFillDisabled: colors.neutral[100],\n      shadow: colors.neutral[200],\n      color: '#AE72FF',\n      background: '#FFFFFF',\n      error: {\n        activeBackground: '#FA3768',\n        pressedBackground: '#C22B51',\n        shadow: 'rgba(250, 55, 104, 0.5)',\n      },\n      primary: {\n        activeBackground: '#9EEC98',\n        pressedBackground: '#649560',\n        shadow: 'rgba(46, 125, 50, 0.5)',\n      },\n    },\n    chip: {\n      desert: '#FDF5D6',\n    },\n    backdrop: {\n      fill: 'rgba(0, 0, 0, 0.1)',\n    },\n    appBar: {\n      defaultFill: colors.neutral[100],\n    },\n    alert: {\n      error: {\n        color: colors.red[1000],\n        border: colors.red[300],\n        background: colors.red[100],\n      },\n      warning: {\n        color: colors.yellow[1000],\n        border: colors.yellow[500],\n        background: colors.yellow[100],\n      },\n      info: {\n        color: colors.blue[1000],\n        border: colors.blue[400],\n        background: colors.blue[100],\n      },\n      success: {\n        color: colors.green[1000],\n        border: colors.green[400],\n        background: colors.green[100],\n      },\n    },\n    stepper: {\n      connector: '#A3A1A6',\n    },\n    iconButton: {\n      default: {\n        hover: '#0000001f',\n      },\n      primary: {\n        text: colors.primary[1000],\n        focused: '#ae72ff4d',\n        hover: colors.primary[50],\n        focusedIcon: colors.primary[600],\n      },\n      secondary: {\n        text: colors.secondary[1000],\n        focused: '#3c1c544d',\n        hover: colors.secondary[50],\n        focusedIcon: colors.primary[600],\n      },\n      error: {\n        text: colors.secondary[1000],\n        focused: '#fa37684d',\n        hover: colors.secondary[50],\n        focusedIcon: colors.primary[600],\n      },\n    },\n  },\n  _native: {\n    'scrollbar-bg': colors.neutral[200],\n  },\n  common: {\n    black: '#000000',\n    white: '#FFFFFF',\n    white_states: {\n      main: '#FFFFFF',\n      focusVisible: 'rgba(255, 255, 255, 0.3)',\n      focus: 'rgba(255, 255, 255, 0.12)',\n    },\n    black_states: {\n      focus: 'rgba(0, 0, 0, 0.12)',\n      hover: ' rgba(0, 0, 0, 0.04)',\n      selected: 'rgba(0, 0, 0, 0.08)',\n    },\n  },\n};\n"],"names":["colors","alpha"],"mappings":";;;;AAMO,MAAM,UAAmC;AAAA,EAC9C,MAAM;AAAA,EAAA,QACNA,OAAAA;AAAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,OAAO;AAAA,MACP,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAAA,EAEF,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAOA,OAAAA,OAAO,KAAK;AAAA,IACnB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC3B,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC3B,mBAAmBA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IACrC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAAA,EAEf,UAAU;AAAA,IACR,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC5B,YAAYA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC9B,iBAAiBA,OAAAA,OAAO,QAAQ,GAAG;AAAA,EAAA;AAAA,EAErC,MAAM;AAAA,IACJ,SAASA,OAAAA,OAAO,QAAQ,GAAI;AAAA,IAC5B,WAAWA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC7B,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC5B,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC5B,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,qBAAqB;AAAA,IACrB,SAAS;AAAA,MACP,OAAOC,SAAAA,MAAMD,OAAAA,OAAO,KAAK,OAAO,IAAI;AAAA,MACpC,UAAUC,SAAAA,MAAMD,OAAAA,OAAO,KAAK,OAAO,IAAI;AAAA,MACvC,OAAOC,SAAAA,MAAMD,OAAAA,OAAO,KAAK,OAAO,IAAI;AAAA,MACpC,cAAcC,SAAAA,MAAMD,OAAAA,OAAO,KAAK,OAAO,GAAG;AAAA,IAAA;AAAA,EAC5C;AAAA,EAEF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAC5B,WAAW;AAAA,EAAA;AAAA,EAEb,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,EAAA;AAAA,EAElB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,WAAW;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,QAAQ;AAAA,IACN,QAAQC,SAAAA,MAAMD,OAAAA,OAAO,QAAQ,GAAG,GAAG,IAAI;AAAA,IACvC,OAAOC,SAAAA,MAAMD,OAAAA,OAAO,QAAQ,GAAG,GAAG,IAAI;AAAA,IACtC,UAAUC,SAAAA,MAAMD,OAAAA,OAAO,QAAQ,GAAG,GAAG,IAAI;AAAA,IACzC,OAAOC,SAAAA,MAAMD,OAAAA,OAAO,QAAQ,GAAG,GAAG,IAAI;AAAA,IACtC,UAAUC,SAAAA,MAAMD,OAAAA,OAAO,QAAQ,GAAG,GAAG,IAAI;AAAA,IACzC,oBAAoBC,SAAAA,MAAMD,OAAAA,OAAO,QAAQ,GAAG,GAAG,IAAI;AAAA,EAAA;AAAA,EAErD,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA;AAAA,IAEd,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,SAASA,OAAAA,OAAO,UAAU,EAAE;AAAA,EAC5B,aAAa;AAAA,IACX,QAAQ;AAAA,MACN,cAAcA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAChC,gBAAgBA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAClC,iBAAiB;AAAA,QACf,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC5B,MAAMA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QACxB,aAAaA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAAA;AAAA,MAEjC,SAAS;AAAA,QACP,WAAWA,OAAAA,OAAO,QAAQ,GAAI;AAAA,QAC9B,OAAOA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QACzB,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC3B,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC3B,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC5B,QAAQ;AAAA,QACR,MAAMA,OAAAA,OAAO,KAAK;AAAA,QAClB,aAAaA,OAAAA,OAAO,QAAQ,GAAI;AAAA,MAAA;AAAA,MAElC,WAAW;AAAA,QACT,WAAWA,OAAAA,OAAO,UAAU,EAAE;AAAA,QAC9B,OAAOA,OAAAA,OAAO,UAAU,EAAE;AAAA,QAC1B,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC3B,SAAS;AAAA,QACT,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC5B,QAAQ;AAAA,QACR,MAAMA,OAAAA,OAAO,UAAU,GAAI;AAAA,QAC3B,aAAaA,OAAAA,OAAO,UAAU,GAAI;AAAA,MAAA;AAAA,MAEpC,UAAU;AAAA,QACR,WAAWA,OAAAA,OAAO,KAAK;AAAA,QACvB,OAAOA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QACzB,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC3B,SAASA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC3B,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC5B,MAAMA,OAAAA,OAAO,UAAU,GAAI;AAAA,QAC3B,aAAaA,OAAAA,OAAO,UAAU,GAAI;AAAA,QAClC,eAAe;AAAA,QACf,cAAcA,OAAAA,OAAO,QAAQ,GAAI;AAAA,MAAA;AAAA,MAEnC,OAAO;AAAA,QACL,WAAWA,OAAAA,OAAO,IAAI,GAAG;AAAA,QACzB,OAAOA,OAAAA,OAAO,IAAI,GAAG;AAAA,QACrB,SAASA,OAAAA,OAAO,IAAI,GAAG;AAAA,QACvB,SAASA,OAAAA,OAAO,IAAI,GAAG;AAAA,QACvB,UAAUA,OAAAA,OAAO,QAAQ,GAAG;AAAA,QAC5B,QAAQA,OAAAA,OAAO,IAAI,GAAG;AAAA,QACtB,MAAMA,OAAAA,OAAO,IAAI,GAAI;AAAA,QACrB,eAAeA,OAAAA,OAAO,IAAI,GAAG;AAAA,QAC7B,cAAcA,OAAAA,OAAO,IAAI,GAAG;AAAA,QAC5B,cAAcA,OAAAA,OAAO,IAAI,GAAG;AAAA,QAC5B,aAAaA,OAAAA,OAAO,UAAU,GAAI;AAAA,MAAA;AAAA,IACpC;AAAA,IAEF,iBAAiB;AAAA,MACf,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,IAEZ,aAAa;AAAA,MACX,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,YAAY;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,IAEnB,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,kBAAkB;AAAA,MAAA;AAAA,IACpB;AAAA,IAEF,QAAQ;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,OAAO;AAAA,MACL,SAAS;AAAA,QACP,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,MAAA;AAAA,MAEhB,UAAU;AAAA,QACR,eAAe;AAAA,QACf,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,WAAWA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAC7B,kBAAkBA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MACpC,QAAQA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAC1B,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,QACnB,QAAQ;AAAA,MAAA;AAAA,MAEV,SAAS;AAAA,QACP,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,QACnB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,MAAM;AAAA,MACJ,QAAQ;AAAA,IAAA;AAAA,IAEV,UAAU;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,IAER,QAAQ;AAAA,MACN,aAAaA,OAAAA,OAAO,QAAQ,GAAG;AAAA,IAAA;AAAA,IAEjC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,OAAOA,OAAAA,OAAO,IAAI,GAAI;AAAA,QACtB,QAAQA,OAAAA,OAAO,IAAI,GAAG;AAAA,QACtB,YAAYA,OAAAA,OAAO,IAAI,GAAG;AAAA,MAAA;AAAA,MAE5B,SAAS;AAAA,QACP,OAAOA,OAAAA,OAAO,OAAO,GAAI;AAAA,QACzB,QAAQA,OAAAA,OAAO,OAAO,GAAG;AAAA,QACzB,YAAYA,OAAAA,OAAO,OAAO,GAAG;AAAA,MAAA;AAAA,MAE/B,MAAM;AAAA,QACJ,OAAOA,OAAAA,OAAO,KAAK,GAAI;AAAA,QACvB,QAAQA,OAAAA,OAAO,KAAK,GAAG;AAAA,QACvB,YAAYA,OAAAA,OAAO,KAAK,GAAG;AAAA,MAAA;AAAA,MAE7B,SAAS;AAAA,QACP,OAAOA,OAAAA,OAAO,MAAM,GAAI;AAAA,QACxB,QAAQA,OAAAA,OAAO,MAAM,GAAG;AAAA,QACxB,YAAYA,OAAAA,OAAO,MAAM,GAAG;AAAA,MAAA;AAAA,IAC9B;AAAA,IAEF,SAAS;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAEb,YAAY;AAAA,MACV,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,MAAMA,OAAAA,OAAO,QAAQ,GAAI;AAAA,QACzB,SAAS;AAAA,QACT,OAAOA,OAAAA,OAAO,QAAQ,EAAE;AAAA,QACxB,aAAaA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAAA;AAAA,MAEjC,WAAW;AAAA,QACT,MAAMA,OAAAA,OAAO,UAAU,GAAI;AAAA,QAC3B,SAAS;AAAA,QACT,OAAOA,OAAAA,OAAO,UAAU,EAAE;AAAA,QAC1B,aAAaA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAAA;AAAA,MAEjC,OAAO;AAAA,QACL,MAAMA,OAAAA,OAAO,UAAU,GAAI;AAAA,QAC3B,SAAS;AAAA,QACT,OAAOA,OAAAA,OAAO,UAAU,EAAE;AAAA,QAC1B,aAAaA,OAAAA,OAAO,QAAQ,GAAG;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,gBAAgBA,OAAAA,OAAO,QAAQ,GAAG;AAAA,EAAA;AAAA,EAEpC,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,cAAc;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAET,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;;"}

package/dist/react/es/components/app-checkbox.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { styled, Checkbox, FormControlLabel } from "@mui/material";
+const AppCheckbox = ({
+  label = "",
+  labelProps,
+  name = "",
+  checked,
+  disabled = false,
+  onChange = () => {
+  },
+  checkboxProps
+}) => {
+  return /* @__PURE__ */ jsx(
+    FormControlLabel,
+    {
+      label,
+      disabled,
+      control: /* @__PURE__ */ jsx(
+        AppCheckboxStyled,
+        {
+          name,
+          checked,
+          disabled,
+          onChange,
+          ...checkboxProps
+        }
+      ),
+      ...labelProps
+    }
+  );
+};
+const AppCheckboxStyled = styled(Checkbox)(({ theme }) => ({
+  paddingInlineStart: 0,
+  paddingInlineEnd: theme.spacing(0.5),
+  "> svg": {
+    width: theme.spacing(2.5),
+    height: theme.spacing(2.5)
+  }
+}));
+export {
+  AppCheckbox
+};
+//# sourceMappingURL=app-checkbox.js.map

package/dist/react/es/components/app-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-checkbox.js","sources":["../../../../src/components/app-checkbox.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxProps,\n  FormControlLabel,\n  type FormControlLabelProps,\n  styled,\n} from '@mui/material';\n\n//\n//\n\nexport interface AppCheckboxProps {\n  label?: string | React.ReactNode;\n  labelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;\n  name?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: CheckboxProps['onChange'];\n  checkboxProps?: Omit<CheckboxProps, 'checked' | 'onChange' | 'name' | 'disabled'>;\n}\n\nexport const AppCheckbox: React.FC<AppCheckboxProps> = ({\n  label = '',\n  labelProps,\n  name = '',\n  checked,\n  disabled = false,\n  onChange = () => {},\n  checkboxProps,\n}) => {\n  return (\n    <FormControlLabel\n      label={label}\n      disabled={disabled}\n      control={\n        <AppCheckboxStyled\n          name={name}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          {...checkboxProps}\n        />\n      }\n      {...labelProps}\n    />\n  );\n};\n\n//\n\nconst AppCheckboxStyled = styled(Checkbox)(({ theme }) => ({\n  paddingInlineStart: 0,\n  paddingInlineEnd: theme.spacing(0.5),\n  '> svg': {\n    width: theme.spacing(2.5),\n    height: theme.spacing(2.5),\n  },\n}));\n"],"names":[],"mappings":";;AAqBO,MAAM,cAA0C,CAAC;AAAA,EACtD,QAAQ;AAAA,EACR;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGP,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAIA,MAAM,oBAAoB,OAAO,QAAQ,EAAE,CAAC,EAAE,aAAa;AAAA,EACzD,oBAAoB;AAAA,EACpB,kBAAkB,MAAM,QAAQ,GAAG;AAAA,EACnC,SAAS;AAAA,IACP,OAAO,MAAM,QAAQ,GAAG;AAAA,IACxB,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAAA;AAE7B,EAAE;"}

package/dist/react/es/components/app-dialog-with-features.js

@@ -0,0 +1,85 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { styled, Box, CircularProgress } from "@mui/material";
+import { AppDialog } from "./app-dialog.js";
+import { AppInputBaseSearch } from "./app-input-base-search.js";
+import { AppPagination } from "./app-pagination.js";
+import { StackColumn } from "./stack-column.js";
+import { StackRow } from "./stack-row.js";
+const AppDialogWithFeatures = ({
+  open,
+  onClose,
+  search,
+  onSearchChange,
+  title,
+  searchProps,
+  pagination,
+  children,
+  isLoading,
+  contentProps,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    AppDialog,
+    {
+      open,
+      onClose,
+      title,
+      fullWidth: true,
+      dialogContentProps: { sx: { overflow: "hidden" } },
+      ...props,
+      children: /* @__PURE__ */ jsxs(Content, { children: [
+        isLoading && /* @__PURE__ */ jsx(StackRow, { width: "100%", height: 160, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+        !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+          (search || onSearchChange) && /* @__PURE__ */ jsx(
+            SearchInput,
+            {
+              fullWidth: true,
+              value: search,
+              onChange: (e) => onSearchChange?.(e.target.value),
+              name: "search",
+              size: "small",
+              ...searchProps
+            }
+          ),
+          /* @__PURE__ */ jsx(StackColumn, { gap: 2, maxHeight: "500px", overflow: "auto", ...contentProps, children }),
+          pagination && /* @__PURE__ */ jsx(StackRow, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx(
+            AppPagination,
+            {
+              size: "medium",
+              count: pagination.count,
+              page: pagination.page,
+              onChange: pagination.onChange
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+};
+const SearchInput = styled(AppInputBaseSearch)(({ theme }) => ({
+  marginTop: 0,
+  ".MuiInputBase-root": {
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    fieldset: {
+      borderRadius: theme.spacing(40),
+      paddingLeft: theme.spacing(2),
+      paddingRight: theme.spacing(2)
+    },
+    input: { paddingLeft: theme.spacing(1) }
+  },
+  ".MuiInputAdornment-root": {
+    marginLeft: theme.spacing(0),
+    marginRight: theme.spacing(0),
+    pointerEvents: "none"
+  }
+}));
+const Content = styled(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateRows: "auto 1fr auto",
+  gap: theme.spacing(2)
+}));
+export {
+  AppDialogWithFeatures
+};
+//# sourceMappingURL=app-dialog-with-features.js.map

package/dist/react/es/components/app-dialog-with-features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-dialog-with-features.js","sources":["../../../../src/components/app-dialog-with-features.tsx"],"sourcesContent":["import { Box, StackProps, CircularProgress, styled } from '@mui/material';\n\nimport { AppDialog, AppDialogProps } from './app-dialog';\nimport { AppInputSearchProps, AppInputBaseSearch } from './app-input-base-search';\nimport { AppPagination, AppPaginationProps } from './app-pagination';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppDialogWithFeaturesProps = AppDialogProps & {\n  open: boolean;\n  onClose: () => void;\n  search: string;\n  onSearchChange?: (search: string) => void;\n  searchProps?: AppInputSearchProps;\n  pagination?: AppPaginationProps;\n  isLoading?: boolean;\n  contentProps?: StackProps;\n  children?: React.ReactNode;\n};\n\nexport const AppDialogWithFeatures: React.FC<AppDialogWithFeaturesProps> = ({\n  open,\n  onClose,\n  search,\n  onSearchChange,\n  title,\n  searchProps,\n  pagination,\n  children,\n  isLoading,\n  contentProps,\n  ...props\n}) => {\n  return (\n    <AppDialog\n      open={open}\n      onClose={onClose}\n      title={title}\n      fullWidth\n      dialogContentProps={{ sx: { overflow: 'hidden' } }}\n      {...props}\n    >\n      <Content>\n        {isLoading && (\n          <StackRow width=\"100%\" height={160} alignItems=\"center\" justifyContent=\"center\">\n            <CircularProgress />\n          </StackRow>\n        )}\n\n        {!isLoading && (\n          <>\n            {/* Search */}\n            {(search || onSearchChange) && (\n              <SearchInput\n                fullWidth\n                value={search}\n                onChange={e => onSearchChange?.(e.target.value)}\n                name=\"search\"\n                size=\"small\"\n                {...searchProps}\n              />\n            )}\n\n            {/* Main content */}\n            <StackColumn gap={2} maxHeight=\"500px\" overflow=\"auto\" {...contentProps}>\n              {children}\n            </StackColumn>\n\n            {/* Pagination */}\n            {pagination && (\n              <StackRow alignItems=\"center\" justifyContent=\"center\">\n                <AppPagination\n                  size=\"medium\"\n                  count={pagination.count}\n                  page={pagination.page}\n                  onChange={pagination.onChange}\n                />\n              </StackRow>\n            )}\n          </>\n        )}\n      </Content>\n    </AppDialog>\n  );\n};\n\n//\n\nconst SearchInput = styled(AppInputBaseSearch)(({ theme }) => ({\n  marginTop: 0,\n  '.MuiInputBase-root': {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    fieldset: {\n      borderRadius: theme.spacing(40),\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n    },\n\n    input: { paddingLeft: theme.spacing(1) },\n  },\n  '.MuiInputAdornment-root': {\n    marginLeft: theme.spacing(0),\n    marginRight: theme.spacing(0),\n    pointerEvents: 'none',\n  },\n}));\n\nconst Content = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateRows: 'auto 1fr auto',\n  gap: theme.spacing(2),\n}));\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAS;AAAA,MACT,oBAAoB,EAAE,IAAI,EAAE,UAAU,WAAS;AAAA,MAC9C,GAAG;AAAA,MAEJ,+BAAC,SAAA,EACE,UAAA;AAAA,QAAA,aACC,oBAAC,UAAA,EAAS,OAAM,QAAO,QAAQ,KAAK,YAAW,UAAS,gBAAe,UACrE,UAAA,oBAAC,kBAAA,CAAA,CAAiB,GACpB;AAAA,QAGD,CAAC,aACA,qBAAA,UAAA,EAEI,UAAA;AAAA,WAAA,UAAU,mBACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU,CAAA,MAAK,iBAAiB,EAAE,OAAO,KAAK;AAAA,cAC9C,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAKR,oBAAC,aAAA,EAAY,KAAK,GAAG,WAAU,SAAQ,UAAS,QAAQ,GAAG,cACxD,SAAA,CACH;AAAA,UAGC,cACC,oBAAC,UAAA,EAAS,YAAW,UAAS,gBAAe,UAC3C,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,MAAM,WAAW;AAAA,cACjB,UAAU,WAAW;AAAA,YAAA;AAAA,UAAA,EACvB,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAIA,MAAM,cAAc,OAAO,kBAAkB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC7D,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,UAAU;AAAA,MACR,cAAc,MAAM,QAAQ,EAAE;AAAA,MAC9B,aAAa,MAAM,QAAQ,CAAC;AAAA,MAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,IAG/B,OAAO,EAAE,aAAa,MAAM,QAAQ,CAAC,EAAA;AAAA,EAAE;AAAA,EAEzC,2BAA2B;AAAA,IACzB,YAAY,MAAM,QAAQ,CAAC;AAAA,IAC3B,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,eAAe;AAAA,EAAA;AAEnB,EAAE;AAEF,MAAM,UAAU,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC1C,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;"}

package/dist/react/es/components/app-dialog.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTheme, Dialog, DialogTitle, DialogContent, DialogActions } from "@mui/material";
+import { AppTypography } from "./app-typography.js";
+import { StackColumn } from "./stack-column.js";
+const AppDialog = ({
+  title,
+  description,
+  descriptionProps,
+  children,
+  titleStackProps,
+  actions,
+  titleProps,
+  actionsProps,
+  darkerBackdrop,
+  dialogContentProps,
+  slotProps,
+  ...props
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      fullWidth: true,
+      maxWidth: "sm",
+      slotProps: {
+        paper: {
+          elevation: 4,
+          ...slotProps?.paper
+        },
+        backdrop: {
+          sx: {
+            backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : ""
+          },
+          ...slotProps?.backdrop
+        }
+      },
+      ...props,
+      children: [
+        (title || description) && /* @__PURE__ */ jsx(DialogTitle, { ...titleProps, children: /* @__PURE__ */ jsxs(StackColumn, { ...titleStackProps, gap: 3, children: [
+          title,
+          description && /* @__PURE__ */ jsx(AppTypography, { variant: "body2", ...descriptionProps, children: description })
+        ] }) }),
+        /* @__PURE__ */ jsx(DialogContent, { ...dialogContentProps, children }),
+        actions && /* @__PURE__ */ jsx(DialogActions, { ...actionsProps, children: actions })
+      ]
+    }
+  );
+};
+export {
+  AppDialog
+};
+//# sourceMappingURL=app-dialog.js.map

package/dist/react/es/components/app-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-dialog.js","sources":["../../../../src/components/app-dialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogProps,\n  DialogActions,\n  DialogActionsProps,\n  DialogContent,\n  DialogContentProps,\n  DialogTitle,\n  DialogTitleProps,\n  StackProps,\n  useTheme,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\n\n//\n//\n\nexport type AppDialogProps = DialogProps & {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n  titleStackProps?: StackProps;\n  titleProps?: DialogTitleProps;\n  actions?: React.ReactNode;\n  actionsProps?: DialogActionsProps;\n  children: React.ReactNode;\n  dialogContentProps?: DialogContentProps;\n  darkerBackdrop?: boolean;\n};\n\nexport const AppDialog = ({\n  title,\n  description,\n  descriptionProps,\n  children,\n  titleStackProps,\n  actions,\n  titleProps,\n  actionsProps,\n  darkerBackdrop,\n  dialogContentProps,\n  slotProps,\n  ...props\n}: AppDialogProps) => {\n  const theme = useTheme();\n\n  return (\n    <Dialog\n      fullWidth\n      maxWidth=\"sm\"\n      slotProps={{\n        paper: {\n          elevation: 4,\n          ...slotProps?.paper,\n        },\n        backdrop: {\n          sx: {\n            backgroundColor: darkerBackdrop ? theme.palette.background.darkBackdrop : '',\n          },\n          ...slotProps?.backdrop,\n        },\n      }}\n      {...props}\n    >\n      {(title || description) && (\n        <DialogTitle {...titleProps}>\n          <StackColumn {...titleStackProps} gap={3}>\n            {title}\n            {description && (\n              <AppTypography variant=\"body2\" {...descriptionProps}>\n                {description}\n              </AppTypography>\n            )}\n          </StackColumn>\n        </DialogTitle>\n      )}\n      <DialogContent {...dialogContentProps}>{children}</DialogContent>\n\n      {actions && <DialogActions {...actionsProps}>{actions}</DialogActions>}\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;AA+BO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,QAAQ,SAAA;AAEd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAW;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,GAAG,WAAW;AAAA,QAAA;AAAA,QAEhB,UAAU;AAAA,UACR,IAAI;AAAA,YACF,iBAAiB,iBAAiB,MAAM,QAAQ,WAAW,eAAe;AAAA,UAAA;AAAA,UAE5E,GAAG,WAAW;AAAA,QAAA;AAAA,MAChB;AAAA,MAED,GAAG;AAAA,MAEF,UAAA;AAAA,SAAA,SAAS,gBACT,oBAAC,aAAA,EAAa,GAAG,YACf,+BAAC,aAAA,EAAa,GAAG,iBAAiB,KAAK,GACpC,UAAA;AAAA,UAAA;AAAA,UACA,eACC,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,kBAChC,UAAA,YAAA,CACH;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QAEF,oBAAC,eAAA,EAAe,GAAG,oBAAqB,SAAA,CAAS;AAAA,QAEhD,WAAW,oBAAC,eAAA,EAAe,GAAG,cAAe,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/react/es/components/app-empty-state.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { useTheme, Box } from "@mui/material";
+import { AppTypography } from "./app-typography.js";
+import { StackColumn } from "./stack-column.js";
+import { StackRow } from "./stack-row.js";
+const AppEmptyState = ({
+  size = "small",
+  variant = "default",
+  title,
+  titleProps,
+  description,
+  descriptionProps,
+  subDescription,
+  subDescriptionProps,
+  icon,
+  iconProps,
+  iconBoxProps,
+  customIconComponent,
+  imageUrl,
+  imageProps,
+  children,
+  containerProps
+}) => {
+  const isBoxImage = icon?.props?.component === "img";
+  const theme = useTheme();
+  let iconSize = "large";
+  let titleSize = "h4";
+  let iconBoxSize = 120;
+  let iconColor = "action";
+  const iconBoxVariantProps = {
+    bgcolor: "_components.iconButton.primary.hover",
+    border: `none`
+  };
+  if (size === "small") {
+    iconSize = "medium";
+    titleSize = "h6";
+    iconBoxSize = 100;
+  }
+  if (variant === "error") {
+    iconBoxVariantProps.bgcolor = theme.palette._components.alert.error.background;
+    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.error.border}`;
+    iconColor = "error";
+  }
+  if (variant === "warning") {
+    iconBoxVariantProps.bgcolor = theme.palette._components.alert.warning.background;
+    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.warning.border}`;
+  }
+  if (variant === "success") {
+    iconBoxVariantProps.bgcolor = theme.palette._components.alert.success.background;
+    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.success.border}`;
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      width: "100%",
+      height: "100%",
+      rowGap: size === "small" ? 2 : 3,
+      px: 2,
+      py: 6,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      ...containerProps,
+      children: [
+        imageUrl ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: imageUrl,
+            width: 240,
+            height: 160,
+            bgcolor: "_components.emptyState.imageBackground",
+            ...imageProps
+          }
+        ) : icon && !isBoxImage ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: 99,
+            width: iconBoxSize,
+            height: iconBoxSize,
+            maxWidth: iconBoxSize,
+            maxHeight: iconBoxSize,
+            ...iconBoxVariantProps,
+            ...iconBoxProps,
+            children: React.cloneElement(icon, { fontSize: iconSize, color: iconColor, ...iconProps })
+          }
+        ) : icon && isBoxImage ? icon : customIconComponent,
+        (title || description || subDescription) && /* @__PURE__ */ jsxs(StackColumn, { gap: size === "small" ? 0 : 0.5, maxWidth: 600, textAlign: "center", children: [
+          title && /* @__PURE__ */ jsx(AppTypography, { variant: titleSize, ...titleProps, children: title }),
+          description && /* @__PURE__ */ jsx(AppTypography, { variant: "body2", color: "textTertiary", ...descriptionProps, children: description }),
+          subDescription && /* @__PURE__ */ jsx(AppTypography, { mt: 3, variant: "body2", color: "textTertiary", ...subDescriptionProps, children: subDescription })
+        ] }),
+        children && /* @__PURE__ */ jsx(StackRow, { children })
+      ]
+    }
+  );
+};
+export {
+  AppEmptyState
+};
+//# sourceMappingURL=app-empty-state.js.map

package/dist/react/es/components/app-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-empty-state.js","sources":["../../../../src/components/app-empty-state.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Box, type BoxProps, type SvgIconProps, useTheme } from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport interface AppEmptyStateProps {\n  size?: 'standard' | 'small';\n  variant?: 'default' | 'error' | 'warning' | 'success';\n\n  title?: React.ReactNode;\n  titleProps?: AppTypographyProps;\n\n  icon?: React.ReactElement<SvgIconProps>;\n  iconProps?: SvgIconProps;\n  iconBoxProps?: BoxProps;\n  customIconComponent?: React.ReactElement<SvgIconProps>;\n\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n\n  subDescription?: React.ReactNode;\n  subDescriptionProps?: AppTypographyProps;\n\n  imageUrl?: string;\n  imageProps?: BoxProps;\n\n  children?: React.ReactNode;\n  containerProps?: BoxProps;\n}\n\nexport const AppEmptyState: FC<AppEmptyStateProps> = ({\n  size = 'small',\n  variant = 'default',\n\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n\n  subDescription,\n  subDescriptionProps,\n\n  icon,\n  iconProps,\n  iconBoxProps,\n  customIconComponent,\n\n  imageUrl,\n  imageProps,\n\n  children,\n  containerProps,\n}) => {\n  const isBoxImage = icon?.props?.component === 'img';\n\n  const theme = useTheme();\n\n  let iconSize: SvgIconProps['fontSize'] = 'large';\n  let titleSize: AppTypographyProps['variant'] = 'h4';\n  let iconBoxSize = 120;\n  let iconColor: SvgIconProps['color'] = 'action';\n\n  const iconBoxVariantProps = {\n    bgcolor: '_components.iconButton.primary.hover',\n    border: `none`,\n  };\n\n  if (size === 'small') {\n    iconSize = 'medium';\n    titleSize = 'h6';\n    iconBoxSize = 100;\n  }\n\n  if (variant === 'error') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.error.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.error.border}`;\n    iconColor = 'error';\n  }\n\n  if (variant === 'warning') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.warning.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.warning.border}`;\n  }\n\n  if (variant === 'success') {\n    iconBoxVariantProps.bgcolor = theme.palette._components.alert.success.background;\n    iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.success.border}`;\n  }\n\n  return (\n    <Box\n      width=\"100%\"\n      height=\"100%\"\n      rowGap={size === 'small' ? 2 : 3}\n      px={2}\n      py={6}\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...containerProps}\n    >\n      {imageUrl ? (\n        <Box\n          component=\"img\"\n          src={imageUrl}\n          width={240}\n          height={160}\n          bgcolor=\"_components.emptyState.imageBackground\"\n          {...imageProps}\n        />\n      ) : icon && !isBoxImage ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          borderRadius={99}\n          width={iconBoxSize}\n          height={iconBoxSize}\n          maxWidth={iconBoxSize}\n          maxHeight={iconBoxSize}\n          {...iconBoxVariantProps}\n          {...iconBoxProps}\n        >\n          {React.cloneElement(icon, { fontSize: iconSize, color: iconColor, ...iconProps })}\n        </Box>\n      ) : icon && isBoxImage ? (\n        icon\n      ) : (\n        customIconComponent\n      )}\n      {(title || description || subDescription) && (\n        <StackColumn gap={size === 'small' ? 0 : 0.5} maxWidth={600} textAlign=\"center\">\n          {title && (\n            <AppTypography variant={titleSize} {...titleProps}>\n              {title}\n            </AppTypography>\n          )}\n          {description && (\n            <AppTypography variant=\"body2\" color=\"textTertiary\" {...descriptionProps}>\n              {description}\n            </AppTypography>\n          )}\n          {subDescription && (\n            <AppTypography mt={3} variant=\"body2\" color=\"textTertiary\" {...subDescriptionProps}>\n              {subDescription}\n            </AppTypography>\n          )}\n        </StackColumn>\n      )}\n      {children && <StackRow>{children}</StackRow>}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAmCO,MAAM,gBAAwC,CAAC;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EAEV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,MAAM,OAAO,cAAc;AAE9C,QAAM,QAAQ,SAAA;AAEd,MAAI,WAAqC;AACzC,MAAI,YAA2C;AAC/C,MAAI,cAAc;AAClB,MAAI,YAAmC;AAEvC,QAAM,sBAAsB;AAAA,IAC1B,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAGV,MAAI,SAAS,SAAS;AACpB,eAAW;AACX,gBAAY;AACZ,kBAAc;AAAA,EAChB;AAEA,MAAI,YAAY,SAAS;AACvB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,MAAM;AACpE,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,MAAM,MAAM;AACtF,gBAAY;AAAA,EACd;AAEA,MAAI,YAAY,WAAW;AACzB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,QAAQ;AACtE,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ,MAAM;AAAA,EAC1F;AAEA,MAAI,YAAY,WAAW;AACzB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,QAAQ;AACtE,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ,MAAM;AAAA,EAC1F;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAQ,SAAS,UAAU,IAAI;AAAA,MAC/B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,YAAW;AAAA,MACX,gBAAe;AAAA,MACd,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAQ;AAAA,YACP,GAAG;AAAA,UAAA;AAAA,QAAA,IAEJ,QAAQ,CAAC,aACX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,cAAc;AAAA,YACd,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,WAAW;AAAA,YACV,GAAG;AAAA,YACH,GAAG;AAAA,YAEH,UAAA,MAAM,aAAa,MAAM,EAAE,UAAU,UAAU,OAAO,WAAW,GAAG,UAAA,CAAW;AAAA,UAAA;AAAA,QAAA,IAEhF,QAAQ,aACV,OAEA;AAAA,SAEA,SAAS,eAAe,mBACxB,qBAAC,aAAA,EAAY,KAAK,SAAS,UAAU,IAAI,KAAK,UAAU,KAAK,WAAU,UACpE,UAAA;AAAA,UAAA,6BACE,eAAA,EAAc,SAAS,WAAY,GAAG,YACpC,UAAA,OACH;AAAA,UAED,mCACE,eAAA,EAAc,SAAQ,SAAQ,OAAM,gBAAgB,GAAG,kBACrD,UAAA,YAAA,CACH;AAAA,UAED,kBACC,oBAAC,eAAA,EAAc,IAAI,GAAG,SAAQ,SAAQ,OAAM,gBAAgB,GAAG,qBAC5D,UAAA,eAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAED,YAAY,oBAAC,UAAA,EAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}

package/dist/react/es/components/app-icon-button.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconButton, Box } from "@mui/material";
+import { AppTooltip } from "./app-tooltip.js";
+const AppIconButton = ({
+  ref,
+  color = "secondary",
+  size = "small",
+  children,
+  content,
+  tooltip,
+  tooltipProps,
+  sx,
+  ...props
+}) => {
+  if (!tooltip) {
+    return /* @__PURE__ */ jsxs(IconButton, { component: "button", color, size, ref, sx, ...props, children: [
+      children,
+      content
+    ] });
+  }
+  return /* @__PURE__ */ jsx(AppTooltip, { description: tooltip, disableInteractive: true, ...tooltipProps, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(IconButton, { component: "button", color, size, ref, sx, ...props, children: [
+    children,
+    content
+  ] }) }) });
+};
+AppIconButton.displayName = "AppIconButton";
+export {
+  AppIconButton
+};
+//# sourceMappingURL=app-icon-button.js.map

package/dist/react/es/components/app-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-icon-button.js","sources":["../../../../src/components/app-icon-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, type IconButtonProps } from '@mui/material';\nimport { AppTooltip, AppTooltipProps } from './app-tooltip';\n\n//\n//\n\nexport type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {\n  content?: React.ReactNode;\n  href?: string;\n  tooltip?: string | null;\n  tooltipProps?: Omit<AppTooltipProps, 'children' | 'title'>;\n  hideBorder?: boolean;\n};\n\nexport const AppIconButton = ({\n  ref,\n  color = 'secondary',\n  size = 'small',\n  children,\n  content,\n  tooltip,\n  tooltipProps,\n  sx,\n  ...props\n}: AppIconButtonProps) => {\n  if (!tooltip) {\n    return (\n      <IconButton component=\"button\" color={color} size={size} ref={ref} sx={sx} {...props}>\n        {children}\n        {content}\n      </IconButton>\n    );\n  }\n\n  return (\n    <AppTooltip description={tooltip} disableInteractive {...tooltipProps}>\n      <Box>\n        <IconButton component=\"button\" color={color} size={size} ref={ref} sx={sx} {...props}>\n          {children}\n          {content}\n        </IconButton>\n      </Box>\n    </AppTooltip>\n  );\n};\n\nAppIconButton.displayName = 'AppIconButton';\n"],"names":[],"mappings":";;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,MAAI,CAAC,SAAS;AACZ,WACE,qBAAC,cAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAS,GAAG,OAC5E,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,6BACG,YAAA,EAAW,aAAa,SAAS,oBAAkB,MAAE,GAAG,cACvD,UAAA,oBAAC,OACC,UAAA,qBAAC,YAAA,EAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAS,GAAG,OAC5E,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;AAEA,cAAc,cAAc;"}

package/dist/react/es/components/app-input-radio-card.js

@@ -0,0 +1,86 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled, FormControlLabel, Radio, CircularProgress } from "@mui/material";
+import { AppTypography } from "./app-typography.js";
+import { StackColumn } from "./stack-column.js";
+import { StackRow } from "./stack-row.js";
+const AppInputRadioCard = ({
+  label,
+  labelProps,
+  labelContainerProps,
+  description,
+  descriptionProps,
+  radioProps,
+  isLoading,
+  labelSuffix,
+  icon,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    FormControlLabelStyled,
+    {
+      ...props,
+      control: /* @__PURE__ */ jsx(RadioStyled, { ...radioProps }),
+      label: /* @__PURE__ */ jsxs(StackRow, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsxs(StackColumn, { gap: 0, overflow: "hidden", ...labelContainerProps, children: [
+          isLoading && /* @__PURE__ */ jsx(CircularProgressStyled, {}),
+          typeof label === "string" ? /* @__PURE__ */ jsxs(StackRow, { width: "100%", justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsx(AppTypography, { variant: "body2", ...labelProps, children: label }),
+            labelSuffix ? labelSuffix : null
+          ] }) : label,
+          description && /* @__PURE__ */ jsx(RadioDescriptionStyled, { variant: "caption", color: "text.tertiary", ...descriptionProps, children: description })
+        ] }),
+        icon
+      ] })
+    }
+  );
+};
+const FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {
+  return {
+    position: "relative",
+    display: "flex",
+    alignItems: "flex-start",
+    gap: theme.spacing(0.5),
+    margin: 0,
+    padding: theme.spacing(1.5),
+    border: `solid 1px ${theme.palette.colors.neutral[100]}`,
+    borderRadius: theme.shape.standardBorderRadius,
+    ":has(:checked)": {
+      backgroundColor: theme.palette.colors.primary[50],
+      borderColor: "#AE72FF80"
+    },
+    overflow: "hidden",
+    "> .MuiFormControlLabel-label": {
+      overflow: "hidden"
+    },
+    "& .MuiFormControlLabel-label": {
+      width: "100%"
+    }
+  };
+});
+const RadioStyled = styled(Radio)(({ theme }) => {
+  return {
+    width: theme.spacing(2.5),
+    minWidth: theme.spacing(2.5),
+    height: theme.spacing(2.5),
+    padding: 0
+  };
+});
+const RadioDescriptionStyled = styled(AppTypography)(() => {
+  return {
+    display: "-webkit-box",
+    WebkitLineClamp: 3,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden"
+  };
+});
+const CircularProgressStyled = styled(CircularProgress)(() => {
+  return {
+    position: "absolute",
+    left: "calc(50% - 20px)",
+    top: "calc(50% - 20px)"
+  };
+});
+export {
+  AppInputRadioCard
+};
+//# sourceMappingURL=app-input-radio-card.js.map

package/dist/react/es/components/app-input-radio-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-input-radio-card.js","sources":["../../../../src/components/app-input-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FormControlLabelProps,\n  StackProps,\n  RadioProps,\n  FormControlLabel,\n  Radio,\n  CircularProgress,\n  styled,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppInputRadioCardProps = Omit<FormControlLabelProps, 'control' | 'label'> & {\n  label: string | React.ReactNode;\n  labelProps?: AppTypographyProps;\n  labelContainerProps?: StackProps;\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n  radioProps?: RadioProps;\n  isLoading?: boolean;\n  labelSuffix?: React.ReactNode;\n  icon?: React.ReactNode;\n};\n\nexport const AppInputRadioCard: React.FC<AppInputRadioCardProps> = ({\n  label,\n  labelProps,\n  labelContainerProps,\n  description,\n  descriptionProps,\n  radioProps,\n  isLoading,\n  labelSuffix,\n  icon,\n  ...props\n}) => {\n  return (\n    <FormControlLabelStyled\n      {...props}\n      control={<RadioStyled {...radioProps} />}\n      label={\n        <StackRow justifyContent=\"space-between\" alignItems=\"center\">\n          <StackColumn gap={0} overflow=\"hidden\" {...labelContainerProps}>\n            {isLoading && <CircularProgressStyled />}\n\n            {typeof label === 'string' ? (\n              <StackRow width=\"100%\" justifyContent=\"space-between\">\n                <AppTypography variant=\"body2\" {...labelProps}>\n                  {label}\n                </AppTypography>\n                {labelSuffix ? labelSuffix : null}\n              </StackRow>\n            ) : (\n              label\n            )}\n            {description && (\n              <RadioDescriptionStyled variant=\"caption\" color=\"text.tertiary\" {...descriptionProps}>\n                {description}\n              </RadioDescriptionStyled>\n            )}\n          </StackColumn>\n\n          {icon}\n        </StackRow>\n      }\n    />\n  );\n};\n\n//\n\nconst FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(0.5),\n    margin: 0,\n    padding: theme.spacing(1.5),\n    border: `solid 1px ${theme.palette.colors.neutral[100]}`,\n    borderRadius: theme.shape.standardBorderRadius,\n    ':has(:checked)': {\n      backgroundColor: theme.palette.colors.primary[50],\n      borderColor: '#AE72FF80',\n    },\n    overflow: 'hidden',\n    '> .MuiFormControlLabel-label': {\n      overflow: 'hidden',\n    },\n    '& .MuiFormControlLabel-label': {\n      width: '100%',\n    },\n  };\n});\n\nconst RadioStyled = styled(Radio)(({ theme }) => {\n  return {\n    width: theme.spacing(2.5),\n    minWidth: theme.spacing(2.5),\n    height: theme.spacing(2.5),\n    padding: 0,\n  };\n});\n\nconst RadioDescriptionStyled = styled(AppTypography)(() => {\n  return {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  };\n});\n\nconst CircularProgressStyled = styled(CircularProgress)(() => {\n  return {\n    position: 'absolute',\n    left: 'calc(50% - 20px)',\n    top: 'calc(50% - 20px)',\n  };\n});\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS,oBAAC,aAAA,EAAa,GAAG,WAAA,CAAY;AAAA,MACtC,OACE,qBAAC,UAAA,EAAS,gBAAe,iBAAgB,YAAW,UAClD,UAAA;AAAA,QAAA,qBAAC,eAAY,KAAK,GAAG,UAAS,UAAU,GAAG,qBACxC,UAAA;AAAA,UAAA,iCAAc,wBAAA,EAAuB;AAAA,UAErC,OAAO,UAAU,WAChB,qBAAC,YAAS,OAAM,QAAO,gBAAe,iBACpC,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,YAChC,UAAA,OACH;AAAA,YACC,cAAc,cAAc;AAAA,UAAA,EAAA,CAC/B,IAEA;AAAA,UAED,mCACE,wBAAA,EAAuB,SAAQ,WAAU,OAAM,iBAAiB,GAAG,kBACjE,UAAA,YAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAIA,MAAM,yBAAyB,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAY;AACrE,SAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO,QAAQ,GAAG,CAAC;AAAA,IACtD,cAAc,MAAM,MAAM;AAAA,IAC1B,kBAAkB;AAAA,MAChB,iBAAiB,MAAM,QAAQ,OAAO,QAAQ,EAAE;AAAA,MAChD,aAAa;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,IACV,gCAAgC;AAAA,MAC9B,UAAU;AAAA,IAAA;AAAA,IAEZ,gCAAgC;AAAA,MAC9B,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC;AAED,MAAM,cAAc,OAAO,KAAK,EAAE,CAAC,EAAE,YAAY;AAC/C,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ,GAAG;AAAA,IACxB,UAAU,MAAM,QAAQ,GAAG;AAAA,IAC3B,QAAQ,MAAM,QAAQ,GAAG;AAAA,IACzB,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,yBAAyB,OAAO,aAAa,EAAE,MAAM;AACzD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,CAAC;AAED,MAAM,yBAAyB,OAAO,gBAAgB,EAAE,MAAM;AAC5D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC;"}

package/dist/react/es/components/app-input-radio.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled, FormHelperText, FormControlLabel, Box, FormControl, RadioGroup, Radio } from "@mui/material";
+import { AppTypography } from "./app-typography.js";
+const AppInputRadio = ({
+  row,
+  name,
+  label,
+  helperText,
+  options = [],
+  size = "medium",
+  color = "primary",
+  labelPlacement = "end",
+  boxProps,
+  error,
+  disabled,
+  radioProps,
+  formControlProps,
+  labelProps,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", ...boxProps, children: /* @__PURE__ */ jsxs(FormControl, { error, variant: "standard", disabled, ...formControlProps, children: [
+    label && /* @__PURE__ */ jsx(AppTypography, { variant: "body1", ...labelProps, children: label }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        row,
+        ...props,
+        name,
+        sx: props.sx ? props.sx : row ? { gap: 1.5 } : { gap: 0 },
+        children: options.map((option) => /* @__PURE__ */ jsx(
+          AppRadioLabel,
+          {
+            value: option.value,
+            name,
+            control: /* @__PURE__ */ jsx(
+              Radio,
+              {
+                size,
+                color,
+                ...radioProps,
+                name,
+                disabled: option.disabled
+              }
+            ),
+            label: option.label,
+            labelPlacement
+          },
+          option.value
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(StyledFormHelperText, { error, disabled, children: error || helperText })
+  ] }) });
+};
+const StyledFormHelperText = styled(FormHelperText)({
+  marginTop: 0
+});
+const AppRadioLabel = styled(FormControlLabel)(({ theme }) => {
+  return {
+    marginInline: 0,
+    gap: theme.spacing(0.5),
+    marginLeft: 0,
+    minHeight: 38
+  };
+});
+export {
+  AppInputRadio
+};
+//# sourceMappingURL=app-input-radio.js.map

package/dist/react/es/components/app-input-radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-input-radio.js","sources":["../../../../src/components/app-input-radio.tsx"],"sourcesContent":["//TODO: Warning: Failed prop type: Invalid prop `fontSize` of value `large` supplied to `RadioButtonIcon`, expected one of [\"small\",\"medium\"].\n// https://github.com/mui/material-ui/issues/40143 - someone already created issue in MUI repo\n\nimport {\n  RadioGroupProps,\n  BoxProps,\n  RadioProps,\n  FormControlProps,\n  Box,\n  FormControl,\n  RadioGroup,\n  Radio,\n  FormHelperText,\n  FormControlLabel,\n  styled,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\n\ntype Option = {\n  value: string;\n  label: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport type AppInputRadioProps = RadioGroupProps & {\n  name: string;\n  options: Option[];\n  label?: string;\n  helperText?: string;\n  size?: 'small' | 'medium' | 'large';\n  color?: 'primary' | 'error';\n  labelPlacement?: 'end' | 'start';\n  disabled?: boolean;\n  error?: boolean;\n  boxProps?: BoxProps;\n  radioProps?: RadioProps;\n  formControlProps?: FormControlProps;\n  labelProps?: AppTypographyProps;\n};\n\nexport const AppInputRadio = ({\n  row,\n  name,\n  label,\n  helperText,\n  options = [],\n  size = 'medium',\n  color = 'primary',\n  labelPlacement = 'end',\n  boxProps,\n  error,\n  disabled,\n  radioProps,\n  formControlProps,\n  labelProps,\n  ...props\n}: AppInputRadioProps) => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-start\" {...boxProps}>\n      <FormControl error={error} variant=\"standard\" disabled={disabled} {...formControlProps}>\n        {label && (\n          <AppTypography variant=\"body1\" {...labelProps}>\n            {label}\n          </AppTypography>\n        )}\n        <RadioGroup\n          row={row}\n          {...props}\n          name={name}\n          sx={props.sx ? props.sx : row ? { gap: 1.5 } : { gap: 0 }}\n        >\n          {options.map(option => (\n            <AppRadioLabel\n              key={option.value}\n              value={option.value}\n              name={name}\n              control={\n                <Radio\n                  size={size}\n                  color={color}\n                  {...radioProps}\n                  name={name}\n                  disabled={option.disabled}\n                />\n              }\n              label={option.label}\n              labelPlacement={labelPlacement}\n            />\n          ))}\n        </RadioGroup>\n        <StyledFormHelperText error={error} disabled={disabled}>\n          {error || helperText}\n        </StyledFormHelperText>\n      </FormControl>\n    </Box>\n  );\n};\n\nconst StyledFormHelperText = styled(FormHelperText)({\n  marginTop: 0,\n});\n\nconst AppRadioLabel = styled(FormControlLabel)(({ theme }) => {\n  return {\n    marginInline: 0,\n    gap: theme.spacing(0.5),\n    marginLeft: 0,\n    minHeight: 38,\n  };\n});\n"],"names":[],"mappings":";;;AAwCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAA;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,6BACG,KAAA,EAAI,SAAQ,QAAO,eAAc,UAAS,YAAW,cAAc,GAAG,UACrE,+BAAC,aAAA,EAAY,OAAc,SAAQ,YAAW,UAAqB,GAAG,kBACnE,UAAA;AAAA,IAAA,6BACE,eAAA,EAAc,SAAQ,SAAS,GAAG,YAChC,UAAA,OACH;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,IAAI,MAAM,KAAK,MAAM,KAAK,MAAM,EAAE,KAAK,IAAA,IAAQ,EAAE,KAAK,EAAA;AAAA,QAErD,UAAA,QAAQ,IAAI,CAAA,WACX;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO,OAAO;AAAA,YACd;AAAA,YACA,SACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,gBACJ;AAAA,gBACA,UAAU,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAGrB,OAAO,OAAO;AAAA,YACd;AAAA,UAAA;AAAA,UAbK,OAAO;AAAA,QAAA,CAef;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,sBAAA,EAAqB,OAAc,UACjC,mBAAS,WAAA,CACZ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAM,uBAAuB,OAAO,cAAc,EAAE;AAAA,EAClD,WAAW;AACb,CAAC;AAED,MAAM,gBAAgB,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAY;AAC5D,SAAO;AAAA,IACL,cAAc;AAAA,IACd,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW;AAAA,EAAA;AAEf,CAAC;"}