Initial commit

node_modules/@fluentui/react-image/lib/components/Image/Image.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { renderImage_unstable } from './renderImage';
+import { useImage_unstable } from './useImage';
+import { useImageStyles_unstable } from './useImageStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * The Image component ensures the consistent styling of images.
+ */ export const Image = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useImage_unstable(props, ref);
+    useImageStyles_unstable(state);
+    useCustomStyleHook_unstable('useImageStyles_unstable')(state);
+    return renderImage_unstable(state);
+});
+Image.displayName = 'Image';

node_modules/@fluentui/react-image/lib/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/Image.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderImage_unstable } from './renderImage';\nimport { useImage_unstable } from './useImage';\nimport { useImageStyles_unstable } from './useImageStyles.styles';\nimport type { ImageProps } from './Image.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Image component ensures the consistent styling of images.\n */\nexport const Image: ForwardRefComponent<ImageProps> = React.forwardRef((props, ref) => {\n  const state = useImage_unstable(props, ref);\n\n  useImageStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useImageStyles_unstable')(state);\n\n  return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"],"names":["React","renderImage_unstable","useImage_unstable","useImageStyles_unstable","useCustomStyleHook_unstable","Image","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,sBAAyCL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7E,MAAMC,QAAQP,kBAAkBK,OAAOC;IAEvCL,wBAAwBM;IAExBL,4BAA4B,2BAA2BK;IAEvD,OAAOR,qBAAqBQ;AAC9B,GAAG;AAEHJ,MAAMK,WAAW,GAAG"}

node_modules/@fluentui/react-image/lib/components/Image/Image.types.js

@@ -0,0 +1 @@
+export { };

node_modules/@fluentui/react-image/lib/components/Image/Image.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/Image.types.ts"],"sourcesContent":["import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type ImageSlots = {\n  root: Slot<'img'>;\n};\n\nexport type ImageProps = ComponentProps<ImageSlots> & {\n  /**\n   * An image can take up the width of its container.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * An image can appear with a rectangular border.\n   *\n   * @default false\n   */\n  bordered?: boolean;\n\n  /**\n   * An image can set how it should be resized to fit its container.\n   *\n   * @default 'default'\n   */\n  fit?: 'none' | 'center' | 'contain' | 'cover' | 'default';\n\n  /**\n   * An image can appear elevated with shadow.\n   *\n   * @default false\n   */\n  shadow?: boolean;\n\n  /**\n   * An image can appear square, circular, or rounded.\n   *\n   * @default 'square'\n   */\n  shape?: 'square' | 'circular' | 'rounded';\n};\n\nexport type ImageState = ComponentState<ImageSlots> &\n  Required<Pick<ImageProps, 'block' | 'bordered' | 'fit' | 'shadow' | 'shape'>>;\n"],"names":[],"rangeMappings":"","mappings":"AA2CA,WACgF"}

node_modules/@fluentui/react-image/lib/components/Image/index.js

@@ -0,0 +1,4 @@
+export { Image } from './Image';
+export { renderImage_unstable } from './renderImage';
+export { useImage_unstable } from './useImage';
+export { imageClassNames, useImageStyles_unstable } from './useImageStyles.styles';

node_modules/@fluentui/react-image/lib/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/index.ts"],"sourcesContent":["export type { ImageProps, ImageSlots, ImageState } from './Image.types';\nexport { Image } from './Image';\nexport { renderImage_unstable } from './renderImage';\nexport { useImage_unstable } from './useImage';\nexport { imageClassNames, useImageStyles_unstable } from './useImageStyles.styles';\n"],"names":["Image","renderImage_unstable","useImage_unstable","imageClassNames","useImageStyles_unstable"],"rangeMappings":";;;","mappings":"AACA,SAASA,KAAK,QAAQ,UAAU;AAChC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,eAAe,EAAEC,uBAAuB,QAAQ,0BAA0B"}

node_modules/@fluentui/react-image/lib/components/Image/renderImage.js

@@ -0,0 +1,9 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Define the render function.
+ * Given the state of an image, renders it.
+ */ export const renderImage_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

node_modules/@fluentui/react-image/lib/components/Image/renderImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/renderImage.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ImageSlots, ImageState } from './Image.types';\n\n/**\n * Define the render function.\n * Given the state of an image, renders it.\n */\nexport const renderImage_unstable = (state: ImageState) => {\n  assertSlots<ImageSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderImage_unstable","state","root"],"rangeMappings":";;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAACC;IACnCF,YAAwBE;IAExB,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

node_modules/@fluentui/react-image/lib/components/Image/useImage.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+/**
+ * Given user props, returns state and render function for an Image.
+ */ export const useImage_unstable = (props, ref)=>{
+    const { bordered = false, fit = 'default', block = false, shape = 'square', shadow = false } = props;
+    const state = {
+        bordered,
+        fit,
+        block,
+        shape,
+        shadow,
+        components: {
+            root: 'img'
+        },
+        root: slot.always(getIntrinsicElementProps('img', {
+            ref,
+            ...props
+        }), {
+            elementType: 'img'
+        })
+    };
+    return state;
+};

node_modules/@fluentui/react-image/lib/components/Image/useImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Image/useImage.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { ImageProps, ImageState } from './Image.types';\n\n/**\n * Given user props, returns state and render function for an Image.\n */\nexport const useImage_unstable = (props: ImageProps, ref: React.Ref<HTMLImageElement>): ImageState => {\n  const { bordered = false, fit = 'default', block = false, shape = 'square', shadow = false } = props;\n\n  const state: ImageState = {\n    bordered,\n    fit,\n    block,\n    shape,\n    shadow,\n    components: {\n      root: 'img',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('img', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'img' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useImage_unstable","props","ref","bordered","fit","block","shape","shadow","state","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC;IACnD,MAAM,EAAEC,WAAW,KAAK,EAAEC,MAAM,SAAS,EAAEC,QAAQ,KAAK,EAAEC,QAAQ,QAAQ,EAAEC,SAAS,KAAK,EAAE,GAAGN;IAE/F,MAAMO,QAAoB;QACxBL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMX,KAAKY,MAAM,CACfb,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;IAEzB;IAEA,OAAOJ;AACT,EAAE"}

node_modules/@fluentui/react-image/lib/components/Image/useImageStyles.styles.js

@@ -0,0 +1,91 @@
+import { shorthands, mergeClasses, __styles } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const imageClassNames = {
+  root: 'fui-Image'
+};
+const useStyles = /*#__PURE__*/__styles({
+  base: {
+    g2u3we: "fj3muxo",
+    h3c5rm: ["f1akhkt", "f1lxtadh"],
+    B9xav0g: "f1aperda",
+    zhjwy3: ["f1lxtadh", "f1akhkt"],
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f1fabniw",
+    B7ck84d: "f1ewtqcl",
+    mc9l5x: "f14t3ns0"
+  },
+  bordered: {
+    icvyot: "fzkkow9",
+    vrafjx: ["fcdblym", "fjik90z"],
+    oivjwe: "fg706s2",
+    wvpqe5: ["fjik90z", "fcdblym"],
+    B4j52fo: "f192inf7",
+    Bekrc4i: ["f5tn483", "f1ojsxk5"],
+    Bn0qgzm: "f1vxd6vx",
+    ibv6hh: ["f1ojsxk5", "f5tn483"]
+  },
+  circular: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f44lkw9"
+  },
+  rounded: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "ft85np5"
+  },
+  square: {},
+  shadow: {
+    E5pizo: "f1whvlc6"
+  },
+  center: {
+    st4lth: "f1plgu50",
+    Ermj5k: "f14xojzb",
+    Bqenvij: "f1l02sjl",
+    a9b677: "fly5x3f"
+  },
+  contain: {
+    st4lth: "f1kle4es",
+    Ermj5k: "f14xojzb",
+    Bqenvij: "f1l02sjl",
+    a9b677: "fly5x3f"
+  },
+  "default": {},
+  cover: {
+    st4lth: "f1ps3kmd",
+    Ermj5k: "f14xojzb",
+    Bqenvij: "f1l02sjl",
+    a9b677: "fly5x3f"
+  },
+  none: {
+    st4lth: "f1plgu50",
+    Ermj5k: ["f13uwng7", "fjmyj0p"],
+    Bqenvij: "f1l02sjl",
+    a9b677: "fly5x3f"
+  },
+  block: {
+    a9b677: "fly5x3f"
+  }
+}, {
+  d: [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", [".f1fabniw{border-radius:var(--borderRadiusNone);}", {
+    p: -1
+  }], ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", [".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
+    p: -1
+  }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
+    p: -1
+  }], ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f14xojzb{object-position:center;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f1kle4es{object-fit:contain;}", ".f1ps3kmd{object-fit:cover;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}"]
+});
+export const useImageStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);
+  return state;
+};

node_modules/@fluentui/react-image/lib/components/Image/useImageStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shorthands","mergeClasses","__styles","tokens","imageClassNames","root","useStyles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","p","useImageStyles_unstable","state","styles","className","fit","shape"],"sources":["useImageStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n    root: 'fui-Image'\n};\nconst useStyles = makeStyles({\n    // Base styles\n    base: {\n        ...shorthands.borderColor(tokens.colorNeutralStroke1),\n        borderRadius: tokens.borderRadiusNone,\n        boxSizing: 'border-box',\n        display: 'inline-block'\n    },\n    // Bordered styles\n    bordered: {\n        ...shorthands.borderStyle('solid'),\n        ...shorthands.borderWidth(tokens.strokeWidthThin)\n    },\n    // Shape variations\n    circular: {\n        borderRadius: tokens.borderRadiusCircular\n    },\n    rounded: {\n        borderRadius: tokens.borderRadiusMedium\n    },\n    square: {\n    },\n    // Shadow styles\n    shadow: {\n        boxShadow: tokens.shadow4\n    },\n    // Fit variations\n    center: {\n        objectFit: 'none',\n        objectPosition: 'center',\n        height: '100%',\n        width: '100%'\n    },\n    contain: {\n        objectFit: 'contain',\n        objectPosition: 'center',\n        height: '100%',\n        width: '100%'\n    },\n    default: {\n    },\n    cover: {\n        objectFit: 'cover',\n        objectPosition: 'center',\n        height: '100%',\n        width: '100%'\n    },\n    none: {\n        objectFit: 'none',\n        objectPosition: 'left top',\n        height: '100%',\n        width: '100%'\n    },\n    // Block styles\n    block: {\n        width: '100%'\n    }\n});\nexport const useImageStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAK,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAhB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAa,OAAA;IAAAjB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAc,MAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAJ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;EAAAE,KAAA;IAAAL,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,IAAA;IAAAN,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;AAAA;EAAAK,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAyDjB,CAAC;AACF,OAAO,MAAMC,uBAAuB,GAAIC,KAAK,IAAG;EAC5C,aAAa;;EACb,MAAMC,MAAM,GAAGxC,SAAS,CAAC,CAAC;EAC1BuC,KAAK,CAACxC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,eAAe,CAACC,IAAI,EAAEyC,MAAM,CAACvC,IAAI,EAAEsC,KAAK,CAACJ,KAAK,IAAIK,MAAM,CAACL,KAAK,EAAEI,KAAK,CAAC1B,QAAQ,IAAI2B,MAAM,CAAC3B,QAAQ,EAAE0B,KAAK,CAACd,MAAM,IAAIe,MAAM,CAACf,MAAM,EAAEe,MAAM,CAACD,KAAK,CAACG,GAAG,CAAC,EAAEF,MAAM,CAACD,KAAK,CAACI,KAAK,CAAC,EAAEJ,KAAK,CAACxC,IAAI,CAAC0C,SAAS,CAAC;EACnO,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}