@pallasoft/ps-mobile-components 1.2.0 → 1.4.0

package/dist/constants/ps-capture-config.d.ts

@@ -0,0 +1,12 @@
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { PsCaptureSource } from './ps-capture-source';
+export declare const PsCaptureConfig: {
+    readonly documentTypes: readonly ["image/*", "application/pdf"];
+    readonly icons: Record<PsCaptureSource, PsIconKey>;
+    readonly imageFallbackType: "image/jpeg";
+    readonly imageQuality: 0.8;
+    readonly order: readonly ["scan", "camera", "library", "files"];
+    readonly scanFileName: "scan";
+    readonly scanQuality: 80;
+    readonly unknownType: "application/octet-stream";
+};

package/dist/constants/ps-capture-config.js

@@ -0,0 +1,22 @@
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { PsCaptureSource } from './ps-capture-source';
+export const PsCaptureConfig = {
+    documentTypes: ['image/*', 'application/pdf'],
+    icons: {
+        [PsCaptureSource.Camera]: PsIconKey.Camera,
+        [PsCaptureSource.Files]: PsIconKey.File,
+        [PsCaptureSource.Library]: PsIconKey.Image,
+        [PsCaptureSource.Scan]: PsIconKey.Scan,
+    },
+    imageFallbackType: 'image/jpeg',
+    imageQuality: 0.8,
+    order: [
+        PsCaptureSource.Scan,
+        PsCaptureSource.Camera,
+        PsCaptureSource.Library,
+        PsCaptureSource.Files,
+    ],
+    scanFileName: 'scan',
+    scanQuality: 80,
+    unknownType: 'application/octet-stream',
+};

package/dist/constants/ps-capture-source.d.ts

@@ -0,0 +1,7 @@
+export declare const PsCaptureSource: {
+    readonly Camera: "camera";
+    readonly Files: "files";
+    readonly Library: "library";
+    readonly Scan: "scan";
+};
+export type PsCaptureSource = (typeof PsCaptureSource)[keyof typeof PsCaptureSource];

package/dist/constants/ps-capture-source.js

@@ -0,0 +1,6 @@
+export const PsCaptureSource = {
+    Camera: 'camera',
+    Files: 'files',
+    Library: 'library',
+    Scan: 'scan',
+};

package/dist/constants/ps-cartesian-series-shape.d.ts

@@ -0,0 +1,5 @@
+export declare const PsCartesianSeriesShape: {
+    readonly Bar: "bar";
+    readonly Line: "line";
+};
+export type PsCartesianSeriesShape = (typeof PsCartesianSeriesShape)[keyof typeof PsCartesianSeriesShape];

package/dist/constants/ps-cartesian-series-shape.js

@@ -0,0 +1,4 @@
+export const PsCartesianSeriesShape = {
+    Bar: 'bar',
+    Line: 'line',
+};

package/dist/constants/ps-chart-brand-config.d.ts

@@ -0,0 +1,21 @@
+export declare const PsChartBrandConfig: {
+    readonly steps: readonly [{
+        readonly amount: 0;
+        readonly isWhite: true;
+    }, {
+        readonly amount: 0.42;
+        readonly isWhite: true;
+    }, {
+        readonly amount: 0.32;
+        readonly isWhite: false;
+    }, {
+        readonly amount: 0.64;
+        readonly isWhite: true;
+    }, {
+        readonly amount: 0.52;
+        readonly isWhite: false;
+    }, {
+        readonly amount: 0.76;
+        readonly isWhite: true;
+    }];
+};

package/dist/constants/ps-chart-brand-config.js

@@ -0,0 +1,10 @@
+export const PsChartBrandConfig = {
+    steps: [
+        { amount: 0, isWhite: true },
+        { amount: 0.42, isWhite: true },
+        { amount: 0.32, isWhite: false },
+        { amount: 0.64, isWhite: true },
+        { amount: 0.52, isWhite: false },
+        { amount: 0.76, isWhite: true },
+    ],
+};

package/dist/constants/ps-document-config.d.ts

@@ -5,6 +5,8 @@ export declare const PsDocumentConfig: {
     readonly barPaddingVertical: 4;
     readonly chromeAlpha: 0.6;
     readonly counterSeparator: " / ";
+    readonly keyJoin: "|";
+    readonly keySeparator: "|";
     readonly dismissActivation: 12;
     readonly dismissDistance: 120;
     readonly dismissVelocity: 900;
@@ -20,4 +22,5 @@ export declare const PsDocumentConfig: {
     readonly previewTextLines: 12;
     readonly scaleEpsilon: 0.01;
     readonly settleMs: 180;
+    readonly stripIconSize: 20;
 };

package/dist/constants/ps-document-config.js

@@ -5,6 +5,8 @@ export const PsDocumentConfig = {
     barPaddingVertical: 4,
     chromeAlpha: 0.6,
     counterSeparator: ' / ',
+    keyJoin: '|',
+    keySeparator: '|',
     dismissActivation: 12,
     dismissDistance: 120,
     dismissVelocity: 900,
@@ -20,4 +22,5 @@ export const PsDocumentConfig = {
     previewTextLines: 12,
     scaleEpsilon: 0.01,
     settleMs: 180,
+    stripIconSize: 20,
 };

package/dist/constants/ps-document-file-config.d.ts

@@ -0,0 +1,11 @@
+export declare const PsDocumentFileConfig: {
+    readonly cacheFolder: "ps-documents";
+    readonly fallbackExtension: "bin";
+    readonly hashModulus: 4294967296;
+    readonly hashMultiplier: 33;
+    readonly hashRadix: 36;
+    readonly hashSeed: 5381;
+    readonly pdfExtension: "pdf";
+    readonly textExtension: "txt";
+    readonly unsafeName: RegExp;
+};

package/dist/constants/ps-document-file-config.js

@@ -0,0 +1,11 @@
+export const PsDocumentFileConfig = {
+    cacheFolder: 'ps-documents',
+    fallbackExtension: 'bin',
+    hashModulus: 4294967296,
+    hashMultiplier: 33,
+    hashRadix: 36,
+    hashSeed: 5381,
+    pdfExtension: 'pdf',
+    textExtension: 'txt',
+    unsafeName: /[^a-zA-Z0-9-]/g,
+};

package/dist/constants/ps-document-kind.d.ts

@@ -1,5 +1,6 @@
 export declare const PsDocumentKind: {
     readonly Image: "image";
+    readonly Pdf: "pdf";
     readonly Text: "text";
     readonly Unsupported: "unsupported";
 };

package/dist/constants/ps-document-kind.js

@@ -1,5 +1,6 @@
 export const PsDocumentKind = {
     Image: 'image',
+    Pdf: 'pdf',
     Text: 'text',
     Unsupported: 'unsupported',
 };

package/dist/constants/ps-document-load-status.d.ts

@@ -0,0 +1,7 @@
+export declare const PsDocumentLoadStatus: {
+    readonly Failed: "failed";
+    readonly Loading: "loading";
+    readonly Ready: "ready";
+    readonly Unavailable: "unavailable";
+};
+export type PsDocumentLoadStatus = (typeof PsDocumentLoadStatus)[keyof typeof PsDocumentLoadStatus];

package/dist/constants/ps-document-load-status.js

@@ -0,0 +1,6 @@
+export const PsDocumentLoadStatus = {
+    Failed: 'failed',
+    Loading: 'loading',
+    Ready: 'ready',
+    Unavailable: 'unavailable',
+};

package/dist/constants/ps-document-pdf-config.d.ts

@@ -0,0 +1,14 @@
+export declare const PsDocumentPdfConfig: {
+    readonly coverMaxWidth: 900;
+    readonly jpegQuality: 85;
+    readonly pageIdSeparator: "-p";
+    readonly pageMaxWidth: 2000;
+    readonly stripGap: 8;
+    readonly stripHeight: 72;
+    readonly stripPadding: 12;
+    readonly stripScrollViewPosition: 0.5;
+    readonly stripSelectedBorder: 2;
+    readonly stripTileWidth: 54;
+    readonly stripUnselectedAlpha: 0.3;
+    readonly unavailableError: "PDF rendering is not available";
+};

package/dist/constants/ps-document-pdf-config.js

@@ -0,0 +1,14 @@
+export const PsDocumentPdfConfig = {
+    coverMaxWidth: 900,
+    jpegQuality: 85,
+    pageIdSeparator: '-p',
+    pageMaxWidth: 2000,
+    stripGap: 8,
+    stripHeight: 72,
+    stripPadding: 12,
+    stripScrollViewPosition: 0.5,
+    stripSelectedBorder: 2,
+    stripTileWidth: 54,
+    stripUnselectedAlpha: 0.3,
+    unavailableError: 'PDF rendering is not available',
+};

package/dist/constants/ps-header-config.d.ts

@@ -0,0 +1,3 @@
+export declare const PsHeaderConfig: {
+    readonly titleSize: 18;
+};

package/dist/constants/ps-header-config.js

@@ -0,0 +1,3 @@
+export const PsHeaderConfig = {
+    titleSize: 18,
+};

package/dist/constants/ps-list-config.d.ts

@@ -1,6 +1,8 @@
 export declare const PsListConfig: {
     readonly contentInset: 16;
     readonly dividerInset: 16;
+    readonly previewHeight: 176;
+    readonly previewWidth: 340;
     readonly sectionRowTitleWidth: 96;
     readonly skeletonBadgeWidth: 56;
     readonly skeletonRows: 4;

package/dist/constants/ps-list-config.js

@@ -1,6 +1,8 @@
 export const PsListConfig = {
     contentInset: 16,
     dividerInset: 16,
+    previewHeight: 176,
+    previewWidth: 340,
     sectionRowTitleWidth: 96,
     skeletonBadgeWidth: 56,
     skeletonRows: 4,

package/dist/constants/ps-menu-popup-config.d.ts

@@ -0,0 +1,10 @@
+export declare const PsMenuPopupConfig: {
+    readonly anchorGap: 4;
+    readonly edgeMargin: 8;
+    readonly maxWidth: 296;
+    readonly minWidth: 168;
+    readonly paddingVertical: 8;
+    readonly radius: 12;
+    readonly rowHeight: 48;
+    readonly rowPaddingHorizontal: 16;
+};

package/dist/constants/ps-menu-popup-config.js

@@ -0,0 +1,10 @@
+export const PsMenuPopupConfig = {
+    anchorGap: 4,
+    edgeMargin: 8,
+    maxWidth: 296,
+    minWidth: 168,
+    paddingVertical: 8,
+    radius: 12,
+    rowHeight: 48,
+    rowPaddingHorizontal: 16,
+};

package/dist/constants/ps-menu-tile-config.d.ts

@@ -0,0 +1,9 @@
+export declare const PsMenuTileConfig: {
+    readonly dataUriPrefix: "data:image/png;base64,";
+    readonly fontSize: 40;
+    readonly initialsFontSize: 34;
+    readonly logoPadding: 12;
+    readonly roundedRadius: 22;
+    readonly size: 96;
+    readonly textBaseline: 0.36;
+};

package/dist/constants/ps-menu-tile-config.js

@@ -0,0 +1,9 @@
+export const PsMenuTileConfig = {
+    dataUriPrefix: 'data:image/png;base64,',
+    fontSize: 40,
+    initialsFontSize: 34,
+    logoPadding: 12,
+    roundedRadius: 22,
+    size: 96,
+    textBaseline: 0.36,
+};

package/dist/constants/ps-mobile-control-config.d.ts

@@ -26,8 +26,6 @@ export declare const PsMobileControlConfig: {
     readonly iconSizeInline: PallasoftControlMetric.IconInline;
     readonly iconSizeStandalone: PallasoftControlMetric.IconStandalone;
     readonly neutralAlpha: 0.08;
-    readonly overlayAlpha: 0.4;
-    readonly overlayAlphaDark: 0.7;
     readonly pillRadius: 999;
     readonly pressedAlpha: 0.06;
     readonly pressedBorderAlpha: 0.4;
@@ -37,19 +35,9 @@ export declare const PsMobileControlConfig: {
     readonly ringWidth: 2;
     readonly rowSpacing: 12;
     readonly skeletonAlpha: 0.1;
-    readonly skeletonBaseAlpha: {
-        readonly dark: 0.05;
-        readonly light: 0.08;
-    };
     readonly skeletonLineHeight: 12;
     readonly skeletonListCount: 5;
-    readonly skeletonSweepAlpha: {
-        readonly dark: 0.08;
-        readonly light: 0.14;
-    };
     readonly skeletonSweepMs: 1400;
     readonly skeletonTextLines: 3;
-    readonly softAlphaDark: 0.2;
-    readonly softAlphaLight: 0.16;
     readonly spinnerSize: 18;
 };

package/dist/constants/ps-mobile-control-config.js

@@ -22,8 +22,6 @@ export const PsMobileControlConfig = {
     iconSizeInline: PallasoftControlMetric.IconInline,
     iconSizeStandalone: PallasoftControlMetric.IconStandalone,
     neutralAlpha: 0.08,
-    overlayAlpha: 0.4,
-    overlayAlphaDark: 0.7,
     pillRadius: 999,
     pressedAlpha: 0.06,
     pressedBorderAlpha: 0.4,
@@ -33,13 +31,9 @@ export const PsMobileControlConfig = {
     ringWidth: 2,
     rowSpacing: 12,
     skeletonAlpha: 0.1,
-    skeletonBaseAlpha: { dark: 0.05, light: 0.08 },
     skeletonLineHeight: 12,
     skeletonListCount: 5,
-    skeletonSweepAlpha: { dark: 0.08, light: 0.14 },
     skeletonSweepMs: 1400,
     skeletonTextLines: 3,
-    softAlphaDark: 0.2,
-    softAlphaLight: 0.16,
     spinnerSize: 18,
 };

package/dist/constants/ps-option-picker-config.d.ts

@@ -0,0 +1,6 @@
+export declare const PsOptionPickerConfig: {
+    readonly defaultLimit: 50;
+    readonly gap: 12;
+    readonly rowGap: 2;
+    readonly rowPadding: 14;
+};

package/dist/constants/ps-option-picker-config.js

@@ -0,0 +1,6 @@
+export const PsOptionPickerConfig = {
+    defaultLimit: 50,
+    gap: 12,
+    rowGap: 2,
+    rowPadding: 14,
+};

package/dist/constants/ps-quick-action-config.d.ts

@@ -0,0 +1,4 @@
+export declare const PsQuickActionConfig: {
+    readonly iosSymbolPrefix: "symbol:";
+    readonly moduleName: "expo-quick-actions";
+};

package/dist/constants/ps-quick-action-config.js

@@ -0,0 +1,4 @@
+export const PsQuickActionConfig = {
+    iosSymbolPrefix: 'symbol:',
+    moduleName: 'expo-quick-actions',
+};

package/dist/constants/ps-ripple-kind.d.ts

@@ -0,0 +1,8 @@
+export declare const PsRippleKind: {
+    readonly Borderless: "borderless";
+    readonly Danger: "danger";
+    readonly OnDanger: "onDanger";
+    readonly OnPrimary: "onPrimary";
+    readonly Surface: "surface";
+};
+export type PsRippleKind = (typeof PsRippleKind)[keyof typeof PsRippleKind];

package/dist/constants/ps-ripple-kind.js

@@ -0,0 +1,7 @@
+export const PsRippleKind = {
+    Borderless: 'borderless',
+    Danger: 'danger',
+    OnDanger: 'onDanger',
+    OnPrimary: 'onPrimary',
+    Surface: 'surface',
+};

package/dist/constants/ps-selection-bar-config.d.ts

@@ -0,0 +1,4 @@
+export declare const PsSelectionBarConfig: {
+    readonly height: 56;
+    readonly paddingHorizontal: 8;
+};

package/dist/constants/ps-selection-bar-config.js

@@ -0,0 +1,4 @@
+export const PsSelectionBarConfig = {
+    height: 56,
+    paddingHorizontal: 8,
+};

package/dist/constants/ps-sf-symbol-config.d.ts

@@ -1,35 +1,127 @@
 export declare const PsSfSymbolConfig: {
     readonly symbols: {
+        arrow: "arrow.right";
+        audio: "waveform";
         bank: "building.columns";
         bell: "bell";
+        book: "book";
         calendar: "calendar";
         camera: "camera";
+        'camera-off': "camera.badge.ellipsis";
+        chart: "chart.bar";
+        chat: "bubble.left";
         check: "checkmark";
+        chevron: "chevron.down";
+        'chevron-right': "chevron.right";
+        clipboard: "list.clipboard";
         clock: "clock";
         close: "xmark";
+        columns: "rectangle.split.3x1";
+        'credit-card': "creditcard";
+        crop: "crop";
         doc: "doc.text";
         download: "arrow.down.circle";
+        expand: "arrow.up.left.and.arrow.down.right";
         eye: "eye";
+        'eye-off': "eye.slash";
         file: "doc";
+        filter: "line.3.horizontal.decrease";
+        flash: "bolt";
         forward: "arrowshape.turn.up.right";
+        globe: "globe";
+        help: "questionmark.circle";
         home: "house";
         image: "photo";
+        inbox: "tray";
         invoice: "doc.plaintext";
+        layers: "square.stack.3d.up";
+        lifebuoy: "lifepreserver";
+        lightbulb: "lightbulb";
+        linkedin: "link";
+        location: "mappin.and.ellipse";
         mail: "envelope";
+        menu: "line.3.horizontal";
+        minus: "minus.circle";
+        moon: "moon";
         more: "ellipsis";
+        palette: "paintpalette";
+        pallabuzz: "app";
+        pallaforge: "app";
+        pause: "pause";
+        payroll: "person.2";
         pencil: "pencil";
+        play: "play";
         plus: "plus";
         receipt: "scroll";
         refresh: "arrow.clockwise";
         reports: "chart.bar";
+        rewind: "backward";
+        rotate: "rotate.right";
+        scale: "scalemass";
         scan: "doc.viewfinder";
+        search: "magnifyingglass";
         settings: "gearshape";
         share: "square.and.arrow.up";
+        sheet: "tablecells";
+        shield: "shield";
         'sign-out': "rectangle.portrait.and.arrow.right";
+        smile: "face.smiling";
+        sort: "arrow.up.arrow.down";
+        'sort-ascending': "arrow.up";
+        'sort-descending': "arrow.down";
+        spark: "sparkles";
+        star: "star";
+        sun: "sun.max";
         swap: "arrow.left.arrow.right";
+        tax: "percent";
+        text: "text.alignleft";
         trash: "trash";
         upload: "square.and.arrow.up";
         user: "person.crop.circle";
+        video: "video";
+        wallet: "wallet.bifold";
+        warning: "exclamationmark.triangle";
+        x: "xmark";
+        'zoom-in': "plus.magnifyingglass";
+        'zoom-out': "minus.magnifyingglass";
+    };
+    readonly monograms: {
+        '0': "0.circle.fill";
+        '1': "1.circle.fill";
+        '2': "2.circle.fill";
+        '3': "3.circle.fill";
+        '4': "4.circle.fill";
+        '5': "5.circle.fill";
+        '6': "6.circle.fill";
+        '7': "7.circle.fill";
+        '8': "8.circle.fill";
+        '9': "9.circle.fill";
+        a: "a.circle.fill";
+        b: "b.circle.fill";
+        c: "c.circle.fill";
+        d: "d.circle.fill";
+        e: "e.circle.fill";
+        f: "f.circle.fill";
+        g: "g.circle.fill";
+        h: "h.circle.fill";
+        i: "i.circle.fill";
+        j: "j.circle.fill";
+        k: "k.circle.fill";
+        l: "l.circle.fill";
+        m: "m.circle.fill";
+        n: "n.circle.fill";
+        o: "o.circle.fill";
+        p: "p.circle.fill";
+        q: "q.circle.fill";
+        r: "r.circle.fill";
+        s: "s.circle.fill";
+        t: "t.circle.fill";
+        u: "u.circle.fill";
+        v: "v.circle.fill";
+        w: "w.circle.fill";
+        x: "x.circle.fill";
+        y: "y.circle.fill";
+        z: "z.circle.fill";
     };
     readonly checkedSymbol: "checkmark";
     readonly headerSymbol: "person.crop.circle.fill";

package/dist/constants/ps-sf-symbol-config.js

@@ -1,35 +1,127 @@
 export const PsSfSymbolConfig = {
     symbols: {
+        'arrow': 'arrow.right',
+        'audio': 'waveform',
         'bank': 'building.columns',
         'bell': 'bell',
+        'book': 'book',
         'calendar': 'calendar',
         'camera': 'camera',
+        'camera-off': 'camera.badge.ellipsis',
+        'chart': 'chart.bar',
+        'chat': 'bubble.left',
         'check': 'checkmark',
+        'chevron': 'chevron.down',
+        'chevron-right': 'chevron.right',
+        'clipboard': 'list.clipboard',
         'clock': 'clock',
         'close': 'xmark',
+        'columns': 'rectangle.split.3x1',
+        'credit-card': 'creditcard',
+        'crop': 'crop',
         'doc': 'doc.text',
         'download': 'arrow.down.circle',
+        'expand': 'arrow.up.left.and.arrow.down.right',
         'eye': 'eye',
+        'eye-off': 'eye.slash',
         'file': 'doc',
+        'filter': 'line.3.horizontal.decrease',
+        'flash': 'bolt',
         'forward': 'arrowshape.turn.up.right',
+        'globe': 'globe',
+        'help': 'questionmark.circle',
         'home': 'house',
         'image': 'photo',
+        'inbox': 'tray',
         'invoice': 'doc.plaintext',
+        'layers': 'square.stack.3d.up',
+        'lifebuoy': 'lifepreserver',
+        'lightbulb': 'lightbulb',
+        'linkedin': 'link',
+        'location': 'mappin.and.ellipse',
         'mail': 'envelope',
+        'menu': 'line.3.horizontal',
+        'minus': 'minus.circle',
+        'moon': 'moon',
         'more': 'ellipsis',
+        'palette': 'paintpalette',
+        'pallabuzz': 'app',
+        'pallaforge': 'app',
+        'pause': 'pause',
+        'payroll': 'person.2',
         'pencil': 'pencil',
+        'play': 'play',
         'plus': 'plus',
         'receipt': 'scroll',
         'refresh': 'arrow.clockwise',
         'reports': 'chart.bar',
+        'rewind': 'backward',
+        'rotate': 'rotate.right',
+        'scale': 'scalemass',
         'scan': 'doc.viewfinder',
+        'search': 'magnifyingglass',
         'settings': 'gearshape',
         'share': 'square.and.arrow.up',
+        'sheet': 'tablecells',
+        'shield': 'shield',
         'sign-out': 'rectangle.portrait.and.arrow.right',
+        'smile': 'face.smiling',
+        'sort': 'arrow.up.arrow.down',
+        'sort-ascending': 'arrow.up',
+        'sort-descending': 'arrow.down',
+        'spark': 'sparkles',
+        'star': 'star',
+        'sun': 'sun.max',
         'swap': 'arrow.left.arrow.right',
+        'tax': 'percent',
+        'text': 'text.alignleft',
         'trash': 'trash',
         'upload': 'square.and.arrow.up',
         'user': 'person.crop.circle',
+        'video': 'video',
+        'wallet': 'wallet.bifold',
+        'warning': 'exclamationmark.triangle',
+        'x': 'xmark',
+        'zoom-in': 'plus.magnifyingglass',
+        'zoom-out': 'minus.magnifyingglass',
+    },
+    monograms: {
+        '0': '0.circle.fill',
+        '1': '1.circle.fill',
+        '2': '2.circle.fill',
+        '3': '3.circle.fill',
+        '4': '4.circle.fill',
+        '5': '5.circle.fill',
+        '6': '6.circle.fill',
+        '7': '7.circle.fill',
+        '8': '8.circle.fill',
+        '9': '9.circle.fill',
+        'a': 'a.circle.fill',
+        'b': 'b.circle.fill',
+        'c': 'c.circle.fill',
+        'd': 'd.circle.fill',
+        'e': 'e.circle.fill',
+        'f': 'f.circle.fill',
+        'g': 'g.circle.fill',
+        'h': 'h.circle.fill',
+        'i': 'i.circle.fill',
+        'j': 'j.circle.fill',
+        'k': 'k.circle.fill',
+        'l': 'l.circle.fill',
+        'm': 'm.circle.fill',
+        'n': 'n.circle.fill',
+        'o': 'o.circle.fill',
+        'p': 'p.circle.fill',
+        'q': 'q.circle.fill',
+        'r': 'r.circle.fill',
+        's': 's.circle.fill',
+        't': 't.circle.fill',
+        'u': 'u.circle.fill',
+        'v': 'v.circle.fill',
+        'w': 'w.circle.fill',
+        'x': 'x.circle.fill',
+        'y': 'y.circle.fill',
+        'z': 'z.circle.fill',
     },
     checkedSymbol: 'checkmark',
     headerSymbol: 'person.crop.circle.fill',