@fluentui/react-migration-v0-v9 9.2.0 → 9.2.2

package/lib-commonjs/components/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Flex.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useFlexStyles } from './Flex.styles';\nexport const flexClassName = 'fui-Flex';\nexport const Flex = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;\n    const classes = useFlexStyles();\n    const classMaps = React.useMemo(()=>({\n            alignItems: {\n                start: classes.alignItemsFlexStart,\n                center: classes.alignItemsCenter,\n                end: classes.alignItemsFlexEnd,\n                stretch: classes.alignItemsCenter\n            },\n            justifyContent: {\n                start: classes.justifyContentFlexStart,\n                center: classes.justifyContentCenter,\n                end: classes.justifyContentFlexEnd,\n                stretch: classes.justifyContentStretch\n            },\n            justifyContentSpace: {\n                around: classes.justifyContentSpaceAround,\n                between: classes.justifyContentSpaceBetween,\n                evenly: classes.justifyContentSpaceEvenly\n            },\n            gapForColumnFlex: {\n                'gap.smaller': classes.gapForColumnFlexSmaller,\n                'gap.small': classes.gapForColumnFlexSmall,\n                'gap.medium': classes.gapForColumnFlexMedium,\n                'gap.large': classes.gapForColumnFlexLarge\n            },\n            gapRow: {\n                'gap.smaller': classes.gapForRowFlexSmaller,\n                'gap.small': classes.gapForRowFlexSmall,\n                'gap.medium': classes.gapForRowFlexMedium,\n                'gap.large': classes.gapForRowFlexLarge\n            },\n            paddings: {\n                'padding.medium': classes.paddingMedium\n            }\n        }), [\n        classes\n    ]);\n    const flexClasses = mergeClasses(flexClassName, classes.flex, inline && classes.inline, column && classes.column, hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]), vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]), space && classMaps.justifyContentSpace[space], wrap && classes.wrap, fill && classes.fill, gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]), padding && classMaps.paddings[padding], className);\n    const content = React.Children.map(children, (child)=>{\n        var _child_type;\n        // @ts-expect-error __isFlexItem is added to the React type property by N*\n        const isFlexItemElement = child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.__isFlexItem;\n        return isFlexItemElement ? /*#__PURE__*/ React.cloneElement(child, {\n            flexDirection: column ? 'column' : 'row'\n        }) : child;\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        ref: ref,\n        className: flexClasses,\n        ...rest\n    }, content);\n});\nFlex.displayName = 'Flex';\n"],"names":["flexClassName","Flex","React","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","useFlexStyles","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","mergeClasses","flex","content","Children","map","child","_child_type","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","createElement","displayName"],"mappings":";;;;;;;;;;;IAGaA,aAAa;eAAbA;;IACAC,IAAI;eAAJA;;;;iCAJgB;iEACN;4BACO;AACvB,MAAMD,gBAAgB;AACtB,MAAMC,OAAO,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvD,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGb;IAC1G,MAAMc,UAAUC,IAAAA,yBAAa;IAC7B,MAAMC,YAAYlB,OAAMmB,OAAO,CAAC,IAAK,CAAA;YAC7BC,YAAY;gBACRC,OAAOL,QAAQM,mBAAmB;gBAClCC,QAAQP,QAAQQ,gBAAgB;gBAChCC,KAAKT,QAAQU,iBAAiB;gBAC9BC,SAASX,QAAQQ,gBAAgB;YACrC;YACAI,gBAAgB;gBACZP,OAAOL,QAAQa,uBAAuB;gBACtCN,QAAQP,QAAQc,oBAAoB;gBACpCL,KAAKT,QAAQe,qBAAqB;gBAClCJ,SAASX,QAAQgB,qBAAqB;YAC1C;YACAC,qBAAqB;gBACjBC,QAAQlB,QAAQmB,yBAAyB;gBACzCC,SAASpB,QAAQqB,0BAA0B;gBAC3CC,QAAQtB,QAAQuB,yBAAyB;YAC7C;YACAC,kBAAkB;gBACd,eAAexB,QAAQyB,uBAAuB;gBAC9C,aAAazB,QAAQ0B,qBAAqB;gBAC1C,cAAc1B,QAAQ2B,sBAAsB;gBAC5C,aAAa3B,QAAQ4B,qBAAqB;YAC9C;YACAC,QAAQ;gBACJ,eAAe7B,QAAQ8B,oBAAoB;gBAC3C,aAAa9B,QAAQ+B,kBAAkB;gBACvC,cAAc/B,QAAQgC,mBAAmB;gBACzC,aAAahC,QAAQiC,kBAAkB;YAC3C;YACAC,UAAU;gBACN,kBAAkBlC,QAAQmC,aAAa;YAC3C;QACJ,CAAA,GAAI;QACJnC;KACH;IACD,MAAMoC,cAAcC,IAAAA,6BAAY,EAACvD,eAAekB,QAAQsC,IAAI,EAAE7C,UAAUO,QAAQP,MAAM,EAAEJ,UAAUW,QAAQX,MAAM,EAAEG,UAAWH,CAAAA,SAASa,UAAUE,UAAU,CAACZ,OAAO,GAAGU,UAAUU,cAAc,CAACpB,OAAO,AAAD,GAAII,UAAWP,CAAAA,SAASa,UAAUU,cAAc,CAAChB,OAAO,GAAGM,UAAUE,UAAU,CAACR,OAAO,AAAD,GAAID,SAASO,UAAUe,mBAAmB,CAACtB,MAAM,EAAEE,QAAQG,QAAQH,IAAI,EAAEP,QAAQU,QAAQV,IAAI,EAAEC,OAAQF,CAAAA,SAASa,UAAUsB,gBAAgB,CAACjC,IAAI,GAAGW,UAAU2B,MAAM,CAACtC,IAAI,AAAD,GAAIG,WAAWQ,UAAUgC,QAAQ,CAACxC,QAAQ,EAAEI;IAC5e,MAAMyC,UAAUvD,OAAMwD,QAAQ,CAACC,GAAG,CAACrD,UAAU,CAACsD;QAC1C,IAAIC;QACJ,0EAA0E;QAC1E,MAAMC,oBAAoBF,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,cAAcD,MAAMG,IAAI,AAAD,MAAO,QAAQF,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYG,YAAY;QACzK,OAAOF,oBAAoB,WAAW,GAAG5D,OAAM+D,YAAY,CAACL,OAAO;YAC/DM,eAAe3D,SAAS,WAAW;QACvC,KAAKqD;IACT;IACA,OAAO,WAAW,GAAG1D,OAAMiE,aAAa,CAAC,OAAO;QAC5C9D,KAAKA;QACLW,WAAWsC;QACX,GAAGrC,IAAI;IACX,GAAGwC;AACP;AACAxD,KAAKmE,WAAW,GAAG"}
+{"version":3,"sources":["Flex.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useFlexStyles } from './Flex.styles';\n\nexport interface FlexProps {\n  /** Defines if container should be inline element. */\n  inline?: boolean;\n\n  /** Sets vertical flow direction. */\n  column?: boolean;\n\n  /** Allows overflow items to wrap on the next container's line. */\n  wrap?: boolean;\n\n  /** Controls items alignment in horizontal direction. */\n  hAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Controls items alignment in vertical direction. */\n  vAlign?: 'start' | 'center' | 'end' | 'stretch';\n\n  /** Defines strategy for distributing remaining space between items. */\n  space?: 'around' | 'between' | 'evenly';\n\n  /** Defines gap between each two adjacent child items. */\n  gap?: 'gap.smaller' | 'gap.small' | 'gap.medium' | 'gap.large';\n\n  /** Defines container's padding. */\n  padding?: 'padding.medium';\n\n  /** Orders container to fill all parent's space available. */\n  fill?: boolean;\n}\n\nexport const flexClassName = 'fui-Flex';\n\nexport const Flex = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & FlexProps>((props, ref) => {\n  const { children, column, fill, gap, hAlign, inline, padding, space, vAlign, wrap, className, ...rest } = props;\n  const classes = useFlexStyles();\n\n  const classMaps = React.useMemo(\n    () => ({\n      alignItems: {\n        start: classes.alignItemsFlexStart,\n        center: classes.alignItemsCenter,\n        end: classes.alignItemsFlexEnd,\n        stretch: classes.alignItemsCenter,\n      },\n      justifyContent: {\n        start: classes.justifyContentFlexStart,\n        center: classes.justifyContentCenter,\n        end: classes.justifyContentFlexEnd,\n        stretch: classes.justifyContentStretch,\n      },\n      justifyContentSpace: {\n        around: classes.justifyContentSpaceAround,\n        between: classes.justifyContentSpaceBetween,\n        evenly: classes.justifyContentSpaceEvenly,\n      },\n      gapForColumnFlex: {\n        'gap.smaller': classes.gapForColumnFlexSmaller,\n        'gap.small': classes.gapForColumnFlexSmall,\n        'gap.medium': classes.gapForColumnFlexMedium,\n        'gap.large': classes.gapForColumnFlexLarge,\n      },\n      gapRow: {\n        'gap.smaller': classes.gapForRowFlexSmaller,\n        'gap.small': classes.gapForRowFlexSmall,\n        'gap.medium': classes.gapForRowFlexMedium,\n        'gap.large': classes.gapForRowFlexLarge,\n      },\n      paddings: {\n        'padding.medium': classes.paddingMedium,\n      },\n    }),\n    [classes],\n  );\n\n  const flexClasses = mergeClasses(\n    flexClassName,\n    classes.flex,\n    inline && classes.inline,\n    column && classes.column,\n    hAlign && (column ? classMaps.alignItems[hAlign] : classMaps.justifyContent[hAlign]),\n    vAlign && (column ? classMaps.justifyContent[vAlign] : classMaps.alignItems[vAlign]),\n    space && classMaps.justifyContentSpace[space],\n    wrap && classes.wrap,\n    fill && classes.fill,\n    gap && (column ? classMaps.gapForColumnFlex[gap] : classMaps.gapRow[gap]),\n    padding && classMaps.paddings[padding],\n    className,\n  );\n\n  const content = React.Children.map(children, child => {\n    // @ts-expect-error __isFlexItem is added to the React type property by N*\n    const isFlexItemElement: boolean = child?.type?.__isFlexItem;\n\n    return isFlexItemElement\n      ? React.cloneElement(child as React.ReactElement, {\n          flexDirection: column ? 'column' : 'row',\n        })\n      : child;\n  });\n\n  return (\n    <div ref={ref} className={flexClasses} {...rest}>\n      {content}\n    </div>\n  );\n});\n\nFlex.displayName = 'Flex';\n"],"names":["Flex","flexClassName","React","forwardRef","props","ref","children","column","fill","gap","hAlign","inline","padding","space","vAlign","wrap","className","rest","classes","useFlexStyles","classMaps","useMemo","alignItems","start","alignItemsFlexStart","center","alignItemsCenter","end","alignItemsFlexEnd","stretch","justifyContent","justifyContentFlexStart","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpace","around","justifyContentSpaceAround","between","justifyContentSpaceBetween","evenly","justifyContentSpaceEvenly","gapForColumnFlex","gapForColumnFlexSmaller","gapForColumnFlexSmall","gapForColumnFlexMedium","gapForColumnFlexLarge","gapRow","gapForRowFlexSmaller","gapForRowFlexSmall","gapForRowFlexMedium","gapForRowFlexLarge","paddings","paddingMedium","flexClasses","mergeClasses","flex","content","Children","map","child","isFlexItemElement","type","__isFlexItem","cloneElement","flexDirection","createElement","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAoCaA,IAAAA;eAAAA;;IAFAC,aAAAA;eAAAA;;;;iCAlCgB;iEACN;4BAEO;AA+BvB,MAAMA,gBAAgB;AAEtB,MAAMD,OAAAA,WAAAA,GAAOE,OAAMC,UAAU,CAAgE,CAACC,OAAOC;IAC1G,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGb;IAC1G,MAAMc,UAAUC,IAAAA,yBAAAA;IAEhB,MAAMC,YAAYlB,OAAMmB,OAAO,CAC7B,IAAO,CAAA;YACLC,YAAY;gBACVC,OAAOL,QAAQM,mBAAmB;gBAClCC,QAAQP,QAAQQ,gBAAgB;gBAChCC,KAAKT,QAAQU,iBAAiB;gBAC9BC,SAASX,QAAQQ,gBAAgB;YACnC;YACAI,gBAAgB;gBACdP,OAAOL,QAAQa,uBAAuB;gBACtCN,QAAQP,QAAQc,oBAAoB;gBACpCL,KAAKT,QAAQe,qBAAqB;gBAClCJ,SAASX,QAAQgB,qBAAqB;YACxC;YACAC,qBAAqB;gBACnBC,QAAQlB,QAAQmB,yBAAyB;gBACzCC,SAASpB,QAAQqB,0BAA0B;gBAC3CC,QAAQtB,QAAQuB,yBAAyB;YAC3C;YACAC,kBAAkB;gBAChB,eAAexB,QAAQyB,uBAAuB;gBAC9C,aAAazB,QAAQ0B,qBAAqB;gBAC1C,cAAc1B,QAAQ2B,sBAAsB;gBAC5C,aAAa3B,QAAQ4B,qBAAqB;YAC5C;YACAC,QAAQ;gBACN,eAAe7B,QAAQ8B,oBAAoB;gBAC3C,aAAa9B,QAAQ+B,kBAAkB;gBACvC,cAAc/B,QAAQgC,mBAAmB;gBACzC,aAAahC,QAAQiC,kBAAkB;YACzC;YACAC,UAAU;gBACR,kBAAkBlC,QAAQmC,aAAa;YACzC;QACF,CAAA,GACA;QAACnC;KAAQ;IAGX,MAAMoC,cAAcC,IAAAA,6BAAAA,EAClBtD,eACAiB,QAAQsC,IAAI,EACZ7C,UAAUO,QAAQP,MAAM,EACxBJ,UAAUW,QAAQX,MAAM,EACxBG,UAAWH,CAAAA,SAASa,UAAUE,UAAU,CAACZ,OAAO,GAAGU,UAAUU,cAAc,CAACpB,OAAO,AAAPA,GAC5EI,UAAWP,CAAAA,SAASa,UAAUU,cAAc,CAAChB,OAAO,GAAGM,UAAUE,UAAU,CAACR,OAAO,AAAPA,GAC5ED,SAASO,UAAUe,mBAAmB,CAACtB,MAAM,EAC7CE,QAAQG,QAAQH,IAAI,EACpBP,QAAQU,QAAQV,IAAI,EACpBC,OAAQF,CAAAA,SAASa,UAAUsB,gBAAgB,CAACjC,IAAI,GAAGW,UAAU2B,MAAM,CAACtC,IAAI,AAAJA,GACpEG,WAAWQ,UAAUgC,QAAQ,CAACxC,QAAQ,EACtCI;IAGF,MAAMyC,UAAUvD,OAAMwD,QAAQ,CAACC,GAAG,CAACrD,UAAUsD,CAAAA;YAERA;QADnC,0EAA0E;QAC1E,MAAMC,oBAA6BD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,cAAAA,MAAOE,IAAI,AAAJA,MAAI,QAAXF,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAaG,YAAY;QAE5D,OAAOF,oBAAAA,WAAAA,GACH3D,OAAM8D,YAAY,CAACJ,OAA6B;YAC9CK,eAAe1D,SAAS,WAAW;QACrC,KACAqD;IACN;IAEA,OAAA,WAAA,GACE1D,OAAAgE,aAAA,CAACC,OAAAA;QAAI9D,KAAKA;QAAKW,WAAWsC;QAAc,GAAGrC,IAAI;OAC5CwC;AAGP;AAEAzD,KAAKoE,WAAW,GAAG"}

package/lib-commonjs/components/Flex/Flex.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nconst gapValues = {\n  smaller: '8px',\n  small: '10px',\n  medium: '15px',\n  large: '30px'\n};\nconst paddingValues = {\n  medium: '10px'\n};\nexport const useFlexStyles = /*#__PURE__*/__styles({\n  flex: {\n    mc9l5x: \"f22iagw\"\n  },\n  inline: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  column: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  alignItemsFlexStart: {\n    Bt984gj: \"f6jr5hl\"\n  },\n  alignItemsCenter: {\n    Bt984gj: \"f122n59\"\n  },\n  alignItemsFlexEnd: {\n    Bt984gj: \"fgs5rwf\"\n  },\n  alignItemsStretch: {\n    Bt984gj: \"f1q9h2pe\"\n  },\n  justifyContentFlexStart: {\n    Brf1p80: \"fbhxue7\"\n  },\n  justifyContentCenter: {\n    Brf1p80: \"f4d9j23\"\n  },\n  justifyContentFlexEnd: {\n    Brf1p80: \"f9c4gz4\"\n  },\n  justifyContentStretch: {\n    Brf1p80: \"fsxf2b5\"\n  },\n  justifyContentSpaceAround: {\n    Brf1p80: \"f1iw3tyt\"\n  },\n  justifyContentSpaceBetween: {\n    Brf1p80: \"f1869bpl\"\n  },\n  justifyContentSpaceEvenly: {\n    Brf1p80: \"figf6al\"\n  },\n  wrap: {\n    Eh141a: \"fni485r\"\n  },\n  fill: {\n    a9b677: \"fly5x3f\",\n    Bqenvij: \"f1l02sjl\"\n  },\n  gapForColumnFlexSmall: {\n    Belr9w4: \"fd7ph1c\"\n  },\n  gapForColumnFlexSmaller: {\n    Belr9w4: \"fn67r4l\"\n  },\n  gapForColumnFlexMedium: {\n    Belr9w4: \"f16r77es\"\n  },\n  gapForColumnFlexLarge: {\n    Belr9w4: \"fej36a\"\n  },\n  gapForRowFlexSmall: {\n    i8kkvl: \"f18w1nra\"\n  },\n  gapForRowFlexSmaller: {\n    i8kkvl: \"f4px1ci\"\n  },\n  gapForRowFlexMedium: {\n    i8kkvl: \"f1lv1r8n\"\n  },\n  gapForRowFlexLarge: {\n    i8kkvl: \"fzco7x8\"\n  },\n  paddingMedium: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"fbhmu18\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".ftuwxu6{display:inline-flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".f122n59{align-items:center;}\", \".fgs5rwf{align-items:flex-end;}\", \".f1q9h2pe{align-items:stretch;}\", \".fbhxue7{justify-content:flex-start;}\", \".f4d9j23{justify-content:center;}\", \".f9c4gz4{justify-content:flex-end;}\", \".fsxf2b5{justify-content:stretch;}\", \".f1iw3tyt{justify-content:space-around;}\", \".f1869bpl{justify-content:space-between;}\", \".figf6al{justify-content:space-evenly;}\", \".fni485r{flex-wrap:wrap;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".fd7ph1c{row-gap:10px;}\", \".fn67r4l{row-gap:8px;}\", \".f16r77es{row-gap:15px;}\", \".fej36a{row-gap:30px;}\", \".f18w1nra{column-gap:10px;}\", \".f4px1ci{column-gap:8px;}\", \".f1lv1r8n{column-gap:15px;}\", \".fzco7x8{column-gap:30px;}\", [\".fbhmu18{padding:10px;}\", {\n    p: -1\n  }]]\n});\n//# sourceMappingURL=Flex.styles.js.map"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"mappings":";;;;+BAUaA;;;eAAAA;;;iCAVY;AACzB,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AACA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AACO,MAAMJ,gBAAgB,WAAW,GAAEO,IAAAA,yBAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,qBAAqB;QACnBC,SAAS;IACX;IACAC,kBAAkB;QAChBD,SAAS;IACX;IACAE,mBAAmB;QACjBF,SAAS;IACX;IACAG,mBAAmB;QACjBH,SAAS;IACX;IACAI,yBAAyB;QACvBC,SAAS;IACX;IACAC,sBAAsB;QACpBD,SAAS;IACX;IACAE,uBAAuB;QACrBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,2BAA2B;QACzBJ,SAAS;IACX;IACAK,4BAA4B;QAC1BL,SAAS;IACX;IACAM,2BAA2B;QACzBN,SAAS;IACX;IACAO,MAAM;QACJC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,uBAAuB;QACrBC,SAAS;IACX;IACAC,yBAAyB;QACvBD,SAAS;IACX;IACAE,wBAAwB;QACtBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,oBAAoB;QAClBC,QAAQ;IACV;IACAC,sBAAsB;QACpBD,QAAQ;IACV;IACAE,qBAAqB;QACnBF,QAAQ;IACV;IACAG,oBAAoB;QAClBH,QAAQ;IACV;IACAI,eAAe;QACbC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqC;QAAqC;QAAiC;QAAmC;QAAmC;QAAyC;QAAqC;QAAuC;QAAsC;QAA4C;QAA6C;QAA2C;QAA6B;QAAyB;QAA2B;QAA2B;QAA0B;QAA4B;QAA0B;QAA+B;QAA6B;QAA+B;QAA8B;YAAC;YAA2B;gBACh2BC,GAAG,CAAC;YACN;SAAE;KAAC;AACL,IACA,uCAAuC"}
+{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nconst gapValues = {\n    smaller: '8px',\n    small: '10px',\n    medium: '15px',\n    large: '30px'\n};\nconst paddingValues = {\n    medium: '10px'\n};\nexport const useFlexStyles = makeStyles({\n    flex: {\n        display: 'flex'\n    },\n    inline: {\n        display: 'inline-flex'\n    },\n    column: {\n        flexDirection: 'column'\n    },\n    alignItemsFlexStart: {\n        alignItems: 'flex-start'\n    },\n    alignItemsCenter: {\n        alignItems: 'center'\n    },\n    alignItemsFlexEnd: {\n        alignItems: 'flex-end'\n    },\n    alignItemsStretch: {\n        alignItems: 'stretch'\n    },\n    justifyContentFlexStart: {\n        justifyContent: 'flex-start'\n    },\n    justifyContentCenter: {\n        justifyContent: 'center'\n    },\n    justifyContentFlexEnd: {\n        justifyContent: 'flex-end'\n    },\n    justifyContentStretch: {\n        justifyContent: 'stretch'\n    },\n    justifyContentSpaceAround: {\n        justifyContent: 'space-around'\n    },\n    justifyContentSpaceBetween: {\n        justifyContent: 'space-between'\n    },\n    justifyContentSpaceEvenly: {\n        justifyContent: 'space-evenly'\n    },\n    wrap: {\n        flexWrap: 'wrap'\n    },\n    fill: {\n        width: '100%',\n        height: '100%'\n    },\n    gapForColumnFlexSmall: {\n        rowGap: gapValues.small\n    },\n    gapForColumnFlexSmaller: {\n        rowGap: gapValues.smaller\n    },\n    gapForColumnFlexMedium: {\n        rowGap: gapValues.medium\n    },\n    gapForColumnFlexLarge: {\n        rowGap: gapValues.large\n    },\n    gapForRowFlexSmall: {\n        columnGap: gapValues.small\n    },\n    gapForRowFlexSmaller: {\n        columnGap: gapValues.smaller\n    },\n    gapForRowFlexMedium: {\n        columnGap: gapValues.medium\n    },\n    gapForRowFlexLarge: {\n        columnGap: gapValues.large\n    },\n    paddingMedium: {\n        padding: paddingValues.medium\n    }\n});\n"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;iCAVc;AAC3B,MAAMC,YAAY;IACdC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACX;AACA,MAAMC,gBAAgB;IAClBF,QAAQ;AACZ;AACO,MAAMJ,gBAAa,WAAA,GAAGO,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;IAAA;IAAAC,QAAA;QAAAD,QAAA;IAAA;IAAAE,QAAA;QAAAC,SAAA;IAAA;IAAAC,qBAAA;QAAAC,SAAA;IAAA;IAAAC,kBAAA;QAAAD,SAAA;IAAA;IAAAE,mBAAA;QAAAF,SAAA;IAAA;IAAAG,mBAAA;QAAAH,SAAA;IAAA;IAAAI,yBAAA;QAAAC,SAAA;IAAA;IAAAC,sBAAA;QAAAD,SAAA;IAAA;IAAAE,uBAAA;QAAAF,SAAA;IAAA;IAAAG,uBAAA;QAAAH,SAAA;IAAA;IAAAI,2BAAA;QAAAJ,SAAA;IAAA;IAAAK,4BAAA;QAAAL,SAAA;IAAA;IAAAM,2BAAA;QAAAN,SAAA;IAAA;IAAAO,MAAA;QAAAC,QAAA;IAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,uBAAA;QAAAC,SAAA;IAAA;IAAAC,yBAAA;QAAAD,SAAA;IAAA;IAAAE,wBAAA;QAAAF,SAAA;IAAA;IAAAG,uBAAA;QAAAH,SAAA;IAAA;IAAAI,oBAAA;QAAAC,QAAA;IAAA;IAAAC,sBAAA;QAAAD,QAAA;IAAA;IAAAE,qBAAA;QAAAF,QAAA;IAAA;IAAAG,oBAAA;QAAAH,QAAA;IAAA;IAAAI,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA"}

package/lib-commonjs/components/Flex/FlexItem.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FlexItem.mixins.js"],"sourcesContent":["const ALIGN = {\n    auto: {\n        alignSelf: 'auto'\n    },\n    start: {\n        alignSelf: 'flex-start'\n    },\n    end: {\n        alignSelf: 'flex-end'\n    },\n    center: {\n        alignSelf: 'center'\n    },\n    baseline: {\n        alignSelf: 'baseline'\n    },\n    stretch: {\n        alignSelf: 'stretch'\n    }\n};\nconst SIZE = {\n    half: {\n        flexBasis: '50%'\n    },\n    quarter: {\n        flexBasis: '25%'\n    },\n    small: {\n        flexBasis: '150px'\n    },\n    medium: {\n        flexBasis: '200px'\n    },\n    large: {\n        flexBasis: '300px'\n    }\n};\nconst align = (value)=>ALIGN[value];\nconst size = (value)=>SIZE[value];\nconst grow = (flexGrow)=>{\n    if (flexGrow === true) {\n        return {\n            flexGrow: 1\n        };\n    } else if (flexGrow) {\n        return {\n            flexGrow\n        };\n    } else {\n        return undefined;\n    }\n};\nconst shrink = (flexShrink)=>{\n    if (typeof flexShrink === 'number') {\n        return {\n            flexShrink\n        };\n    } else if (flexShrink === false) {\n        return {\n            flexShrink: 0\n        };\n    } else {\n        return undefined;\n    }\n};\nconst pushRow = ()=>({\n        marginLeft: 'auto'\n    });\nconst pushColumn = ()=>({\n        marginTop: 'auto'\n    });\nexport const flexItem = {\n    align,\n    size,\n    grow,\n    shrink,\n    pushRow,\n    pushColumn\n};\n"],"names":["flexItem","ALIGN","auto","alignSelf","start","end","center","baseline","stretch","SIZE","half","flexBasis","quarter","small","medium","large","align","value","size","grow","flexGrow","undefined","shrink","flexShrink","pushRow","marginLeft","pushColumn","marginTop"],"mappings":";;;;+BAuEaA;;;eAAAA;;;AAvEb,MAAMC,QAAQ;IACVC,MAAM;QACFC,WAAW;IACf;IACAC,OAAO;QACHD,WAAW;IACf;IACAE,KAAK;QACDF,WAAW;IACf;IACAG,QAAQ;QACJH,WAAW;IACf;IACAI,UAAU;QACNJ,WAAW;IACf;IACAK,SAAS;QACLL,WAAW;IACf;AACJ;AACA,MAAMM,OAAO;IACTC,MAAM;QACFC,WAAW;IACf;IACAC,SAAS;QACLD,WAAW;IACf;IACAE,OAAO;QACHF,WAAW;IACf;IACAG,QAAQ;QACJH,WAAW;IACf;IACAI,OAAO;QACHJ,WAAW;IACf;AACJ;AACA,MAAMK,QAAQ,CAACC,QAAQhB,KAAK,CAACgB,MAAM;AACnC,MAAMC,OAAO,CAACD,QAAQR,IAAI,CAACQ,MAAM;AACjC,MAAME,OAAO,CAACC;IACV,IAAIA,aAAa,MAAM;QACnB,OAAO;YACHA,UAAU;QACd;IACJ,OAAO,IAAIA,UAAU;QACjB,OAAO;YACHA;QACJ;IACJ,OAAO;QACH,OAAOC;IACX;AACJ;AACA,MAAMC,SAAS,CAACC;IACZ,IAAI,OAAOA,eAAe,UAAU;QAChC,OAAO;YACHA;QACJ;IACJ,OAAO,IAAIA,eAAe,OAAO;QAC7B,OAAO;YACHA,YAAY;QAChB;IACJ,OAAO;QACH,OAAOF;IACX;AACJ;AACA,MAAMG,UAAU,IAAK,CAAA;QACbC,YAAY;IAChB,CAAA;AACJ,MAAMC,aAAa,IAAK,CAAA;QAChBC,WAAW;IACf,CAAA;AACG,MAAM3B,WAAW;IACpBgB;IACAE;IACAC;IACAG;IACAE;IACAE;AACJ"}
+{"version":3,"sources":["FlexItem.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst ALIGN = {\n  auto: { alignSelf: 'auto' },\n  start: { alignSelf: 'flex-start' },\n  end: { alignSelf: 'flex-end' },\n  center: { alignSelf: 'center' },\n  baseline: { alignSelf: 'baseline' },\n  stretch: { alignSelf: 'stretch' },\n};\n\nconst SIZE = {\n  half: { flexBasis: '50%' },\n  quarter: { flexBasis: '25%' },\n  small: { flexBasis: '150px' },\n  medium: { flexBasis: '200px' },\n  large: { flexBasis: '300px' },\n};\n\nconst align = (value: 'auto' | 'start' | 'end' | 'center' | 'baseline' | 'stretch'): GriffelStyle => ALIGN[value];\n\nconst size = (value: 'half' | 'quarter' | 'small' | 'medium' | 'large'): GriffelStyle => SIZE[value];\n\nconst grow = (flexGrow: boolean | number): GriffelStyle | undefined => {\n  if (flexGrow === true) {\n    return { flexGrow: 1 };\n  } else if (flexGrow) {\n    return { flexGrow };\n  } else {\n    return undefined;\n  }\n};\n\nconst shrink = (flexShrink: boolean | number): GriffelStyle | undefined => {\n  if (typeof flexShrink === 'number') {\n    return { flexShrink };\n  } else if (flexShrink === false) {\n    return { flexShrink: 0 };\n  } else {\n    return undefined;\n  }\n};\n\nconst pushRow = (): GriffelStyle => ({ marginLeft: 'auto' });\nconst pushColumn = (): GriffelStyle => ({ marginTop: 'auto' });\n\nexport const flexItem = {\n  align,\n  size,\n  grow,\n  shrink,\n  pushRow,\n  pushColumn,\n};\n"],"names":["flexItem","ALIGN","auto","alignSelf","start","end","center","baseline","stretch","SIZE","half","flexBasis","quarter","small","medium","large","align","value","size","grow","flexGrow","undefined","shrink","flexShrink","pushRow","marginLeft","pushColumn","marginTop"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA8CaA;;;eAAAA;;;AA5Cb,MAAMC,QAAQ;IACZC,MAAM;QAAEC,WAAW;IAAO;IAC1BC,OAAO;QAAED,WAAW;IAAa;IACjCE,KAAK;QAAEF,WAAW;IAAW;IAC7BG,QAAQ;QAAEH,WAAW;IAAS;IAC9BI,UAAU;QAAEJ,WAAW;IAAW;IAClCK,SAAS;QAAEL,WAAW;IAAU;AAClC;AAEA,MAAMM,OAAO;IACXC,MAAM;QAAEC,WAAW;IAAM;IACzBC,SAAS;QAAED,WAAW;IAAM;IAC5BE,OAAO;QAAEF,WAAW;IAAQ;IAC5BG,QAAQ;QAAEH,WAAW;IAAQ;IAC7BI,OAAO;QAAEJ,WAAW;IAAQ;AAC9B;AAEA,MAAMK,QAAQ,CAACC,QAAsFhB,KAAK,CAACgB,MAAM;AAEjH,MAAMC,OAAO,CAACD,QAA2ER,IAAI,CAACQ,MAAM;AAEpG,MAAME,OAAO,CAACC;IACZ,IAAIA,aAAa,MAAM;QACrB,OAAO;YAAEA,UAAU;QAAE;IACvB,OAAO,IAAIA,UAAU;QACnB,OAAO;YAAEA;QAAS;IACpB,OAAO;QACL,OAAOC;IACT;AACF;AAEA,MAAMC,SAAS,CAACC;IACd,IAAI,OAAOA,eAAe,UAAU;QAClC,OAAO;YAAEA;QAAW;IACtB,OAAO,IAAIA,eAAe,OAAO;QAC/B,OAAO;YAAEA,YAAY;QAAE;IACzB,OAAO;QACL,OAAOF;IACT;AACF;AAEA,MAAMG,UAAU,IAAqB,CAAA;QAAEC,YAAY;IAAO,CAAA;AAC1D,MAAMC,aAAa,IAAqB,CAAA;QAAEC,WAAW;IAAO,CAAA;AAErD,MAAM3B,WAAW;IACtBgB;IACAE;IACAC;IACAG;IACAE;IACAE;AACF"}

package/lib-commonjs/components/Flex/index.js

@@ -15,11 +15,11 @@ _export(exports, {
     flexClassName: function() {
         return _Flex.flexClassName;
     },
-    useFlexStyles: function() {
-        return _Flexstyles.useFlexStyles;
-    },
     flexItem: function() {
         return _FlexItemmixins.flexItem;
+    },
+    useFlexStyles: function() {
+        return _Flexstyles.useFlexStyles;
     }
 });
 const _Flex = require("./Flex");

package/lib-commonjs/components/Flex/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"names":["Flex","flexClassName","useFlexStyles","flexItem"],"mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAAEC,aAAa;eAAbA,mBAAa;;IACnBC,aAAa;eAAbA,yBAAa;;IACbC,QAAQ;eAARA,wBAAQ;;;sBAFmB;4BACN;gCACL"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { Flex, flexClassName } from './Flex';\nexport type { FlexProps } from './Flex';\nexport { useFlexStyles } from './Flex.styles';\nexport { flexItem } from './FlexItem.mixins';\n"],"names":["Flex","flexClassName","flexItem","useFlexStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAAEC,aAAa;eAAbA,mBAAa;;IAGnBC,QAAQ;eAARA,wBAAQ;;IADRC,aAAa;eAAbA,yBAAa;;;sBAFc;4BAEN;gCACL"}

package/lib-commonjs/components/FormField/FormFieldShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormFieldShim.js"],"sourcesContent":["import { renderField_unstable, useFieldContextValues_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-components';\nimport * as React from 'react';\nexport const FormFieldShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { errorMessage, required, control, label } = props;\n    const fieldProps = {\n        required\n    };\n    if (errorMessage && (control === null || control === void 0 ? void 0 : control.error) === 'true') {\n        fieldProps.validationState = 'error';\n        if (typeof errorMessage === 'object') {\n            fieldProps.validationMessage = errorMessage.content;\n        }\n        if (typeof errorMessage === 'string') {\n            fieldProps.validationMessage = errorMessage;\n        }\n    }\n    if (label) {\n        if (typeof label === 'object') {\n            fieldProps.label = label.content;\n        } else {\n            fieldProps.label = label;\n        }\n    }\n    const children = props.children || (control === null || control === void 0 ? void 0 : control.content);\n    if (/*#__PURE__*/ React.isValidElement(children)) {\n        const child = children;\n        // Use the Field's child render function to pass the field control props to the child\n        fieldProps.children = (fieldControlProps)=>/*#__PURE__*/ React.cloneElement(child, {\n                ...fieldControlProps,\n                ...child.props\n            });\n    } else {\n        fieldProps.children = children;\n    }\n    const state = useField_unstable(fieldProps, ref);\n    useFieldStyles_unstable(state);\n    const context = useFieldContextValues_unstable(state);\n    return renderField_unstable(state, context);\n});\nFormFieldShim.displayName = 'FormFieldShim';\n"],"names":["FormFieldShim","React","forwardRef","props","ref","errorMessage","required","control","label","fieldProps","error","validationState","validationMessage","content","children","isValidElement","child","fieldControlProps","cloneElement","state","useField_unstable","useFieldStyles_unstable","context","useFieldContextValues_unstable","renderField_unstable","displayName"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iCAFoG;iEAC1F;AAChB,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAChE,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL;IACnD,MAAMM,aAAa;QACfH;IACJ;IACA,IAAID,gBAAgB,AAACE,CAAAA,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQG,KAAK,AAAD,MAAO,QAAQ;QAC9FD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YAClCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACvD;QACA,IAAI,OAAOR,iBAAiB,UAAU;YAClCI,WAAWG,iBAAiB,GAAGP;QACnC;IACJ;IACA,IAAIG,OAAO;QACP,IAAI,OAAOA,UAAU,UAAU;YAC3BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QACpC,OAAO;YACHJ,WAAWD,KAAK,GAAGA;QACvB;IACJ;IACA,MAAMM,WAAWX,MAAMW,QAAQ,IAAKP,CAAAA,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQM,OAAO,AAAD;IACpG,IAAI,WAAW,GAAGZ,OAAMc,cAAc,CAACD,WAAW;QAC9C,MAAME,QAAQF;QACd,qFAAqF;QACrFL,WAAWK,QAAQ,GAAG,CAACG,oBAAoB,WAAW,GAAGhB,OAAMiB,YAAY,CAACF,OAAO;gBAC3E,GAAGC,iBAAiB;gBACpB,GAAGD,MAAMb,KAAK;YAClB;IACR,OAAO;QACHM,WAAWK,QAAQ,GAAGA;IAC1B;IACA,MAAMK,QAAQC,IAAAA,kCAAiB,EAACX,YAAYL;IAC5CiB,IAAAA,wCAAuB,EAACF;IACxB,MAAMG,UAAUC,IAAAA,+CAA8B,EAACJ;IAC/C,OAAOK,IAAAA,qCAAoB,EAACL,OAAOG;AACvC;AACAtB,cAAcyB,WAAW,GAAG"}
+{"version":3,"sources":["FormFieldShim.tsx"],"sourcesContent":["import {\n  FieldProps,\n  renderField_unstable,\n  useFieldContextValues_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-components';\nimport type { ObjectShorthandValue } from '@fluentui/react-northstar';\n\nimport * as React from 'react';\n\ntype WithContent = ObjectShorthandValue<React.HTMLAttributes<HTMLDivElement>> | string;\n\n/**\n *\n */\ntype CustomInputFieldProps = React.PropsWithChildren<{\n  /**\n   * Message to be shown when error state is true\n   */\n  errorMessage?: WithContent;\n  /**\n   * Whether the field label should be marked as required.\n   */\n  required?: boolean;\n  /**\n   * Control to be rendered\n   */\n  control?: ObjectShorthandValue<{\n    /**\n     * Control content\n     */\n    content?: React.ReactNode;\n  }> & {\n    /**\n     * Error state\n     */\n    error?: 'true' | 'false';\n  };\n  /**\n   * Label to be rendered\n   */\n  label?: WithContent;\n}>;\n\nexport const FormFieldShim = React.forwardRef<HTMLInputElement, CustomInputFieldProps>((props, ref) => {\n  const { errorMessage, required, control, label } = props;\n  const fieldProps: FieldProps = { required };\n\n  if (errorMessage && control?.error === 'true') {\n    fieldProps.validationState = 'error';\n    if (typeof errorMessage === 'object') {\n      fieldProps.validationMessage = errorMessage.content;\n    }\n    if (typeof errorMessage === 'string') {\n      fieldProps.validationMessage = errorMessage;\n    }\n  }\n\n  if (label) {\n    if (typeof label === 'object') {\n      fieldProps.label = label.content;\n    } else {\n      fieldProps.label = label;\n    }\n  }\n\n  const children: FieldProps['children'] = props.children || control?.content;\n\n  if (React.isValidElement(children)) {\n    const child: React.ReactElement = children;\n\n    // Use the Field's child render function to pass the field control props to the child\n    fieldProps.children = fieldControlProps => React.cloneElement(child, { ...fieldControlProps, ...child.props });\n  } else {\n    fieldProps.children = children;\n  }\n\n  const state = useField_unstable(fieldProps, ref);\n  useFieldStyles_unstable(state);\n  const context = useFieldContextValues_unstable(state);\n  return renderField_unstable(state, context);\n});\n\nFormFieldShim.displayName = 'FormFieldShim';\n"],"names":["FormFieldShim","React","forwardRef","props","ref","errorMessage","required","control","label","fieldProps","error","validationState","validationMessage","content","children","isValidElement","child","fieldControlProps","cloneElement","state","useField_unstable","useFieldStyles_unstable","context","useFieldContextValues_unstable","renderField_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6CaA;;;eAAAA;;;;iCAvCN;iEAGgB;AAoChB,MAAMA,gBAAAA,WAAAA,GAAgBC,OAAMC,UAAU,CAA0C,CAACC,OAAOC;IAC7F,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL;IACnD,MAAMM,aAAyB;QAAEH;IAAS;IAE1C,IAAID,gBAAgBE,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASG,KAAK,AAALA,MAAU,QAAQ;QAC7CD,WAAWE,eAAe,GAAG;QAC7B,IAAI,OAAON,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP,aAAaQ,OAAO;QACrD;QACA,IAAI,OAAOR,iBAAiB,UAAU;YACpCI,WAAWG,iBAAiB,GAAGP;QACjC;IACF;IAEA,IAAIG,OAAO;QACT,IAAI,OAAOA,UAAU,UAAU;YAC7BC,WAAWD,KAAK,GAAGA,MAAMK,OAAO;QAClC,OAAO;YACLJ,WAAWD,KAAK,GAAGA;QACrB;IACF;IAEA,MAAMM,WAAmCX,MAAMW,QAAQ,IAAIP,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASM,OAAO,AAAPA;IAEpE,IAAA,WAAA,GAAIZ,OAAMc,cAAc,CAACD,WAAW;QAClC,MAAME,QAA4BF;QAElC,qFAAqF;QACrFL,WAAWK,QAAQ,GAAGG,CAAAA,oBAAAA,WAAAA,GAAqBhB,OAAMiB,YAAY,CAACF,OAAO;gBAAE,GAAGC,iBAAiB;gBAAE,GAAGD,MAAMb,KAAK;YAAC;IAC9G,OAAO;QACLM,WAAWK,QAAQ,GAAGA;IACxB;IAEA,MAAMK,QAAQC,IAAAA,kCAAAA,EAAkBX,YAAYL;IAC5CiB,IAAAA,wCAAAA,EAAwBF;IACxB,MAAMG,UAAUC,IAAAA,+CAAAA,EAA+BJ;IAC/C,OAAOK,IAAAA,qCAAAA,EAAqBL,OAAOG;AACrC;AAEAtB,cAAcyB,WAAW,GAAG"}

package/lib-commonjs/components/FormField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './FormFieldShim';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './FormFieldShim';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/components/Grid/Grid.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Grid.mixins.js"],"sourcesContent":["const getCSSTemplateValue = (template)=>{\n    const templateAsNumber = Number(template);\n    return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\nconst columns = (template)=>({\n        gridTemplateColumns: getCSSTemplateValue(template)\n    });\nconst rows = (template)=>({\n        gridTemplateRows: getCSSTemplateValue(template)\n    });\nexport const grid = {\n    columns,\n    rows\n};\n"],"names":["grid","getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows"],"mappings":";;;;+BAUaA;;;eAAAA;;;AAVb,MAAMC,sBAAsB,CAACC;IACzB,MAAMC,mBAAmBC,OAAOF;IAChC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ;AAClG;AACA,MAAMK,UAAU,CAACL,WAAY,CAAA;QACrBM,qBAAqBP,oBAAoBC;IAC7C,CAAA;AACJ,MAAMO,OAAO,CAACP,WAAY,CAAA;QAClBQ,kBAAkBT,oBAAoBC;IAC1C,CAAA;AACG,MAAMF,OAAO;IAChBO;IACAE;AACJ"}
+{"version":3,"sources":["Grid.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst getCSSTemplateValue = (template: string | number): string => {\n  const templateAsNumber = Number(template);\n\n  return !isNaN(templateAsNumber) && templateAsNumber > 0 ? `repeat(${template}, 1fr)` : String(template);\n};\n\nconst columns = (template: string): GriffelStyle => ({\n  gridTemplateColumns: getCSSTemplateValue(template),\n});\n\nconst rows = (template: string): GriffelStyle => ({\n  gridTemplateRows: getCSSTemplateValue(template),\n});\n\nexport const grid = {\n  columns,\n  rows,\n};\n"],"names":["grid","getCSSTemplateValue","template","templateAsNumber","Number","isNaN","String","columns","gridTemplateColumns","rows","gridTemplateRows"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;AAdb,MAAMC,sBAAsB,CAACC;IAC3B,MAAMC,mBAAmBC,OAAOF;IAEhC,OAAO,CAACG,MAAMF,qBAAqBA,mBAAmB,IAAI,CAAC,OAAO,EAAED,SAAS,MAAM,CAAC,GAAGI,OAAOJ;AAChG;AAEA,MAAMK,UAAU,CAACL,WAAoC,CAAA;QACnDM,qBAAqBP,oBAAoBC;IAC3C,CAAA;AAEA,MAAMO,OAAO,CAACP,WAAoC,CAAA;QAChDQ,kBAAkBT,oBAAoBC;IACxC,CAAA;AAEO,MAAMF,OAAO;IAClBO;IACAE;AACF"}

package/lib-commonjs/components/Grid/Grid.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Grid.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useGridStyles = /*#__PURE__*/__styles({\n  grid: {\n    mc9l5x: \"f13qh94s\",\n    Brf1p80: \"figf6al\"\n  },\n  onlyRows: {\n    Bxotwcr: \"f1u07yai\"\n  },\n  rows1: {\n    wkccdc: \"f47j106\"\n  },\n  rows2: {\n    wkccdc: \"f1tiwqaz\"\n  },\n  rows3: {\n    wkccdc: \"f15gdfvi\"\n  },\n  columns1: {\n    Budl1dq: \"f1lkdla\"\n  },\n  columns2: {\n    Budl1dq: \"fi0ouf2\"\n  },\n  columns3: {\n    Budl1dq: \"f18eqifj\"\n  },\n  columnsDefault: {\n    Budl1dq: \"f14wuttv\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".figf6al{justify-content:space-evenly;}\", \".f1u07yai{grid-auto-flow:column;}\", \".f47j106{grid-template-rows:repeat(1, 1fr);}\", \".f1tiwqaz{grid-template-rows:repeat(2, 1fr);}\", \".f15gdfvi{grid-template-rows:repeat(3, 1fr);}\", \".f1lkdla{grid-template-columns:repeat(1, 1fr);}\", \".fi0ouf2{grid-template-columns:repeat(2, 1fr);}\", \".f18eqifj{grid-template-columns:repeat(3, 1fr);}\", \".f14wuttv{grid-template-columns:repeat(5, 1fr);}\"]\n});\n//# sourceMappingURL=Grid.styles.js.map"],"names":["useGridStyles","__styles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,gBAAgB,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;IACX;IACAC,OAAO;QACLC,QAAQ;IACV;IACAC,OAAO;QACLD,QAAQ;IACV;IACAE,OAAO;QACLF,QAAQ;IACV;IACAG,UAAU;QACRC,SAAS;IACX;IACAC,UAAU;QACRD,SAAS;IACX;IACAE,UAAU;QACRF,SAAS;IACX;IACAG,gBAAgB;QACdH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAA4B;QAA2C;QAAqC;QAAgD;QAAiD;QAAiD;QAAmD;QAAmD;QAAoD;KAAmD;AACjd,IACA,uCAAuC"}
+{"version":3,"sources":["Grid.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useGridStyles = makeStyles({\n    grid: {\n        display: 'grid',\n        justifyContent: 'space-evenly'\n    },\n    onlyRows: {\n        gridAutoFlow: 'column'\n    },\n    rows1: {\n        gridTemplateRows: 'repeat(1, 1fr)'\n    },\n    rows2: {\n        gridTemplateRows: 'repeat(2, 1fr)'\n    },\n    rows3: {\n        gridTemplateRows: 'repeat(3, 1fr)'\n    },\n    columns1: {\n        gridTemplateColumns: 'repeat(1, 1fr)'\n    },\n    columns2: {\n        gridTemplateColumns: 'repeat(2, 1fr)'\n    },\n    columns3: {\n        gridTemplateColumns: 'repeat(3, 1fr)'\n    },\n    columnsDefault: {\n        gridTemplateColumns: 'repeat(5, 1fr)'\n    }\n});\n"],"names":["useGridStyles","__styles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,gBAAa,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAC,SAAA;IAAA;IAAAC,OAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAD,QAAA;IAAA;IAAAE,OAAA;QAAAF,QAAA;IAAA;IAAAG,UAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAD,SAAA;IAAA;IAAAE,UAAA;QAAAF,SAAA;IAAA;IAAAG,gBAAA;QAAAH,SAAA;IAAA;AAAA,GAAA;IAAAI,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Grid/GridShim.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    gridShimClassName: function() {
-        return gridShimClassName;
-    },
     GridShim: function() {
         return GridShim;
+    },
+    gridShimClassName: function() {
+        return gridShimClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

package/lib-commonjs/components/Grid/GridShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GridShim.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\nexport const gridShimClassName = 'fui-Grid';\nexport const GridShim = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n    const classMaps = React.useMemo(()=>({\n            rowsClasses: {\n                1: classes.rows1,\n                2: classes.rows2,\n                3: classes.rows3\n            },\n            columnsClasses: {\n                1: classes.columns1,\n                2: classes.columns2,\n                3: classes.columns3\n            }\n        }), [\n        classes\n    ]);\n    const gridClasses = mergeClasses(gridShimClassName, classes.grid, !rows && !columns && classes.columnsDefault, rows && !columns && classes.onlyRows, rows && classMaps.rowsClasses[rows], columns && classMaps.columnsClasses[columns], className);\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        ref: ref,\n        className: gridClasses,\n        ...rest\n    });\n});\nGridShim.displayName = 'GridShim';\n"],"names":["gridShimClassName","GridShim","React","forwardRef","props","ref","rows","columns","className","rest","classes","useGridStyles","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","mergeClasses","grid","columnsDefault","onlyRows","createElement","displayName"],"mappings":";;;;;;;;;;;IAGaA,iBAAiB;eAAjBA;;IACAC,QAAQ;eAARA;;;;iCAJgB;iEACN;4BACO;AACvB,MAAMD,oBAAoB;AAC1B,MAAMC,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3D,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,UAAUC,IAAAA,yBAAa;IAC7B,MAAMC,YAAYV,OAAMW,OAAO,CAAC,IAAK,CAAA;YAC7BC,aAAa;gBACT,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;gBAChB,GAAGN,QAAQO,KAAK;YACpB;YACAC,gBAAgB;gBACZ,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;gBACnB,GAAGV,QAAQW,QAAQ;YACvB;QACJ,CAAA,GAAI;QACJX;KACH;IACD,MAAMY,cAAcC,IAAAA,6BAAY,EAACvB,mBAAmBU,QAAQc,IAAI,EAAE,CAAClB,QAAQ,CAACC,WAAWG,QAAQe,cAAc,EAAEnB,QAAQ,CAACC,WAAWG,QAAQgB,QAAQ,EAAEpB,QAAQM,UAAUE,WAAW,CAACR,KAAK,EAAEC,WAAWK,UAAUM,cAAc,CAACX,QAAQ,EAAEC;IACxO,OAAO,WAAW,GAAGN,OAAMyB,aAAa,CAAC,OAAO;QAC5CtB,KAAKA;QACLG,WAAWc;QACX,GAAGb,IAAI;IACX;AACJ;AACAR,SAAS2B,WAAW,GAAG"}
+{"version":3,"sources":["GridShim.tsx"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"names":["GridShim","gridShimClassName","React","forwardRef","props","ref","rows","columns","className","rest","classes","useGridStyles","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","mergeClasses","grid","columnsDefault","onlyRows","createElement","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAoBaA,QAAAA;eAAAA;;IAFAC,iBAAAA;eAAAA;;;;iCAlBgB;iEACN;4BACO;AAgBvB,MAAMA,oBAAoB;AAE1B,MAAMD,WAAAA,WAAAA,GAAWE,OAAMC,UAAU,CACtC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,UAAUC,IAAAA,yBAAAA;IAEhB,MAAMC,YAAYV,OAAMW,OAAO,CAC7B,IAAO,CAAA;YACLC,aAAa;gBACX,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;gBAChB,GAAGN,QAAQO,KAAK;YAClB;YACAC,gBAAgB;gBACd,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;gBACnB,GAAGV,QAAQW,QAAQ;YACrB;QACF,CAAA,GACA;QAACX;KAAQ;IAGX,MAAMY,cAAcC,IAAAA,6BAAAA,EAClBtB,mBACAS,QAAQc,IAAI,EACZ,CAAClB,QAAQ,CAACC,WAAWG,QAAQe,cAAc,EAC3CnB,QAAQ,CAACC,WAAWG,QAAQgB,QAAQ,EACpCpB,QAAQM,UAAUE,WAAW,CAACR,KAAK,EACnCC,WAAWK,UAAUM,cAAc,CAACX,QAAQ,EAC5CC;IAEF,OAAA,WAAA,GAAON,OAAAyB,aAAA,CAACC,OAAAA;QAAIvB,KAAKA;QAAKG,WAAWc;QAAc,GAAGb,IAAI;;AACxD;AAGFT,SAAS6B,WAAW,GAAG"}

package/lib-commonjs/components/Grid/index.js

@@ -12,14 +12,14 @@ _export(exports, {
     GridShim: function() {
         return _GridShim.GridShim;
     },
+    grid: function() {
+        return _Gridmixins.grid;
+    },
     gridClassName: function() {
         return _GridShim.gridShimClassName;
     },
     useGridStyles: function() {
         return _Gridstyles.useGridStyles;
-    },
-    grid: function() {
-        return _Gridmixins.grid;
     }
 });
 const _GridShim = require("./GridShim");

package/lib-commonjs/components/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","gridClassName","gridShimClassName","useGridStyles","grid"],"mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAAuBC,aAAa;eAAlCC,2BAAiB;;IAC3BC,aAAa;eAAbA,yBAAa;;IACbC,IAAI;eAAJA,gBAAI;;;0BAFgD;4BAC/B;4BACT"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","grid","gridClassName","gridShimClassName","useGridStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAGRC,IAAI;eAAJA,gBAAI;;IAH2BC,aAAa;eAAlCC,2BAAAA;;IAEVC,aAAa;eAAbA,yBAAa;;;0BAFuC;4BAE/B;4BACT"}

package/lib-commonjs/components/Input/Input.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.mixins.js"],"sourcesContent":["import { tokens } from '@fluentui/react-components';\nconst fluid = ()=>({\n        width: '100%'\n    });\nconst error = ()=>({\n        border: `1px solid ${tokens.colorPaletteRedBorderActive}`\n    });\nconst errorIndicator = ()=>({\n        color: tokens.colorPaletteRedBorderActive\n    });\nconst successIndicator = ()=>({\n        color: tokens.colorPaletteGreenForeground1\n    });\nexport const input = {\n    error,\n    errorIndicator,\n    fluid,\n    successIndicator\n};\n"],"names":["input","fluid","width","error","border","tokens","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1"],"mappings":";;;;+BAaaA;;;eAAAA;;;iCAbU;AACvB,MAAMC,QAAQ,IAAK,CAAA;QACXC,OAAO;IACX,CAAA;AACJ,MAAMC,QAAQ,IAAK,CAAA;QACXC,QAAQ,CAAC,UAAU,EAAEC,uBAAM,CAACC,2BAA2B,CAAC,CAAC;IAC7D,CAAA;AACJ,MAAMC,iBAAiB,IAAK,CAAA;QACpBC,OAAOH,uBAAM,CAACC,2BAA2B;IAC7C,CAAA;AACJ,MAAMG,mBAAmB,IAAK,CAAA;QACtBD,OAAOH,uBAAM,CAACK,4BAA4B;IAC9C,CAAA;AACG,MAAMV,QAAQ;IACjBG;IACAI;IACAN;IACAQ;AACJ"}
+{"version":3,"sources":["Input.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nconst error = (): GriffelStyle => ({ border: `1px solid ${tokens.colorPaletteRedBorderActive}` });\n\nconst errorIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteRedBorderActive,\n});\n\nconst successIndicator = (): GriffelStyle => ({\n  color: tokens.colorPaletteGreenForeground1,\n});\n\nexport const input = {\n  error,\n  errorIndicator,\n  fluid,\n  successIndicator,\n};\n"],"names":["input","fluid","width","error","border","tokens","colorPaletteRedBorderActive","errorIndicator","color","successIndicator","colorPaletteGreenForeground1"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;iCAdwB;AAErC,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAEnD,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,QAAQ,CAAC,UAAU,EAAEC,uBAAAA,CAAOC,2BAA2B,CAAC,CAAC;IAAC,CAAA;AAE/F,MAAMC,iBAAiB,IAAqB,CAAA;QAC1CC,OAAOH,uBAAAA,CAAOC,2BAA2B;IAC3C,CAAA;AAEA,MAAMG,mBAAmB,IAAqB,CAAA;QAC5CD,OAAOH,uBAAAA,CAAOK,4BAA4B;IAC5C,CAAA;AAEO,MAAMV,QAAQ;IACnBG;IACAI;IACAN;IACAQ;AACF"}

package/lib-commonjs/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"mappings":";;;;+BAASA;;;eAAAA,kBAAK;;;6BAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"rangeMappings":";;;;;;;;;;","mappings":";;;;+BAASA;;;eAAAA,kBAAK;;;6BAAQ"}

package/lib-commonjs/components/ItemLayout/ItemLayout.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    itemLayoutClassName: function() {
-        return itemLayoutClassName;
-    },
     ItemLayout: function() {
         return ItemLayout;
+    },
+    itemLayoutClassName: function() {
+        return itemLayoutClassName;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

package/lib-commonjs/components/ItemLayout/ItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { getIntrinsicElementProps, slot, assertSlots } from '@fluentui/react-utilities';\nimport { useItemLayoutStyles } from './ItemLayout.styles';\nexport const itemLayoutClassName = 'fui-ItemLayout';\nexport const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = {\n        components: {\n            root: 'div',\n            contentWrapper: 'div',\n            contentMedia: 'div',\n            header: 'div',\n            headerMedia: 'div',\n            startMedia: 'div',\n            endMedia: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ...props,\n            ref\n        }), {\n            elementType: 'div'\n        }),\n        contentMedia: slot.optional(props.contentMedia, {\n            elementType: 'div'\n        }),\n        contentWrapper: slot.optional(props.contentWrapper, {\n            renderByDefault: true,\n            elementType: 'div'\n        }),\n        header: slot.optional(props.header, {\n            elementType: 'div'\n        }),\n        headerMedia: slot.optional(props.headerMedia, {\n            elementType: 'div'\n        }),\n        startMedia: slot.optional(props.startMedia, {\n            elementType: 'div'\n        }),\n        endMedia: slot.optional(props.endMedia, {\n            elementType: 'div'\n        })\n    };\n    const styles = useItemLayoutStyles();\n    state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n    if (state.contentWrapper) {\n        state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n    }\n    if (state.contentMedia) {\n        state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n    }\n    if (state.header) {\n        state.header.className = mergeClasses(styles.header, state.header.className);\n    }\n    if (state.headerMedia) {\n        state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n    }\n    if (state.startMedia) {\n        state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n    }\n    if (state.endMedia) {\n        state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n    }\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.startMedia && /*#__PURE__*/ createElement(state.startMedia, null), state.header && /*#__PURE__*/ createElement(state.header, null), state.headerMedia && /*#__PURE__*/ createElement(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ createElement(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ createElement(state.contentMedia, null), state.endMedia && /*#__PURE__*/ createElement(state.endMedia, null));\n});\nItemLayout.displayName = 'ItemLayout';\n"],"names":["itemLayoutClassName","ItemLayout","React","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","styles","useItemLayoutStyles","className","mergeClasses","assertSlots","createElement","children","displayName"],"mappings":"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"}
+{"version":3,"sources":["ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n  ComponentProps,\n  ComponentState,\n  getIntrinsicElementProps,\n  Slot,\n  slot,\n  assertSlots,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["ItemLayout","itemLayoutClassName","React","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","styles","useItemLayoutStyles","className","mergeClasses","assertSlots","createElement","children","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/ItemLayout/ItemLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f13qh94s\",\n    Budl1dq: \"f10xlqro\",\n    sshi5w: \"f1e8ugpm\"\n  },\n  contentMedia: {\n    qb2dma: \"f9h729m\",\n    Br312pm: \"fis13di\",\n    Bw0ie65: \"fsyjsko\",\n    Ijaq50: \"faunodf\",\n    nk6f5a: \"fcu02xx\",\n    Be2twd7: \"f1ugzwwg\",\n    Bg96gwp: \"f16tcgob\"\n  },\n  contentWrapper: {\n    qb2dma: \"f9h729m\",\n    Br312pm: \"fd46tj4\",\n    Bw0ie65: \"fz1yyy6\",\n    Ijaq50: \"faunodf\",\n    nk6f5a: \"fcu02xx\",\n    t21cq0: [\"f1phki43\", \"ff9s3yw\"],\n    Be2twd7: \"f1ugzwwg\",\n    Bg96gwp: \"f16tcgob\"\n  },\n  header: {\n    qb2dma: \"f1locze1\",\n    Br312pm: \"fd46tj4\",\n    Bw0ie65: \"fz1yyy6\",\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"f88nxoq\",\n    Be2twd7: \"fses1vf\",\n    t21cq0: [\"f1phki43\", \"ff9s3yw\"]\n  },\n  headerMedia: {\n    qb2dma: \"f1locze1\",\n    Br312pm: \"fis13di\",\n    Bw0ie65: \"fsyjsko\",\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"f88nxoq\",\n    Be2twd7: \"f1ugzwwg\",\n    Bg96gwp: \"f16tcgob\"\n  },\n  startMedia: {\n    qb2dma: \"f7nlbp4\",\n    Br312pm: \"fwpfdsa\",\n    Bw0ie65: \"f1e2fz10\",\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"fcu02xx\",\n    t21cq0: [\"f1phki43\", \"ff9s3yw\"]\n  },\n  endMedia: {\n    qb2dma: \"f7nlbp4\",\n    Br312pm: \"f1f195pj\",\n    Bw0ie65: \"f1u8tn6t\",\n    Ijaq50: \"f16hsg94\",\n    nk6f5a: \"fcu02xx\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f10xlqro{grid-template-columns:auto 1fr auto auto;}\", \".f1e8ugpm{min-height:48px;}\", \".f9h729m{align-self:start;}\", \".fis13di{grid-column-start:3;}\", \".fsyjsko{grid-column-end:4;}\", \".faunodf{grid-row-start:2;}\", \".fcu02xx{grid-row-end:3;}\", \".f1ugzwwg{font-size:12px;}\", \".f16tcgob{line-height:1.3333;}\", \".fd46tj4{grid-column-start:2;}\", \".fz1yyy6{grid-column-end:3;}\", \".f1phki43{margin-right:8px;}\", \".ff9s3yw{margin-left:8px;}\", \".f1locze1{align-self:end;}\", \".f16hsg94{grid-row-start:1;}\", \".f88nxoq{grid-row-end:2;}\", \".fses1vf{font-size:14px;}\", \".f7nlbp4{align-self:center;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\", \".f1f195pj{grid-column-start:4;}\", \".f1u8tn6t{grid-column-end:5;}\"]\n});\n//# sourceMappingURL=ItemLayout.styles.js.map"],"names":["useItemLayoutStyles","__styles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,sBAAsB,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IACvDC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,gBAAgB;QACdP,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRI,QAAQ;YAAC;YAAY;SAAU;QAC/BH,SAAS;QACTC,SAAS;IACX;IACAG,QAAQ;QACNT,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTG,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAE,aAAa;QACXV,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAK,YAAY;QACVX,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRI,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAI,UAAU;QACRZ,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDS,GAAG;QAAC;QAA4B;QAAwD;QAA+B;QAA+B;QAAkC;QAAgC;QAA+B;QAA6B;QAA8B;QAAkC;QAAkC;QAAgC;QAAgC;QAA8B;QAA8B;QAAgC;QAA6B;QAA6B;QAAgC;QAAkC;QAAiC;QAAmC;KAAgC;AACpvB,IACA,6CAA6C"}
+{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = makeStyles({\n    root: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr auto auto',\n        minHeight: '48px'\n    },\n    contentMedia: {\n        alignSelf: 'start',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    contentWrapper: {\n        alignSelf: 'start',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        marginRight: '8px',\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    header: {\n        alignSelf: 'end',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '14px',\n        marginRight: '8px'\n    },\n    headerMedia: {\n        alignSelf: 'end',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    startMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 1,\n        gridColumnEnd: 2,\n        gridRowStart: 1,\n        gridRowEnd: 3,\n        marginRight: '8px'\n    },\n    endMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 4,\n        gridColumnEnd: 5,\n        gridRowStart: 1,\n        gridRowEnd: 3\n    }\n});\n"],"names":["useItemLayoutStyles","__styles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,sBAAmB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,gBAAA;QAAAP,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAI,QAAA;YAAA;YAAA;SAAA;QAAAH,SAAA;QAAAC,SAAA;IAAA;IAAAG,QAAA;QAAAT,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAG,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAE,aAAA;QAAAV,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAK,YAAA;QAAAX,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAI,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAI,UAAA;QAAAZ,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAS,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/ItemLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ItemLayout';\nexport * from './ItemLayout.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.tsx"],"sourcesContent":["export * from './ItemLayout';\nexport * from './ItemLayout.styles';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/components/List/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["List.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport { useListContextValues_unstable } from './useListContextValues';\nexport const List = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useList_unstable(props, ref);\n    const contextValues = useListContextValues_unstable(state);\n    useListStyles_unstable(state);\n    useCustomStyleHook_unstable('useListStyles_unstable')(state);\n    return renderList_unstable(state, contextValues);\n});\nList.displayName = 'List';\n"],"names":["List","React","forwardRef","props","ref","state","useList_unstable","contextValues","useListContextValues_unstable","useListStyles_unstable","useCustomStyleHook_unstable","renderList_unstable","displayName"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;qCACqB;yBACX;4BACG;qCACG;sCACO;AACvC,MAAMA,OAAO,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvD,MAAMC,QAAQC,IAAAA,yBAAgB,EAACH,OAAOC;IACtC,MAAMG,gBAAgBC,IAAAA,mDAA6B,EAACH;IACpDI,IAAAA,2CAAsB,EAACJ;IACvBK,IAAAA,gDAA2B,EAAC,0BAA0BL;IACtD,OAAOM,IAAAA,+BAAmB,EAACN,OAAOE;AACtC;AACAP,KAAKY,WAAW,GAAG"}
+{"version":3,"sources":["List.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["List","React","forwardRef","props","ref","state","useList_unstable","contextValues","useListContextValues_unstable","useListStyles_unstable","useCustomStyleHook_unstable","renderList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qCAEqB;yBACX;4BACG;qCACG;sCAEO;AAEvC,MAAMA,OAAAA,WAAAA,GAAuCC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,yBAAAA,EAAiBH,OAAOC;IACtC,MAAMG,gBAAgBC,IAAAA,mDAAAA,EAA8BH;IAEpDI,IAAAA,2CAAAA,EAAuBJ;IACvBK,IAAAA,gDAAAA,EAA4B,0BAA0BL;IAEtD,OAAOM,IAAAA,+BAAAA,EAAoBN,OAAOE;AACpC;AAEAP,KAAKY,WAAW,GAAG"}

package/lib-commonjs/components/List/List/List.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["List.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["List.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot, SelectionMode, SelectionItemId } from '@fluentui/react-utilities';\nimport type { ListSelectionState } from '../hooks/types';\n\ntype ListLayout = 'horizontal' | 'vertical' | 'grid';\n\nexport type ListSlots = {\n  root: NonNullable<Slot<'ul', 'div' | 'ol'>>;\n};\n\n/**\n * List Props\n */\nexport type ListProps = ComponentProps<ListSlots> & {\n  /**\n   * Defines the layout orientation.\n   *\n   * @default vertical\n   */\n  layout?: ListLayout;\n\n  /**\n   * Defines if the list should be navigable. Set this to true when adding an `onClick` handler.\n   *\n   * @default false\n   */\n  navigable?: boolean;\n\n  /**\n   * Defines if the List items should be selectable.\n   *\n   * @default false\n   */\n  selectable?: boolean;\n\n  /**\n   * Defines selection mode for the List.\n   *\n   * @default single\n   */\n  selectionMode?: SelectionMode;\n\n  /**\n   * For controlled selection - defines selected items\n   */\n  selectedItems?: SelectionItemId[];\n\n  /**\n   * For uncontrolled selection - defines default selected items\n   */\n  defaultSelectedItems?: SelectionItemId[];\n\n  /**\n   * Callback for selection change events, used for both controlled and uncontrolled (as notification)\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onSelectionChange?: (event: React.SyntheticEvent, data: { selectedItems: SelectionItemId[] }) => void;\n\n  /**\n   * Truncates header\n   *\n   * @default false\n   */\n  truncateHeader?: boolean;\n\n  /**\n   * Truncates content\n   *\n   * @default false\n   */\n  truncateContent?: boolean;\n};\n\nexport type ListContextValue = {\n  navigable: boolean;\n  selection?: ListSelectionState;\n  as?: 'div' | 'ol' | 'ul';\n  truncateHeader?: ListProps['truncateHeader'];\n  truncateContent?: ListProps['truncateContent'];\n};\n\nexport type ListContextValues = {\n  listContext: ListContextValue;\n};\n\n/**\n * State used in rendering List\n */\nexport type ListState = ComponentState<ListSlots> & Required<Pick<ListProps, 'layout'>> & ListContextValue;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

package/lib-commonjs/components/List/List/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './List';\nexport * from './List.types';\nexport * from './renderList';\nexport * from './useList';\nexport * from './useListStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './List';\nexport * from './List.types';\nexport * from './renderList';\nexport * from './useList';\nexport * from './useListStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/List/List/listContext.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    listContextDefaultValue: function() {
-        return listContextDefaultValue;
-    },
     ListContextProvider: function() {
         return ListContextProvider;
     },
+    listContextDefaultValue: function() {
+        return listContextDefaultValue;
+    },
     useListContext_unstable: function() {
         return useListContext_unstable;
     }

package/lib-commonjs/components/List/List/listContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["listContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const listContextDefaultValue = {\n    navigable: false,\n    selection: undefined,\n    as: undefined\n};\nconst listContext = createContext(undefined);\nexport const ListContextProvider = listContext.Provider;\nexport const useListContext_unstable = (selector)=>useContextSelector(listContext, (ctx = listContextDefaultValue)=>selector(ctx));\n"],"names":["listContextDefaultValue","ListContextProvider","useListContext_unstable","navigable","selection","undefined","as","listContext","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAMAC,mBAAmB;eAAnBA;;IACAC,uBAAuB;eAAvBA;;;sCARqC;AAC3C,MAAMF,0BAA0B;IACnCG,WAAW;IACXC,WAAWC;IACXC,IAAID;AACR;AACA,MAAME,cAAcC,IAAAA,mCAAa,EAACH;AAC3B,MAAMJ,sBAAsBM,YAAYE,QAAQ;AAChD,MAAMP,0BAA0B,CAACQ,WAAWC,IAAAA,wCAAkB,EAACJ,aAAa,CAACK,MAAMZ,uBAAuB,GAAGU,SAASE"}
+{"version":3,"sources":["listContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport { ListContextValue } from './List.types';\n\nexport const listContextDefaultValue: ListContextValue = {\n  navigable: false,\n  selection: undefined,\n  as: undefined,\n};\n\nconst listContext = createContext<ListContextValue | undefined>(undefined);\n\nexport const ListContextProvider = listContext.Provider;\n\nexport const useListContext_unstable = <T>(selector: ContextSelector<ListContextValue, T>): T =>\n  useContextSelector(listContext, (ctx = listContextDefaultValue) => selector(ctx));\n"],"names":["ListContextProvider","listContextDefaultValue","useListContext_unstable","navigable","selection","undefined","as","listContext","createContext","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,mBAAAA;eAAAA;;IARAC,uBAAAA;eAAAA;;IAUAC,uBAAAA;eAAAA;;;sCAdqC;AAI3C,MAAMD,0BAA4C;IACvDE,WAAW;IACXC,WAAWC;IACXC,IAAID;AACN;AAEA,MAAME,cAAcC,IAAAA,mCAAAA,EAA4CH;AAEzD,MAAML,sBAAsBO,YAAYE,QAAQ;AAEhD,MAAMP,0BAA0B,CAAIQ,WACzCC,IAAAA,wCAAAA,EAAmBJ,aAAa,CAACK,MAAMX,uBAAuB,GAAKS,SAASE"}

package/lib-commonjs/components/List/List/renderList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderList.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ListContextProvider } from './listContext';\n/**\n * Render the final JSX of List\n */ export const renderList_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(ListContextProvider, {\n        value: contextValues.listContext,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderList_unstable","state","contextValues","assertSlots","_jsx","ListContextProvider","value","listContext","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;6BACQ;AAGzB,MAAMA,sBAAsB,CAACC,OAAOC;IAC3CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,gCAAmB,EAAE;QAC3CC,OAAOJ,cAAcK,WAAW;QAChCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}
+{"version":3,"sources":["renderList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListState, ListSlots, ListContextValues } from './List.types';\nimport { ListContextProvider } from './listContext';\n\n/**\n * Render the final JSX of List\n */\nexport const renderList_unstable = (state: ListState, contextValues: ListContextValues) => {\n  assertSlots<ListSlots>(state);\n\n  return (\n    <ListContextProvider value={contextValues.listContext}>\n      <state.root />\n    </ListContextProvider>\n  );\n};\n"],"names":["renderList_unstable","state","contextValues","assertSlots","_jsx","ListContextProvider","value","listContext","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;6BAEQ;AAK7B,MAAMA,sBAAsB,CAACC,OAAkBC;IACpDC,IAAAA,2BAAAA,EAAuBF;IAEvB,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,gCAAAA,EAAAA;QAAoBC,OAAOJ,cAAcK,WAAW;kBACnD,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

package/lib-commonjs/components/List/List/useList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useList.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useListSelection } from '../hooks/useListSelection';\nconst DEFAULT_ROOT_EL_TYPE = 'ul';\n/**\n * Create the state required to render List.\n *\n * The returned state can be modified with hooks such as useListStyles_unstable,\n * before being passed to renderList_unstable.\n *\n * @param props - props from this instance of List\n * @param ref - reference to root HTMLElement of List\n */ export const useList_unstable = (props, ref)=>{\n    const { layout = 'vertical', navigable = false, selectable = false, selectionMode = 'single', selectedItems, defaultSelectedItems, as, onSelectionChange, truncateContent = false, truncateHeader = false } = props;\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: layout === 'grid' ? 'grid-linear' : 'both',\n        memorizeCurrent: true\n    });\n    const [selectionState, setSelectionState] = useControllableState({\n        state: selectedItems,\n        defaultState: defaultSelectedItems,\n        initialState: []\n    });\n    const onChange = useEventCallback((e, data)=>{\n        const selectedItemsAsArray = Array.from(data.selectedItems);\n        setSelectionState(selectedItemsAsArray);\n        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {\n            selectedItems: selectedItemsAsArray\n        });\n    });\n    const selection = useListSelection({\n        onSelectionChange: onChange,\n        selectionMode,\n        selectedItems: selectionState,\n        defaultSelectedItems\n    });\n    return {\n        components: {\n            root: DEFAULT_ROOT_EL_TYPE\n        },\n        root: slot.always(getIntrinsicElementProps(DEFAULT_ROOT_EL_TYPE, {\n            ref,\n            ...navigable && {\n                role: 'menu'\n            },\n            ...selectable && {\n                role: 'listbox',\n                'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined\n            },\n            ...arrowNavigationAttributes,\n            ...props\n        }), {\n            elementType: DEFAULT_ROOT_EL_TYPE\n        }),\n        layout,\n        // context:\n        navigable,\n        as: as || DEFAULT_ROOT_EL_TYPE,\n        truncateContent,\n        truncateHeader,\n        // only pass down selection state if its handled internally, otherwise just report the events\n        selection: selectable ? selection : undefined\n    };\n};\n"],"names":["useList_unstable","DEFAULT_ROOT_EL_TYPE","props","ref","layout","navigable","selectable","selectionMode","selectedItems","defaultSelectedItems","as","onSelectionChange","truncateContent","truncateHeader","arrowNavigationAttributes","useArrowNavigationGroup","axis","memorizeCurrent","selectionState","setSelectionState","useControllableState","state","defaultState","initialState","onChange","useEventCallback","e","data","selectedItemsAsArray","Array","from","selection","useListSelection","components","root","slot","always","getIntrinsicElementProps","role","undefined","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACgE;8BAC/C;kCACP;AACjC,MAAMC,uBAAuB;AASlB,MAAMD,mBAAmB,CAACE,OAAOC;IACxC,MAAM,EAAEC,SAAS,UAAU,EAAEC,YAAY,KAAK,EAAEC,aAAa,KAAK,EAAEC,gBAAgB,QAAQ,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,EAAE,EAAEC,iBAAiB,EAAEC,kBAAkB,KAAK,EAAEC,iBAAiB,KAAK,EAAE,GAAGX;IAC9M,MAAMY,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAMZ,WAAW,SAAS,gBAAgB;QAC1Ca,iBAAiB;IACrB;IACA,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,IAAAA,oCAAoB,EAAC;QAC7DC,OAAOb;QACPc,cAAcb;QACdc,cAAc,EAAE;IACpB;IACA,MAAMC,WAAWC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC;QAClC,MAAMC,uBAAuBC,MAAMC,IAAI,CAACH,KAAKnB,aAAa;QAC1DW,kBAAkBS;QAClBjB,sBAAsB,QAAQA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBe,GAAG;YACvFlB,eAAeoB;QACnB;IACJ;IACA,MAAMG,YAAYC,IAAAA,kCAAgB,EAAC;QAC/BrB,mBAAmBa;QACnBjB;QACAC,eAAeU;QACfT;IACJ;IACA,OAAO;QACHwB,YAAY;YACRC,MAAMjC;QACV;QACAiC,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAACpC,sBAAsB;YAC7DE;YACA,GAAGE,aAAa;gBACZiC,MAAM;YACV,CAAC;YACD,GAAGhC,cAAc;gBACbgC,MAAM;gBACN,wBAAwB/B,kBAAkB,gBAAgB,OAAOgC;YACrE,CAAC;YACD,GAAGzB,yBAAyB;YAC5B,GAAGZ,KAAK;QACZ,IAAI;YACAsC,aAAavC;QACjB;QACAG;QACA,WAAW;QACXC;QACAK,IAAIA,MAAMT;QACVW;QACAC;QACA,6FAA6F;QAC7FkB,WAAWzB,aAAayB,YAAYQ;IACxC;AACJ"}
+{"version":3,"sources":["useList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  OnSelectionChangeData,\n  slot,\n  useControllableState,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ListProps, ListState } from './List.types';\nimport { useListSelection } from '../hooks/useListSelection';\n\nconst DEFAULT_ROOT_EL_TYPE = 'ul';\n\n/**\n * Create the state required to render List.\n *\n * The returned state can be modified with hooks such as useListStyles_unstable,\n * before being passed to renderList_unstable.\n *\n * @param props - props from this instance of List\n * @param ref - reference to root HTMLElement of List\n */\nexport const useList_unstable = (props: ListProps, ref: React.Ref<HTMLDivElement | HTMLUListElement>): ListState => {\n  const {\n    layout = 'vertical',\n    navigable = false,\n    selectable = false,\n    selectionMode = 'single',\n    selectedItems,\n    defaultSelectedItems,\n    as,\n    onSelectionChange,\n    truncateContent = false,\n    truncateHeader = false,\n  } = props;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({\n    axis: layout === 'grid' ? 'grid-linear' : 'both',\n    memorizeCurrent: true,\n  });\n\n  const [selectionState, setSelectionState] = useControllableState({\n    state: selectedItems,\n    defaultState: defaultSelectedItems,\n    initialState: [],\n  });\n\n  const onChange = useEventCallback((e: React.SyntheticEvent, data: OnSelectionChangeData) => {\n    const selectedItemsAsArray = Array.from(data.selectedItems);\n    setSelectionState(selectedItemsAsArray);\n    onSelectionChange?.(e, { selectedItems: selectedItemsAsArray });\n  });\n\n  const selection = useListSelection({\n    onSelectionChange: onChange,\n    selectionMode,\n    selectedItems: selectionState,\n    defaultSelectedItems,\n  });\n\n  return {\n    components: {\n      root: DEFAULT_ROOT_EL_TYPE,\n    },\n    root: slot.always(\n      getIntrinsicElementProps(DEFAULT_ROOT_EL_TYPE, {\n        ref,\n        ...(navigable && { role: 'menu' }),\n        ...(selectable && {\n          role: 'listbox',\n          'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n        }),\n        ...arrowNavigationAttributes,\n        ...props,\n      }),\n      { elementType: DEFAULT_ROOT_EL_TYPE },\n    ),\n    layout,\n    // context:\n    navigable,\n    as: as || DEFAULT_ROOT_EL_TYPE,\n    truncateContent,\n    truncateHeader,\n    // only pass down selection state if its handled internally, otherwise just report the events\n    selection: selectable ? selection : undefined,\n  };\n};\n"],"names":["useList_unstable","DEFAULT_ROOT_EL_TYPE","props","ref","layout","navigable","selectable","selectionMode","selectedItems","defaultSelectedItems","as","onSelectionChange","truncateContent","truncateHeader","arrowNavigationAttributes","useArrowNavigationGroup","axis","memorizeCurrent","selectionState","setSelectionState","useControllableState","state","defaultState","initialState","onChange","useEventCallback","e","data","selectedItemsAsArray","Array","from","selection","useListSelection","components","root","slot","always","getIntrinsicElementProps","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBaA;;;eAAAA;;;;iEAvBU;gCAOhB;8BACiC;kCAEP;AAEjC,MAAMC,uBAAuB;AAWtB,MAAMD,mBAAmB,CAACE,OAAkBC;IACjD,MAAM,EACJC,SAAS,UAAU,EACnBC,YAAY,KAAK,EACjBC,aAAa,KAAK,EAClBC,gBAAgB,QAAQ,EACxBC,aAAa,EACbC,oBAAoB,EACpBC,EAAE,EACFC,iBAAiB,EACjBC,kBAAkB,KAAK,EACvBC,iBAAiB,KAAK,EACvB,GAAGX;IAEJ,MAAMY,4BAA4BC,IAAAA,qCAAAA,EAAwB;QACxDC,MAAMZ,WAAW,SAAS,gBAAgB;QAC1Ca,iBAAiB;IACnB;IAEA,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,IAAAA,oCAAAA,EAAqB;QAC/DC,OAAOb;QACPc,cAAcb;QACdc,cAAc,EAAE;IAClB;IAEA,MAAMC,WAAWC,IAAAA,gCAAAA,EAAiB,CAACC,GAAyBC;QAC1D,MAAMC,uBAAuBC,MAAMC,IAAI,CAACH,KAAKnB,aAAa;QAC1DW,kBAAkBS;QAClBjB,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBe,GAAG;YAAElB,eAAeoB;QAAqB;IAC/D;IAEA,MAAMG,YAAYC,IAAAA,kCAAAA,EAAiB;QACjCrB,mBAAmBa;QACnBjB;QACAC,eAAeU;QACfT;IACF;IAEA,OAAO;QACLwB,YAAY;YACVC,MAAMjC;QACR;QACAiC,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyBpC,sBAAsB;YAC7CE;YACA,GAAIE,aAAa;gBAAEiC,MAAM;YAAO,CAAC;YACjC,GAAIhC,cAAc;gBAChBgC,MAAM;gBACN,wBAAwB/B,kBAAkB,gBAAgB,OAAOgC;YACnE,CAAC;YACD,GAAGzB,yBAAyB;YAC5B,GAAGZ,KAAK;QACV,IACA;YAAEsC,aAAavC;QAAqB;QAEtCG;QACA,WAAW;QACXC;QACAK,IAAIA,MAAMT;QACVW;QACAC;QACA,6FAA6F;QAC7FkB,WAAWzB,aAAayB,YAAYQ;IACtC;AACF"}

package/lib-commonjs/components/List/List/useListContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useListContextValues.js"],"sourcesContent":["export function useListContextValues_unstable(state) {\n    const { navigable, selection, as, truncateContent, truncateHeader } = state;\n    const listContext = {\n        navigable,\n        selection,\n        as,\n        truncateContent,\n        truncateHeader\n    };\n    return {\n        listContext\n    };\n}\n"],"names":["useListContextValues_unstable","state","navigable","selection","as","truncateContent","truncateHeader","listContext"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,8BAA8BC,KAAK;IAC/C,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,EAAE,EAAEC,eAAe,EAAEC,cAAc,EAAE,GAAGL;IACtE,MAAMM,cAAc;QAChBL;QACAC;QACAC;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useListContextValues.ts"],"sourcesContent":["import { ListContextValues, ListState } from './List.types';\n\nexport function useListContextValues_unstable(state: ListState): ListContextValues {\n  const { navigable, selection, as, truncateContent, truncateHeader } = state;\n\n  const listContext = {\n    navigable,\n    selection,\n    as,\n    truncateContent,\n    truncateHeader,\n  };\n\n  return {\n    listContext,\n  };\n}\n"],"names":["useListContextValues_unstable","state","navigable","selection","as","truncateContent","truncateHeader","listContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,8BAA8BC,KAAgB;IAC5D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,EAAE,EAAEC,eAAe,EAAEC,cAAc,EAAE,GAAGL;IAEtE,MAAMM,cAAc;QAClBL;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QACLC;IACF;AACF"}

package/lib-commonjs/components/List/List/useListStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n  root: 'fui-List'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r1m6yby2\", null, [\".r1m6yby2{padding:0;margin:0;text-indent:0;list-style-type:none;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  rootHorizontal: {\n    mc9l5x: \"f22iagw\"\n  },\n  rootGrid: {\n    mc9l5x: \"f13qh94s\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f13qh94s{display:grid;}\"]\n});\n/**\n * Apply styling to the List slots based on the state\n */\nexport const useListStyles_unstable = state => {\n  'use no memo';\n\n  const rootStyles = useRootBaseStyles();\n  const styles = useStyles();\n  const layoutToStyles = {\n    ['horizontal']: styles.rootHorizontal,\n    ['grid']: styles.rootGrid,\n    ['vertical']: undefined\n  };\n  state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useListStyles.styles.js.map"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","__resetStyles","useStyles","__styles","rootHorizontal","mc9l5x","rootGrid","d","state","rootStyles","styles","layoutToStyles","undefined","className","mergeClasses","layout"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAoBAC,sBAAsB;eAAtBA;;;uBArByC;AAC/C,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAAoE;AAC5I;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,gBAAgB;QACdC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAA2B;KAA2B;AAC5D;AAIO,MAAMT,yBAAyBU,CAAAA;IACpC;IAEA,MAAMC,aAAaT;IACnB,MAAMU,SAASR;IACf,MAAMS,iBAAiB;QACrB,CAAC,aAAa,EAAED,OAAON,cAAc;QACrC,CAAC,OAAO,EAAEM,OAAOJ,QAAQ;QACzB,CAAC,WAAW,EAAEM;IAChB;IACAJ,MAAMT,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,eAAeE,IAAI,EAAEU,YAAYE,cAAc,CAACH,MAAMO,MAAM,CAAC,EAAEP,MAAMT,IAAI,CAACc,SAAS;IACvH,OAAOL;AACT,GACA,gDAAgD"}
+{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n    root: 'fui-List'\n};\nconst useRootBaseStyles = makeResetStyles({\n    padding: 0,\n    margin: 0,\n    textIndent: 0,\n    listStyleType: 'none'\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    rootHorizontal: {\n        display: 'flex'\n    },\n    rootGrid: {\n        display: 'grid'\n    }\n});\n/**\n * Apply styling to the List slots based on the state\n */ export const useListStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootBaseStyles();\n    const styles = useStyles();\n    const layoutToStyles = {\n        ['horizontal']: styles.rootHorizontal,\n        ['grid']: styles.rootGrid,\n        ['vertical']: undefined\n    };\n    state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n    return state;\n};\n"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","__resetStyles","useStyles","__styles","rootHorizontal","mc9l5x","rootGrid","d","state","rootStyles","styles","layoutToStyles","undefined","className","mergeClasses","layout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAqBIC,sBAAsB;eAAtBA;;;uBAtByC;AACnD,MAAMD,iBAAiB;IAC1BE,MAAM;AACV;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAKzB;AACD;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,gBAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;KAAA;AAAA;AAUX,MAAMT,yBAA0BU,CAAAA;IACvC;IACA,MAAMC,aAAaT;IACnB,MAAMU,SAASR;IACf,MAAMS,iBAAiB;QACnB,CAAC,aAAY,EAAGD,OAAON,cAAc;QACrC,CAAC,OAAM,EAAGM,OAAOJ,QAAQ;QACzB,CAAC,WAAU,EAAGM;IAClB;IACAJ,MAAMT,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,eAAeE,IAAI,EAAEU,YAAYE,cAAc,CAACH,MAAMO,MAAM,CAAC,EAAEP,MAAMT,IAAI,CAACc,SAAS;IACvH,OAAOL;AACX"}

package/lib-commonjs/components/List/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ListItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useListItem_unstable } from './useListItem';\nimport { renderListItem_unstable } from './renderListItem';\nimport { useListItemStyles_unstable } from './useListItemStyles.styles';\nexport const ListItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useListItem_unstable(props, ref);\n    useListItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useListItemStyles_unstable')(state);\n    return renderListItem_unstable(state);\n});\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","React","forwardRef","props","ref","state","useListItem_unstable","useListItemStyles_unstable","useCustomStyleHook_unstable","renderListItem_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;qCACqB;6BACP;gCACG;yCACG;AACpC,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3D,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,mDAA0B,EAACF;IAC3BG,IAAAA,gDAA2B,EAAC,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAuB,EAACJ;AACnC;AACAL,SAASU,WAAW,GAAG"}
+{"version":3,"sources":["ListItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useListItem_unstable } from './useListItem';\nimport { renderListItem_unstable } from './renderListItem';\nimport { useListItemStyles_unstable } from './useListItemStyles.styles';\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: ForwardRefComponent<ListItemProps> = React.forwardRef<HTMLLIElement | HTMLDivElement>(\n  (props, ref) => {\n    const state = useListItem_unstable(props, ref);\n\n    useListItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useListItemStyles_unstable')(state);\n    return renderListItem_unstable(state);\n  },\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","React","forwardRef","props","ref","state","useListItem_unstable","useListItemStyles_unstable","useCustomStyleHook_unstable","renderListItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;qCAEqB;6BACP;gCACG;yCACG;AAGpC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,gDAAAA,EAA4B,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAGFL,SAASU,WAAW,GAAG"}

package/lib-commonjs/components/List/ListItem/ListItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ListItem.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["ListItem.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ItemLayout } from '../../ItemLayout';\n\nexport type ListItemSlots = {\n  root: NonNullable<Slot<'li', 'div'>>;\n  media?: React.ComponentProps<typeof ItemLayout>['startMedia'];\n  header?: React.ComponentProps<typeof ItemLayout>['header'];\n  contentWrapper?: React.ComponentProps<typeof ItemLayout>['contentWrapper'];\n  headerMedia?: React.ComponentProps<typeof ItemLayout>['headerMedia'];\n  contentMedia?: React.ComponentProps<typeof ItemLayout>['contentMedia'];\n  endMedia?: React.ComponentProps<typeof ItemLayout>['endMedia'];\n};\n\n/**\n * ListItem Props\n */\nexport type ListItemProps = ComponentProps<ListItemSlots> & {\n  value?: string | number;\n  truncateHeader?: boolean;\n  truncateContent?: boolean;\n};\n\n/**\n * State used in rendering ListItem\n */\nexport type ListItemState = ComponentState<ListItemSlots> & {\n  selectable?: boolean;\n  selected?: boolean;\n  navigable?: boolean;\n  truncateHeader?: boolean;\n  truncateContent?: boolean;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

package/lib-commonjs/components/List/ListItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ListItem';\nexport * from './ListItem.types';\nexport * from './renderListItem';\nexport * from './useListItem';\nexport * from './useListItemStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ListItem';\nexport * from './ListItem.types';\nexport * from './renderListItem';\nexport * from './useListItem';\nexport * from './useListItemStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/List/ListItem/renderListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderListItem.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { ItemLayout } from '../../ItemLayout';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ListItem\n */ export const renderListItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: /*#__PURE__*/ _jsx(ItemLayout, {\n            startMedia: state.media,\n            header: state.header,\n            headerMedia: state.headerMedia,\n            contentWrapper: state.contentWrapper,\n            contentMedia: state.contentMedia,\n            endMedia: state.endMedia,\n            children: state.root.children\n        })\n    });\n};\n"],"names":["renderListItem_unstable","state","assertSlots","_jsx","root","children","ItemLayout","startMedia","media","header","headerMedia","contentWrapper","contentMedia","endMedia"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;4BACH;gCACC;AAGjB,MAAMA,0BAA0B,CAACC;IACxCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACG,sBAAU,EAAE;YACrCC,YAAYN,MAAMO,KAAK;YACvBC,QAAQR,MAAMQ,MAAM;YACpBC,aAAaT,MAAMS,WAAW;YAC9BC,gBAAgBV,MAAMU,cAAc;YACpCC,cAAcX,MAAMW,YAAY;YAChCC,UAAUZ,MAAMY,QAAQ;YACxBR,UAAUJ,MAAMG,IAAI,CAACC,QAAQ;QACjC;IACJ;AACJ"}
+{"version":3,"sources":["renderListItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { ItemLayout } from '../../ItemLayout';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListItemSlots, ListItemState } from './ListItem.types';\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState) => {\n  assertSlots<ListItemSlots>(state);\n\n  return (\n    <state.root>\n      <ItemLayout\n        startMedia={state.media}\n        header={state.header}\n        headerMedia={state.headerMedia}\n        contentWrapper={state.contentWrapper}\n        contentMedia={state.contentMedia}\n        endMedia={state.endMedia}\n      >\n        {state.root.children}\n      </ItemLayout>\n    </state.root>\n  );\n};\n"],"names":["renderListItem_unstable","state","assertSlots","_jsx","root","ItemLayout","startMedia","media","header","headerMedia","contentWrapper","contentMedia","endMedia","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;4BAE2B;gCACC;AAKrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,2BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACE,sBAAAA,EAAAA;YACCC,YAAYL,MAAMM,KAAK;YACvBC,QAAQP,MAAMO,MAAM;YACpBC,aAAaR,MAAMQ,WAAW;YAC9BC,gBAAgBT,MAAMS,cAAc;YACpCC,cAAcV,MAAMU,YAAY;YAChCC,UAAUX,MAAMW,QAAQ;sBAEvBX,MAAMG,IAAI,CAACS,QAAQ;;;AAI5B"}