@ruya.sa/ui 3.71.3

package/dist/elements/StepNav/index.scss

@@ -0,0 +1,88 @@
+@import '../../scss/styles.scss';
+@layer payload-default {
+  .step-nav {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
+
+    &::after {
+      content: ' ';
+      position: sticky;
+      top: 0;
+      right: 0;
+      width: var(--base);
+      background: linear-gradient(to right, transparent, var(--theme-bg));
+    }
+
+    // Use a pseudo element for the accessability so that it doesn't take up DOM space
+    // Also because the parent element has `overflow: hidden` which would clip an outline
+    &__home {
+      width: 18px;
+      height: 18px;
+      position: relative;
+
+      &:focus-visible {
+        outline: none;
+
+        &::after {
+          content: '';
+          border: var(--accessibility-outline);
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          pointer-events: none;
+        }
+      }
+    }
+
+    * {
+      display: block;
+    }
+
+    a {
+      border: 0;
+      display: flex;
+      align-items: center;
+      font-weight: 600;
+      text-decoration: none;
+
+      label {
+        cursor: pointer;
+      }
+
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+    }
+
+    span {
+      max-width: base(8);
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+
+      // Exception: don't truncate modular dashboard elements
+      &:has(.dashboard-breadcrumb-select, .dashboard-breadcrumb-dropdown__editing) {
+        max-width: none;
+        overflow: visible;
+        white-space: normal;
+      }
+    }
+
+    @include mid-break {
+      .step-nav {
+        &__home {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+
+    @include small-break {
+      gap: base(0.4);
+    }
+  }
+}

package/dist/elements/StepNav/types.d.ts

@@ -0,0 +1,11 @@
+import type { LabelFunction, StaticLabel } from '@ruya.sa/payload';
+import type React from 'react';
+export type StepNavItem = {
+    label: LabelFunction | React.JSX.Element | StaticLabel;
+    url?: string;
+};
+export type ContextType = {
+    setStepNav: (items: StepNavItem[]) => void;
+    stepNav: StepNavItem[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/StepNav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,WAAW,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}

package/dist/elements/StepNav/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/StepNav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from '@ruya.sa/payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAQA","ignoreList":[]}

package/dist/elements/StickyToolbar/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+/**
+ * @internal
+ */
+export declare const StickyToolbar: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/StickyToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StickyToolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAiE,CAAA"}

package/dist/elements/StickyToolbar/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+const baseClass = 'sticky-toolbar';
+/**
+ * @internal
+ */
+export const StickyToolbar = ({
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: baseClass,
+  children: children
+});
+//# sourceMappingURL=index.js.map

package/dist/elements/StickyToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","StickyToolbar","children","_jsx","className"],"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,aAAA,GAERA,CAAC;EAAEC;AAAQ,CAAE,kBAAKC,IAAA,CAAC;EAAIC,SAAA,EAAWJ,SAAA;YAAYE","ignoreList":[]}

package/dist/elements/StickyToolbar/index.scss

@@ -0,0 +1,27 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .sticky-toolbar {
+    padding: base(0.5);
+    position: sticky;
+    bottom: var(--base);
+    background-color: var(--theme-bg);
+    border: 1px solid var(--theme-elevation-100);
+    max-width: 500px;
+    z-index: 1;
+    margin-left: 50%;
+    transform: translate3d(-50%, 0, 0);
+    border-radius: var(--style-radius-m);
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+    margin-top: base(2);
+
+    @include small-break {
+      width: calc(100% - var(--base) * 2);
+      margin-left: var(--base);
+      transform: none;
+      position: relative;
+      max-width: unset;
+      margin-bottom: base(4);
+    }
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts

@@ -0,0 +1,6 @@
+import type { ArrayFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload';
+import React from 'react';
+export interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {
+}
+export declare const ArrayCell: React.FC<ArrayCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAGnF,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,gBAAgB,CAAC;CAAG;AAEtF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Array/index.js

@@ -0,0 +1,34 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+export const ArrayCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    labels
+  } = t1;
+  const {
+    i18n
+  } = useTranslation();
+  const arrayFields = cellData ?? [];
+  const label = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t("general:rows"), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t("general:rows"), i18n)}`;
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Array/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ArrayCell","t0","$","cellData","field","t1","labels","i18n","arrayFields","label","length","singular","t","plural","t2","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,SAAA,GAAsCC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAA+B;EAAZ;IAAAK;EAAA,IAAAD,EAAU;EAC/E;IAAAE;EAAA,IAAiBR,cAAA;EAEjB,MAAAS,WAAA,GAAoBL,QAAA,MAAc;EAElC,MAAAM,KAAA,GACED,WAAA,CAAAE,MAAA,MAAuB,GACnB,GAAGF,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAK,QAAA,IAAoBJ,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO,GAC3F,GAAGC,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAO,MAAA,IAAkBN,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO;EAAA,IAAAO,EAAA;EAAA,IAAAZ,CAAA,QAAAO,KAAA;IAExFK,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMP;IAAA,C;;;;;;SAAPK,E;CACT","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts

@@ -0,0 +1,6 @@
+import type { BlocksFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload';
+import React from 'react';
+export interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {
+}
+export declare const BlocksCell: React.FC<BlocksCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAGpF,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,iBAAiB,CAAC;CAAG;AAExF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ChD,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js

@@ -0,0 +1,68 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useConfig } from '../../../../../providers/Config/index.js';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+export const BlocksCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    blockReferences,
+    blocks,
+    labels
+  } = t1;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const selectedBlocks = Array.isArray(cellData) ? cellData.map(_temp) : [];
+  const translatedBlockLabels = (blockReferences ?? blocks)?.map(b => {
+    const block = typeof b === "string" ? config.blocksMap[b] : b;
+    return {
+      slug: block.slug,
+      label: getTranslation(block.labels.singular, i18n)
+    };
+  });
+  let label = `0 ${getTranslation(labels?.plural, i18n)}`;
+  const formatBlockList = blocks_0 => blocks_0.map(b_0 => {
+    const filtered = translatedBlockLabels.filter(f => f.slug === b_0)?.[0];
+    return filtered?.label;
+  }).join(", ");
+  if (selectedBlocks.length > 5) {
+    const more = selectedBlocks.length - 5;
+    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t("fields:itemsAndMore", {
+      count: more,
+      items: formatBlockList(selectedBlocks.slice(0, 5))
+    })}`;
+  } else {
+    if (selectedBlocks.length > 0) {
+      label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
+    }
+  }
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+};
+function _temp(t0) {
+  const {
+    blockType
+  } = t0;
+  return blockType;
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","_temp","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","blocks_0","b_0","filtered","filter","f","join","length","more","t","count","items","slice","t2","_jsx","children","blockType"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAGrD;EADQ;IAAAK,eAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,EAAmC;EAE1C;IAAAI;EAAA,IAAiBV,cAAA;EACjB;IAAAW;EAAA,IAAmBZ,SAAA;EAEnB,MAAAa,cAAA,GAAuBC,KAAA,CAAAC,OAAA,CAAcV,QAAA,IAAYA,QAAA,CAAAW,GAAA,CAAAC,KAAgC,MAAe;EAEhG,MAAAC,qBAAA,IAA+BV,eAAA,IAAmBC,MAAK,GAAAO,GAAA,CAAAG,CAAA;IACrD,MAAAC,KAAA,GAAc,OAAOD,CAAA,KAAM,WAAWP,MAAA,CAAAS,SAAA,CAAiBF,CAAA,IAAKA,CAAA;IAAA;MAAAG,IAAA,EAEpDF,KAAA,CAAAE,IAAA;MAAAC,KAAA,EACCzB,cAAA,CAAesB,KAAA,CAAAV,MAAA,CAAAc,QAAA,EAAuBb,IAAA;IAAA;EAAA;EAIjD,IAAAY,KAAA,GAAY,KAAKzB,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,GAAO;EAEvD,MAAAe,eAAA,GAAAC,QAAA,IACElB,QAAA,CAAAO,GAAA,CAAAY,GAAA;IAEI,MAAAC,QAAA,GAAiBX,qBAAA,CAAAY,MAAA,CAAAC,CAAA,IAAoCA,CAAA,CAAAT,IAAA,KAAWH,GAAA;IAAO,OAChEU,QAAA,EAAAN,KAAA;EAAA,CACT,EAAAS,IAAA,CACM;EAAA,IAINnB,cAAA,CAAAoB,MAAA,IAAwB;IAC1B,MAAAC,IAAA,GAAarB,cAAA,CAAAoB,MAAA,IAAwB;IACrCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,OAAWA,IAAA,CAAAwB,CAAA,CAC5E;MAAAC,KAAA,EACSF,IAAA;MAAAG,KAAA,EAAaX,eAAA,CAAgBb,cAAA,CAAAyB,KAAA,KAAwB;IAAA,CAAc,GAC3E;EAHH;IAAA,IAISzB,cAAA,CAAAoB,MAAA,IAAwB;MACjCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAClCe,cAAA,CAAAoB,MAAA,MAA0B,GAAIvB,MAAA,EAAAc,QAAA,GAAmBd,MAAA,EAAAe,MAAQ,EACzDd,IAAA,OACKe,eAAA,CAAgBb,cAAA,GAAiB;IAHxC;EAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAnC,CAAA,QAAAmB,KAAA;IAMKgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMlB;IAAA,C;;;;;;SAAPgB,E;CACT;AA3CqD,SAAAtB,MAAAd,EAAA;EAOY;IAAAuC;EAAA,IAAAvC,EAAa;EAAA,OAAKuC,SAAA;AAAA","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts

@@ -0,0 +1,5 @@
+import type { CheckboxFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export declare const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,mBAAmB,CAAC,CAUjF,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js

@@ -0,0 +1,33 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+import './index.scss';
+export const CheckboxCell = t0 => {
+  const $ = _c(3);
+  const {
+    cellData
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const t1 = `general:${cellData}`;
+  let t2;
+  if ($[0] !== t || $[1] !== t1) {
+    t2 = _jsx("code", {
+      className: "bool-cell",
+      children: _jsx("span", {
+        children: t(t1).toLowerCase()
+      })
+    });
+    $[0] = t;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","CheckboxCell","t0","$","cellData","t","t1","t2","_jsx","className","children","toLowerCase"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAEtF;EACC;IAAAG;EAAA,IAAcL,cAAA;EAID,MAAAM,EAAA,cAAWF,QAAA,EAAU;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,EAAA;IADhCC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAe;MAAAC,QAAA,EACdF,IAAA,CAAC;QAAAE,QAAA,EAAML,CAAA,CAAEC,EAAqB,EAAAK,WAAA,CAAa;MAAA,C;;;;;;;;SAD7CJ,E;CAIJ","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss

@@ -0,0 +1,24 @@
+@import '../../../../../scss/styles.scss';
+
+@layer payload-default {
+  .bool-cell {
+    font-size: 1rem;
+    line-height: base(1);
+    border: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    background: var(--theme-elevation-150);
+    color: var(--theme-elevation-800);
+    border-radius: $style-radius-s;
+    padding: 0 base(0.25);
+    [dir='ltr'] & {
+      padding-left: base(0.0875 + 0.25);
+    }
+    [dir='rtl'] & {
+      padding-right: base(0.0875 + 0.25);
+    }
+
+    background: var(--theme-elevation-100);
+    color: var(--theme-elevation-800);
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts

@@ -0,0 +1,9 @@
+import type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {
+    readonly collectionConfig: ClientCollectionConfig;
+    readonly nowrap?: boolean;
+}
+export declare const CodeCell: React.FC<CodeCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAE1G,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC/E,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Code/index.js

@@ -0,0 +1,22 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+export const CodeCell = ({
+  cellData,
+  nowrap
+}) => {
+  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+  const noWrapStyle = nowrap ? {
+    whiteSpace: 'nowrap'
+  } : {};
+  return /*#__PURE__*/_jsx("code", {
+    className: "code-cell",
+    style: noWrapStyle,
+    children: /*#__PURE__*/_jsx("span", {
+      children: textToShow
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","_jsx","className","style"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAOP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAE;EACpE,MAAMC,UAAA,GAAaF,QAAA,EAAUG,MAAA,GAAS,MAAM,GAAGH,QAAA,CAASI,SAAS,CAAC,GAAG,YAAY,GAAGJ,QAAA;EAEpF,MAAMK,WAAA,GAAmCJ,MAAA,GAAS;IAAEK,UAAA,EAAY;EAAS,IAAI,CAAC;EAE9E,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAU;IAAYC,KAAA,EAAOJ,WAAA;cACjC,aAAAE,IAAA,CAAC;gBAAML;;;AAGb","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Code/index.scss

@@ -0,0 +1,29 @@
+@import '../../../../../scss/styles.scss';
+
+@layer payload-default {
+  .code-cell {
+    font-size: 1rem;
+    line-height: base(1);
+    border: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    background: var(--theme-elevation-150);
+    color: var(--theme-elevation-800);
+    border-radius: $style-radius-m;
+    padding: 0 base(0.25);
+    background: var(--theme-elevation-100);
+    color: var(--theme-elevation-800);
+
+    [dir='ltr'] & {
+      padding-left: base(0.0875 + 0.25);
+    }
+
+    [dir='rtl'] & {
+      padding-right: base(0.0875 + 0.25);
+    }
+
+    &:hover {
+      text-decoration: inherit;
+    }
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts

@@ -0,0 +1,6 @@
+import type { DateFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload';
+import React from 'react';
+export declare const DateCell: React.FC<DefaultCellComponentProps<{
+    accessor?: string;
+} & DateFieldClient>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAGlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC7B,yBAAyB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,eAAe,CAAC,CA8BnE,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Date/index.js

@@ -0,0 +1,49 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getObjectDotNotation } from '@ruya.sa/payload/shared';
+import React from 'react';
+import { useConfig } from '../../../../../providers/Config/index.js';
+import { useTranslation } from '../../../../../providers/Translation/index.js';
+import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js';
+export const DateCell = props => {
+  const {
+    cellData,
+    field: t0,
+    rowData
+  } = props;
+  const {
+    name,
+    accessor,
+    admin: t1,
+    timezone: timezoneFromField
+  } = t0;
+  const {
+    date
+  } = t1 === undefined ? {} : t1;
+  const {
+    config: t2
+  } = useConfig();
+  const {
+    admin: t3
+  } = t2;
+  const {
+    dateFormat: dateFormatFromRoot
+  } = t3;
+  const {
+    i18n
+  } = useTranslation();
+  const fieldPath = accessor || name;
+  const timezoneFieldName = `${fieldPath}_tz`;
+  const timezone = Boolean(timezoneFromField) && rowData ? getObjectDotNotation(rowData, timezoneFieldName, undefined) : undefined;
+  const dateFormat = date?.displayFormat || dateFormatFromRoot;
+  return _jsx("span", {
+    children: Boolean(cellData) && formatDate({
+      date: cellData,
+      i18n,
+      pattern: dateFormat,
+      timezone
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","t0","rowData","name","accessor","admin","t1","timezone","timezoneFromField","date","undefined","config","t2","t3","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","displayFormat","_jsx","children","pattern"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from '@ruya.sa/payload'\n\nimport { getObjectDotNotation } from '@ruya.sa/payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAETC,KAAA;EACF;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAIIJ,KAAA;EAFK;IAAAK,IAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAP,EAAqE;EAA5C;IAAAQ;EAAA,IAAAH,EAAa,KAAAI,SAAA,QAAbJ,EAAa;EAI/C;IAAAK,MAAA,EAAAC;EAAA,IAIIlB,SAAA;EAHM;IAAAW,KAAA,EAAAQ;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAG7C;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,SAAA,GAAkBb,QAAA,IAAYD,IAAA;EAE9B,MAAAe,iBAAA,GAA0B,GAAGD,SAAA,KAAc;EAC3C,MAAAV,QAAA,GACEY,OAAA,CAAQX,iBAAA,KAAsBN,OAAA,GAC1BV,oBAAA,CAAqBU,OAAA,EAASgB,iBAAA,EAAAR,SAAmB,IAAAA,SACjD;EAEN,MAAAI,UAAA,GAAmBL,IAAA,EAAAW,aAAA,IAAuBL,kBAAA;EAAA,OAGxCM,IAAA,CAAC;IAAAC,QAAA,EACEH,OAAA,CAAQpB,QAAA,KAAaH,UAAA;MAAAa,IAAA,EAAmBV,QAAA;MAAAiB,IAAA;MAAAO,OAAA,EAAyBT,UAAA;MAAAP;IAAA,CAAqB;EAAA,C;CAG7F","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts

@@ -0,0 +1,8 @@
+import type { ClientCollectionConfig, DefaultCellComponentProps, TextFieldClient, UploadFieldClient } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export interface FileCellProps extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {
+    readonly collectionConfig: ClientCollectionConfig;
+}
+export declare const FileCell: React.FC<FileCellProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,kBAAkB,CAAA;AAGzB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAKrB,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,eAAe,GAAG,iBAAiB,CAAC;IACtE,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4C5C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/File/index.js

@@ -0,0 +1,52 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getBestFitFromSizes, isImage } from '@ruya.sa/payload/shared';
+import React from 'react';
+import './index.scss';
+import { Thumbnail } from '../../../../Thumbnail/index.js';
+const baseClass = 'file';
+export const FileCell = ({
+  cellData: filename,
+  collectionConfig,
+  field,
+  rowData
+}) => {
+  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
+  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true;
+  if (previewAllowed) {
+    const isFileImage = isImage(rowData?.mimeType);
+    let fileSrc = isFileImage ? rowData?.thumbnailURL || rowData?.url : rowData?.thumbnailURL;
+    if (isFileImage) {
+      fileSrc = getBestFitFromSizes({
+        sizes: rowData?.sizes,
+        thumbnailURL: rowData?.thumbnailURL,
+        url: rowData?.url,
+        width: rowData?.width
+      });
+    }
+    return /*#__PURE__*/_jsxs("div", {
+      className: baseClass,
+      children: [/*#__PURE__*/_jsx(Thumbnail, {
+        className: `${baseClass}__thumbnail`,
+        collectionSlug: collectionConfig?.slug,
+        doc: {
+          ...rowData,
+          filename
+        },
+        fileSrc: fileSrc,
+        imageCacheTag: collectionConfig?.upload?.cacheTags && rowData?.updatedAt,
+        size: "small",
+        uploadConfig: collectionConfig?.upload
+      }), /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__filename`,
+        children: String(filename)
+      })]
+    });
+  } else {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: String(filename)
+    });
+  }
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/File/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","_jsxs","className","_jsx","collectionSlug","slug","doc","imageCacheTag","cacheTags","updatedAt","size","uploadConfig","String","_Fragment"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from '@ruya.sa/payload'\n\nimport { getBestFitFromSizes, isImage } from '@ruya.sa/payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          imageCacheTag={collectionConfig?.upload?.cacheTags && rowData?.updatedAt}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"mappings":"AAAA;;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC,KAAK;EACLC;AAAO,CACR;EACC,MAAMC,mBAAA,GAAsB,oBAAoBF,KAAA,GAAQA,KAAA,CAAMG,cAAc,GAAGC,SAAA;EAC/E,MAAMC,cAAA,GAAiBH,mBAAA,IAAuBH,gBAAA,CAAiBO,MAAM,EAAEH,cAAA,IAAkB;EAEzF,IAAIE,cAAA,EAAgB;IAClB,MAAME,WAAA,GAAcf,OAAA,CAAQS,OAAA,EAASO,QAAA;IACrC,IAAIC,OAAA,GAA8BF,WAAA,GAC9BN,OAAA,EAASS,YAAA,IAAgBT,OAAA,EAASU,GAAA,GAClCV,OAAA,EAASS,YAAA;IAEb,IAAIH,WAAA,EAAa;MACfE,OAAA,GAAUlB,mBAAA,CAAoB;QAC5BqB,KAAA,EAAOX,OAAA,EAASW,KAAA;QAChBF,YAAA,EAAcT,OAAA,EAASS,YAAA;QACvBC,GAAA,EAAKV,OAAA,EAASU,GAAA;QACdE,KAAA,EAAOZ,OAAA,EAASY;MAClB;IACF;IAEA,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWpB,SAAA;8BACdqB,IAAA,CAACtB,SAAA;QACCqB,SAAA,EAAW,GAAGpB,SAAA,aAAsB;QACpCsB,cAAA,EAAgBlB,gBAAA,EAAkBmB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGlB,OAAO;UACVH;QACF;QACAW,OAAA,EAASA,OAAA;QACTW,aAAA,EAAerB,gBAAA,EAAkBO,MAAA,EAAQe,SAAA,IAAapB,OAAA,EAASqB,SAAA;QAC/DC,IAAA,EAAK;QACLC,YAAA,EAAczB,gBAAA,EAAkBO;uBAElCU,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGpB,SAAA,YAAqB;kBAAG8B,MAAA,CAAO3B,QAAA;;;EAGzD,OAAO;IACL,oBAAOkB,IAAA,CAAAU,SAAA;gBAAGD,MAAA,CAAO3B,QAAA;;EACnB;AACF","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/File/index.scss

@@ -0,0 +1,25 @@
+@import '../../../../../scss/styles.scss';
+
+@layer payload-default {
+  .file {
+    display: flex;
+    flex-wrap: nowrap;
+
+    &__thumbnail {
+      display: inline-block;
+      max-width: calc(var(--base) * 2);
+      height: calc(var(--base) * 2);
+      border-radius: var(--style-radius-s);
+    }
+
+    &__filename {
+      align-self: center;
+      [dir='ltr'] & {
+        margin-left: var(--base);
+      }
+      [dir='rtl'] & {
+        margin-right: var(--base);
+      }
+    }
+  }
+}