@fluentui/react-migration-v8-v9 9.9.7 → 9.9.9

package/CHANGELOG.md

@@ -1,12 +1,31 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Mon, 08 Sep 2025 12:41:48 GMT and should not be manually modified.
+This log was last generated on Fri, 03 Oct 2025 14:18:15 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.9.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.9)
+
+Fri, 03 Oct 2025 14:18:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.8..@fluentui/react-migration-v8-v9_v9.9.9)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.72.0 ([PR #35275](https://github.com/microsoft/fluentui/pull/35275) by beachball)
+
+## [9.9.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.8)
+
+Thu, 02 Oct 2025 15:12:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.7..@fluentui/react-migration-v8-v9_v9.9.8)
+
+### Patches
+
+- feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-components to v9.71.0 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+
 ## [9.9.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.7)
 
-Mon, 08 Sep 2025 12:41:48 GMT 
+Mon, 08 Sep 2025 12:51:08 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.6..@fluentui/react-migration-v8-v9_v9.9.7)
 
 ### Patches

package/lib/components/Button/ActionButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { Button } from '@fluentui/react-components';
 import { shimButtonProps } from './shimButtonProps';

package/lib/components/Button/ActionButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,YAAYP,gBAAgBK;IAElC,qBAAO,oBAACN;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}
+{"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,YAAYP,gBAAgBK;IAElC,qBAAO,oBAACN;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}

package/lib/components/Button/ButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { Button } from '@fluentui/react-components';
 import { shimButtonProps } from './shimButtonProps';

package/lib/components/Button/ButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,OAAO,MAAMC,2BAITL,MAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,YAAYP,gBAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,qBAAO,oBAACP,kBAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,MAAIL,6BAAAA,MAAMM,mBAAmB,cAAzBN,iDAAAA,gCAAAA,OAA4BA,SAAQ;QAC7D,qBAAO,oBAACH,oBAAuBG;IACjC;IAEA,qBAAO,oBAACN;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}
+{"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,OAAO,MAAMC,2BAITL,MAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,YAAYP,gBAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,qBAAO,oBAACP,kBAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,MAAIL,6BAAAA,MAAMM,mBAAmB,cAAzBN,iDAAAA,gCAAAA,OAA4BA,SAAQ;QAC7D,qBAAO,oBAACH,oBAAuBG;IACjC;IAEA,qBAAO,oBAACN;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}

package/lib/components/Button/CompoundButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { CompoundButton } from '@fluentui/react-components';
 import { shimButtonProps } from './shimButtonProps';

package/lib/components/Button/CompoundButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,cAAc,QAAQ,6BAA6B;AAI5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,mCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,GAAGR,gBAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,MAAIP,6BAAAA,MAAMQ,mBAAmB,cAAzBR,iDAAAA,gCAAAA,OAA4BA;IACvE;IAEA,qBAAO,oBAACJ;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}
+{"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,cAAc,QAAQ,6BAA6B;AAI5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,mCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,GAAGR,gBAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,MAAIP,6BAAAA,MAAMQ,mBAAmB,cAAzBR,iDAAAA,gCAAAA,OAA4BA;IACvE;IAEA,qBAAO,oBAACJ;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}

package/lib/components/Button/DefaultButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ButtonShim } from './ButtonShim';
 /**

package/lib/components/Button/DefaultButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}
+{"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}

package/lib/components/Button/MenuButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';
 import { MenuItemShim, shimMenuProps } from '../Menu/index';

package/lib/components/Button/MenuButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n  };\n\n  const shimProps: MenuButtonProps = {\n    ...shimButtonProps(variantProps),\n  };\n\n  const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n  return (\n    <Menu {...shimmedMenuProps}>\n      <MenuTrigger>\n        <MenuButton {...shimProps} />\n      </MenuTrigger>\n      <MenuPopover>\n        <MenuList>\n          {props.menuProps?.items.map(item => (\n            // key is added through item spread\n            // eslint-disable-next-line react/jsx-key\n            <MenuItemShim {...item} />\n          ))}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n});\n"],"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAElG,SAASC,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAE5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,+BAITT,MAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGR,gBAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,GAAGX,cAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,qBACE,oBAAChB,MAASe,gCACR,oBAACZ,iCACC,oBAACJ,YAAee,2BAElB,oBAACZ,iCACC,oBAACD,iBACEQ,mBAAAA,MAAMO,SAAS,cAAfP,uCAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,mCAAmC;QACnC,yCAAyC;sBACzC,oBAACf,cAAiBe;AAM9B,GAAG"}
+{"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n  };\n\n  const shimProps: MenuButtonProps = {\n    ...shimButtonProps(variantProps),\n  };\n\n  const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n  return (\n    <Menu {...shimmedMenuProps}>\n      <MenuTrigger>\n        <MenuButton {...shimProps} />\n      </MenuTrigger>\n      <MenuPopover>\n        <MenuList>\n          {props.menuProps?.items.map(item => (\n            // key is added through item spread\n            // eslint-disable-next-line react/jsx-key\n            <MenuItemShim {...item} />\n          ))}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n});\n"],"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAElG,SAASC,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAE5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,+BAITT,MAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGR,gBAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,GAAGX,cAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,qBACE,oBAAChB,MAASe,gCACR,oBAACZ,iCACC,oBAACJ,YAAee,2BAElB,oBAACZ,iCACC,oBAACD,iBACEQ,mBAAAA,MAAMO,SAAS,cAAfP,uCAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,mCAAmC;QACnC,yCAAyC;sBACzC,oBAACf,cAAiBe;AAM9B,GAAG"}

package/lib/components/Button/PrimaryButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ButtonShim } from './ButtonShim';
 /**

package/lib/components/Button/PrimaryButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}
+{"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}

package/lib/components/Button/ToggleButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ToggleButton } from '@fluentui/react-components';
 import { shimButtonProps } from './shimButtonProps';

package/lib/components/Button/ToggleButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: ToggleButtonProps = {\n    ...shimButtonProps(variantProps),\n    checked: props.checked,\n    defaultChecked: props.defaultChecked,\n  };\n\n  return <ToggleButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,YAAY,QAAQ,6BAA6B;AAI1D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,GAAGR,gBAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,qBAAO,oBAACX;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}
+{"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: ToggleButtonProps = {\n    ...shimButtonProps(variantProps),\n    checked: props.checked,\n    defaultChecked: props.defaultChecked,\n  };\n\n  return <ToggleButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,YAAY,QAAQ,6BAA6B;AAI1D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,GAAGR,gBAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,qBAAO,oBAACX;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}

package/lib/components/Checkbox/CheckboxShim.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { classNamesFunction } from '@fluentui/react';
 import { Checkbox, mergeClasses } from '@fluentui/react-components';

package/lib/components/Checkbox/CheckboxShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n  useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n  'use no memo';\n\n  const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n  const shimProps = useCheckboxProps(props);\n  const styles = getClassNames(stylesV8);\n  const stylesV9 = useCheckboxStyles();\n  const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n  React.useImperativeHandle(componentRef, () => ({\n    checked: checkboxRef.current?.checked ?? false,\n    indeterminate: checkboxRef.current?.indeterminate ?? false,\n    focus: () => checkboxRef.current?.focus(),\n  }));\n\n  const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSXElement | null => {\n    if (!checkboxProps) {\n      return null;\n    }\n    const { label: defaultLabel, title } = checkboxProps;\n    return defaultLabel ? (\n      <span title={title} className={styles.text}>\n        {defaultLabel}\n      </span>\n    ) : null;\n  };\n\n  if (label || onRenderLabel) {\n    shimProps.label = {\n      className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n      children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n    };\n  }\n\n  return (\n    <Checkbox\n      {...shimProps}\n      ref={checkboxRef}\n      className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n      indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n    />\n  );\n  // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined  React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n  ICheckboxProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAA8D,kBAAkB;AAC3G,SAASC,QAAQ,EAAEC,YAAY,QAAQ,6BAA6B;AACpE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,iBAAiB,QAAQ,oBAAoB;AAGtD,MAAMC,gBAAgBL,mBAAyD;IAC7EM,iBAAiB;AACnB;AAEA,OAAO,MAAMC,6BAAeR,MAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,iBAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,WAAWd;IACjB,MAAMe,cAAc,AAACT,sBAA8CX,MAAMqB,SAAS;IAElFrB,MAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,gCAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBG,OAAO,cAA5BH,0CAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,sCAAAA,wBAAAA,YAAYI,OAAO,cAAnBJ,4CAAAA,sBAAqBK,aAAa,cAAlCL,gDAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,6BACL,oBAACE;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWT,aAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,qBACE,oBAACd;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,aAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,WAAWT,aAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n  useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n  'use no memo';\n\n  const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n  const shimProps = useCheckboxProps(props);\n  const styles = getClassNames(stylesV8);\n  const stylesV9 = useCheckboxStyles();\n  const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n  React.useImperativeHandle(componentRef, () => ({\n    checked: checkboxRef.current?.checked ?? false,\n    indeterminate: checkboxRef.current?.indeterminate ?? false,\n    focus: () => checkboxRef.current?.focus(),\n  }));\n\n  const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSXElement | null => {\n    if (!checkboxProps) {\n      return null;\n    }\n    const { label: defaultLabel, title } = checkboxProps;\n    return defaultLabel ? (\n      <span title={title} className={styles.text}>\n        {defaultLabel}\n      </span>\n    ) : null;\n  };\n\n  if (label || onRenderLabel) {\n    shimProps.label = {\n      className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n      children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n    };\n  }\n\n  return (\n    <Checkbox\n      {...shimProps}\n      ref={checkboxRef}\n      className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n      indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n    />\n  );\n  // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined  React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n  ICheckboxProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAA8D,kBAAkB;AAC3G,SAASC,QAAQ,EAAEC,YAAY,QAAQ,6BAA6B;AACpE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,iBAAiB,QAAQ,oBAAoB;AAGtD,MAAMC,gBAAgBL,mBAAyD;IAC7EM,iBAAiB;AACnB;AAEA,OAAO,MAAMC,6BAAeR,MAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,iBAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,WAAWd;IACjB,MAAMe,cAAc,AAACT,sBAA8CX,MAAMqB,SAAS;IAElFrB,MAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,gCAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBG,OAAO,cAA5BH,0CAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,sCAAAA,wBAAAA,YAAYI,OAAO,cAAnBJ,4CAAAA,sBAAqBK,aAAa,cAAlCL,gDAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,6BACL,oBAACE;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWT,aAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,qBACE,oBAACd;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,aAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,WAAWT,aAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}

package/lib/components/Checkbox/shimCheckboxProps.js

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useControllableValue } from '@fluentui/react-hooks';
 import { getHTMLAttributes } from '../utils';

package/lib/components/Checkbox/shimCheckboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n  'ariaDescribedBy',\n  'ariaLabel',\n  'ariaLabelledBy',\n  'ariaPositionInSet',\n  'ariaSetSize',\n  'boxSide',\n  'checked',\n  'checkmarkIconProps', // one case used this\n  'className',\n  'componentRef',\n  'defaultChecked',\n  'defaultIndeterminate',\n  'disabled',\n  'indeterminate',\n  'inputProps',\n  'label',\n  'name',\n  'onChange',\n  'onRenderLabel',\n  'required',\n  'styles',\n  'theme',\n  'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n  const {\n    ariaDescribedBy,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaPositionInSet,\n    ariaSetSize,\n    boxSide,\n    checked: checkedV8,\n    indeterminate,\n    defaultChecked,\n    defaultIndeterminate,\n    disabled,\n    inputProps,\n    name,\n    required,\n    title,\n    onChange: onChangeV8,\n  } = props;\n\n  const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n  const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n  const onChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n      let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n      // Ensure the checkbox is controlled\n      if (checked !== undefined) {\n        if (mixed) {\n          val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n        }\n      }\n\n      if (mixed) {\n        setMixed(mixed && !indeterminate ? false : mixed);\n      }\n\n      setChecked(val);\n      onChangeV8?.(event, data.checked as boolean);\n    },\n    [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n  );\n\n  const v9Props: Partial<CheckboxProps> = {\n    checked: mixed ? 'mixed' : checked,\n    defaultChecked: mixed ? 'mixed' : defaultChecked,\n    labelPosition: boxSide === 'end' ? 'before' : 'after',\n    disabled,\n    required,\n    title,\n    name,\n    onChange,\n  };\n\n  return {\n    ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n    'aria-describedby': ariaDescribedBy,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-posinset': ariaPositionInSet,\n    'aria-setsize': ariaSetSize,\n    ...v9Props,\n    ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n  } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGxB,qBAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,MAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,MAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,uBAAAA,iCAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,GAAGhC,kBAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n  'ariaDescribedBy',\n  'ariaLabel',\n  'ariaLabelledBy',\n  'ariaPositionInSet',\n  'ariaSetSize',\n  'boxSide',\n  'checked',\n  'checkmarkIconProps', // one case used this\n  'className',\n  'componentRef',\n  'defaultChecked',\n  'defaultIndeterminate',\n  'disabled',\n  'indeterminate',\n  'inputProps',\n  'label',\n  'name',\n  'onChange',\n  'onRenderLabel',\n  'required',\n  'styles',\n  'theme',\n  'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n  const {\n    ariaDescribedBy,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaPositionInSet,\n    ariaSetSize,\n    boxSide,\n    checked: checkedV8,\n    indeterminate,\n    defaultChecked,\n    defaultIndeterminate,\n    disabled,\n    inputProps,\n    name,\n    required,\n    title,\n    onChange: onChangeV8,\n  } = props;\n\n  const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n  const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n  const onChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n      let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n      // Ensure the checkbox is controlled\n      if (checked !== undefined) {\n        if (mixed) {\n          val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n        }\n      }\n\n      if (mixed) {\n        setMixed(mixed && !indeterminate ? false : mixed);\n      }\n\n      setChecked(val);\n      onChangeV8?.(event, data.checked as boolean);\n    },\n    [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n  );\n\n  const v9Props: Partial<CheckboxProps> = {\n    checked: mixed ? 'mixed' : checked,\n    defaultChecked: mixed ? 'mixed' : defaultChecked,\n    labelPosition: boxSide === 'end' ? 'before' : 'after',\n    disabled,\n    required,\n    title,\n    name,\n    onChange,\n  };\n\n  return {\n    ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n    'aria-describedby': ariaDescribedBy,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-posinset': ariaPositionInSet,\n    'aria-setsize': ariaSetSize,\n    ...v9Props,\n    ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n  } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGxB,qBAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,MAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,MAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,uBAAAA,iCAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,GAAGhC,kBAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}

package/lib/components/Stack/StackItemShim.js

@@ -1,3 +1,4 @@
+'use client';
 import { mergeClasses } from '@griffel/react';
 import * as React from 'react';
 import { useFlexAlignSelfStyles, useFlexGrowStyles, useFlexOrderStyles, useFlexShrinkStyles, useStackItemShimStyles } from './StackItemShim.styles';

package/lib/components/Stack/StackItemShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignSelfStyles,\n  useFlexGrowStyles,\n  useFlexOrderStyles,\n  useFlexShrinkStyles,\n  useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\nexport const StackItemShim = (props: IStackItemProps): JSXElement => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,YAAYC,WAAW,QAAQ;AAI/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB,yBAAyB;AAEhC,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AACA,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,SAASb;IACf,MAAMc,kBAAkBlB;IACxB,MAAMmB,mBAAmBhB;IACzB,MAAMiB,iBAAyCnB;IAC/C,MAAMoB,kBAA0CnB;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,aAAa3B,aAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,qBAAO,oBAACW;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}
+{"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignSelfStyles,\n  useFlexGrowStyles,\n  useFlexOrderStyles,\n  useFlexShrinkStyles,\n  useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\nexport const StackItemShim = (props: IStackItemProps): JSXElement => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,YAAYC,WAAW,QAAQ;AAI/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB,yBAAyB;AAEhC,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AACA,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,SAASb;IACf,MAAMc,kBAAkBlB;IACxB,MAAMmB,mBAAmBhB;IACzB,MAAMiB,iBAAyCnB;IAC/C,MAAMoB,kBAA0CnB;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,aAAa3B,aAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,qBAAO,oBAACW;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}

package/lib/components/Stack/StackShim.js

@@ -1,3 +1,4 @@
+'use client';
 import { mergeClasses } from '@griffel/react';
 import { classNamesFunction } from '@fluentui/react';
 import * as React from 'react';

package/lib/components/Stack/StackShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignItemsStyles,\n  useFlexGrowStyles,\n  useFlexJustifyContentStyles,\n  useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n  const styles = useStackStyles();\n  const alignItemsFlexStyles = useFlexAlignItemsStyles();\n  const justifyContentFlexStyles = useFlexJustifyContentStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n  const {\n    as: RootType = 'div',\n    verticalFill,\n    horizontal,\n    reversed,\n    grow,\n    wrap,\n    horizontalAlign,\n    verticalAlign,\n    disableShrink,\n    className,\n  } = props;\n\n  const tokens: IStackTokens = { ...props.tokens };\n\n  let tokensRootStyles = {};\n  let tokensInnerStyles = {};\n  let childrenGapClassName;\n\n  if (tokens) {\n    tokensRootStyles = {\n      padding: !wrap ? tokens.padding : undefined,\n      maxHeight: tokens.maxHeight,\n      maxWidth: tokens.maxWidth,\n    };\n\n    tokensInnerStyles = {\n      padding: wrap ? tokens.padding : undefined,\n    };\n\n    if (tokens.childrenGap) {\n      childrenGapClassName = getClassNames(getChildrenGapStyles, {\n        horizontal,\n        reversed,\n        tokens,\n      });\n    }\n  }\n\n  const stackStyles = [\n    wrap ? styles.wrap : styles.root,\n    horizontal && styles.horizontal,\n    verticalFill && styles.verticalFill,\n  ];\n\n  const stackInnerStyles = [\n    styles.inner,\n    horizontal && styles.horizontal,\n    (!tokens || !tokens.childrenGap) && styles.innerWidth,\n  ];\n\n  let stackChildren = React.Children.toArray(props.children);\n  if (\n    stackChildren.length === 1 &&\n    React.isValidElement(stackChildren[0]) &&\n    stackChildren[0].type === React.Fragment\n  ) {\n    stackChildren = stackChildren[0].props.children;\n  }\n\n  stackChildren = React.Children.map(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n        const defaultItemProps: IStackItemProps = {\n          shrink: !disableShrink,\n        };\n\n        return React.cloneElement(child, {\n          ...defaultItemProps,\n          ...child.props,\n        });\n      }\n\n      return child;\n    },\n  );\n\n  if (reversed) {\n    if (horizontal) {\n      stackStyles.push(styles.reversedHorizontal);\n      stackInnerStyles.push(styles.reversedHorizontal);\n    } else {\n      stackStyles.push(styles.reversedVertical);\n      stackInnerStyles.push(styles.reversedVertical);\n    }\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackStyles.push(flexGrow);\n  }\n\n  if (disableShrink) {\n    stackStyles.push(styles.disableShrink);\n  }\n\n  if (horizontalAlign) {\n    if (horizontal) {\n      stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n    } else {\n      stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n    }\n  }\n\n  if (verticalAlign) {\n    if (horizontal) {\n      stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n    } else {\n      stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n    }\n  }\n\n  const rootClass = mergeClasses(\n    stackClassNames.root,\n    ...stackStyles,\n    childrenGapClassName && !wrap && childrenGapClassName.root,\n    className,\n  );\n\n  const innerClass = mergeClasses(\n    stackClassNames.inner,\n    ...stackInnerStyles,\n    childrenGapClassName && wrap && childrenGapClassName.inner,\n  );\n\n  return wrap ? (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      <div className={innerClass} style={tokensInnerStyles}>\n        {stackChildren}\n      </div>\n    </RootType>\n  ) : (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      {stackChildren}\n    </RootType>\n  );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignItemsStyles,\n  useFlexGrowStyles,\n  useFlexJustifyContentStyles,\n  useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n  const styles = useStackStyles();\n  const alignItemsFlexStyles = useFlexAlignItemsStyles();\n  const justifyContentFlexStyles = useFlexJustifyContentStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n  const {\n    as: RootType = 'div',\n    verticalFill,\n    horizontal,\n    reversed,\n    grow,\n    wrap,\n    horizontalAlign,\n    verticalAlign,\n    disableShrink,\n    className,\n  } = props;\n\n  const tokens: IStackTokens = { ...props.tokens };\n\n  let tokensRootStyles = {};\n  let tokensInnerStyles = {};\n  let childrenGapClassName;\n\n  if (tokens) {\n    tokensRootStyles = {\n      padding: !wrap ? tokens.padding : undefined,\n      maxHeight: tokens.maxHeight,\n      maxWidth: tokens.maxWidth,\n    };\n\n    tokensInnerStyles = {\n      padding: wrap ? tokens.padding : undefined,\n    };\n\n    if (tokens.childrenGap) {\n      childrenGapClassName = getClassNames(getChildrenGapStyles, {\n        horizontal,\n        reversed,\n        tokens,\n      });\n    }\n  }\n\n  const stackStyles = [\n    wrap ? styles.wrap : styles.root,\n    horizontal && styles.horizontal,\n    verticalFill && styles.verticalFill,\n  ];\n\n  const stackInnerStyles = [\n    styles.inner,\n    horizontal && styles.horizontal,\n    (!tokens || !tokens.childrenGap) && styles.innerWidth,\n  ];\n\n  let stackChildren = React.Children.toArray(props.children);\n  if (\n    stackChildren.length === 1 &&\n    React.isValidElement(stackChildren[0]) &&\n    stackChildren[0].type === React.Fragment\n  ) {\n    stackChildren = stackChildren[0].props.children;\n  }\n\n  stackChildren = React.Children.map(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n        const defaultItemProps: IStackItemProps = {\n          shrink: !disableShrink,\n        };\n\n        return React.cloneElement(child, {\n          ...defaultItemProps,\n          ...child.props,\n        });\n      }\n\n      return child;\n    },\n  );\n\n  if (reversed) {\n    if (horizontal) {\n      stackStyles.push(styles.reversedHorizontal);\n      stackInnerStyles.push(styles.reversedHorizontal);\n    } else {\n      stackStyles.push(styles.reversedVertical);\n      stackInnerStyles.push(styles.reversedVertical);\n    }\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackStyles.push(flexGrow);\n  }\n\n  if (disableShrink) {\n    stackStyles.push(styles.disableShrink);\n  }\n\n  if (horizontalAlign) {\n    if (horizontal) {\n      stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n    } else {\n      stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n    }\n  }\n\n  if (verticalAlign) {\n    if (horizontal) {\n      stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n    } else {\n      stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n    }\n  }\n\n  const rootClass = mergeClasses(\n    stackClassNames.root,\n    ...stackStyles,\n    childrenGapClassName && !wrap && childrenGapClassName.root,\n    className,\n  );\n\n  const innerClass = mergeClasses(\n    stackClassNames.inner,\n    ...stackInnerStyles,\n    childrenGapClassName && wrap && childrenGapClassName.inner,\n  );\n\n  return wrap ? (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      <div className={innerClass} style={tokensInnerStyles}>\n        {stackChildren}\n      </div>\n    </RootType>\n  ) : (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      {stackChildren}\n    </RootType>\n  );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}

package/lib-commonjs/components/Button/ActionButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/ActionButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"mappings":";;;;+BAYaG;;;;;;;iEAZU,QAAQ;iCAIR,6BAA6B;iCAGpB,oBAAoB;AAK7C,yBAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,gBAAYP,gCAAAA,EAAgBK;IAElC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,uBAAAA,EAAAA;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}
+{"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCAIR,6BAA6B;iCAGpB,oBAAoB;AAK7C,MAAMG,mBAAAA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,gBAAYP,gCAAAA,EAAgBK;IAElC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,uBAAAA,EAAAA;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}

package/lib-commonjs/components/Button/ButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/ButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;iCAIR,6BAA6B;iCAGpB,oBAAoB;kCACnB,qBAAqB;oCACnB,uBAAuB;AAEnD,mBAAMA,WAAAA,GAITL,OAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,gBAAYP,gCAAAA,EAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,OAAA,WAAA,GAAO,OAAA,aAAA,CAACP,kCAAAA,EAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,IAAA,CAAA,CAAIL,6BAAAA,MAAMM,mBAAAA,AAAmB,MAAA,QAAzBN,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA,GAAQ;QAC7D,OAAA,WAAA,GAAO,OAAA,aAAA,CAACH,sCAAAA,EAAuBG;IACjC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,uBAAAA,EAAAA;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}
+{"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"mappings":"AAAA;;;;;+BAaaK;;;;;;;iEAXU,QAAQ;iCAIR,6BAA6B;iCAGpB,oBAAoB;kCACnB,qBAAqB;oCACnB,uBAAuB;AAEnD,mBAAMA,WAAAA,GAITL,OAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,gBAAYP,gCAAAA,EAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,OAAA,WAAA,GAAO,OAAA,aAAA,CAACP,kCAAAA,EAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,IAAA,CAAA,CAAIL,6BAAAA,MAAMM,mBAAAA,AAAmB,MAAA,QAAzBN,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA,GAAQ;QAC7D,OAAA,WAAA,GAAO,OAAA,aAAA,CAACH,sCAAAA,EAAuBG;IACjC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,uBAAAA,EAAAA;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}

package/lib-commonjs/components/Button/CompoundButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/CompoundButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;iCAIA,6BAA6B;iCAI5B,oBAAoB;AAK7C,2BAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,OAAGR,gCAAAA,EAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,IAAA,CAAA,CAAIP,6BAAAA,MAAMQ,mBAAAA,AAAmB,MAAA,QAAzBR,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA;IACvE;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,+BAAAA,EAAAA;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}
+{"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"mappings":"AAAA;;;;;+BAeaG;;;;;;;iEAbU,QAAQ;iCAIA,6BAA6B;iCAI5B,oBAAoB;AAK7C,2BAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,OAAGR,gCAAAA,EAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,IAAA,CAAA,CAAIP,6BAAAA,MAAMQ,mBAAAA,AAAmB,MAAA,QAAzBR,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA;IACvE;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,+BAAAA,EAAAA;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}

package/lib-commonjs/components/Button/DefaultButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/DefaultButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"mappings":";;;;+BASaE;;;;;;;iEATU,QAAQ;4BAIJ,eAAe;AAKnC,0BAAMA,WAAAA,GAITF,OAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,sBAAAA,EAAAA;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}
+{"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;4BAIJ,eAAe;AAKnC,MAAME,oBAAAA,WAAAA,GAITF,OAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,sBAAAA,EAAAA;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}

package/lib-commonjs/components/Button/MenuButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/MenuButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n  };\n\n  const shimProps: MenuButtonProps = {\n    ...shimButtonProps(variantProps),\n  };\n\n  const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n  return (\n    <Menu {...shimmedMenuProps}>\n      <MenuTrigger>\n        <MenuButton {...shimProps} />\n      </MenuTrigger>\n      <MenuPopover>\n        <MenuList>\n          {props.menuProps?.items.map(item => (\n            // key is added through item spread\n            // eslint-disable-next-line react/jsx-key\n            <MenuItemShim {...item} />\n          ))}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n});\n"],"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"mappings":";;;;+BASaS;;;;;;;iEATU,QAAQ;iCAGsC,6BAA6B;uBAEtD,gBAAgB;iCAE5B,oBAAoB;AAE7C,uBAAMA,WAAAA,GAITT,OAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,OAAGR,gCAAAA,EAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,OAAGX,oBAAAA,EAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,OAAA,WAAA,GACE,OAAA,aAAA,CAAChB,qBAAAA,EAASe,kBAAAA,WAAAA,GACR,OAAA,aAAA,CAACZ,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACJ,2BAAAA,EAAee,aAAAA,WAAAA,GAElB,OAAA,aAAA,CAACZ,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACD,yBAAAA,EAAAA,MAAAA,CACEQ,mBAAAA,MAAMO,SAAAA,AAAS,MAAA,QAAfP,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,AACA,mCADmC,MACM;sBACzC,OAAA,aAAA,CAACf,mBAAAA,EAAiBe;AAM9B,GAAG"}
+{"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n  };\n\n  const shimProps: MenuButtonProps = {\n    ...shimButtonProps(variantProps),\n  };\n\n  const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n  return (\n    <Menu {...shimmedMenuProps}>\n      <MenuTrigger>\n        <MenuButton {...shimProps} />\n      </MenuTrigger>\n      <MenuPopover>\n        <MenuList>\n          {props.menuProps?.items.map(item => (\n            // key is added through item spread\n            // eslint-disable-next-line react/jsx-key\n            <MenuItemShim {...item} />\n          ))}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n});\n"],"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"mappings":"AAAA;;;;;+BAWaS;;;;;;;iEATU,QAAQ;iCAGsC,6BAA6B;uBAEtD,gBAAgB;iCAE5B,oBAAoB;AAE7C,uBAAMA,WAAAA,GAITT,OAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGR,oCAAAA,EAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,OAAGX,oBAAAA,EAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,OAAA,WAAA,GACE,OAAA,aAAA,CAAChB,qBAAAA,EAASe,kBAAAA,WAAAA,GACR,OAAA,aAAA,CAACZ,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACJ,2BAAAA,EAAee,aAAAA,WAAAA,GAElB,OAAA,aAAA,CAACZ,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACD,yBAAAA,EAAAA,MAAAA,CACEQ,mBAAAA,MAAMO,SAAAA,AAAS,MAAA,QAAfP,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,AACA,mCADmC,MACM;sBACzC,OAAA,aAAA,CAACf,mBAAAA,EAAiBe;AAM9B,GAAG"}

package/lib-commonjs/components/Button/PrimaryButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/PrimaryButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;4BAGJ,eAAe;AAKnC,MAAME,oBAAAA,WAAAA,GAITF,OAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,sBAAAA,EAAAA;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}
+{"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;4BAGJ,eAAe;AAKnC,MAAME,oBAAAA,WAAAA,GAITF,OAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,sBAAAA,EAAAA;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}

package/lib-commonjs/components/Button/ToggleButtonShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Button/ToggleButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: ToggleButtonProps = {\n    ...shimButtonProps(variantProps),\n    checked: props.checked,\n    defaultChecked: props.defaultChecked,\n  };\n\n  return <ToggleButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;iCAIF,6BAA6B;iCAI1B,oBAAoB;AAK7C,yBAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,OAAGR,gCAAAA,EAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACX,6BAAAA,EAAAA;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}
+{"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: ToggleButtonProps = {\n    ...shimButtonProps(variantProps),\n    checked: props.checked,\n    defaultChecked: props.defaultChecked,\n  };\n\n  return <ToggleButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"mappings":"AAAA;;;;;+BAeaG;;;;;;;iEAbU,QAAQ;iCAIF,6BAA6B;iCAI1B,oBAAoB;AAK7C,yBAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,OAAGR,gCAAAA,EAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACX,6BAAAA,EAAAA;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}

package/lib-commonjs/components/Checkbox/CheckboxShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Checkbox/CheckboxShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n  useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n  'use no memo';\n\n  const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n  const shimProps = useCheckboxProps(props);\n  const styles = getClassNames(stylesV8);\n  const stylesV9 = useCheckboxStyles();\n  const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n  React.useImperativeHandle(componentRef, () => ({\n    checked: checkboxRef.current?.checked ?? false,\n    indeterminate: checkboxRef.current?.indeterminate ?? false,\n    focus: () => checkboxRef.current?.focus(),\n  }));\n\n  const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSXElement | null => {\n    if (!checkboxProps) {\n      return null;\n    }\n    const { label: defaultLabel, title } = checkboxProps;\n    return defaultLabel ? (\n      <span title={title} className={styles.text}>\n        {defaultLabel}\n      </span>\n    ) : null;\n  };\n\n  if (label || onRenderLabel) {\n    shimProps.label = {\n      className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n      children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n    };\n  }\n\n  return (\n    <Checkbox\n      {...shimProps}\n      ref={checkboxRef}\n      className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n      indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n    />\n  );\n  // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined  React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n  ICheckboxProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":";;;;+BAYaQ;;;;;;;iEAZU,QAAQ;wBAE0D,kBAAkB;iCACpE,6BAA6B;mCACnC,sBAAsB;gCACrB,oBAAoB;AAGtD,MAAMF,oBAAgBL,0BAAAA,EAAyD;IAC7EM,iBAAiB;AACnB;AAEO,qBAAMC,WAAAA,GAAeR,OAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,gBAAYd,mCAAAA,EAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,eAAWd,iCAAAA;IACjB,MAAMe,cAAeT,QAAAA,WAAAA,GAA8CX,OAAMqB,SAAS;IAElFrB,OAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,gCAAAA,wBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBG,OAAAA,AAAO,MAAA,QAA5BH,iCAAAA,KAAAA,IAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,qCAAAA,CAAAA,wBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBK,aAAAA,AAAa,MAAA,QAAlCL,uCAAAA,KAAAA,IAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAAA,WAAAA,GACL,OAAA,aAAA,CAACE,QAAAA;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,eAAWT,6BAAAA,EAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACd,yBAAAA,EAAAA;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,iCAAAA,EAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,eAAWT,6BAAAA,EAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n  useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n  'use no memo';\n\n  const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n  const shimProps = useCheckboxProps(props);\n  const styles = getClassNames(stylesV8);\n  const stylesV9 = useCheckboxStyles();\n  const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n  React.useImperativeHandle(componentRef, () => ({\n    checked: checkboxRef.current?.checked ?? false,\n    indeterminate: checkboxRef.current?.indeterminate ?? false,\n    focus: () => checkboxRef.current?.focus(),\n  }));\n\n  const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSXElement | null => {\n    if (!checkboxProps) {\n      return null;\n    }\n    const { label: defaultLabel, title } = checkboxProps;\n    return defaultLabel ? (\n      <span title={title} className={styles.text}>\n        {defaultLabel}\n      </span>\n    ) : null;\n  };\n\n  if (label || onRenderLabel) {\n    shimProps.label = {\n      className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n      children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n    };\n  }\n\n  return (\n    <Checkbox\n      {...shimProps}\n      ref={checkboxRef}\n      className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n      indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n    />\n  );\n  // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined  React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n  ICheckboxProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA;;;;;+BAcaQ;;;;;;;iEAZU,QAAQ;wBAE0D,kBAAkB;iCACpE,6BAA6B;mCACnC,sBAAsB;gCACrB,oBAAoB;AAGtD,MAAMF,oBAAgBL,0BAAAA,EAAyD;IAC7EM,iBAAiB;AACnB;AAEO,qBAAMC,WAAAA,GAAeR,OAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,uCAAAA,EAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,eAAWd,iCAAAA;IACjB,MAAMe,cAAeT,QAAAA,WAAAA,GAA8CX,OAAMqB,SAAS;IAElFrB,OAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,+BAAAA,wBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBG,OAAAA,AAAO,MAAA,QAA5BH,iCAAAA,KAAAA,IAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,qCAAAA,CAAAA,wBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBK,aAAAA,AAAa,MAAA,QAAlCL,uCAAAA,KAAAA,IAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAAA,WAAAA,GACL,OAAA,aAAA,CAACE,QAAAA;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,eAAWT,6BAAAA,EAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACd,yBAAAA,EAAAA;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,eAAWT,6BAAAA,EAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,eAAWT,6BAAAA,EAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}

package/lib-commonjs/components/Checkbox/shimCheckboxProps.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Checkbox/shimCheckboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n  'ariaDescribedBy',\n  'ariaLabel',\n  'ariaLabelledBy',\n  'ariaPositionInSet',\n  'ariaSetSize',\n  'boxSide',\n  'checked',\n  'checkmarkIconProps', // one case used this\n  'className',\n  'componentRef',\n  'defaultChecked',\n  'defaultIndeterminate',\n  'disabled',\n  'indeterminate',\n  'inputProps',\n  'label',\n  'name',\n  'onChange',\n  'onRenderLabel',\n  'required',\n  'styles',\n  'theme',\n  'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n  const {\n    ariaDescribedBy,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaPositionInSet,\n    ariaSetSize,\n    boxSide,\n    checked: checkedV8,\n    indeterminate,\n    defaultChecked,\n    defaultIndeterminate,\n    disabled,\n    inputProps,\n    name,\n    required,\n    title,\n    onChange: onChangeV8,\n  } = props;\n\n  const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n  const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n  const onChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n      let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n      // Ensure the checkbox is controlled\n      if (checked !== undefined) {\n        if (mixed) {\n          val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n        }\n      }\n\n      if (mixed) {\n        setMixed(mixed && !indeterminate ? false : mixed);\n      }\n\n      setChecked(val);\n      onChangeV8?.(event, data.checked as boolean);\n    },\n    [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n  );\n\n  const v9Props: Partial<CheckboxProps> = {\n    checked: mixed ? 'mixed' : checked,\n    defaultChecked: mixed ? 'mixed' : defaultChecked,\n    labelPosition: boxSide === 'end' ? 'before' : 'after',\n    disabled,\n    required,\n    title,\n    name,\n    onChange,\n  };\n\n  return {\n    ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n    'aria-describedby': ariaDescribedBy,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-posinset': ariaPositionInSet,\n    'aria-setsize': ariaSetSize,\n    ...v9Props,\n    ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n  } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":";;;;+BAqCaK;;;;;;;iEArCU,QAAQ;4BAIM,wBAAwB;uBAC3B,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMF,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,yBAAyB,CAACE;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,OAAGxB,gCAAAA,EAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,OAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,OAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,OAAGhC,wBAAAA,EAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n  'ariaDescribedBy',\n  'ariaLabel',\n  'ariaLabelledBy',\n  'ariaPositionInSet',\n  'ariaSetSize',\n  'boxSide',\n  'checked',\n  'checkmarkIconProps', // one case used this\n  'className',\n  'componentRef',\n  'defaultChecked',\n  'defaultIndeterminate',\n  'disabled',\n  'indeterminate',\n  'inputProps',\n  'label',\n  'name',\n  'onChange',\n  'onRenderLabel',\n  'required',\n  'styles',\n  'theme',\n  'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n  const {\n    ariaDescribedBy,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaPositionInSet,\n    ariaSetSize,\n    boxSide,\n    checked: checkedV8,\n    indeterminate,\n    defaultChecked,\n    defaultIndeterminate,\n    disabled,\n    inputProps,\n    name,\n    required,\n    title,\n    onChange: onChangeV8,\n  } = props;\n\n  const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n  const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n  const onChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n      let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n      // Ensure the checkbox is controlled\n      if (checked !== undefined) {\n        if (mixed) {\n          val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n        }\n      }\n\n      if (mixed) {\n        setMixed(mixed && !indeterminate ? false : mixed);\n      }\n\n      setChecked(val);\n      onChangeV8?.(event, data.checked as boolean);\n    },\n    [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n  );\n\n  const v9Props: Partial<CheckboxProps> = {\n    checked: mixed ? 'mixed' : checked,\n    defaultChecked: mixed ? 'mixed' : defaultChecked,\n    labelPosition: boxSide === 'end' ? 'before' : 'after',\n    disabled,\n    required,\n    title,\n    name,\n    onChange,\n  };\n\n  return {\n    ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n    'aria-describedby': ariaDescribedBy,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-posinset': ariaPositionInSet,\n    'aria-setsize': ariaSetSize,\n    ...v9Props,\n    ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n  } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA;;;;;;;;eAuCaK;;;;iEArCU,QAAQ;4BAIM,wBAAwB;uBAC3B,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMF,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,yBAAyB,CAACE;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,OAAGxB,gCAAAA,EAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,OAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,OAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,OAAGhC,wBAAAA,EAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}

package/lib-commonjs/components/Stack/StackItemShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Stack/StackItemShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignSelfStyles,\n  useFlexGrowStyles,\n  useFlexOrderStyles,\n  useFlexShrinkStyles,\n  useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\nexport const StackItemShim = (props: IStackItemProps): JSXElement => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"mappings":";;;;+BAgBaS;;;;;;;uBAhBgB,iBAAiB;kEACvB,QAAQ;qCAUxB,yBAAyB;AAEhC,MAAMF,sBAAsB;IAC1BC,MAAM;AACR;AACO,sBAAsB,CAACE;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,aAASb,2CAAAA;IACf,MAAMc,sBAAkBlB,2CAAAA;IACxB,MAAMmB,uBAAmBhB,wCAAAA;IACzB,MAAMiB,qBAAyCnB,sCAAAA;IAC/C,MAAMoB,sBAA0CnB,uCAAAA;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,iBAAa3B,mBAAAA,EAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,OAAA,WAAA,GAAO,QAAA,aAAA,CAACW,OAAAA;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}
+{"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignSelfStyles,\n  useFlexGrowStyles,\n  useFlexOrderStyles,\n  useFlexShrinkStyles,\n  useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\nexport const StackItemShim = (props: IStackItemProps): JSXElement => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"mappings":"AAAA;;;;;+BAkBaS;;;;;;;uBAhBgB,iBAAiB;kEACvB,QAAQ;qCAUxB,yBAAyB;AAEhC,MAAMF,sBAAsB;IAC1BC,MAAM;AACR;AACO,sBAAsB,CAACE;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,aAASb,2CAAAA;IACf,MAAMc,sBAAkBlB,2CAAAA;IACxB,MAAMmB,mBAAmBhB,4CAAAA;IACzB,MAAMiB,qBAAyCnB,sCAAAA;IAC/C,MAAMoB,sBAA0CnB,uCAAAA;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,iBAAa3B,mBAAAA,EAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,OAAA,WAAA,GAAO,QAAA,aAAA,CAACW,OAAAA;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}

package/lib-commonjs/components/Stack/StackShim.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Stack/StackShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignItemsStyles,\n  useFlexGrowStyles,\n  useFlexJustifyContentStyles,\n  useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n  const styles = useStackStyles();\n  const alignItemsFlexStyles = useFlexAlignItemsStyles();\n  const justifyContentFlexStyles = useFlexJustifyContentStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n  const {\n    as: RootType = 'div',\n    verticalFill,\n    horizontal,\n    reversed,\n    grow,\n    wrap,\n    horizontalAlign,\n    verticalAlign,\n    disableShrink,\n    className,\n  } = props;\n\n  const tokens: IStackTokens = { ...props.tokens };\n\n  let tokensRootStyles = {};\n  let tokensInnerStyles = {};\n  let childrenGapClassName;\n\n  if (tokens) {\n    tokensRootStyles = {\n      padding: !wrap ? tokens.padding : undefined,\n      maxHeight: tokens.maxHeight,\n      maxWidth: tokens.maxWidth,\n    };\n\n    tokensInnerStyles = {\n      padding: wrap ? tokens.padding : undefined,\n    };\n\n    if (tokens.childrenGap) {\n      childrenGapClassName = getClassNames(getChildrenGapStyles, {\n        horizontal,\n        reversed,\n        tokens,\n      });\n    }\n  }\n\n  const stackStyles = [\n    wrap ? styles.wrap : styles.root,\n    horizontal && styles.horizontal,\n    verticalFill && styles.verticalFill,\n  ];\n\n  const stackInnerStyles = [\n    styles.inner,\n    horizontal && styles.horizontal,\n    (!tokens || !tokens.childrenGap) && styles.innerWidth,\n  ];\n\n  let stackChildren = React.Children.toArray(props.children);\n  if (\n    stackChildren.length === 1 &&\n    React.isValidElement(stackChildren[0]) &&\n    stackChildren[0].type === React.Fragment\n  ) {\n    stackChildren = stackChildren[0].props.children;\n  }\n\n  stackChildren = React.Children.map(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n        const defaultItemProps: IStackItemProps = {\n          shrink: !disableShrink,\n        };\n\n        return React.cloneElement(child, {\n          ...defaultItemProps,\n          ...child.props,\n        });\n      }\n\n      return child;\n    },\n  );\n\n  if (reversed) {\n    if (horizontal) {\n      stackStyles.push(styles.reversedHorizontal);\n      stackInnerStyles.push(styles.reversedHorizontal);\n    } else {\n      stackStyles.push(styles.reversedVertical);\n      stackInnerStyles.push(styles.reversedVertical);\n    }\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackStyles.push(flexGrow);\n  }\n\n  if (disableShrink) {\n    stackStyles.push(styles.disableShrink);\n  }\n\n  if (horizontalAlign) {\n    if (horizontal) {\n      stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n    } else {\n      stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n    }\n  }\n\n  if (verticalAlign) {\n    if (horizontal) {\n      stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n    } else {\n      stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n    }\n  }\n\n  const rootClass = mergeClasses(\n    stackClassNames.root,\n    ...stackStyles,\n    childrenGapClassName && !wrap && childrenGapClassName.root,\n    className,\n  );\n\n  const innerClass = mergeClasses(\n    stackClassNames.inner,\n    ...stackInnerStyles,\n    childrenGapClassName && wrap && childrenGapClassName.inner,\n  );\n\n  return wrap ? (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      <div className={innerClass} style={tokensInnerStyles}>\n        {stackChildren}\n      </div>\n    </RootType>\n  ) : (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      {stackChildren}\n    </RootType>\n  );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":";;;;+BAqBaY;;;;;;;uBArBgB,iBAAiB;wBACX,kBAAkB;kEAE9B,QAAQ;4BAEM,eAAe;iCAQ7C,qBAAqB;AAE5B,MAAMJ,kBAAkB;IACtBC,MAAM;IACNC,OAAO;AACT;AAEA,MAAMC,oBAAgBV,0BAAAA;AACf,kBAAkB,CAACY;IACxB,MAAMC,aAASP,+BAAAA;IACf,MAAMQ,2BAAuBX,wCAAAA;IAC7B,MAAMY,+BAA2BV,4CAAAA;IACjC,MAAMW,qBAAyCZ,kCAAAA;IAE/C,MAAM,EACJa,IAAIC,WAAW,KAAK,EACpBC,YAAY,EACZC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,eAAe,EACfC,aAAa,EACbC,aAAa,EACbC,SAAS,EACV,GAAGf;IAEJ,MAAMgB,SAAuB;QAAE,GAAGhB,MAAMgB,MAAM;IAAC;IAE/C,IAAIC,mBAAmB,CAAC;IACxB,IAAIC,oBAAoB,CAAC;IACzB,IAAIC;IAEJ,IAAIH,QAAQ;QACVC,mBAAmB;YACjBG,SAAS,CAACT,OAAOK,OAAOI,OAAO,GAAGC;YAClCC,WAAWN,OAAOM,SAAS;YAC3BC,UAAUP,OAAOO,QAAQ;QAC3B;QAEAL,oBAAoB;YAClBE,SAAST,OAAOK,OAAOI,OAAO,GAAGC;QACnC;QAEA,IAAIL,OAAOQ,WAAW,EAAE;YACtBL,uBAAuBrB,cAAcR,gCAAAA,EAAsB;gBACzDkB;gBACAC;gBACAO;YACF;QACF;IACF;IAEA,MAAMS,cAAc;QAClBd,OAAOV,OAAOU,IAAI,GAAGV,OAAOL,IAAI;QAChCY,cAAcP,OAAOO,UAAU;QAC/BD,gBAAgBN,OAAOM,YAAY;KACpC;IAED,MAAMmB,mBAAmB;QACvBzB,OAAOJ,KAAK;QACZW,cAAcP,OAAOO,UAAU;SAC9B,CAACQ,UAAU,CAACA,OAAOQ,WAAAA,AAAU,KAAMvB,OAAO0B,UAAU;KACtD;IAED,IAAIC,gBAAgBvC,QAAMwC,QAAQ,CAACC,OAAO,CAAC9B,MAAM+B,QAAQ;IACzD,IACEH,cAAcI,MAAM,KAAK,KAAA,WAAA,GACzB3C,QAAM4C,cAAc,CAACL,aAAa,CAAC,EAAE,KACrCA,aAAa,CAAC,EAAE,CAACM,IAAI,KAAK7C,QAAM8C,QAAQ,EACxC;QACAP,gBAAgBA,aAAa,CAAC,EAAE,CAAC5B,KAAK,CAAC+B,QAAQ;IACjD;IAEAH,gBAAgBvC,QAAMwC,QAAQ,CAACO,GAAG,CAChCR,eACA,CAACS;QACC,IAAI,CAACA,OAAO;YACV,OAAO;QACT;QAEA,IAAIA,MAAMH,IAAI,IAAMG,MAA6BH,IAAI,CAAyBI,IAAI,KAAK,iBAAiB;YACtG,MAAMC,mBAAoC;gBACxCC,QAAQ,CAAC1B;YACX;YAEA,OAAA,WAAA,GAAOzB,QAAMoD,YAAY,CAACJ,OAAO;gBAC/B,GAAGE,gBAAgB;gBACnB,GAAGF,MAAMrC,KAAK;YAChB;QACF;QAEA,OAAOqC;IACT;IAGF,IAAI5B,UAAU;QACZ,IAAID,YAAY;YACdiB,YAAYiB,IAAI,CAACzC,OAAO0C,kBAAkB;YAC1CjB,iBAAiBgB,IAAI,CAACzC,OAAO0C,kBAAkB;QACjD,OAAO;YACLlB,YAAYiB,IAAI,CAACzC,OAAO2C,gBAAgB;YACxClB,iBAAiBgB,IAAI,CAACzC,OAAO2C,gBAAgB;QAC/C;IACF;IAEA,IAAIlC,MAAM;QACR,MAAMmC,WAAWnC,SAAS,OAAON,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACM,KAAK;QACzEe,YAAYiB,IAAI,CAACG;IACnB;IAEA,IAAI/B,eAAe;QACjBW,YAAYiB,IAAI,CAACzC,OAAOa,aAAa;IACvC;IAEA,IAAIF,iBAAiB;QACnB,IAAIJ,YAAY;YACdiB,YAAYiB,IAAI,CAACvC,wBAAwB,CAACS,gBAAgB;YAC1Dc,iBAAiBgB,IAAI,CAACvC,wBAAwB,CAACS,gBAAgB;QACjE,OAAO;YACLa,YAAYiB,IAAI,CAACxC,oBAAoB,CAACU,gBAAgB;YACtDc,iBAAiBgB,IAAI,CAACxC,oBAAoB,CAACU,gBAAgB;QAC7D;IACF;IAEA,IAAIC,eAAe;QACjB,IAAIL,YAAY;YACdiB,YAAYiB,IAAI,CAACxC,oBAAoB,CAACW,cAAc;YACpDa,iBAAiBgB,IAAI,CAACxC,oBAAoB,CAACW,cAAc;QAC3D,OAAO;YACLY,YAAYiB,IAAI,CAACvC,wBAAwB,CAACU,cAAc;YACxDa,iBAAiBgB,IAAI,CAACvC,wBAAwB,CAACU,cAAc;QAC/D;IACF;IAEA,MAAMiC,gBAAY3D,mBAAAA,EAChBQ,gBAAgBC,IAAI,KACjB6B,aACHN,wBAAwB,CAACR,QAAQQ,qBAAqBvB,IAAI,EAC1DmB;IAGF,MAAMgC,iBAAa5D,mBAAAA,EACjBQ,gBAAgBE,KAAK,KAClB6B,kBACHP,wBAAwBR,QAAQQ,qBAAqBtB,KAAK;IAG5D,OAAOc,OAAAA,WAAAA,GACL,QAAA,aAAA,CAACL,UAAAA;QAASS,WAAW+B;QAAWE,OAAO/B;qBACrC,QAAA,aAAA,CAACgC,OAAAA;QAAIlC,WAAWgC;QAAYC,OAAO9B;OAChCU,kBAAAA,WAAAA,GAIL,QAAA,aAAA,CAACtB,UAAAA;QAASS,WAAW+B;QAAWE,OAAO/B;OACpCW;AAGP,EAAE"}
+{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  useFlexAlignItemsStyles,\n  useFlexGrowStyles,\n  useFlexJustifyContentStyles,\n  useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n  const styles = useStackStyles();\n  const alignItemsFlexStyles = useFlexAlignItemsStyles();\n  const justifyContentFlexStyles = useFlexJustifyContentStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n  const {\n    as: RootType = 'div',\n    verticalFill,\n    horizontal,\n    reversed,\n    grow,\n    wrap,\n    horizontalAlign,\n    verticalAlign,\n    disableShrink,\n    className,\n  } = props;\n\n  const tokens: IStackTokens = { ...props.tokens };\n\n  let tokensRootStyles = {};\n  let tokensInnerStyles = {};\n  let childrenGapClassName;\n\n  if (tokens) {\n    tokensRootStyles = {\n      padding: !wrap ? tokens.padding : undefined,\n      maxHeight: tokens.maxHeight,\n      maxWidth: tokens.maxWidth,\n    };\n\n    tokensInnerStyles = {\n      padding: wrap ? tokens.padding : undefined,\n    };\n\n    if (tokens.childrenGap) {\n      childrenGapClassName = getClassNames(getChildrenGapStyles, {\n        horizontal,\n        reversed,\n        tokens,\n      });\n    }\n  }\n\n  const stackStyles = [\n    wrap ? styles.wrap : styles.root,\n    horizontal && styles.horizontal,\n    verticalFill && styles.verticalFill,\n  ];\n\n  const stackInnerStyles = [\n    styles.inner,\n    horizontal && styles.horizontal,\n    (!tokens || !tokens.childrenGap) && styles.innerWidth,\n  ];\n\n  let stackChildren = React.Children.toArray(props.children);\n  if (\n    stackChildren.length === 1 &&\n    React.isValidElement(stackChildren[0]) &&\n    stackChildren[0].type === React.Fragment\n  ) {\n    stackChildren = stackChildren[0].props.children;\n  }\n\n  stackChildren = React.Children.map(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n        const defaultItemProps: IStackItemProps = {\n          shrink: !disableShrink,\n        };\n\n        return React.cloneElement(child, {\n          ...defaultItemProps,\n          ...child.props,\n        });\n      }\n\n      return child;\n    },\n  );\n\n  if (reversed) {\n    if (horizontal) {\n      stackStyles.push(styles.reversedHorizontal);\n      stackInnerStyles.push(styles.reversedHorizontal);\n    } else {\n      stackStyles.push(styles.reversedVertical);\n      stackInnerStyles.push(styles.reversedVertical);\n    }\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackStyles.push(flexGrow);\n  }\n\n  if (disableShrink) {\n    stackStyles.push(styles.disableShrink);\n  }\n\n  if (horizontalAlign) {\n    if (horizontal) {\n      stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n    } else {\n      stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n    }\n  }\n\n  if (verticalAlign) {\n    if (horizontal) {\n      stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n    } else {\n      stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n    }\n  }\n\n  const rootClass = mergeClasses(\n    stackClassNames.root,\n    ...stackStyles,\n    childrenGapClassName && !wrap && childrenGapClassName.root,\n    className,\n  );\n\n  const innerClass = mergeClasses(\n    stackClassNames.inner,\n    ...stackInnerStyles,\n    childrenGapClassName && wrap && childrenGapClassName.inner,\n  );\n\n  return wrap ? (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      <div className={innerClass} style={tokensInnerStyles}>\n        {stackChildren}\n      </div>\n    </RootType>\n  ) : (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      {stackChildren}\n    </RootType>\n  );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
-  "version": "9.9.7",
+  "version": "9.9.9",
   "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "^3.3.4",
-    "@fluentui/fluent2-theme": "^8.107.142",
-    "@fluentui/react": "^8.123.5",
-    "@fluentui/react-components": "^9.70.0",
+    "@fluentui/fluent2-theme": "^8.107.143",
+    "@fluentui/react": "^8.123.6",
+    "@fluentui/react-components": "^9.72.0",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-hooks": "^8.8.19",
     "@griffel/react": "^1.5.22",