{"version":3,"sources":["../src/components/Button/useButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useButtonBase_unstable } from '@fluentui/react-button';\n\nimport type { ButtonProps, ButtonState } from './Button.types';\nimport { stringifyDataAttribute } from '../../utils';\n\n/**\n * Returns the state for a Button component, given its props and ref.\n * The returned state can be modified with hooks before being passed to `renderButton`.\n */\nexport const useButton = (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>): ButtonState => {\n  const state: ButtonState = useButtonBase_unstable(props, ref);\n\n  // Set data attributes for disabled, disabledFocusable, and iconOnly states to simplify styling of these states.\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-disabled'] = stringifyDataAttribute(state.disabled);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-disabled-focusable'] = stringifyDataAttribute(state.disabledFocusable);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-icon-only'] = stringifyDataAttribute(state.iconOnly);\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-icon-position'] = state.icon ? state.iconPosition : undefined;\n\n  return state;\n};\n"],"names":["useButton","props","ref","state","useButtonBase_unstable","root","stringifyDataAttribute","disabled","disabledFocusable","iconOnly","icon","iconPosition","undefined"],"mappings":"AAAA;;;;;+BAYaA;;;eAAAA;;;6BAT0B;uBAGA;AAMhC,MAAMA,YAAY,CAACC,OAAoBC;IAC5C,MAAMC,QAAqBC,IAAAA,mCAAsB,EAACH,OAAOC;IAEzD,gHAAgH;IAChH,oDAAoD;IACpDC,MAAME,IAAI,CAAC,gBAAgB,GAAGC,IAAAA,6BAAsB,EAACH,MAAMI,QAAQ;IACnE,oDAAoD;IACpDJ,MAAME,IAAI,CAAC,0BAA0B,GAAGC,IAAAA,6BAAsB,EAACH,MAAMK,iBAAiB;IACtF,oDAAoD;IACpDL,MAAME,IAAI,CAAC,iBAAiB,GAAGC,IAAAA,6BAAsB,EAACH,MAAMM,QAAQ;IACpE,oDAAoD;IACpDN,MAAME,IAAI,CAAC,qBAAqB,GAAGF,MAAMO,IAAI,GAAGP,MAAMQ,YAAY,GAAGC;IAErE,OAAOT;AACT"}