@webiny/admin-ui 0.0.0-unstable.06b2ede40f

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemThumbnail.js

@@ -0,0 +1,105 @@
+import React from "react";
+import { ReactComponent as PlaceholderIcon } from "@webiny/icons/image.svg";
+import { Icon } from "../../../../../Icon";
+import { cn } from "../../../../../utils";
+import csvThumb from "../assets/csv.svg";
+import docThumb from "../assets/doc.svg";
+import docxThumb from "../assets/docx.svg";
+import fileThumb from "../assets/file.svg";
+import pdfThumb from "../assets/pdf.svg";
+import pptThumb from "../assets/ppt.svg";
+import pptxThumb from "../assets/pptx.svg";
+import txtThumb from "../assets/txt.svg";
+import xlsThumb from "../assets/xls.svg";
+import xlsxThumb from "../assets/xlsx.svg";
+const Thumbnail = ({
+  url,
+  name
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-size-full wby-bg-neutral-muted"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: url,
+    alt: name,
+    className: "wby-size-full wby-object-cover"
+  }));
+};
+const FileType = ({
+  mimeType = "",
+  name
+}) => {
+  const getMimeTypeSrc = mimeType => {
+    switch (mimeType) {
+      case "text/csv":
+        // .csv
+        return csvThumb;
+      case "application/msword":
+        // .doc
+        return docThumb;
+      case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+        // .docx
+        return docxThumb;
+      case "application/pdf":
+        // .pdf
+        return pdfThumb;
+      case "application/vnd.ms-powerpoint":
+        // .ppt
+        return pptThumb;
+      case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
+        // .pptx
+        return pptxThumb;
+      case "text/plain":
+        // .txt
+        return txtThumb;
+      case "application/vnd.ms-excel":
+        // .xls
+        return xlsThumb;
+      case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
+        // .xlsx
+        return xlsxThumb;
+      default:
+        return fileThumb;
+    }
+  };
+  return /*#__PURE__*/React.createElement("img", {
+    src: getMimeTypeSrc(mimeType),
+    alt: name,
+    className: "wby-size-full wby-p-sm-extra"
+  });
+};
+const Placeholder = ({
+  name
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-size-full wby-flex wby-justify-center wby-items-center wby-bg-transparent"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React.createElement(PlaceholderIcon, null),
+    label: name,
+    size: "lg",
+    color: "neutral-light"
+  }));
+};
+const RichItemThumbnail = ({
+  url,
+  name,
+  className,
+  mimeType,
+  preview,
+  disabled
+}) => {
+  const isImage = mimeType?.startsWith("image/");
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("wby-size-[56px] wby-m-xs wby-rounded-sm wby-overflow-hidden wby-relative", disabled && "[&_img]:wby-filter [&_img]:wby-grayscale [&_img]:wby-opacity-50", className)
+  }, preview === "thumbnail" || isImage ? /*#__PURE__*/React.createElement(Thumbnail, {
+    url: url,
+    name: name
+  }) : preview === "placeholder" ? /*#__PURE__*/React.createElement(Placeholder, {
+    name: name
+  }) : /*#__PURE__*/React.createElement(FileType, {
+    mimeType: mimeType,
+    name: name
+  }));
+};
+export { RichItemThumbnail };
+
+//# sourceMappingURL=RichItemThumbnail.js.map

package/FilePicker/primitives/components/previews/RichItemPreview/RichItemThumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","PlaceholderIcon","Icon","cn","csvThumb","docThumb","docxThumb","fileThumb","pdfThumb","pptThumb","pptxThumb","txtThumb","xlsThumb","xlsxThumb","Thumbnail","url","name","createElement","className","src","alt","FileType","mimeType","getMimeTypeSrc","Placeholder","icon","label","size","color","RichItemThumbnail","preview","disabled","isImage","startsWith"],"sources":["RichItemThumbnail.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as PlaceholderIcon } from \"@webiny/icons/image.svg\";\nimport type { FileItemFormatted } from \"~/FilePicker\";\nimport { Icon } from \"~/Icon\";\nimport { cn } from \"~/utils\";\nimport type { RichItemPreviewProps } from \"~/FilePicker/primitives/components\";\n\nimport csvThumb from \"../assets/csv.svg\";\nimport docThumb from \"../assets/doc.svg\";\nimport docxThumb from \"../assets/docx.svg\";\nimport fileThumb from \"../assets/file.svg\";\nimport pdfThumb from \"../assets/pdf.svg\";\nimport pptThumb from \"../assets/ppt.svg\";\nimport pptxThumb from \"../assets/pptx.svg\";\nimport txtThumb from \"../assets/txt.svg\";\nimport xlsThumb from \"../assets/xls.svg\";\nimport xlsxThumb from \"../assets/xlsx.svg\";\n\ntype RichItemThumbnailProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> &\n    FileItemFormatted & {\n        preview?: RichItemPreviewProps[\"preview\"];\n        disabled?: boolean;\n    };\n\ntype ThumbnailProps = Pick<FileItemFormatted, \"url\" | \"name\">;\n\nconst Thumbnail = ({ url, name }: ThumbnailProps) => {\n    return (\n        <div className={\"wby-size-full wby-bg-neutral-muted\"}>\n            <img src={url} alt={name} className=\"wby-size-full wby-object-cover\" />\n        </div>\n    );\n};\n\ntype FileTypeProps = Pick<FileItemFormatted, \"mimeType\" | \"name\">;\n\nconst FileType = ({ mimeType = \"\", name }: FileTypeProps) => {\n    const getMimeTypeSrc = (mimeType: string) => {\n        switch (mimeType) {\n            case \"text/csv\": // .csv\n                return csvThumb;\n            case \"application/msword\": // .doc\n                return docThumb;\n            case \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": // .docx\n                return docxThumb;\n            case \"application/pdf\": // .pdf\n                return pdfThumb;\n            case \"application/vnd.ms-powerpoint\": // .ppt\n                return pptThumb;\n            case \"application/vnd.openxmlformats-officedocument.presentationml.presentation\": // .pptx\n                return pptxThumb;\n            case \"text/plain\": // .txt\n                return txtThumb;\n            case \"application/vnd.ms-excel\": // .xls\n                return xlsThumb;\n            case \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": // .xlsx\n                return xlsxThumb;\n            default:\n                return fileThumb;\n        }\n    };\n\n    return (\n        <img src={getMimeTypeSrc(mimeType)} alt={name} className=\"wby-size-full wby-p-sm-extra\" />\n    );\n};\n\ntype PlaceholderProps = Pick<FileItemFormatted, \"name\">;\n\nconst Placeholder = ({ name }: PlaceholderProps) => {\n    return (\n        <div\n            className={\n                \"wby-size-full wby-flex wby-justify-center wby-items-center wby-bg-transparent\"\n            }\n        >\n            <Icon icon={<PlaceholderIcon />} label={name} size={\"lg\"} color={\"neutral-light\"} />\n        </div>\n    );\n};\n\nconst RichItemThumbnail = ({\n    url,\n    name,\n    className,\n    mimeType,\n    preview,\n    disabled\n}: RichItemThumbnailProps) => {\n    const isImage = mimeType?.startsWith(\"image/\");\n\n    return (\n        <div\n            className={cn(\n                \"wby-size-[56px] wby-m-xs wby-rounded-sm wby-overflow-hidden wby-relative\",\n                disabled && \"[&_img]:wby-filter [&_img]:wby-grayscale [&_img]:wby-opacity-50\",\n                className\n            )}\n        >\n            {preview === \"thumbnail\" || isImage ? (\n                <Thumbnail url={url} name={name} />\n            ) : preview === \"placeholder\" ? (\n                <Placeholder name={name} />\n            ) : (\n                <FileType mimeType={mimeType} name={name} />\n            )}\n        </div>\n    );\n};\n\nexport { RichItemThumbnail, type RichItemThumbnailProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,eAAe,QAAQ,yBAAyB;AAE3E,SAASC,IAAI;AACb,SAASC,EAAE;AAGX,OAAOC,QAAQ;AACf,OAAOC,QAAQ;AACf,OAAOC,SAAS;AAChB,OAAOC,SAAS;AAChB,OAAOC,QAAQ;AACf,OAAOC,QAAQ;AACf,OAAOC,SAAS;AAChB,OAAOC,QAAQ;AACf,OAAOC,QAAQ;AACf,OAAOC,SAAS;AAUhB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAqB,CAAC,KAAK;EACjD,oBACIjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAE;EAAqC,gBACjDnB,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAEJ,GAAI;IAACK,GAAG,EAAEJ,IAAK;IAACE,SAAS,EAAC;EAAgC,CAAE,CACrE,CAAC;AAEd,CAAC;AAID,MAAMG,QAAQ,GAAGA,CAAC;EAAEC,QAAQ,GAAG,EAAE;EAAEN;AAAoB,CAAC,KAAK;EACzD,MAAMO,cAAc,GAAID,QAAgB,IAAK;IACzC,QAAQA,QAAQ;MACZ,KAAK,UAAU;QAAE;QACb,OAAOlB,QAAQ;MACnB,KAAK,oBAAoB;QAAE;QACvB,OAAOC,QAAQ;MACnB,KAAK,yEAAyE;QAAE;QAC5E,OAAOC,SAAS;MACpB,KAAK,iBAAiB;QAAE;QACpB,OAAOE,QAAQ;MACnB,KAAK,+BAA+B;QAAE;QAClC,OAAOC,QAAQ;MACnB,KAAK,2EAA2E;QAAE;QAC9E,OAAOC,SAAS;MACpB,KAAK,YAAY;QAAE;QACf,OAAOC,QAAQ;MACnB,KAAK,0BAA0B;QAAE;QAC7B,OAAOC,QAAQ;MACnB,KAAK,mEAAmE;QAAE;QACtE,OAAOC,SAAS;MACpB;QACI,OAAON,SAAS;IACxB;EACJ,CAAC;EAED,oBACIR,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAEI,cAAc,CAACD,QAAQ,CAAE;IAACF,GAAG,EAAEJ,IAAK;IAACE,SAAS,EAAC;EAA8B,CAAE,CAAC;AAElG,CAAC;AAID,MAAMM,WAAW,GAAGA,CAAC;EAAER;AAAuB,CAAC,KAAK;EAChD,oBACIjB,KAAA,CAAAkB,aAAA;IACIC,SAAS,EACL;EACH,gBAEDnB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACuB,IAAI,eAAE1B,KAAA,CAAAkB,aAAA,CAAChB,eAAe,MAAE,CAAE;IAACyB,KAAK,EAAEV,IAAK;IAACW,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAgB,CAAE,CAClF,CAAC;AAEd,CAAC;AAED,MAAMC,iBAAiB,GAAGA,CAAC;EACvBd,GAAG;EACHC,IAAI;EACJE,SAAS;EACTI,QAAQ;EACRQ,OAAO;EACPC;AACoB,CAAC,KAAK;EAC1B,MAAMC,OAAO,GAAGV,QAAQ,EAAEW,UAAU,CAAC,QAAQ,CAAC;EAE9C,oBACIlC,KAAA,CAAAkB,aAAA;IACIC,SAAS,EAAEf,EAAE,CACT,0EAA0E,EAC1E4B,QAAQ,IAAI,iEAAiE,EAC7Eb,SACJ;EAAE,GAEDY,OAAO,KAAK,WAAW,IAAIE,OAAO,gBAC/BjC,KAAA,CAAAkB,aAAA,CAACH,SAAS;IAACC,GAAG,EAAEA,GAAI;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC,GACnCc,OAAO,KAAK,aAAa,gBACzB/B,KAAA,CAAAkB,aAAA,CAACO,WAAW;IAACR,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAE3BjB,KAAA,CAAAkB,aAAA,CAACI,QAAQ;IAACC,QAAQ,EAAEA,QAAS;IAACN,IAAI,EAAEA;EAAK,CAAE,CAE9C,CAAC;AAEd,CAAC;AAED,SAASa,iBAAiB","ignoreList":[]}

package/FilePicker/primitives/components/previews/RichItemPreview/index.d.ts

@@ -0,0 +1 @@
+export * from "./RichItemPreview";

package/FilePicker/primitives/components/previews/RichItemPreview/index.js

@@ -0,0 +1,3 @@
+export * from "./RichItemPreview";
+
+//# sourceMappingURL=index.js.map

package/FilePicker/primitives/components/previews/RichItemPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RichItemPreview\";\n"],"mappings":"AAAA","ignoreList":[]}

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { type VariantProps } from "../../../../../utils";
+import type { FilePreviewDefaultProps } from "../../types";
+import { previewVariants } from "../variants";
+declare const textOnlyPreviewVariants: (props?: ({
+    small?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type TextOnlyPreviewProps = FilePreviewDefaultProps & React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof previewVariants> & VariantProps<typeof textOnlyPreviewVariants>;
+declare const TextOnlyPreview: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
+    original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
+        original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
+        original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { TextOnlyPreview, type TextOnlyPreviewProps };

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { cn, cva, makeDecoratable } from "../../../../../utils";
+import { ItemDescription } from "../ItemDescription";
+import { ItemActions } from "../ItemActions";
+import { previewVariants } from "../variants";
+const textOnlyPreviewVariants = cva("wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-min-w-0", {
+  variants: {
+    small: {
+      true: "wby-px-sm wby-py-xs wby-rounded-xs",
+      false: "wby-px-sm wby-py-xs-plus wby-rounded-md"
+    }
+  },
+  defaultVariants: {
+    small: false
+  }
+});
+const DecoratableTextOnlyPreview = ({
+  className,
+  disabled,
+  onRemoveItem,
+  onReplaceItem,
+  onEditItem,
+  small,
+  variant,
+  value,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    "data-testid": "image-preview",
+    className: cn(textOnlyPreviewVariants({
+      small
+    }), previewVariants({
+      variant,
+      disabled
+    }), className)
+  }, props), /*#__PURE__*/React.createElement("div", {
+    "data-role": "select-image",
+    onClick: onReplaceItem,
+    className: "wby-overflow-hidden wby-flex-1 wby-min-w-0 wby-cursor-pointer"
+  }, /*#__PURE__*/React.createElement(ItemDescription, {
+    item: value,
+    disabled: disabled,
+    small: !!small
+  })), /*#__PURE__*/React.createElement(ItemActions, {
+    onRemoveItem: onRemoveItem,
+    onReplaceItem: onReplaceItem,
+    onEditItem: onEditItem,
+    small: !!small,
+    disabled: disabled
+  }));
+};
+const TextOnlyPreview = makeDecoratable("TextOnlyPreview", DecoratableTextOnlyPreview);
+export { TextOnlyPreview };
+
+//# sourceMappingURL=TextOnlyPreview.js.map

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","makeDecoratable","ItemDescription","ItemActions","previewVariants","textOnlyPreviewVariants","variants","small","true","false","defaultVariants","DecoratableTextOnlyPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","variant","value","props","createElement","Object","assign","onClick","item","TextOnlyPreview"],"sources":["TextOnlyPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { ItemDescription } from \"../ItemDescription\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions\";\nimport type { FilePreviewDefaultProps } from \"../../types\";\nimport { previewVariants } from \"../variants\";\n\nconst textOnlyPreviewVariants = cva(\n    \"wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-min-w-0\",\n    {\n        variants: {\n            small: {\n                true: \"wby-px-sm wby-py-xs wby-rounded-xs\",\n                false: \"wby-px-sm wby-py-xs-plus wby-rounded-md\"\n            }\n        },\n        defaultVariants: {\n            small: false\n        }\n    }\n);\n\ntype TextOnlyPreviewProps = FilePreviewDefaultProps &\n    React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof previewVariants> &\n    VariantProps<typeof textOnlyPreviewVariants>;\n\nconst DecoratableTextOnlyPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    small,\n    variant,\n    value,\n    ...props\n}: TextOnlyPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                textOnlyPreviewVariants({ small }),\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                onClick={onReplaceItem}\n                className={\"wby-overflow-hidden wby-flex-1 wby-min-w-0 wby-cursor-pointer\"}\n            >\n                <ItemDescription item={value} disabled={disabled} small={!!small} />\n            </div>\n            <ItemActions\n                onRemoveItem={onRemoveItem}\n                onReplaceItem={onReplaceItem}\n                onEditItem={onEditItem}\n                small={!!small}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n\nconst TextOnlyPreview = makeDecoratable(\"TextOnlyPreview\", DecoratableTextOnlyPreview);\n\nexport { TextOnlyPreview, type TextOnlyPreviewProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,eAAe;AACxB,SAASC,WAAW;AAEpB,SAASC,eAAe;AAExB,MAAMC,uBAAuB,GAAGL,GAAG,CAC/B,iFAAiF,EACjF;EACIM,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,KAAK,EAAE;EACX;AACJ,CACJ,CAAC;AAOD,MAAMI,0BAA0B,GAAGA,CAAC;EAChCC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVT,KAAK;EACLU,OAAO;EACPC,KAAK;EACL,GAAGC;AACe,CAAC,KAAK;EACxB,oBACIrB,KAAA,CAAAsB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,eAAY,eAAe;IAC3BV,SAAS,EAAEb,EAAE,CACTM,uBAAuB,CAAC;MAAEE;IAAM,CAAC,CAAC,EAClCH,eAAe,CAAC;MAAEa,OAAO;MAAEJ;IAAS,CAAC,CAAC,EACtCD,SACJ;EAAE,GACEO,KAAK,gBAETrB,KAAA,CAAAsB,aAAA;IACI,aAAU,cAAc;IACxBG,OAAO,EAAER,aAAc;IACvBH,SAAS,EAAE;EAAgE,gBAE3Ed,KAAA,CAAAsB,aAAA,CAAClB,eAAe;IAACsB,IAAI,EAAEN,KAAM;IAACL,QAAQ,EAAEA,QAAS;IAACN,KAAK,EAAE,CAAC,CAACA;EAAM,CAAE,CAClE,CAAC,eACNT,KAAA,CAAAsB,aAAA,CAACjB,WAAW;IACRW,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBT,KAAK,EAAE,CAAC,CAACA,KAAM;IACfM,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC;AAED,MAAMY,eAAe,GAAGxB,eAAe,CAAC,iBAAiB,EAAEU,0BAA0B,CAAC;AAEtF,SAASc,eAAe","ignoreList":[]}

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.d.ts

@@ -0,0 +1 @@
+export * from "./TextOnlyPreview";

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.js

@@ -0,0 +1,3 @@
+export * from "./TextOnlyPreview";
+
+//# sourceMappingURL=index.js.map

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TextOnlyPreview\";\n"],"mappings":"AAAA","ignoreList":[]}

package/FilePicker/primitives/components/previews/assets/csv.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_344)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#00C76A"/>
+<g filter="url(#filter0_d_3578_344)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#ABEFC6"/>
+</g>
+<path d="M16.2726 30.1495H14.7172C14.6888 29.9483 14.6308 29.7696 14.5432 29.6133C14.4556 29.4547 14.3432 29.3198 14.2059 29.2085C14.0686 29.0972 13.9099 29.012 13.73 28.9528C13.5525 28.8936 13.3595 28.864 13.1512 28.864C12.7748 28.864 12.4469 28.9575 12.1675 29.1446C11.8882 29.3292 11.6715 29.5991 11.5177 29.9542C11.3638 30.307 11.2868 30.7355 11.2868 31.2397C11.2868 31.7582 11.3638 32.1938 11.5177 32.5466C11.6739 32.8993 11.8917 33.1656 12.1711 33.3456C12.4504 33.5255 12.7736 33.6154 13.1405 33.6154C13.3465 33.6154 13.5371 33.5882 13.7123 33.5338C13.8898 33.4793 14.0473 33.4 14.1846 33.2958C14.3219 33.1893 14.4355 33.0603 14.5255 32.9088C14.6178 32.7573 14.6817 32.5844 14.7172 32.3903L16.2726 32.3974C16.2324 32.7312 16.1318 33.0532 15.9708 33.3633C15.8122 33.6711 15.5979 33.9469 15.328 34.1907C15.0605 34.4322 14.7409 34.624 14.3692 34.766C13.9999 34.9057 13.5821 34.9755 13.1157 34.9755C12.467 34.9755 11.887 34.8288 11.3756 34.5352C10.8666 34.2416 10.4642 33.8167 10.1682 33.2603C9.87467 32.704 9.72789 32.0305 9.72789 31.2397C9.72789 30.4466 9.87704 29.7719 10.1753 29.2156C10.4736 28.6592 10.8785 28.2355 11.3898 27.9443C11.9012 27.6507 12.4765 27.5039 13.1157 27.5039C13.5371 27.5039 13.9277 27.5631 14.2876 27.6815C14.6498 27.7999 14.9706 27.9727 15.2499 28.2C15.5293 28.4249 15.7565 28.7007 15.9317 29.0274C16.1093 29.3541 16.2229 29.7281 16.2726 30.1495ZM21.3206 29.695C21.2922 29.4085 21.1702 29.186 20.9548 29.0274C20.7394 28.8688 20.447 28.7895 20.0777 28.7895C19.8267 28.7895 19.6148 28.825 19.442 28.896C19.2692 28.9646 19.1366 29.0605 19.0443 29.1836C18.9543 29.3067 18.9094 29.4464 18.9094 29.6027C18.9046 29.7329 18.9318 29.8465 18.991 29.9436C19.0526 30.0406 19.1366 30.1247 19.2432 30.1957C19.3497 30.2644 19.4728 30.3247 19.6125 30.3768C19.7522 30.4265 19.9013 30.4691 20.0599 30.5046L20.7133 30.6609C21.0306 30.7319 21.3218 30.8266 21.5869 30.945C21.8521 31.0634 22.0817 31.209 22.2758 31.3818C22.47 31.5546 22.6203 31.7582 22.7268 31.9926C22.8357 32.227 22.8914 32.4957 22.8937 32.7987C22.8914 33.2438 22.7777 33.6296 22.5528 33.9564C22.3303 34.2807 22.0083 34.5328 21.5869 34.7127C21.1679 34.8903 20.6624 34.9791 20.0706 34.9791C19.4835 34.9791 18.9721 34.8891 18.5365 34.7092C18.1032 34.5293 17.7647 34.2629 17.5209 33.9102C17.2794 33.5551 17.1527 33.1159 17.1409 32.5927H18.6288C18.6454 32.8366 18.7152 33.0402 18.8383 33.2035C18.9638 33.3645 19.1307 33.4864 19.339 33.5693C19.5497 33.6498 19.7877 33.69 20.0528 33.69C20.3132 33.69 20.5393 33.6521 20.7311 33.5764C20.9252 33.5006 21.0756 33.3953 21.1821 33.2603C21.2886 33.1254 21.3419 32.9703 21.3419 32.7951C21.3419 32.6318 21.2934 32.4945 21.1963 32.3832C21.1016 32.2719 20.9619 32.1772 20.7773 32.0991C20.595 32.021 20.3712 31.95 20.1061 31.886L19.3142 31.6872C18.701 31.538 18.2169 31.3048 17.8618 30.9876C17.5067 30.6704 17.3303 30.243 17.3327 29.7056C17.3303 29.2653 17.4475 28.8806 17.6842 28.5515C17.9233 28.2225 18.2512 27.9656 18.6679 27.7809C19.0845 27.5963 19.558 27.5039 20.0883 27.5039C20.6281 27.5039 21.0992 27.5963 21.5017 27.7809C21.9065 27.9656 22.2214 28.2225 22.4463 28.5515C22.6712 28.8806 22.7872 29.2618 22.7943 29.695H21.3206ZM25.2419 27.6034L26.9997 33.1289H27.0672L28.8286 27.6034H30.5331L28.026 34.8761H26.0445L23.5338 27.6034H25.2419Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_344" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_344"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_344" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_344">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/doc.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_365)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#2650B1"/>
+<g filter="url(#filter0_d_3578_365)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#C7D7FE"/>
+</g>
+<path d="M12.7115 33.8761H10.3912V27.3306H12.7306C13.389 27.3306 13.9558 27.4617 14.4309 27.7238C14.9061 27.9837 15.2715 28.3576 15.5272 28.8456C15.785 29.3335 15.9139 29.9173 15.9139 30.597C15.9139 31.2788 15.785 31.8647 15.5272 32.3548C15.2715 32.8448 14.9039 33.2209 14.4245 33.483C13.9473 33.7451 13.3762 33.8761 12.7115 33.8761ZM11.775 32.6904H12.6539C13.063 32.6904 13.4071 32.6179 13.6863 32.473C13.9675 32.326 14.1784 32.0991 14.3191 31.7923C14.4618 31.4833 14.5332 31.0849 14.5332 30.597C14.5332 30.1133 14.4618 29.7181 14.3191 29.4113C14.1784 29.1044 13.9686 28.8786 13.6895 28.7337C13.4103 28.5888 13.0662 28.5164 12.6571 28.5164H11.775V32.6904ZM22.9539 30.6034C22.9539 31.3171 22.8186 31.9244 22.548 32.4251C22.2796 32.9258 21.9131 33.3083 21.4486 33.5725C20.9862 33.8346 20.4664 33.9656 19.8889 33.9656C19.3073 33.9656 18.7852 33.8335 18.3229 33.5693C17.8605 33.3051 17.4951 32.9226 17.2267 32.4219C16.9582 31.9212 16.824 31.315 16.824 30.6034C16.824 29.8896 16.9582 29.2823 17.2267 28.7816C17.4951 28.2809 17.8605 27.8995 18.3229 27.6375C18.7852 27.3733 19.3073 27.2412 19.8889 27.2412C20.4664 27.2412 20.9862 27.3733 21.4486 27.6375C21.9131 27.8995 22.2796 28.2809 22.548 28.7816C22.8186 29.2823 22.9539 29.8896 22.9539 30.6034ZM21.5509 30.6034C21.5509 30.141 21.4816 29.7511 21.3431 29.4336C21.2068 29.1162 21.0139 28.8754 20.7646 28.7113C20.5154 28.5473 20.2235 28.4652 19.8889 28.4652C19.5544 28.4652 19.2625 28.5473 19.0132 28.7113C18.7639 28.8754 18.57 29.1162 18.4316 29.4336C18.2952 29.7511 18.227 30.141 18.227 30.6034C18.227 31.0657 18.2952 31.4556 18.4316 31.7731C18.57 32.0906 18.7639 32.3314 19.0132 32.4954C19.2625 32.6595 19.5544 32.7415 19.8889 32.7415C20.2235 32.7415 20.5154 32.6595 20.7646 32.4954C21.0139 32.3314 21.2068 32.0906 21.3431 31.7731C21.4816 31.4556 21.5509 31.0657 21.5509 30.6034ZM29.7543 29.6222H28.3544C28.3288 29.4411 28.2766 29.2802 28.1978 29.1396C28.119 28.9968 28.0178 28.8754 27.8942 28.7752C27.7706 28.6751 27.6278 28.5984 27.4659 28.5451C27.3061 28.4919 27.1325 28.4652 26.945 28.4652C26.6062 28.4652 26.3111 28.5494 26.0597 28.7177C25.8082 28.8839 25.6133 29.1268 25.4748 29.4464C25.3363 29.7639 25.267 30.1495 25.267 30.6034C25.267 31.07 25.3363 31.462 25.4748 31.7795C25.6154 32.097 25.8114 32.3367 26.0629 32.4986C26.3143 32.6605 26.6051 32.7415 26.9354 32.7415C27.1207 32.7415 27.2923 32.717 27.4499 32.668C27.6097 32.619 27.7514 32.5476 27.875 32.4539C27.9986 32.358 28.1009 32.2419 28.1818 32.1055C28.2649 31.9691 28.3224 31.8136 28.3544 31.6389L29.7543 31.6453C29.718 31.9457 29.6275 32.2355 29.4826 32.5146C29.3398 32.7916 29.147 33.0398 28.9041 33.2593C28.6634 33.4766 28.3757 33.6492 28.0412 33.777C27.7088 33.9027 27.3327 33.9656 26.913 33.9656C26.3292 33.9656 25.8072 33.8335 25.3469 33.5693C24.8888 33.3051 24.5266 32.9226 24.2603 32.4219C23.9961 31.9212 23.864 31.315 23.864 30.6034C23.864 29.8896 23.9982 29.2823 24.2667 28.7816C24.5352 28.2809 24.8995 27.8995 25.3597 27.6375C25.82 27.3733 26.3377 27.2412 26.913 27.2412C27.2923 27.2412 27.6438 27.2944 27.9677 27.401C28.2937 27.5075 28.5824 27.663 28.8338 27.8676C29.0852 28.07 29.2898 28.3182 29.4474 28.6122C29.6072 28.9063 29.7095 29.2429 29.7543 29.6222Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_365" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_365"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_365" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_365">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/docx.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_347)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#2650B1"/>
+<g filter="url(#filter0_d_3578_347)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#C7D7FE"/>
+</g>
+<path d="M9.72399 33.8761H7.50595V27.3306H9.76873C10.4186 27.3306 10.9768 27.4617 11.4434 27.7238C11.9122 27.9837 12.2723 28.3576 12.5237 28.8456C12.7751 29.3335 12.9008 29.9173 12.9008 30.597C12.9008 31.2788 12.7741 31.8647 12.5205 32.3548C12.2691 32.8448 11.9058 33.2209 11.4307 33.483C10.9577 33.7451 10.3888 33.8761 9.72399 33.8761ZM8.69167 32.8502H9.66646C10.1224 32.8502 10.5028 32.7671 10.8074 32.6009C11.1121 32.4326 11.3412 32.1822 11.4946 31.8498C11.648 31.5153 11.7247 31.0977 11.7247 30.597C11.7247 30.0963 11.648 29.6808 11.4946 29.3505C11.3412 29.0181 11.1143 28.7699 10.8138 28.6059C10.5155 28.4397 10.1448 28.3566 9.70162 28.3566H8.69167V32.8502ZM19.8762 30.6034C19.8762 31.3086 19.7441 31.9127 19.4798 32.4155C19.2178 32.9162 18.8598 33.2997 18.406 33.5661C17.9543 33.8324 17.4419 33.9656 16.8687 33.9656C16.2955 33.9656 15.782 33.8324 15.3282 33.5661C14.8765 33.2976 14.5186 32.913 14.2544 32.4123C13.9923 31.9095 13.8612 31.3065 13.8612 30.6034C13.8612 29.8981 13.9923 29.2951 14.2544 28.7944C14.5186 28.2916 14.8765 27.907 15.3282 27.6407C15.782 27.3743 16.2955 27.2412 16.8687 27.2412C17.4419 27.2412 17.9543 27.3743 18.406 27.6407C18.8598 27.907 19.2178 28.2916 19.4798 28.7944C19.7441 29.2951 19.8762 29.8981 19.8762 30.6034ZM18.684 30.6034C18.684 30.1069 18.6063 29.6882 18.4507 29.3473C18.2973 29.0043 18.0843 28.7454 17.8115 28.5707C17.5388 28.3939 17.2245 28.3054 16.8687 28.3054C16.5129 28.3054 16.1986 28.3939 15.9259 28.5707C15.6531 28.7454 15.439 29.0043 15.2835 29.3473C15.1301 29.6882 15.0534 30.1069 15.0534 30.6034C15.0534 31.0998 15.1301 31.5196 15.2835 31.8626C15.439 32.2035 15.6531 32.4624 15.9259 32.6392C16.1986 32.814 16.5129 32.9013 16.8687 32.9013C17.2245 32.9013 17.5388 32.814 17.8115 32.6392C18.0843 32.4624 18.2973 32.2035 18.4507 31.8626C18.6063 31.5196 18.684 31.0998 18.684 30.6034ZM26.5998 29.5391H25.4045C25.3704 29.3431 25.3075 29.1694 25.2159 29.0181C25.1243 28.8647 25.0103 28.7348 24.8739 28.6282C24.7376 28.5217 24.582 28.4418 24.4073 28.3885C24.2347 28.3331 24.0483 28.3054 23.848 28.3054C23.4922 28.3054 23.1768 28.3949 22.902 28.5739C22.6271 28.7507 22.4119 29.0107 22.2564 29.3537C22.1009 29.6946 22.0231 30.1112 22.0231 30.6034C22.0231 31.1041 22.1009 31.526 22.2564 31.869C22.4141 32.2099 22.6293 32.4677 22.902 32.6424C23.1768 32.815 23.4911 32.9013 23.8448 32.9013C24.0408 32.9013 24.2241 32.8757 24.3945 32.8246C24.5671 32.7713 24.7216 32.6936 24.858 32.5913C24.9964 32.489 25.1126 32.3633 25.2063 32.2142C25.3022 32.065 25.3683 31.8946 25.4045 31.7028L26.5998 31.7092C26.555 32.0203 26.4581 32.3122 26.3089 32.5849C26.1619 32.8576 25.9691 33.0984 25.7305 33.3072C25.4918 33.5139 25.2127 33.6758 24.8931 33.793C24.5735 33.9081 24.2188 33.9656 23.8288 33.9656C23.2536 33.9656 22.7401 33.8324 22.2884 33.5661C21.8366 33.2997 21.4808 32.9152 21.2209 32.4123C20.9609 31.9095 20.831 31.3065 20.831 30.6034C20.831 29.8981 20.962 29.2951 21.2241 28.7944C21.4862 28.2916 21.843 27.907 22.2947 27.6407C22.7464 27.3743 23.2578 27.2412 23.8288 27.2412C24.1932 27.2412 24.532 27.2923 24.8452 27.3946C25.1584 27.4968 25.4375 27.6471 25.6825 27.8452C25.9276 28.0412 26.1289 28.282 26.2866 28.5675C26.4464 28.8509 26.5508 29.1747 26.5998 29.5391ZM28.5621 27.3306L30.0036 29.7277H30.0547L31.5025 27.3306H32.8544L30.8377 30.6034L32.8864 33.8761H31.5121L30.0547 31.4951H30.0036L28.5462 33.8761H27.1783L29.2461 30.6034L27.2038 27.3306H28.5621Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_347" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_347"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_347" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_347">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/file.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4234_23464)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#59626D"/>
+<g filter="url(#filter0_d_4234_23464)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#BEC3CC"/>
+</g>
+<path d="M11.3667 33.8761V27.3306H15.7006V28.4716H12.7506V30.0313H15.4129V31.1723H12.7506V33.8761H11.3667ZM18.0153 27.3306V33.8761H16.6314V27.3306H18.0153ZM19.1539 33.8761V27.3306H20.5377V32.7351H23.3438V33.8761H19.1539ZM24.2603 33.8761V27.3306H28.6708V28.4716H25.6442V30.0313H28.4439V31.1723H25.6442V32.7351H28.6836V33.8761H24.2603Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_4234_23464" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4234_23464"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4234_23464" result="shape"/>
+</filter>
+<clipPath id="clip0_4234_23464">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/pdf.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_348)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#E72A2A"/>
+<g filter="url(#filter0_d_3578_348)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#FECDCA"/>
+</g>
+<path d="M10.8323 34.8761V27.6034H13.7016C14.2532 27.6034 14.7232 27.7087 15.1114 27.9194C15.4997 28.1278 15.7956 28.4178 15.9992 28.7895C16.2052 29.1588 16.3082 29.5849 16.3082 30.0679C16.3082 30.5508 16.204 30.977 15.9957 31.3463C15.7873 31.7156 15.4855 32.0032 15.0901 32.2092C14.6971 32.4152 14.2213 32.5181 13.6626 32.5181H11.8337V31.2859H13.414C13.7099 31.2859 13.9537 31.235 14.1455 31.1332C14.3396 31.029 14.484 30.8858 14.5787 30.7035C14.6758 30.5189 14.7243 30.307 14.7243 30.0679C14.7243 29.8264 14.6758 29.6157 14.5787 29.4358C14.484 29.2535 14.3396 29.1126 14.1455 29.0132C13.9514 28.9114 13.7052 28.8605 13.4069 28.8605H12.3699V34.8761H10.8323ZM19.885 34.8761H17.3069V27.6034H19.9063C20.6379 27.6034 21.2676 27.749 21.7955 28.0402C22.3235 28.329 22.7295 28.7445 23.0136 29.2866C23.3 29.8288 23.4433 30.4774 23.4433 31.2326C23.4433 31.9902 23.3 32.6412 23.0136 33.1858C22.7295 33.7303 22.3211 34.1481 21.7884 34.4393C21.2581 34.7305 20.6237 34.8761 19.885 34.8761ZM18.8445 33.5586H19.8211C20.2757 33.5586 20.658 33.4781 20.9681 33.3171C21.2806 33.1538 21.515 32.9017 21.6713 32.5608C21.8299 32.2175 21.9092 31.7748 21.9092 31.2326C21.9092 30.6952 21.8299 30.2561 21.6713 29.9152C21.515 29.5743 21.2818 29.3233 20.9717 29.1623C20.6615 29.0013 20.2792 28.9208 19.8247 28.9208H18.8445V33.5586ZM24.5823 34.8761V27.6034H29.3976V28.8711H26.1199V30.6041H29.078V31.8718H26.1199V34.8761H24.5823Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_348" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_348"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_348" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_348">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/ppt.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_341)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#E24B25"/>
+<g filter="url(#filter0_d_3578_341)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#FECDCA"/>
+</g>
+<path d="M10.8176 34.8761V27.6034H13.687C14.2386 27.6034 14.7085 27.7087 15.0968 27.9194C15.485 28.1278 15.781 28.4178 15.9846 28.7895C16.1905 29.1588 16.2935 29.5849 16.2935 30.0679C16.2935 30.5508 16.1893 30.977 15.981 31.3463C15.7727 31.7156 15.4708 32.0032 15.0755 32.2092C14.6825 32.4152 14.2066 32.5181 13.6479 32.5181H11.8191V31.2859H13.3993C13.6953 31.2859 13.9391 31.235 14.1309 31.1332C14.325 31.029 14.4694 30.8858 14.5641 30.7035C14.6612 30.5189 14.7097 30.307 14.7097 30.0679C14.7097 29.8264 14.6612 29.6157 14.5641 29.4358C14.4694 29.2535 14.325 29.1126 14.1309 29.0132C13.9367 28.9114 13.6905 28.8605 13.3922 28.8605H12.3553V34.8761H10.8176ZM17.2923 34.8761V27.6034H20.1616C20.7132 27.6034 21.1831 27.7087 21.5714 27.9194C21.9596 28.1278 22.2556 28.4178 22.4592 28.7895C22.6651 29.1588 22.7681 29.5849 22.7681 30.0679C22.7681 30.5508 22.6639 30.977 22.4556 31.3463C22.2473 31.7156 21.9454 32.0032 21.5501 32.2092C21.1571 32.4152 20.6812 32.5181 20.1225 32.5181H18.2937V31.2859H19.8739C20.1699 31.2859 20.4137 31.235 20.6055 31.1332C20.7996 31.029 20.944 30.8858 21.0387 30.7035C21.1358 30.5189 21.1843 30.307 21.1843 30.0679C21.1843 29.8264 21.1358 29.6157 21.0387 29.4358C20.944 29.2535 20.7996 29.1126 20.6055 29.0132C20.4113 28.9114 20.1651 28.8605 19.8668 28.8605H18.8299V34.8761H17.2923ZM23.4899 28.8711V27.6034H29.4629V28.8711H27.2363V34.8761H25.7164V28.8711H23.4899Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_341" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_341"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_341" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_341">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/pptx.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_340)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#E24B25"/>
+<g filter="url(#filter0_d_3578_340)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#FECDCA"/>
+</g>
+<path d="M8.51909 33.8761V27.3306H11.1015C11.5979 27.3306 12.0209 27.4255 12.3703 27.6151C12.7197 27.8026 12.9861 28.0636 13.1693 28.3981C13.3547 28.7305 13.4474 29.114 13.4474 29.5487C13.4474 29.9833 13.3536 30.3669 13.1661 30.6993C12.9786 31.0316 12.7069 31.2905 12.3511 31.4759C11.9974 31.6613 11.5692 31.7539 11.0663 31.7539H9.42037V30.6449H10.8426C11.1089 30.6449 11.3284 30.5991 11.501 30.5075C11.6757 30.4137 11.8057 30.2848 11.8909 30.1208C11.9782 29.9546 12.0219 29.7639 12.0219 29.5487C12.0219 29.3314 11.9782 29.1417 11.8909 28.9798C11.8057 28.8157 11.6757 28.689 11.501 28.5995C11.3263 28.5078 11.1047 28.462 10.8362 28.462H9.90297V33.8761H8.51909ZM14.3462 33.8761V27.3306H16.9286C17.4251 27.3306 17.848 27.4255 18.1974 27.6151C18.5469 27.8026 18.8132 28.0636 18.9964 28.3981C19.1818 28.7305 19.2745 29.114 19.2745 29.5487C19.2745 29.9833 19.1808 30.3669 18.9933 30.6993C18.8058 31.0316 18.5341 31.2905 18.1783 31.4759C17.8246 31.6613 17.3963 31.7539 16.8935 31.7539H15.2475V30.6449H16.6697C16.9361 30.6449 17.1555 30.5991 17.3281 30.5075C17.5028 30.4137 17.6328 30.2848 17.718 30.1208C17.8054 29.9546 17.8491 29.7639 17.8491 29.5487C17.8491 29.3314 17.8054 29.1417 17.718 28.9798C17.6328 28.8157 17.5028 28.689 17.3281 28.5995C17.1534 28.5078 16.9318 28.462 16.6634 28.462H15.7301V33.8761H14.3462ZM19.9241 28.4716V27.3306H25.2998V28.4716H23.2959V33.8761H21.928V28.4716H19.9241ZM27.4827 27.3306L28.8026 29.5615H28.8538L30.1801 27.3306H31.743L29.7455 30.6034L31.7877 33.8761H30.1961L28.8538 31.6421H28.8026L27.4603 33.8761H25.8751L27.9237 30.6034L25.9134 27.3306H27.4827Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_340" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_340"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_340" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_340">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/txt.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_346)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#344054"/>
+<g filter="url(#filter0_d_3578_346)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#E4E7EC"/>
+</g>
+<path d="M10.1012 28.8711V27.6034H16.0742V28.8711H13.8477V34.8761H12.3278V28.8711H10.1012ZM18.4996 27.6034L19.9663 30.0821H20.0231L21.4968 27.6034H23.2333L21.0138 31.2397L23.283 34.8761H21.5146L20.0231 32.3939H19.9663L18.4748 34.8761H16.7134L18.9897 31.2397L16.756 27.6034H18.4996ZM23.9293 28.8711V27.6034H29.9023V28.8711H27.6758V34.8761H26.1559V28.8711H23.9293Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_346" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_346"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_346" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_346">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/xls.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_343)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#25953A"/>
+<g filter="url(#filter0_d_3578_343)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#ABEFC6"/>
+</g>
+<path d="M12.3864 27.6034L13.853 30.0821H13.9098L15.3835 27.6034H17.12L14.9006 31.2397L17.1697 34.8761H15.4013L13.9098 32.3939H13.853L12.3615 34.8761H10.6001L12.8764 31.2397L10.6428 27.6034H12.3864ZM18.093 34.8761V27.6034H19.6307V33.6083H22.7486V34.8761H18.093ZM27.7122 29.695C27.6838 29.4085 27.5618 29.186 27.3464 29.0274C27.131 28.8688 26.8386 28.7895 26.4693 28.7895C26.2183 28.7895 26.0065 28.825 25.8336 28.896C25.6608 28.9646 25.5282 29.0605 25.4359 29.1836C25.3459 29.3067 25.301 29.4464 25.301 29.6027C25.2962 29.7329 25.3234 29.8465 25.3826 29.9436C25.4442 30.0406 25.5282 30.1247 25.6348 30.1957C25.7413 30.2644 25.8644 30.3247 26.0041 30.3768C26.1438 30.4265 26.2929 30.4691 26.4515 30.5046L27.1049 30.6609C27.4222 30.7319 27.7134 30.8266 27.9785 30.945C28.2437 31.0634 28.4733 31.209 28.6674 31.3818C28.8616 31.5546 29.0119 31.7582 29.1184 31.9926C29.2273 32.227 29.283 32.4957 29.2853 32.7987C29.283 33.2438 29.1693 33.6296 28.9444 33.9564C28.7219 34.2807 28.3999 34.5328 27.9785 34.7127C27.5595 34.8903 27.054 34.9791 26.4622 34.9791C25.8751 34.9791 25.3637 34.8891 24.9281 34.7092C24.4949 34.5293 24.1563 34.2629 23.9125 33.9102C23.671 33.5551 23.5443 33.1159 23.5325 32.5927H25.0204C25.037 32.8366 25.1068 33.0402 25.2299 33.2035C25.3554 33.3645 25.5223 33.4864 25.7306 33.5693C25.9413 33.6498 26.1793 33.69 26.4444 33.69C26.7048 33.69 26.9309 33.6521 27.1227 33.5764C27.3168 33.5006 27.4672 33.3953 27.5737 33.2603C27.6802 33.1254 27.7335 32.9703 27.7335 32.7951C27.7335 32.6318 27.685 32.4945 27.5879 32.3832C27.4932 32.2719 27.3535 32.1772 27.1689 32.0991C26.9866 32.021 26.7628 31.95 26.4977 31.886L25.7058 31.6872C25.0926 31.538 24.6085 31.3048 24.2534 30.9876C23.8983 30.6704 23.7219 30.243 23.7243 29.7056C23.7219 29.2653 23.8391 28.8806 24.0758 28.5515C24.3149 28.2225 24.6428 27.9656 25.0595 27.7809C25.4761 27.5963 25.9496 27.5039 26.4799 27.5039C27.0197 27.5039 27.4908 27.5963 27.8933 27.7809C28.2981 27.9656 28.613 28.2225 28.8379 28.5515C29.0628 28.8806 29.1788 29.2618 29.1859 29.695H27.7122Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_3578_343" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_343"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_343" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_343">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/assets/xlsx.svg

@@ -0,0 +1,24 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3578_342)">
+<path d="M34.9998 8.83329V36.8761C34.9998 39.0852 33.209 40.8761 30.9998 40.8761H9C6.79086 40.8761 5 39.0852 5 36.8761V4.8761C5 2.66696 6.79086 0.876099 9 0.876099H26.3367L34.9998 8.83329Z" fill="#25943A"/>
+<path d="M9.93093 27.3306L11.2509 29.5615H11.302L12.6284 27.3306H14.1912L12.1937 30.6034L14.236 33.8761H12.6444L11.302 31.6421H11.2509L9.90856 33.8761H8.32333L10.372 30.6034L8.36168 27.3306H9.93093ZM15.0669 33.8761V27.3306H16.4508V32.7351H19.2569V33.8761H15.0669ZM23.7242 29.2131C23.6986 28.9553 23.5889 28.755 23.395 28.6122C23.2011 28.4695 22.9379 28.3981 22.6056 28.3981C22.3797 28.3981 22.189 28.4301 22.0335 28.494C21.8779 28.5558 21.7586 28.6421 21.6755 28.7529C21.5945 28.8637 21.5541 28.9894 21.5541 29.13C21.5498 29.2472 21.5743 29.3495 21.6276 29.4368C21.683 29.5242 21.7586 29.5998 21.8545 29.6637C21.9504 29.7255 22.0612 29.7799 22.1869 29.8267C22.3126 29.8715 22.4468 29.9098 22.5896 29.9418L23.1776 30.0824C23.4632 30.1463 23.7252 30.2316 23.9639 30.3381C24.2025 30.4446 24.4092 30.5757 24.5839 30.7312C24.7586 30.8868 24.8939 31.07 24.9898 31.2809C25.0878 31.4919 25.1379 31.7337 25.14 32.0064C25.1379 32.407 25.0356 32.7543 24.8332 33.0483C24.6329 33.3402 24.3431 33.5671 23.9639 33.7291C23.5867 33.8889 23.1318 33.9688 22.5992 33.9688C22.0708 33.9688 21.6105 33.8878 21.2185 33.7259C20.8286 33.564 20.5239 33.3243 20.3044 33.0068C20.0871 32.6872 19.9731 32.2919 19.9624 31.8211H21.3016C21.3165 32.0405 21.3794 32.2238 21.4901 32.3708C21.6031 32.5157 21.7533 32.6254 21.9408 32.7C22.1304 32.7724 22.3445 32.8086 22.5832 32.8086C22.8176 32.8086 23.021 32.7745 23.1936 32.7064C23.3683 32.6382 23.5036 32.5434 23.5995 32.4219C23.6954 32.3005 23.7433 32.1609 23.7433 32.0032C23.7433 31.8562 23.6997 31.7326 23.6123 31.6325C23.5271 31.5323 23.4014 31.4471 23.2352 31.3768C23.0711 31.3065 22.8698 31.2426 22.6311 31.185L21.9184 31.0061C21.3666 30.8718 20.9308 30.662 20.6112 30.3765C20.2916 30.0909 20.1329 29.7064 20.135 29.2227C20.1329 28.8264 20.2384 28.4801 20.4514 28.184C20.6666 27.8878 20.9617 27.6566 21.3367 27.4904C21.7117 27.3243 22.1379 27.2412 22.6151 27.2412C23.1009 27.2412 23.5249 27.3243 23.8872 27.4904C24.2515 27.6566 24.5349 27.8878 24.7373 28.184C24.9397 28.4801 25.0441 28.8232 25.0505 29.2131H23.7242ZM27.3684 27.3306L28.6884 29.5615H28.7395L30.0659 27.3306H31.6287L29.6312 30.6034L31.6735 33.8761H30.0819L28.7395 31.6421H28.6884L27.3461 33.8761H25.7608L27.8095 30.6034L25.7992 27.3306H27.3684Z" fill="white"/>
+<g filter="url(#filter0_d_3578_342)">
+<path d="M34.9998 8.83329H27.3367C26.7844 8.83329 26.3367 8.38557 26.3367 7.83329V0.876099L34.9998 8.83329Z" fill="#ABEFC6"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_3578_342" x="23.3367" y="-0.123901" width="12.6631" height="11.9572" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1" dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3578_342"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3578_342" result="shape"/>
+</filter>
+<clipPath id="clip0_3578_342">
+<rect width="40" height="40" fill="white" transform="translate(0 0.876099)"/>
+</clipPath>
+</defs>
+</svg>

package/FilePicker/primitives/components/previews/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./FilePreview";
+export * from "./ImagePreview";
+export * from "./RichItemPreview";
+export * from "./TextOnlyPreview";

package/FilePicker/primitives/components/previews/index.js

@@ -0,0 +1,6 @@
+export * from "./FilePreview";
+export * from "./ImagePreview";
+export * from "./RichItemPreview";
+export * from "./TextOnlyPreview";
+
+//# sourceMappingURL=index.js.map

package/FilePicker/primitives/components/previews/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FilePreview\";\nexport * from \"./ImagePreview\";\nexport * from \"./RichItemPreview\";\nexport * from \"./TextOnlyPreview\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/FilePicker/primitives/components/previews/variants.d.ts

@@ -0,0 +1,4 @@
+export declare const previewVariants: (props?: ({
+    variant?: "base" | "transparent" | "light" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/FilePicker/primitives/components/previews/variants.js

@@ -0,0 +1,31 @@
+import { cva } from "../../../../utils";
+export const previewVariants = cva("wby-w-full", {
+  variants: {
+    variant: {
+      light: ["wby-bg-neutral-light", "hover:wby-bg-neutral-dimmed"],
+      base: ["wby-bg-neutral-base", "hover:wby-bg-neutral-subtle"],
+      transparent: ["wby-bg-transparent", "hover:wby-bg-neutral-dark/5"]
+    },
+    disabled: {
+      true: "wby-pointer-events-none"
+    }
+  },
+  compoundVariants: [{
+    disabled: true,
+    variant: "light",
+    className: "wby-bg-neutral-dimmed"
+  }, {
+    disabled: true,
+    variant: "base",
+    className: "wby-bg-neutral-disabled"
+  }, {
+    disabled: true,
+    variant: "transparent",
+    className: "wby-bg-transparent"
+  }],
+  defaultVariants: {
+    variant: "light"
+  }
+});
+
+//# sourceMappingURL=variants.js.map

package/FilePicker/primitives/components/previews/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","previewVariants","variants","variant","light","base","transparent","disabled","true","compoundVariants","className","defaultVariants"],"sources":["variants.ts"],"sourcesContent":["import { cva } from \"~/utils\";\n\nexport const previewVariants = cva(\"wby-w-full\", {\n    variants: {\n        variant: {\n            light: [\"wby-bg-neutral-light\", \"hover:wby-bg-neutral-dimmed\"],\n            base: [\"wby-bg-neutral-base\", \"hover:wby-bg-neutral-subtle\"],\n            transparent: [\"wby-bg-transparent\", \"hover:wby-bg-neutral-dark/5\"]\n        },\n        disabled: {\n            true: \"wby-pointer-events-none\"\n        }\n    },\n    compoundVariants: [\n        {\n            disabled: true,\n            variant: \"light\",\n            className: \"wby-bg-neutral-dimmed\"\n        },\n        {\n            disabled: true,\n            variant: \"base\",\n            className: \"wby-bg-neutral-disabled\"\n        },\n        {\n            disabled: true,\n            variant: \"transparent\",\n            className: \"wby-bg-transparent\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"light\"\n    }\n});\n"],"mappings":"AAAA,SAASA,GAAG;AAEZ,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,YAAY,EAAE;EAC7CE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,KAAK,EAAE,CAAC,sBAAsB,EAAE,6BAA6B,CAAC;MAC9DC,IAAI,EAAE,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;MAC5DC,WAAW,EAAE,CAAC,oBAAoB,EAAE,6BAA6B;IACrE,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIF,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,OAAO;IAChBO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,MAAM;IACfO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,aAAa;IACtBO,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE;EACb;AACJ,CAAC,CAAC","ignoreList":[]}