@fluentui/react-card 9.0.1 → 9.0.3

package/lib-commonjs/components/Card/useCardStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","react_tabster_1","useCardPreviewStyles_1","useCardHeaderStyles_1","useCardFooterStyles_1","exports","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","useStyles","__styles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","f","i","h","a","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","className","mergeClasses","orientation","size","appearance","interactive","selectable","selected","selectFocused"],"sources":["../src/packages/react-components/react-card/src/components/Card/useCardStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\nimport type { CardSlots, CardState } from './Card.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames: SlotClassNames<CardSlots> = {\n  root: 'fui-Card',\n  floatingAction: 'fui-Card__floatingAction',\n  checkbox: 'fui-Card__checkbox',\n};\n\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n  cardSizeVar: '--fui-Card--size',\n  cardBorderRadiusVar: '--fui-Card--border-radius',\n};\n\nconst focusOutlineStyle = {\n  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n  outlineWidth: tokens.strokeWidthThick,\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.overflow('hidden'),\n    ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n    ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n    ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n\n    display: 'flex',\n    position: 'relative',\n    boxSizing: 'border-box',\n    color: tokens.colorNeutralForeground1,\n\n    // Border setting using after pseudo element to allow CardPreview to render behind it.\n    '::after': {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      content: '\"\"',\n      pointerEvents: 'none',\n\n      ...shorthands.borderStyle('solid'),\n      ...shorthands.borderWidth(tokens.strokeWidthThin),\n      ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n    },\n\n    // Prevents CardHeader and CardFooter from shrinking.\n    [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n      flexShrink: 0,\n    },\n    // Allows non-card components to grow to fill the available space.\n    [`> :not(.${cardPreviewClassNames.root}):not(.${cardHeaderClassNames.root}):not(.${cardFooterClassNames.root})`]: {\n      flexGrow: 1,\n    },\n\n    ...createFocusOutlineStyle({\n      style: focusOutlineStyle,\n      selector: 'focus',\n    }),\n  },\n\n  selectableFocused: createFocusOutlineStyle({\n    style: focusOutlineStyle,\n    selector: 'focus-within',\n  }),\n\n  orientationHorizontal: {\n    flexDirection: 'row',\n    alignItems: 'center',\n\n    // Remove vertical padding to keep CardPreview content flush with Card's borders.\n    [`> .${cardPreviewClassNames.root}`]: {\n      marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n      marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the first element.\n    // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n      marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the last element.\n    // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n      marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n\n    // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n    [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n      flexGrow: 1,\n    },\n  },\n  orientationVertical: {\n    flexDirection: 'column',\n\n    // Remove lateral padding to keep CardPreview content flush with Card's borders.\n    [`> .${cardPreviewClassNames.root}`]: {\n      marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n      marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the first element.\n    // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n      marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n    [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n      marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n\n    // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n    // As such, the code below targets a CardPreview, when it's the first element.\n    // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n    [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n      marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n    },\n  },\n\n  sizeSmall: {\n    [cardCSSVars.cardSizeVar]: '8px',\n    [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall,\n  },\n  sizeMedium: {\n    [cardCSSVars.cardSizeVar]: '12px',\n    [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium,\n  },\n  sizeLarge: {\n    [cardCSSVars.cardSizeVar]: '16px',\n    [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge,\n  },\n\n  filled: {\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n  },\n  filledInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n      boxShadow: tokens.shadow8,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground1Pressed,\n    },\n  },\n  filledInteractiveSelected: {\n    backgroundColor: tokens.colorNeutralBackground1Selected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Selected,\n    },\n  },\n\n  filledAlternative: {\n    backgroundColor: tokens.colorNeutralBackground2,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n  },\n  filledAlternativeInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorNeutralBackground2,\n    boxShadow: tokens.shadow4,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground2Hover,\n      boxShadow: tokens.shadow8,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground2Pressed,\n    },\n  },\n  filledAlternativeInteractiveSelected: {\n    backgroundColor: tokens.colorNeutralBackground2Selected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground2Selected,\n    },\n  },\n\n  outline: {\n    backgroundColor: tokens.colorTransparentBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n  outlineInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorTransparentBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n\n      '::after': {\n        ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n      },\n    },\n    ':active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n\n      '::after': {\n        ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n      },\n    },\n  },\n  outlineInteractiveSelected: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundSelected,\n    },\n  },\n\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n  },\n  subtleInteractive: {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackground,\n    boxShadow: 'none',\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorTransparentStroke),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\n  },\n  subtleInteractiveSelected: {\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundSelected,\n    },\n  },\n\n  select: {\n    position: 'absolute',\n    top: '4px',\n    right: '4px',\n    zIndex: 1,\n  },\n\n  hiddenCheckbox: {\n    ...shorthands.overflow('hidden'),\n    width: '1px',\n    height: '1px',\n    position: 'absolute',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(50%)',\n    whiteSpace: 'nowrap',\n  },\n});\n\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n  const styles = useStyles();\n\n  const orientationMap = {\n    horizontal: styles.orientationHorizontal,\n    vertical: styles.orientationVertical,\n  };\n\n  const sizeMap = {\n    small: styles.sizeSmall,\n    medium: styles.sizeMedium,\n    large: styles.sizeLarge,\n  };\n\n  const appearanceMap = {\n    filled: styles.filled,\n    'filled-alternative': styles.filledAlternative,\n    outline: styles.outline,\n    subtle: styles.subtle,\n  };\n\n  const selectedMap = {\n    filled: styles.filledInteractiveSelected,\n    'filled-alternative': styles.filledAlternativeInteractiveSelected,\n    outline: styles.outlineInteractiveSelected,\n    subtle: styles.subtleInteractiveSelected,\n  };\n  const interactiveMap = {\n    filled: styles.filledInteractive,\n    'filled-alternative': styles.filledAlternativeInteractive,\n    outline: styles.outlineInteractive,\n    subtle: styles.subtleInteractive,\n  };\n\n  state.root.className = mergeClasses(\n    cardClassNames.root,\n    styles.root,\n    orientationMap[state.orientation],\n    sizeMap[state.size],\n    appearanceMap[state.appearance],\n    (state.interactive || state.selectable) && interactiveMap[state.appearance],\n    state.selected && selectedMap[state.appearance],\n    state.selectFocused && styles.selectableFocused,\n    state.root.className,\n  );\n\n  if (state.floatingAction) {\n    state.floatingAction.className = mergeClasses(\n      cardClassNames.floatingAction,\n      styles.select,\n      state.floatingAction.className,\n    );\n  }\n\n  if (state.checkbox) {\n    state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Card/useCardStyles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames = {\n  root: 'fui-Card',\n  floatingAction: 'fui-Card__floatingAction',\n  checkbox: 'fui-Card__checkbox'\n};\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n  cardSizeVar: '--fui-Card--size',\n  cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n  outlineWidth: tokens.strokeWidthThick\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    Bbmb7ep: [\"fifeqxg\", \"f899z7z\"],\n    Beyfa6y: [\"f899z7z\", \"fifeqxg\"],\n    B7oj6ja: [\"f4h3tyx\", \"f18ur2pz\"],\n    Btl43ni: [\"f18ur2pz\", \"f4h3tyx\"],\n    z8tnut: \"f1lplnzb\",\n    z189sj: [\"f10m5gbb\", \"f1k04kkk\"],\n    Byoj8tv: \"fhftqfp\",\n    uwmqm3: [\"f1k04kkk\", \"f10m5gbb\"],\n    i8kkvl: \"fxsr4vj\",\n    Belr9w4: \"fcvsdzp\",\n    mc9l5x: \"f22iagw\",\n    qhf8xq: \"f10pi13n\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f19n0e5\",\n    E3zdtr: \"f1mdlcz9\",\n    bn5sak: \"frwkxtg\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n    By385i5: \"fo72kxq\",\n    Bsft5z2: \"f13zj6fq\",\n    B80jsxd: \"f1nwj1ja\",\n    Bm2nyyq: \"f8rth92\",\n    Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n    Bw17bha: \"f1lh990p\",\n    vfts7: [\"ftkbnf5\", \"flthirb\"],\n    xrcqlc: \"f6czdpx\",\n    Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n    Bcgy8vk: \"f1i1u9k0\",\n    Bhxzhr1: [\"f1en4csx\", \"f13hvwk3\"],\n    B3778ie: [\"f1qnomq5\", \"f2fl922\"],\n    d9w3h3: [\"f2fl922\", \"f1qnomq5\"],\n    Bl18szs: [\"f1anhtl\", \"f1n2zcl3\"],\n    B4j8arr: [\"f1n2zcl3\", \"f1anhtl\"],\n    B2jhnfs: \"f16v3d5c\",\n    wiictr: \"f1su8t2g\",\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"f99gebs\",\n    clg4pj: [\"f13b0oaq\", \"f8t2bz6\"],\n    hgwjuy: \"f1jvq617\",\n    Bonggc9: [\"f8t2bz6\", \"f13b0oaq\"],\n    B1tsrr9: [\"f11unbnk\", \"fbd201q\"],\n    Dah5zi: [\"fbd201q\", \"f11unbnk\"],\n    Bkh64rk: [\"f12nqxso\", \"f1uguk4w\"],\n    qqdqy8: [\"f1uguk4w\", \"f12nqxso\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"f3l4wcz\",\n    Bjwuhne: \"f6j2biq\",\n    Ghsupd: [\"fdzzmfx\", \"fduh8kh\"],\n    Bule8hv: [\"fduh8kh\", \"fdzzmfx\"]\n  },\n  selectableFocused: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bssx7fj: \"f1b1k54r\",\n    uh7if5: [\"f4ne723\", \"fqqcjud\"],\n    clntm0: \"fh7aioi\",\n    Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n    B2j2mmj: \"ffht0p2\",\n    wigs8: \"f1p0ul1q\",\n    pbfy6t: \"f1c901ms\",\n    B0v4ure: \"f1alokd7\",\n    ghq09: \"f78i1la\",\n    B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n    Bwckmig: \"f8k7e5g\",\n    Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n    Bbgo44z: \"f125hn41\",\n    Bil7v7r: [\"fgxkx34\", \"f1v56tyl\"],\n    skfxo0: \"fdxas6f\",\n    jo1ztg: [\"f1v56tyl\", \"fgxkx34\"],\n    Ba3ybja: [\"fxwickw\", \"f1ia5cve\"],\n    az1dzo: [\"f1ia5cve\", \"fxwickw\"],\n    vppk2z: [\"f194aguw\", \"fqicc6c\"],\n    B6352mv: [\"fqicc6c\", \"f194aguw\"],\n    nr063g: \"fq4eyks\",\n    Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n    Bsiemmq: \"f1e2iu44\",\n    B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n    B2pnrqr: \"f4a0pcc\",\n    Bhhzhcn: \"f11go4w5\",\n    Bec0n69: [\"f4dzull\", \"fy687nj\"],\n    B29w5g4: [\"fy687nj\", \"f4dzull\"]\n  },\n  orientationHorizontal: {\n    Beiy3e4: \"f1063pyq\",\n    Bt984gj: \"f122n59\",\n    Bnoktp0: \"fpfyeui\",\n    Idhjb2: \"fwi74qw\",\n    ihgzqh: [\"ffcmwrh\", \"f6ppoih\"],\n    Bgp6ld0: [\"f1dc9p14\", \"fd933vt\"],\n    Bbucpmy: \"f18esqgw\"\n  },\n  orientationVertical: {\n    Beiy3e4: \"f1vx9l62\",\n    Bt4kzjz: [\"fobhde4\", \"fx5r7kn\"],\n    B1ou843: [\"fx5r7kn\", \"fobhde4\"],\n    y1433z: \"f19chtn8\",\n    B7egwnw: \"fuvs6re\",\n    B49b4xf: \"fy4glsf\"\n  },\n  sizeSmall: {\n    B7balbw: \"f1pi9uxy\",\n    B1h88n7: \"f1h1zgly\"\n  },\n  sizeMedium: {\n    B7balbw: \"frsmuga\",\n    B1h88n7: \"fuldkky\"\n  },\n  sizeLarge: {\n    B7balbw: \"f1qua4xo\",\n    B1h88n7: \"fimkt6v\"\n  },\n  filled: {\n    De3pzq: \"fxugw4r\",\n    E5pizo: \"f1whvlc6\",\n    B0n5ga8: \"f16gxe2i\",\n    s924m2: [\"fpgykix\", \"fzybk4o\"],\n    B1q35kw: \"f1osi826\",\n    Gp14am: [\"fzybk4o\", \"fpgykix\"]\n  },\n  filledInteractive: {\n    Bceei9c: \"f1k6fduh\",\n    De3pzq: \"fxugw4r\",\n    E5pizo: \"f1whvlc6\",\n    B0n5ga8: \"f16gxe2i\",\n    s924m2: [\"fpgykix\", \"fzybk4o\"],\n    B1q35kw: \"f1osi826\",\n    Gp14am: [\"fzybk4o\", \"fpgykix\"],\n    Jwef8y: \"f1knas48\",\n    Bvxd0ez: \"f1m145df\",\n    ecr2s2: \"fb40n2d\"\n  },\n  filledInteractiveSelected: {\n    De3pzq: \"f1nfm20t\",\n    B0n5ga8: \"f16eln5f\",\n    s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n    B1q35kw: \"ff6932p\",\n    Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n    Jwef8y: \"f1kz6goq\"\n  },\n  filledAlternative: {\n    De3pzq: \"f1dmdbja\",\n    E5pizo: \"f1whvlc6\",\n    B0n5ga8: \"f16gxe2i\",\n    s924m2: [\"fpgykix\", \"fzybk4o\"],\n    B1q35kw: \"f1osi826\",\n    Gp14am: [\"fzybk4o\", \"fpgykix\"]\n  },\n  filledAlternativeInteractive: {\n    Bceei9c: \"f1k6fduh\",\n    De3pzq: \"f1dmdbja\",\n    E5pizo: \"f1whvlc6\",\n    B0n5ga8: \"f16gxe2i\",\n    s924m2: [\"fpgykix\", \"fzybk4o\"],\n    B1q35kw: \"f1osi826\",\n    Gp14am: [\"fzybk4o\", \"fpgykix\"],\n    Jwef8y: \"f1uvynv3\",\n    Bvxd0ez: \"f1m145df\",\n    ecr2s2: \"f1yhgkbh\"\n  },\n  filledAlternativeInteractiveSelected: {\n    De3pzq: \"fjxa0vh\",\n    B0n5ga8: \"f16eln5f\",\n    s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n    B1q35kw: \"ff6932p\",\n    Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n    Jwef8y: \"fehi0vp\"\n  },\n  outline: {\n    De3pzq: \"f1c21dwh\",\n    E5pizo: \"f1couhl3\",\n    B0n5ga8: \"ft83z1f\",\n    s924m2: [\"f1g4150c\", \"f192dr6e\"],\n    B1q35kw: \"f1qnawh6\",\n    Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n  },\n  outlineInteractive: {\n    Bceei9c: \"f1k6fduh\",\n    De3pzq: \"f1c21dwh\",\n    E5pizo: \"f1couhl3\",\n    B0n5ga8: \"ft83z1f\",\n    s924m2: [\"f1g4150c\", \"f192dr6e\"],\n    B1q35kw: \"f1qnawh6\",\n    Gp14am: [\"f192dr6e\", \"f1g4150c\"],\n    Jwef8y: \"fjxutwb\",\n    Be0v6ae: \"f1llr77y\",\n    B5kxglz: [\"fzk0khw\", \"fjj8tog\"],\n    B3pwyw6: \"fb1u8ub\",\n    Bymgtzf: [\"fjj8tog\", \"fzk0khw\"],\n    ecr2s2: \"fophhak\",\n    dmfk: \"f1uohb70\",\n    B4ofi8: [\"f1jm7v1n\", \"f1bus3rq\"],\n    jgq6uv: \"f1fbu7rr\",\n    Baxewws: [\"f1bus3rq\", \"f1jm7v1n\"]\n  },\n  outlineInteractiveSelected: {\n    De3pzq: \"f1q9pm1r\",\n    B0n5ga8: \"f16eln5f\",\n    s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n    B1q35kw: \"ff6932p\",\n    Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n    Jwef8y: \"fg59vm4\"\n  },\n  subtle: {\n    De3pzq: \"fhovq9v\",\n    E5pizo: \"f1couhl3\",\n    B0n5ga8: \"f16gxe2i\",\n    s924m2: [\"fpgykix\", \"fzybk4o\"],\n    B1q35kw: \"f1osi826\",\n    Gp14am: [\"fzybk4o\", \"fpgykix\"]\n  },\n  subtleInteractive: {\n    Bceei9c: \"f1k6fduh\",\n    De3pzq: \"fhovq9v\",\n    E5pizo: \"f1couhl3\",\n    B0n5ga8: \"f16gxe2i\",\n    s924m2: [\"fpgykix\", \"fzybk4o\"],\n    B1q35kw: \"f1osi826\",\n    Gp14am: [\"fzybk4o\", \"fpgykix\"],\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\"\n  },\n  subtleInteractiveSelected: {\n    De3pzq: \"fq5gl1p\",\n    B0n5ga8: \"f16eln5f\",\n    s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n    B1q35kw: \"ff6932p\",\n    Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n    Jwef8y: \"f1uqaxdt\"\n  },\n  select: {\n    qhf8xq: \"f1euv43f\",\n    Bhzewxz: \"fqclxi7\",\n    j35jbq: [\"fiv86kb\", \"f36uhnt\"],\n    Bj3rh1h: \"f19g0ac\"\n  },\n  hiddenCheckbox: {\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    a9b677: \"frkrog8\",\n    Bqenvij: \"f1mpe4l3\",\n    qhf8xq: \"f1euv43f\",\n    Bh84pgu: \"fmf1zke\",\n    Bgl5zvf: \"f1wch0ki\",\n    Huce71: \"fz5stix\"\n  }\n}, {\n  d: [\".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fifeqxg{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f899z7z{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f4h3tyx{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f18ur2pz{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1lplnzb{padding-top:var(--fui-Card--size);}\", \".f10m5gbb{padding-right:var(--fui-Card--size);}\", \".f1k04kkk{padding-left:var(--fui-Card--size);}\", \".fhftqfp{padding-bottom:var(--fui-Card--size);}\", \".fxsr4vj{-webkit-column-gap:var(--fui-Card--size);column-gap:var(--fui-Card--size);}\", \".fcvsdzp{row-gap:var(--fui-Card--size);}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f10pi13n{position:relative;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mdlcz9::after{position:absolute;}\", \".frwkxtg::after{top:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fo72kxq::after{bottom:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1nwj1ja::after{pointer-events:none;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}\", \".f1qnomq5::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f2fl922::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f1anhtl::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1n2zcl3::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f16v3d5c>.fui-CardHeader,.f16v3d5c>.fui-CardFooter{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".f99gebs[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThick);}\", \".f13b0oaq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThick);}\", \".f8t2bz6[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThick);}\", \".f1jvq617[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThick);}\", \".f11unbnk[data-fui-focus-visible]::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".fbd201q[data-fui-focus-visible]::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f12nqxso[data-fui-focus-visible]::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1uguk4w[data-fui-focus-visible]::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f3l4wcz[data-fui-focus-visible]::after{top:-var(--strokeWidthThick);}\", \".f6j2biq[data-fui-focus-visible]::after{bottom:-var(--strokeWidthThick);}\", \".fdzzmfx[data-fui-focus-visible]::after{left:-var(--strokeWidthThick);}\", \".fduh8kh[data-fui-focus-visible]::after{right:-var(--strokeWidthThick);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f125hn41[data-fui-focus-within]:focus-within::after{border-top-width:var(--strokeWidthThick);}\", \".fgxkx34[data-fui-focus-within]:focus-within::after{border-right-width:var(--strokeWidthThick);}\", \".f1v56tyl[data-fui-focus-within]:focus-within::after{border-left-width:var(--strokeWidthThick);}\", \".fdxas6f[data-fui-focus-within]:focus-within::after{border-bottom-width:var(--strokeWidthThick);}\", \".fxwickw[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f1ia5cve[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f194aguw[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".fqicc6c[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f4a0pcc[data-fui-focus-within]:focus-within::after{top:-var(--strokeWidthThick);}\", \".f11go4w5[data-fui-focus-within]:focus-within::after{bottom:-var(--strokeWidthThick);}\", \".f4dzull[data-fui-focus-within]:focus-within::after{left:-var(--strokeWidthThick);}\", \".fy687nj[data-fui-focus-within]:focus-within::after{right:-var(--strokeWidthThick);}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fpfyeui>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fwi74qw>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".ffcmwrh>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f6ppoih>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f1dc9p14>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".fd933vt>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f18esqgw>.fui-CardHeader:last-of-type,.f18esqgw>.fui-CardFooter:last-of-type{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fobhde4>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}\", \".fx5r7kn>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f19chtn8>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fuvs6re>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fy4glsf>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".f1pi9uxy{--fui-Card--size:8px;}\", \".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}\", \".frsmuga{--fui-Card--size:12px;}\", \".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}\", \".f1qua4xo{--fui-Card--size:16px;}\", \".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}\", \".fpgykix::after{border-right-color:var(--colorTransparentStroke);}\", \".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}\", \".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}\", \".f1k6fduh{cursor:pointer;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}\", \".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1dmdbja{background-color:var(--colorNeutralBackground2);}\", \".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1couhl3{box-shadow:none;}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1euv43f{position:absolute;}\", \".fqclxi7{top:4px;}\", \".fiv86kb{right:4px;}\", \".f36uhnt{left:4px;}\", \".f19g0ac{z-index:1;}\", \".frkrog8{width:1px;}\", \".f1mpe4l3{height:1px;}\", \".fmf1zke{clip:rect(0 0 0 0);}\", \".f1wch0ki{-webkit-clip-path:inset(50%);clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".f1m145df:hover{box-shadow:var(--shadow8);}\", \".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}\", \".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}\", \".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}\", \".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}\", \".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n  a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = state => {\n  const styles = useStyles();\n  const orientationMap = {\n    horizontal: styles.orientationHorizontal,\n    vertical: styles.orientationVertical\n  };\n  const sizeMap = {\n    small: styles.sizeSmall,\n    medium: styles.sizeMedium,\n    large: styles.sizeLarge\n  };\n  const appearanceMap = {\n    filled: styles.filled,\n    'filled-alternative': styles.filledAlternative,\n    outline: styles.outline,\n    subtle: styles.subtle\n  };\n  const selectedMap = {\n    filled: styles.filledInteractiveSelected,\n    'filled-alternative': styles.filledAlternativeInteractiveSelected,\n    outline: styles.outlineInteractiveSelected,\n    subtle: styles.subtleInteractiveSelected\n  };\n  const interactiveMap = {\n    filled: styles.filledInteractive,\n    'filled-alternative': styles.filledAlternativeInteractive,\n    outline: styles.outlineInteractive,\n    subtle: styles.subtleInteractive\n  };\n  state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], (state.interactive || state.selectable) && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused, state.root.className);\n  if (state.floatingAction) {\n    state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n  }\n  if (state.checkbox) {\n    state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardStyles.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","useStyles","__styles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","f","i","h","a","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","className","mergeClasses","orientation","size","appearance","interactive","selectable","selected","selectFocused"],"mappings":"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"}

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

@@ -1,20 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "CardFooter", {
+    enumerable: true,
+    get: ()=>CardFooter
 });
-exports.CardFooter = void 0;
-const React = /*#__PURE__*/require("react");
-const useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
-const renderCardFooter_1 = /*#__PURE__*/require("./renderCardFooter");
-const useCardFooterStyles_1 = /*#__PURE__*/require("./useCardFooterStyles");
-/**
- * Component to render Button actions in a Card component.
- */
-exports.CardFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useCardFooter_1.useCardFooter_unstable(props, ref);
-  useCardFooterStyles_1.useCardFooterStyles_unstable(state);
-  return renderCardFooter_1.renderCardFooter_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useCardFooter = require("./useCardFooter");
+const _renderCardFooter = require("./renderCardFooter");
+const _useCardFooterStyles = require("./useCardFooterStyles");
+const CardFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useCardFooter.useCardFooter_unstable)(props, ref);
+    (0, _useCardFooterStyles.useCardFooterStyles_unstable)(state);
+    return (0, _renderCardFooter.renderCardFooter_unstable)(state);
 });
-exports.CardFooter.displayName = 'CardFooter';
+CardFooter.displayName = 'CardFooter'; //# sourceMappingURL=CardFooter.js.map
+
 //# sourceMappingURL=CardFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useCardFooter_1","renderCardFooter_1","useCardFooterStyles_1","exports","CardFooter","forwardRef","props","ref","state","useCardFooter_unstable","useCardFooterStyles_unstable","renderCardFooter_unstable","displayName"],"sources":["../src/packages/react-components/react-card/src/components/CardFooter/CardFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCardFooter_unstable } from './useCardFooter';\nimport { renderCardFooter_unstable } from './renderCardFooter';\nimport { useCardFooterStyles_unstable } from './useCardFooterStyles';\nimport type { CardFooterProps } from './CardFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter: ForwardRefComponent<CardFooterProps> = React.forwardRef((props, ref) => {\n  const state = useCardFooter_unstable(props, ref);\n\n  useCardFooterStyles_unstable(state);\n  return renderCardFooter_unstable(state);\n});\n\nCardFooter.displayName = 'CardFooter';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AACA,MAAAE,kBAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,UAAU,gBAAyCN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGR,eAAA,CAAAS,sBAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDL,qBAAA,CAAAQ,4BAA4B,CAACF,KAAK,CAAC;EACnC,OAAOP,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,CAAC;AACzC,CAAC,CAAC;AAEFL,OAAA,CAAAC,UAAU,CAACQ,WAAW,GAAG,YAAY"}
+{"version":3,"sources":["../../../lib/components/CardFooter/CardFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardFooter_unstable } from './useCardFooter';\nimport { renderCardFooter_unstable } from './renderCardFooter';\nimport { useCardFooterStyles_unstable } from './useCardFooterStyles';\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCardFooter_unstable(props, ref);\n  useCardFooterStyles_unstable(state);\n  return renderCardFooter_unstable(state);\n});\nCardFooter.displayName = 'CardFooter';\n//# sourceMappingURL=CardFooter.js.map"],"names":["CardFooter","React","forwardRef","props","ref","state","useCardFooter_unstable","useCardFooterStyles_unstable","renderCardFooter_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;qCACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}

package/lib-commonjs/components/CardFooter/CardFooter.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=CardFooter.types.js.map
+
 //# sourceMappingURL=CardFooter.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-card/src/components/CardFooter/CardFooter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the CardFooter component.\n */\nexport type CardFooterSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Container that renders on the far end of the footer, used for action buttons.\n   */\n  action?: Slot<'div'>;\n};\n\n/**\n * CardFooter component props.\n */\nexport type CardFooterProps = ComponentProps<CardFooterSlots>;\n\n/**\n * State used in rendering CardFooter.\n */\nexport type CardFooterState = ComponentState<CardFooterSlots>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/CardFooter/CardFooter.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=CardFooter.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./CardFooter"), exports);
-tslib_1.__exportStar(require("./CardFooter.types"), exports);
-tslib_1.__exportStar(require("./renderCardFooter"), exports);
-tslib_1.__exportStar(require("./useCardFooter"), exports);
-tslib_1.__exportStar(require("./useCardFooterStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./CardFooter"), exports);
+_exportStar(require("./CardFooter.types"), exports);
+_exportStar(require("./renderCardFooter"), exports);
+_exportStar(require("./useCardFooter"), exports);
+_exportStar(require("./useCardFooterStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardFooter/index.ts"],"sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/CardFooter/index.js"],"sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/CardFooter/renderCardFooter.js

@@ -1,24 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderCardFooter_unstable", {
+    enumerable: true,
+    get: ()=>renderCardFooter_unstable
 });
-exports.renderCardFooter_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of CardFooter.
- */
-const renderCardFooter_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, slotProps.root.children, slots.action && React.createElement(slots.action, {
-    ...slotProps.action
-  }));
-};
-exports.renderCardFooter_unstable = renderCardFooter_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderCardFooter_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slotProps.root.children, slots.action && /*#__PURE__*/ _react.createElement(slots.action, slotProps.action));
+}; //# sourceMappingURL=renderCardFooter.js.map
+
 //# sourceMappingURL=renderCardFooter.js.map

package/lib-commonjs/components/CardFooter/renderCardFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderCardFooter_unstable","state","slots","slotProps","getSlots","createElement","root","children","action","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardFooter/renderCardFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardFooterSlots, CardFooterState } from './CardFooter.types';\n\n/**\n * Render the final JSX of CardFooter.\n */\nexport const renderCardFooter_unstable = (state: CardFooterState) => {\n  const { slots, slotProps } = getSlots<CardFooterSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slotProps.root.children}\n      {slots.action && <slots.action {...slotProps.action} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAkBH,KAAK,CAAC;EAE7D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BH,SAAS,CAACG,IAAI,CAACC,QAAQ,EACvBL,KAAK,CAACM,MAAM,IAAIX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,MAAM;IAAA,GAAKL,SAAS,CAACK;EAAM,EAAI,CAC5C;AAEjB,CAAC;AATYC,OAAA,CAAAT,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/CardFooter/renderCardFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of CardFooter.\n */\nexport const renderCardFooter_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slotProps.root.children, slots.action && /*#__PURE__*/React.createElement(slots.action, slotProps.action));\n};\n//# sourceMappingURL=renderCardFooter.js.map"],"names":["renderCardFooter_unstable","state","slots","slotProps","getSlots","React","createElement","root","children","action"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEJ,UAAUI,IAAI,CAACC,QAAQ,EAAEN,MAAMO,MAAM,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,MAAM,EAAEN,UAAUM,MAAM;AAC9K,GACA,4CAA4C"}

package/lib-commonjs/components/CardFooter/useCardFooter.js

@@ -1,34 +1,27 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useCardFooter_unstable", {
+    enumerable: true,
+    get: ()=>useCardFooter_unstable
 });
-exports.useCardFooter_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render CardFooter.
- *
- * The returned state can be modified with hooks such as useCardFooterStyles_unstable,
- * before being passed to renderCardFooter_unstable.
- *
- * @param props - props from this instance of CardFooter
- * @param ref - reference to root HTMLElement of CardFooter
- */
-const useCardFooter_unstable = (props, ref) => {
-  const {
-    action
-  } = props;
-  return {
-    components: {
-      root: 'div',
-      action: 'div'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref,
-      ...props
-    }),
-    action: react_utilities_1.resolveShorthand(action)
-  };
-};
-exports.useCardFooter_unstable = useCardFooter_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const useCardFooter_unstable = (props, ref)=>{
+    const { action  } = props;
+    return {
+        components: {
+            root: 'div',
+            action: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
+            ...props
+        }),
+        action: (0, _reactUtilities.resolveShorthand)(action)
+    };
+}; //# sourceMappingURL=useCardFooter.js.map
+
 //# sourceMappingURL=useCardFooter.js.map

package/lib-commonjs/components/CardFooter/useCardFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","useCardFooter_unstable","props","ref","action","components","root","getNativeElementProps","resolveShorthand","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardFooter/useCardFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { CardFooterProps, CardFooterState } from './CardFooter.types';\n\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles_unstable,\n * before being passed to renderCardFooter_unstable.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n */\nexport const useCardFooter_unstable = (props: CardFooterProps, ref: React.Ref<HTMLElement>): CardFooterState => {\n  const { action } = props;\n\n  return {\n    components: {\n      root: 'div',\n      action: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    action: resolveShorthand(action),\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,sBAAsB,GAAGA,CAACC,KAAsB,EAAEC,GAA2B,KAAqB;EAC7G,MAAM;IAAEC;EAAM,CAAE,GAAGF,KAAK;EAExB,OAAO;IACLG,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXF,MAAM,EAAE;KACT;IAEDE,IAAI,EAAEP,iBAAA,CAAAQ,qBAAqB,CAAC,KAAK,EAAE;MACjCJ,GAAG;MACH,GAAGD;KACJ,CAAC;IACFE,MAAM,EAAEL,iBAAA,CAAAS,gBAAgB,CAACJ,MAAM;GAChC;AACH,CAAC;AAfYK,OAAA,CAAAR,sBAAsB,GAAAA,sBAAA"}
+{"version":3,"sources":["../../../lib/components/CardFooter/useCardFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles_unstable,\n * before being passed to renderCardFooter_unstable.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n */\nexport const useCardFooter_unstable = (props, ref) => {\n  const {\n    action\n  } = props;\n  return {\n    components: {\n      root: 'div',\n      action: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props\n    }),\n    action: resolveShorthand(action)\n  };\n};\n//# sourceMappingURL=useCardFooter.js.map"],"names":["useCardFooter_unstable","props","ref","action","components","root","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACiC;AAUjD,MAAMA,yBAAyB,CAACC,OAAOC,MAAQ;IACpD,MAAM,EACJC,OAAM,EACP,GAAGF;IACJ,OAAO;QACLG,YAAY;YACVC,MAAM;YACNF,QAAQ;QACV;QACAE,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCJ;YACA,GAAGD,KAAK;QACV;QACAE,QAAQI,IAAAA,gCAAgB,EAACJ;IAC3B;AACF,GACA,yCAAyC"}

package/lib-commonjs/components/CardFooter/useCardFooterStyles.js

@@ -1,40 +1,52 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    cardFooterClassNames: ()=>cardFooterClassNames,
+    useCardFooterStyles_unstable: ()=>useCardFooterStyles_unstable
 });
-exports.useCardFooterStyles_unstable = exports.cardFooterClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-/**
- * Static CSS class names used internally for the component slots.
- */
-exports.cardFooterClassNames = {
-  root: 'fui-CardFooter',
-  action: 'fui-CardFooter__action'
+const _react = require("@griffel/react");
+const cardFooterClassNames = {
+    root: 'fui-CardFooter',
+    action: 'fui-CardFooter__action'
 };
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1063pyq",
-    i8kkvl: "f4akndk",
-    Belr9w4: "fe5j3v"
-  },
-  action: {
-    Frg6f3: ["fcgxt0o", "f1ujusj6"]
-  }
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        i8kkvl: "f4akndk",
+        Belr9w4: "fe5j3v"
+    },
+    action: {
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ]
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f4akndk{-webkit-column-gap:12px;column-gap:12px;}", ".fe5j3v{row-gap:12px;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}",
+        ".f4akndk{-webkit-column-gap:12px;column-gap:12px;}",
+        ".fe5j3v{row-gap:12px;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f1ujusj6{margin-right:auto;}"
+    ]
 });
-/**
- * Apply styling to the CardFooter slots based on the state.
- */
-const useCardFooterStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.cardFooterClassNames.root, styles.root, state.root.className);
-  if (state.action) {
-    state.action.className = react_1.mergeClasses(exports.cardFooterClassNames.action, styles.action, state.action.className);
-  }
-  return state;
-};
-exports.useCardFooterStyles_unstable = useCardFooterStyles_unstable;
+const useCardFooterStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(cardFooterClassNames.root, styles.root, state.root.className);
+    if (state.action) {
+        state.action.className = (0, _react.mergeClasses)(cardFooterClassNames.action, styles.action, state.action.className);
+    }
+    return state;
+}; //# sourceMappingURL=useCardFooterStyles.js.map
+
 //# sourceMappingURL=useCardFooterStyles.js.map

package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","exports","cardFooterClassNames","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","d","useCardFooterStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-card/src/components/CardFooter/useCardFooterStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { CardFooterSlots, CardFooterState } from './CardFooter.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames: SlotClassNames<CardFooterSlots> = {\n  root: 'fui-CardFooter',\n  action: 'fui-CardFooter__action',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    ...shorthands.gap('12px'),\n  },\n  action: {\n    marginLeft: 'auto',\n  },\n});\n\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = (state: CardFooterState): CardFooterState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n\n  if (state.action) {\n    state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGaC,OAAA,CAAAC,oBAAoB,GAAoC;EACnEC,IAAI,EAAE,gBAAgB;EACtBC,MAAM,EAAE;CACT;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAH,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAN,MAAA;IAAAO,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAS1B;AAEF;;;AAGO,MAAMC,4BAA4B,GAAIC,KAAsB,IAAqB;EACtF,MAAMC,MAAM,GAAGV,SAAS,EAAE;EAC1BS,KAAK,CAACX,IAAI,CAACa,SAAS,GAAGjB,OAAA,CAAAkB,YAAY,CAAChB,OAAA,CAAAC,oBAAoB,CAACC,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;EAEjG,IAAIF,KAAK,CAACV,MAAM,EAAE;IAChBU,KAAK,CAACV,MAAM,CAACY,SAAS,GAAGjB,OAAA,CAAAkB,YAAY,CAAChB,OAAA,CAAAC,oBAAoB,CAACE,MAAM,EAAEW,MAAM,CAACX,MAAM,EAAEU,KAAK,CAACV,MAAM,CAACY,SAAS,CAAC;;EAG3G,OAAOF,KAAK;AACd,CAAC;AATYb,OAAA,CAAAY,4BAA4B,GAAAA,4BAAA"}
+{"version":3,"sources":["../../../lib/components/CardFooter/useCardFooterStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames = {\n  root: 'fui-CardFooter',\n  action: 'fui-CardFooter__action'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    i8kkvl: \"f4akndk\",\n    Belr9w4: \"fe5j3v\"\n  },\n  action: {\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".f4akndk{-webkit-column-gap:12px;column-gap:12px;}\", \".fe5j3v{row-gap:12px;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\"]\n});\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n  if (state.action) {\n    state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardFooterStyles.js.map"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB,MAApBA;IAoBAC,4BAA4B,MAA5BA;;uBAxBsC;AAI5C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,QAAQ;AACV;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAAoF;QAAsD;QAA0B;QAA+B;KAAgC;AACjU;AAIO,MAAMV,+BAA+BW,CAAAA,QAAS;IACnD,MAAMC,SAAST;IACfQ,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,qBAAqBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IAChG,IAAIF,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACf,qBAAqBG,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACW,SAAS;IAC1G,CAAC;IACD,OAAOF;AACT,GACA,+CAA+C"}

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

@@ -1,20 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "CardHeader", {
+    enumerable: true,
+    get: ()=>CardHeader
 });
-exports.CardHeader = void 0;
-const React = /*#__PURE__*/require("react");
-const useCardHeader_1 = /*#__PURE__*/require("./useCardHeader");
-const renderCardHeader_1 = /*#__PURE__*/require("./renderCardHeader");
-const useCardHeaderStyles_1 = /*#__PURE__*/require("./useCardHeaderStyles");
-/**
- * Component to render an image, text and an action in a Card component.
- */
-exports.CardHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useCardHeader_1.useCardHeader_unstable(props, ref);
-  useCardHeaderStyles_1.useCardHeaderStyles_unstable(state);
-  return renderCardHeader_1.renderCardHeader_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useCardHeader = require("./useCardHeader");
+const _renderCardHeader = require("./renderCardHeader");
+const _useCardHeaderStyles = require("./useCardHeaderStyles");
+const CardHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useCardHeader.useCardHeader_unstable)(props, ref);
+    (0, _useCardHeaderStyles.useCardHeaderStyles_unstable)(state);
+    return (0, _renderCardHeader.renderCardHeader_unstable)(state);
 });
-exports.CardHeader.displayName = 'CardHeader';
+CardHeader.displayName = 'CardHeader'; //# sourceMappingURL=CardHeader.js.map
+
 //# sourceMappingURL=CardHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useCardHeader_1","renderCardHeader_1","useCardHeaderStyles_1","exports","CardHeader","forwardRef","props","ref","state","useCardHeader_unstable","useCardHeaderStyles_unstable","renderCardHeader_unstable","displayName"],"sources":["../src/packages/react-components/react-card/src/components/CardHeader/CardHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles';\nimport type { CardHeaderProps } from './CardHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader: ForwardRefComponent<CardHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useCardHeader_unstable(props, ref);\n\n  useCardHeaderStyles_unstable(state);\n  return renderCardHeader_unstable(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AACA,MAAAE,kBAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,UAAU,gBAAyCN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGR,eAAA,CAAAS,sBAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDL,qBAAA,CAAAQ,4BAA4B,CAACF,KAAK,CAAC;EACnC,OAAOP,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,CAAC;AACzC,CAAC,CAAC;AAEFL,OAAA,CAAAC,UAAU,CAACQ,WAAW,GAAG,YAAY"}
+{"version":3,"sources":["../../../lib/components/CardHeader/CardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles';\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCardHeader_unstable(props, ref);\n  useCardHeaderStyles_unstable(state);\n  return renderCardHeader_unstable(state);\n});\nCardHeader.displayName = 'CardHeader';\n//# sourceMappingURL=CardHeader.js.map"],"names":["CardHeader","React","forwardRef","props","ref","state","useCardHeader_unstable","useCardHeaderStyles_unstable","renderCardHeader_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;qCACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}

package/lib-commonjs/components/CardHeader/CardHeader.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=CardHeader.types.js.map
+
 //# sourceMappingURL=CardHeader.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-card/src/components/CardHeader/CardHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the CardHeader component.\n */\nexport type CardHeaderSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Element used to render an image or avatar related to the card.\n   */\n  image: Slot<'div', 'img'>;\n\n  /**\n   * Element used to render the main header title.\n   */\n  header: Slot<'div'>;\n\n  /**\n   * Element used to render short descriptions related to the title.\n   */\n  description: Slot<'div'>;\n\n  /**\n   * Container that renders on the far end of the footer, used for action buttons.\n   */\n  action?: Slot<'div'>;\n};\n\n/**\n * CardHeader component props.\n */\nexport type CardHeaderProps = ComponentProps<Partial<CardHeaderSlots>>;\n\n/**\n * State used in rendering CardHeader.\n */\nexport type CardHeaderState = ComponentState<CardHeaderSlots>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/CardHeader/CardHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=CardHeader.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./CardHeader"), exports);
-tslib_1.__exportStar(require("./CardHeader.types"), exports);
-tslib_1.__exportStar(require("./renderCardHeader"), exports);
-tslib_1.__exportStar(require("./useCardHeader"), exports);
-tslib_1.__exportStar(require("./useCardHeaderStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./CardHeader"), exports);
+_exportStar(require("./CardHeader.types"), exports);
+_exportStar(require("./renderCardHeader"), exports);
+_exportStar(require("./useCardHeader"), exports);
+_exportStar(require("./useCardHeaderStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardHeader/index.ts"],"sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/CardHeader/index.js"],"sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}