= {\n (\n value: P | SlotShorthandValue | undefined,\n options?: ResolveShorthandOptions,\n ): ReplaceNullWithUndefined;\n
(value: P | SlotShorthandValue | undefined, options?: ResolveShorthandOptions):\n | ReplaceNullWithUndefined\n | undefined;\n};\n\n/**\n * Resolves shorthands into slot props, to ensure normalization of the signature\n * being passed down to getSlots method\n * @param value - the base shorthand props\n * @param options - options to resolve shorthand props\n */\nexport const resolveShorthand: ResolveShorthandFunction = (value, options) => {\n const { required = false, defaultProps } = options || {};\n if (value === null || (value === undefined && !required)) {\n return undefined;\n }\n\n let resolvedShorthand = {} as UnknownSlotProps;\n\n if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value) || isValidElement(value)) {\n resolvedShorthand.children = value;\n } else if (typeof value === 'object') {\n resolvedShorthand = value;\n }\n\n return defaultProps ? { ...defaultProps, ...resolvedShorthand } : resolvedShorthand;\n};\n","/**\n * Verifies if an application can use DOM.\n */\nexport function canUseDOM(): boolean {\n return (\n typeof window !== 'undefined' &&\n !!(\n window.document &&\n // eslint-disable-next-line deprecation/deprecation\n window.document.createElement\n )\n );\n}\n","import * as React from 'react';\nimport { canUseDOM } from '../ssr/index';\n\n/**\n * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally\n * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to\n * ensure we don't get a render flash for certain operations, but we may also need affected components to render on\n * the server.\n *\n * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js\n */\n// eslint-disable-next-line no-restricted-properties\nexport const useIsomorphicLayoutEffect: typeof React.useEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n","import * as React from 'react';\nimport {\n getPartitionedNativeProps,\n resolveShorthand,\n useControllableState,\n useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { TextareaProps, TextareaState } from './Textarea.types';\n\n/**\n * Create the state required to render Textarea.\n *\n * The returned state can be modified with hooks such as useTextareaStyles_unstable,\n * before being passed to renderTextarea_unstable.\n *\n * @param props - props from this instance of Textarea\n * @param ref - reference to root HTMLElement of Textarea\n */\nexport const useTextarea_unstable = (props: TextareaProps, ref: React.Ref): TextareaState => {\n const { size = 'medium', appearance = 'outline', resize = 'none', onChange } = props;\n\n if (\n process.env.NODE_ENV !== 'production' &&\n (appearance === 'filled-darker-shadow' || appearance === 'filled-lighter-shadow')\n ) {\n // eslint-disable-next-line no-console\n console.error(\n \"The 'filled-darker-shadow' and 'filled-lighter-shadow' appearances are deprecated and will be removed in the\" +\n ' future.',\n );\n }\n\n const [value, setValue] = useControllableState({\n state: props.value,\n defaultState: props.defaultValue,\n initialState: undefined,\n });\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'textarea',\n excludedPropNames: ['onChange', 'value', 'defaultValue'],\n });\n\n const state: TextareaState = {\n size,\n appearance,\n resize,\n components: {\n root: 'span',\n textarea: 'textarea',\n },\n textarea: resolveShorthand(props.textarea, {\n required: true,\n defaultProps: {\n ref,\n ...nativeProps.primary,\n },\n }),\n root: resolveShorthand(props.root, {\n required: true,\n defaultProps: nativeProps.root,\n }),\n };\n\n state.textarea.value = value;\n state.textarea.onChange = useEventCallback(ev => {\n const newValue = ev.target.value;\n onChange?.(ev, { value: newValue });\n setValue(newValue);\n });\n\n return state;\n};\n","import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\n/**\n * @internal\n * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n *\n * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when\n * e.g. user props are dependencies which could change on every render\n * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently\n *\n * This should not be used often, but can be a useful re-render optimization since the callback is a ref and\n * will not be invalidated between re-renders\n *\n * @param fn - The callback function that will be used\n */\nexport const useEventCallback = (fn: (...args: Args) => Return) => {\n const callbackRef = React.useRef(() => {\n throw new Error('Cannot call an event handler while rendering');\n });\n\n useIsomorphicLayoutEffect(() => {\n callbackRef.current = fn;\n }, [fn]);\n\n return React.useCallback(\n (...args: Args) => {\n const callback = callbackRef.current;\n return callback(...args);\n },\n [callbackRef],\n );\n};\n","import { GriffelStylesUnsupportedCSSProperties, LookupItem, SequenceHash } from './types';\n\n// ----\n\n// Heads up!\n// These constants are global and will be shared between Griffel instances.\n// Any change in them should happen only in a MAJOR version. If it happens,\n// please change \"__NAMESPACE_PREFIX__\" to include a version.\n\nconst __GLOBAL__: any = typeof window === 'undefined' ? global : window;\nconst __NAMESPACE_PREFIX__ = '@griffel/';\n\nfunction getGlobalVar(name: string, defaultValue: T): T {\n if (!__GLOBAL__[Symbol.for(__NAMESPACE_PREFIX__ + name)]) {\n __GLOBAL__[Symbol.for(__NAMESPACE_PREFIX__ + name)] = defaultValue;\n }\n\n return __GLOBAL__[Symbol.for(__NAMESPACE_PREFIX__ + name)];\n}\n\n/** @internal */\nexport const DEBUG_RESET_CLASSES = getGlobalVar>('DEBUG_RESET_CLASSES', {});\n\n/** @internal */\nexport const DEFINITION_LOOKUP_TABLE = getGlobalVar>('DEFINITION_LOOKUP_TABLE', {});\n\n// ----\n\n/** @internal */\nexport const DATA_BUCKET_ATTR = 'data-make-styles-bucket';\n\n/** @internal */\nexport const HASH_PREFIX = 'f';\n\n/** @internal */\nexport const RESET_HASH_PREFIX = 'r';\n\n/** @internal */\nexport const SEQUENCE_HASH_LENGTH = 7;\n\n/** @internal */\nexport const SEQUENCE_PREFIX = '___';\n\n/** @internal */\nexport const DEBUG_SEQUENCE_SEPARATOR = '_';\n\n/** @internal */\nexport const SEQUENCE_SIZE =\n process.env.NODE_ENV === 'production'\n ? SEQUENCE_PREFIX.length + SEQUENCE_HASH_LENGTH\n : SEQUENCE_PREFIX.length + SEQUENCE_HASH_LENGTH + DEBUG_SEQUENCE_SEPARATOR.length + SEQUENCE_HASH_LENGTH;\n\n// indexes for values in LookupItem tuple\n\n/** @internal */\nexport const LOOKUP_DEFINITIONS_INDEX = 0;\n\n/** @internal */\nexport const LOOKUP_DIR_INDEX = 1;\n\n// This collection is a map simply for faster access when checking if a CSS property is unsupported\n/** @internal */\nexport const UNSUPPORTED_CSS_PROPERTIES: Record = {\n all: 1,\n animation: 1,\n background: 1,\n backgroundPosition: 1,\n border: 1,\n borderBlock: 1,\n borderBlockEnd: 1,\n borderBlockStart: 1,\n borderBottom: 1,\n borderColor: 1,\n borderImage: 1,\n borderInline: 1,\n borderInlineEnd: 1,\n borderInlineStart: 1,\n borderLeft: 1,\n borderRadius: 1,\n borderRight: 1,\n borderStyle: 1,\n borderTop: 1,\n borderWidth: 1,\n columns: 1,\n columnRule: 1,\n flex: 1,\n flexFlow: 1,\n font: 1,\n gap: 1,\n grid: 1,\n gridArea: 1,\n gridColumn: 1,\n gridRow: 1,\n gridTemplate: 1,\n lineClamp: 1,\n listStyle: 1,\n margin: 1,\n mask: 1,\n maskBorder: 1,\n motion: 1,\n offset: 1,\n outline: 1,\n overflow: 1,\n overscrollBehavior: 1,\n padding: 1,\n placeItems: 1,\n placeSelf: 1,\n textDecoration: 1,\n textEmphasis: 1,\n transition: 1,\n} as const;\n","/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n // 'm' and 'r' are mixing constants generated offline.\n // They're not really 'magic', they just happen to work well.\n // const m = 0x5bd1e995;\n // const r = 24;\n // Initialize the hash\n var h = 0; // Mix 4 bytes at a time into the hash\n\n var k,\n i = 0,\n len = str.length;\n\n for (; len >= 4; ++i, len -= 4) {\n k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n k =\n /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n k ^=\n /* k >>> r: */\n k >>> 24;\n h =\n /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Handle the last few bytes of the input array\n\n\n switch (len) {\n case 3:\n h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n\n case 2:\n h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n\n case 1:\n h ^= str.charCodeAt(i) & 0xff;\n h =\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Do a few final mixes of the hash to ensure the last few\n // bytes are well-incorporated.\n\n\n h ^= h >>> 13;\n h =\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n return ((h ^ h >>> 15) >>> 0).toString(36);\n}\n\nexport default murmur2;\n","import hash from '@emotion/hash';\n\nimport { DEBUG_SEQUENCE_SEPARATOR, SEQUENCE_HASH_LENGTH, SEQUENCE_PREFIX } from '../../constants';\nimport { SequenceHash } from '../../types';\n\nfunction padEndHash(value: string): string {\n const hashLength = value.length;\n\n if (hashLength === SEQUENCE_HASH_LENGTH) {\n return value;\n }\n\n for (let i = hashLength; i < SEQUENCE_HASH_LENGTH; i++) {\n value += '0';\n }\n\n return value;\n}\n\nexport function hashSequence(\n classes: string,\n dir: 'ltr' | 'rtl',\n sequenceIds: (SequenceHash | undefined)[] = [],\n): SequenceHash {\n if (process.env.NODE_ENV === 'production') {\n return SEQUENCE_PREFIX + padEndHash(hash(classes + dir));\n }\n\n return (\n SEQUENCE_PREFIX +\n padEndHash(hash(classes + dir)) +\n DEBUG_SEQUENCE_SEPARATOR +\n padEndHash(hash(sequenceIds.join('')))\n );\n}\n","import { DEFINITION_LOOKUP_TABLE } from '../constants';\nimport { hashSequence } from './utils/hashSequence';\nimport { CSSClassesMapBySlot, CSSClassesMap, CSSClasses } from '../types';\n\n/**\n * Reduces a classname map for slot to a classname string. Uses classnames according to text directions.\n *\n * @private\n */\nexport function reduceToClassName(classMap: CSSClassesMap, dir: 'ltr' | 'rtl'): string {\n let className = '';\n\n // eslint-disable-next-line guard-for-in\n for (const propertyHash in classMap) {\n const classNameMapping: CSSClasses = classMap[propertyHash];\n\n if (classNameMapping) {\n const hasRTLClassName = Array.isArray(classNameMapping);\n\n if (dir === 'rtl') {\n className += (hasRTLClassName ? classNameMapping[1] : classNameMapping) + ' ';\n } else {\n className += (hasRTLClassName ? classNameMapping[0] : classNameMapping) + ' ';\n }\n }\n }\n\n return className.slice(0, -1);\n}\n\n/**\n * Reduces classname maps for slots to classname strings. Registers them in a definition cache to be used by\n * `mergeClasses()`.\n *\n * @internal\n */\nexport function reduceToClassNameForSlots(\n classesMapBySlot: CSSClassesMapBySlot,\n dir: 'ltr' | 'rtl',\n): Record {\n const classNamesForSlots = {} as Record;\n\n // eslint-disable-next-line guard-for-in\n for (const slotName in classesMapBySlot) {\n const slotClasses = reduceToClassName(classesMapBySlot[slotName], dir);\n\n // Handles a case when there are no classes in a set i.e. \"makeStyles({ root: {} })\"\n if (slotClasses === '') {\n classNamesForSlots[slotName] = '';\n continue;\n }\n\n const sequenceHash = hashSequence(slotClasses, dir);\n const resultSlotClasses = sequenceHash + ' ' + slotClasses;\n\n DEFINITION_LOOKUP_TABLE[sequenceHash] = [classesMapBySlot[slotName], dir];\n classNamesForSlots[slotName] = resultSlotClasses;\n }\n\n return classNamesForSlots;\n}\n","import { CSSBucketEntry } from '../../types';\n\n/**\n * @internal\n *\n * @param entry - CSS bucket entry that can be either a string or an array\n * @returns An array where the first element is the CSS rule\n */\nexport function normalizeCSSBucketEntry(entry: CSSBucketEntry): [string] | [string, Record] {\n if (!Array.isArray(entry)) {\n return [entry];\n }\n\n if (process.env.NODE_ENV !== 'production' && entry.length > 2) {\n throw new Error(\n 'CSS Bucket contains an entry with greater than 2 items, please report this to https://github.com/microsoft/griffel/issues',\n );\n }\n\n return entry;\n}\n","import { DATA_BUCKET_ATTR } from '../constants';\nimport { IsomorphicStyleSheet, StyleBucketName } from '../types';\n\nexport function createIsomorphicStyleSheet(\n styleElement: HTMLStyleElement | undefined,\n bucketName: StyleBucketName,\n elementAttributes: Record,\n): IsomorphicStyleSheet {\n // no CSSStyleSheet in SSR, just append rules here for server render\n const __cssRulesForSSR: string[] = [];\n\n elementAttributes[DATA_BUCKET_ATTR] = bucketName;\n if (styleElement) {\n for (const attrName in elementAttributes) {\n styleElement.setAttribute(attrName, elementAttributes[attrName]);\n }\n }\n\n function insertRule(rule: string) {\n if (styleElement?.sheet) {\n return styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length);\n }\n\n return __cssRulesForSSR.push(rule);\n }\n\n return {\n elementAttributes,\n insertRule,\n element: styleElement,\n bucketName,\n cssRules() {\n if (styleElement?.sheet) {\n return Array.from(styleElement.sheet.cssRules).map(cssRule => cssRule.cssText);\n }\n\n return __cssRulesForSSR;\n },\n };\n}\n\nexport function createIsomorphicStyleSheetFromElement(element: HTMLStyleElement) {\n const elementAttributes = Array.from(element.attributes).reduce((acc, attr) => {\n acc[attr.name] = attr.value;\n return acc;\n }, {} as Record);\n const stylesheet = createIsomorphicStyleSheet(\n element,\n elementAttributes[DATA_BUCKET_ATTR] as StyleBucketName,\n elementAttributes,\n );\n return stylesheet;\n}\n","import { DATA_BUCKET_ATTR } from '../constants';\nimport { GriffelRenderer, IsomorphicStyleSheet, StyleBucketName } from '../types';\nimport { createIsomorphicStyleSheet } from './createIsomorphicStyleSheet';\n\n/**\n * Ordered style buckets using their short pseudo name.\n *\n * @internal\n */\nexport const styleBucketOrdering: StyleBucketName[] = [\n // reset styles\n 'r',\n // catch-all\n 'd',\n // link\n 'l',\n // visited\n 'v',\n // focus-within\n 'w',\n // focus\n 'f',\n // focus-visible\n 'i',\n // hover\n 'h',\n // active\n 'a',\n // keyframes\n 'k',\n // at-rules\n 't',\n // @media rules\n 'm',\n];\n\n// avoid repeatedly calling `indexOf`to determine order during new insertions\nconst styleBucketOrderingMap = styleBucketOrdering.reduce((acc, cur, j) => {\n acc[cur as StyleBucketName] = j;\n return acc;\n}, {} as Record);\n\n/**\n * Lazily adds a `