@doist/reactist 31.0.0 → 31.2.0

package/lib/switch-field/switch-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-field.js","sources":["../../src/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { FieldMessage } from '../base-field'\nimport { Box } from '../box'\nimport { HiddenVisually } from '../hidden-visually'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { useId } from '../utils/common-helpers'\n\nimport styles from './switch-field.module.css'\n\nimport type { FieldComponentProps } from '../base-field'\n\ninterface SwitchFieldProps\n    extends Omit<\n        FieldComponentProps<HTMLInputElement>,\n        | 'type'\n        | 'auxiliaryLabel'\n        | 'maxWidth'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    /**\n     * Identifies the element (or elements) that describes the switch for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current switch for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current switch for assistive technologies.\n     */\n    'aria-labelledby'?: string\n}\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n    {\n        label,\n        message,\n        tone = 'neutral',\n        disabled = false,\n        hidden,\n        defaultChecked,\n        id: originalId,\n        'aria-describedby': originalAriaDescribedBy,\n        'aria-label': originalAriaLabel,\n        'aria-labelledby': originalAriaLabelledby,\n        onChange,\n        ...props\n    },\n    ref,\n) {\n    const id = useId(originalId)\n    const messageId = useId()\n\n    const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : undefined)\n    const ariaLabel = originalAriaLabel ?? undefined\n    const ariaLabelledBy = originalAriaLabelledby ?? undefined\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    return (\n        <Stack space=\"small\" hidden={hidden}>\n            <Box\n                className={[\n                    styles.container,\n                    disabled ? styles.disabled : null,\n                    isChecked ? styles.checked : null,\n                    keyFocused ? styles.keyFocused : null,\n                ]}\n                as=\"label\"\n                display=\"flex\"\n                alignItems=\"center\"\n            >\n                <Box\n                    position=\"relative\"\n                    display=\"inlineBlock\"\n                    overflow=\"visible\"\n                    marginRight=\"small\"\n                    flexShrink={0}\n                    className={styles.toggle}\n                >\n                    <HiddenVisually>\n                        <input\n                            {...props}\n                            id={id}\n                            type=\"checkbox\"\n                            disabled={disabled}\n                            aria-describedby={ariaDescribedBy}\n                            aria-label={ariaLabel}\n                            aria-labelledby={ariaLabelledBy}\n                            ref={ref}\n                            checked={isChecked}\n                            onChange={(event) => {\n                                onChange?.(event)\n                                if (!event.defaultPrevented) {\n                                    setChecked(event.currentTarget.checked)\n                                }\n                            }}\n                            onBlur={(event) => {\n                                setKeyFocused(false)\n                                props?.onBlur?.(event)\n                            }}\n                            onKeyUp={(event) => {\n                                setKeyFocused(true)\n                                props?.onKeyUp?.(event)\n                            }}\n                        />\n                    </HiddenVisually>\n                    <span className={styles.handle} />\n                </Box>\n                <Text exceptionallySetClassName={styles.label}>{label}</Text>\n            </Box>\n            {message ? (\n                <FieldMessage id={messageId} tone={tone}>\n                    {message}\n                </FieldMessage>\n            ) : null}\n        </Stack>\n    )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["SwitchField","React","forwardRef","t0","ref","$","_c","defaultChecked","hidden","label","message","onChange","originalAriaDescribedBy","originalAriaLabel","originalAriaLabelledby","originalId","props","t1","t2","_t","tone","disabled","id","_objectWithoutProperties","_excluded","undefined","useId","messageId","ariaDescribedBy","ariaLabel","ariaLabelledBy","keyFocused","setKeyFocused","useState","checkedState","setChecked","checked","isChecked","t3","styles","t4","t5","t6","container","t7","event","defaultPrevented","currentTarget","t8","t9","event_0","onBlur","event_1","onKeyUp","t10","createElement","HiddenVisually","_extends","type","t11","Symbol","for","className","handle","t12","Box","position","display","overflow","marginRight","flexShrink","toggle","t13","Text","exceptionallySetClassName","t14","as","alignItems","t15","FieldMessage","t16","Stack","space"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCMA,MAAAA,WAAW,gBAAGC,gBAAK,CAACC,UAAU,CAAqC,SAAAF,WAAAA,CAAAG,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,QAAA,CAAA;AAAA,EAAA,IAAAC,uBAAA,CAAA;AAAA,EAAA,IAAAC,iBAAA,CAAA;AAAA,EAAA,IAAAC,sBAAA,CAAA;AAAA,EAAA,IAAAC,UAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;EAAA,IAAAb,CAAA,QAAAF,EAAA,EAAA;IAAA,IAAAgB,EAAA,GACrEhB,EAaC,CAAA;AAAA,IAAA,CAAA;MAAAM,KAAA;MAAAC,OAAA;AAAAU,MAAAA,IAAA,EAAAH,EAAA;AAAAI,MAAAA,QAAA,EAAAH,EAAA;MAAAV,MAAA;MAAAD,cAAA;AAAAe,MAAAA,EAAA,EAAAP,UAAA;AAAA,MAAA,kBAAA,EAAAH,uBAAA;AAAA,MAAA,YAAA,EAAAC,iBAAA;AAAA,MAAA,iBAAA,EAAAC,sBAAA;AAAAH,MAAAA,QAAAA;AAAA,KAAA,GAAAQ,EAAA,EAAA;AAAAH,IAAAA,KAAA,GAAAO,4CAAA,CAAAJ,EAAA,EAAAK,SAAA,CAAA,CAAA;AAAAnB,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAE,cAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,MAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,KAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAK,OAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,QAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,uBAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,iBAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAS,sBAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAU,UAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,EAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAa,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAX,IAAAA,cAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,MAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,KAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,OAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,QAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,uBAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,iBAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAS,IAAAA,sBAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAU,IAAAA,UAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAW,IAAAA,KAAA,GAAAX,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAY,IAAAA,EAAA,GAAAZ,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAa,IAAAA,EAAA,GAAAb,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAVG,MAAAe,IAAA,GAAAH,EAAgB,KAAhBQ,SAAgB,GAAhB,SAAgB,GAAhBR,EAAgB,CAAA;EAChB,MAAAI,QAAA,GAAAH,EAAgB,KAAhBO,SAAgB,GAAhB,KAAgB,GAAhBP,EAAgB,CAAA;AAYpB,EAAA,MAAAI,EAAA,GAAWI,mBAAK,CAACX,UAAU,CAAC,CAAA;AAC5B,EAAA,MAAAY,SAAA,GAAkBD,mBAAK,EAAE,CAAA;EAEzB,MAAAE,eAAA,GAAwBhB,uBAA4D,KAAhCF,OAAO,GAAPiB,SAA+B,GAA/BF,SAAgC,CAAA,CAAA;AACpF,EAAA,MAAAI,SAAA,GAAkBhB,iBAA8B,IAA9BY,SAA8B,CAAA;AAChD,EAAA,MAAAK,cAAA,GAAuBhB,sBAAmC,IAAnCW,SAAmC,CAAA;EAE1D,MAAAM,CAAAA,UAAA,EAAAC,aAAA,CAAA,GAAoC/B,gBAAK,CAAAgC,QAAS,CAAC,KAAK,CAAC,CAAA;AACzD,EAAA,MAAA,CAAAC,YAAA,EAAAC,UAAA,CAAA,GAAmClC,gBAAK,CAAAgC,QAAS,CAACjB,KAAK,CAAAoB,OAA0B,IAA/B7B,cAAwC,IAAxC,KAAwC,CAAC,CAAA;AAC3F,EAAA,MAAA8B,SAAA,GAAkBrB,KAAK,CAAAoB,OAAwB,IAA7BF,YAA6B,CAAA;EAO/B,MAAAI,EAAA,GAAAjB,QAAQ,GAAGkB,6BAAM,CAAAlB,QAAgB,GAAjC,IAAiC,CAAA;EACjC,MAAAmB,EAAA,GAAAH,SAAS,GAAGE,6BAAM,CAAAH,OAAe,GAAjC,IAAiC,CAAA;EACjC,MAAAK,EAAA,GAAAV,UAAU,GAAGQ,6BAAM,CAAAR,UAAkB,GAArC,IAAqC,CAAA;AAAA,EAAA,IAAAW,EAAA,CAAA;EAAA,IAAArC,CAAA,CAAAiC,EAAAA,CAAAA,KAAAA,EAAA,IAAAjC,CAAA,SAAAmC,EAAA,IAAAnC,CAAA,CAAA,EAAA,CAAA,KAAAoC,EAAA,EAAA;IAJ9BC,EAAA,GAAA,CACPH,6BAAM,CAAAI,SAAU,EAChBL,EAAiC,EACjCE,EAAiC,EACjCC,EAAqC,CACxC,CAAA;AAAApC,IAAAA,CAAA,OAAAiC,EAAA,CAAA;AAAAjC,IAAAA,CAAA,OAAAmC,EAAA,CAAA;AAAAnC,IAAAA,CAAA,OAAAoC,EAAA,CAAA;AAAApC,IAAAA,CAAA,OAAAqC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAArC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAuC,EAAA,CAAA;EAAA,IAAAvC,CAAA,SAAAM,QAAA,EAAA;AAwBqBiC,IAAAA,EAAA,GAAAC,KAAA,IAAA;MACNlC,QAAQ,GAAGkC,KAAK,CAAC,CAAA;MACjB,IAAI,CAACA,KAAK,CAAAC,gBAAiB,EAAA;AACvBX,QAAAA,UAAU,CAACU,KAAK,CAAAE,aAAc,CAAAX,OAAQ,CAAC,CAAA;AAAA,OAAA;KAE9C,CAAA;AAAA/B,IAAAA,CAAA,OAAAM,QAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAuC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAvC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA2C,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;EAAA,IAAA5C,CAAA,SAAAW,KAAA,EAAA;AACOgC,IAAAA,EAAA,GAAAE,OAAA,IAAA;MACJlB,aAAa,CAAC,KAAK,CAAC,CAAA;AACpBhB,MAAAA,KAAK,EAAAmC,MAAiB,GAANN,OAAK,CAAC,CAAA;KACzB,CAAA;AACQI,IAAAA,EAAA,GAAAG,OAAA,IAAA;MACLpB,aAAa,CAAC,IAAI,CAAC,CAAA;AACnBhB,MAAAA,KAAK,EAAAqC,OAAkB,GAANR,OAAK,CAAC,CAAA;KAC1B,CAAA;AAAAxC,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAA2C,EAAA,CAAA;AAAA3C,IAAAA,CAAA,OAAA4C,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAD,IAAAA,EAAA,GAAA3C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA4C,IAAAA,EAAA,GAAA5C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAiD,GAAA,CAAA;AAAA,EAAA,IAAAjD,CAAA,CAAAuB,EAAAA,CAAAA,KAAAA,eAAA,IAAAvB,CAAA,CAAA,EAAA,CAAA,KAAAwB,SAAA,IAAAxB,CAAA,SAAAyB,cAAA,IAAAzB,CAAA,CAAAgB,EAAAA,CAAAA,KAAAA,QAAA,IAAAhB,CAAA,CAAA,EAAA,CAAA,KAAAiB,EAAA,IAAAjB,CAAA,CAAAgC,EAAAA,CAAAA,KAAAA,SAAA,IAAAhC,CAAA,CAAA,EAAA,CAAA,KAAAW,KAAA,IAAAX,CAAA,SAAAD,GAAA,IAAAC,CAAA,CAAAuC,EAAAA,CAAAA,KAAAA,EAAA,IAAAvC,CAAA,CAAA,EAAA,CAAA,KAAA2C,EAAA,IAAA3C,CAAA,SAAA4C,EAAA,EAAA;AAxBTK,IAAAA,GAAA,gBAAArD,gBAAA,CAAAsD,aAAA,CAACC,6BAAc,EACXvD,IAAAA,eAAAA,gBAAA,CAAAsD,aAAA,CAAAE,OAAAA,EAAAA,4BAAA,KACQzC,KAAK,EAAA;AACLM,MAAAA,EAAE,EAAFA,EAAE;AACDoC,MAAAA,IAAU,EAAV,UAAU;AACLrC,MAAAA,QAAQ,EAARA,QAAQ;AACAO,MAAAA,kBAAAA,EAAAA,eAAe;AACrBC,MAAAA,YAAAA,EAAAA,SAAS;AACJC,MAAAA,iBAAAA,EAAAA,cAAc;AAC1B1B,MAAAA,GAAG,EAAHA,GAAG;AACCiC,MAAAA,OAAS,EAATA,SAAS;AACR1B,MAAAA,QAKT,EALSiC,EAKT;AACOO,MAAAA,MAGP,EAHOH,EAGP;AACQK,MAAAA,OAGR,EAHQJ,EAAAA;AAGR,KAAA,CACJ,CACW,CAAC,CAAA;AAAA5C,IAAAA,CAAA,OAAAuB,eAAA,CAAA;AAAAvB,IAAAA,CAAA,OAAAwB,SAAA,CAAA;AAAAxB,IAAAA,CAAA,OAAAyB,cAAA,CAAA;AAAAzB,IAAAA,CAAA,OAAAgB,QAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,EAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAgC,SAAA,CAAA;AAAAhC,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAAuC,EAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAA2C,EAAA,CAAA;AAAA3C,IAAAA,CAAA,OAAA4C,EAAA,CAAA;AAAA5C,IAAAA,CAAA,OAAAiD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAjD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAsD,GAAA,CAAA;AAAA,EAAA,IAAAtD,CAAA,CAAA,EAAA,CAAA,KAAAuD,MAAA,CAAAC,GAAA,CAAA,2BAAA,CAAA,EAAA;IACjBF,GAAA,gBAAA1D,gBAAA,CAAAsD,aAAA,CAAA,MAAA,EAAA;MAAiBO,SAAa,EAAbvB,6BAAM,CAAAwB,MAAAA;AAAO,KAAG,CAAC,CAAA;AAAA1D,IAAAA,CAAA,OAAAsD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAtD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA2D,GAAA,CAAA;EAAA,IAAA3D,CAAA,SAAAiD,GAAA,EAAA;AAnCtCU,IAAAA,GAAA,gBAAA/D,gBAAA,CAAAsD,aAAA,CAACU,OAAG,EAAA;AACSC,MAAAA,QAAU,EAAV,UAAU;AACXC,MAAAA,OAAa,EAAb,aAAa;AACZC,MAAAA,QAAS,EAAT,SAAS;AACNC,MAAAA,WAAO,EAAP,OAAO;AACPC,MAAAA,UAAC,EAAD,CAAC;MACFR,SAAa,EAAbvB,6BAAM,CAAAgC,MAAAA;KAEjBjB,EAAAA,GA0BiB,EACjBK,GACC,CAAC,CAAA;AAAAtD,IAAAA,CAAA,OAAAiD,GAAA,CAAA;AAAAjD,IAAAA,CAAA,OAAA2D,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA3D,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAmE,GAAA,CAAA;EAAA,IAAAnE,CAAA,SAAAI,KAAA,EAAA;AACN+D,IAAAA,GAAA,gBAAAvE,gBAAA,CAAAsD,aAAA,CAACkB,SAAI,EAAA;MAA4BC,yBAAY,EAAZnC,6BAAM,CAAA9B,KAAAA;AAAM,KAAA,EAAGA,KAAY,CAAC,CAAA;AAAAJ,IAAAA,CAAA,OAAAI,KAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAmE,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAnE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAsE,GAAA,CAAA;EAAA,IAAAtE,CAAA,CAAA2D,EAAAA,CAAAA,KAAAA,GAAA,IAAA3D,CAAA,SAAAmE,GAAA,IAAAnE,CAAA,CAAA,EAAA,CAAA,KAAAqC,EAAA,EAAA;AAhDjEiC,IAAAA,GAAA,gBAAA1E,gBAAA,CAAAsD,aAAA,CAACU,OAAG,EAAA;AACWH,MAAAA,SAKV,EALUpB,EAKV;AACEkC,MAAAA,EAAO,EAAP,OAAO;AACFT,MAAAA,OAAM,EAAN,MAAM;AACHU,MAAAA,UAAQ,EAAR,QAAA;KAEXb,EAAAA,GAoCM,EACNQ,GACC,CAAC,CAAA;AAAAnE,IAAAA,CAAA,OAAA2D,GAAA,CAAA;AAAA3D,IAAAA,CAAA,OAAAmE,GAAA,CAAA;AAAAnE,IAAAA,CAAA,OAAAqC,EAAA,CAAA;AAAArC,IAAAA,CAAA,OAAAsE,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAtE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAyE,GAAA,CAAA;EAAA,IAAAzE,CAAA,CAAAK,EAAAA,CAAAA,KAAAA,OAAA,IAAAL,CAAA,SAAAsB,SAAA,IAAAtB,CAAA,CAAA,EAAA,CAAA,KAAAe,IAAA,EAAA;AACL0D,IAAAA,GAAA,GAAApE,OAAO,gBAAPT,gBAAA,CAAAsD,aAAA,CACIwB,sBAAY,EAAA;AAAKpD,MAAAA,EAAS,EAATA,SAAS;AAAQP,MAAAA,IAAI,EAAJA,IAAAA;KAC9BV,EAAAA,OAEF,CAAC,GAJP,IAIO,CAAA;AAAAL,IAAAA,CAAA,OAAAK,OAAA,CAAA;AAAAL,IAAAA,CAAA,OAAAsB,SAAA,CAAA;AAAAtB,IAAAA,CAAA,OAAAe,IAAA,CAAA;AAAAf,IAAAA,CAAA,OAAAyE,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAzE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA2E,GAAA,CAAA;EAAA,IAAA3E,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,MAAA,IAAAH,CAAA,SAAAsE,GAAA,IAAAtE,CAAA,CAAA,EAAA,CAAA,KAAAyE,GAAA,EAAA;AAvDZE,IAAAA,GAAA,gBAAA/E,gBAAA,CAAAsD,aAAA,CAAC0B,WAAK,EAAA;AAAOC,MAAAA,KAAO,EAAP,OAAO;AAAS1E,MAAAA,MAAM,EAANA,MAAAA;KACzBmE,EAAAA,GAiDM,EACLG,GAKE,CAAC,CAAA;AAAAzE,IAAAA,CAAA,OAAAG,MAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAsE,GAAA,CAAA;AAAAtE,IAAAA,CAAA,OAAAyE,GAAA,CAAA;AAAAzE,IAAAA,CAAA,OAAA2E,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA3E,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAxDR2E,GAwDQ,CAAA;AAAA,CAEf;;;;"}
+{"version":3,"file":"switch-field.js","sources":["../../src/switch-field/switch-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { FieldMessage } from '../base-field'\nimport { Box } from '../box'\nimport { HiddenVisually } from '../hidden-visually'\nimport { Stack } from '../stack'\nimport { Text } from '../text'\nimport { useId } from '../utils/common-helpers'\n\nimport styles from './switch-field.module.css'\n\nimport type { FieldComponentProps } from '../base-field'\n\ninterface SwitchFieldProps\n    extends Omit<\n        FieldComponentProps<HTMLInputElement>,\n        | 'type'\n        | 'auxiliaryLabel'\n        | 'maxWidth'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    /**\n     * Identifies the element (or elements) that describes the switch for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current switch for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current switch for assistive technologies.\n     */\n    'aria-labelledby'?: string\n}\n\nconst SwitchField = React.forwardRef<HTMLInputElement, SwitchFieldProps>(function SwitchField(\n    {\n        label,\n        message,\n        tone = 'neutral',\n        disabled = false,\n        hidden,\n        defaultChecked,\n        id: originalId,\n        'aria-describedby': originalAriaDescribedBy,\n        'aria-label': originalAriaLabel,\n        'aria-labelledby': originalAriaLabelledby,\n        onChange,\n        ...props\n    },\n    ref,\n) {\n    const id = useId(originalId)\n    const messageId = useId()\n\n    const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : undefined)\n    const ariaLabel = originalAriaLabel ?? undefined\n    const ariaLabelledBy = originalAriaLabelledby ?? undefined\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    return (\n        <Stack space=\"small\" hidden={hidden}>\n            <Box\n                className={[\n                    styles.container,\n                    disabled ? styles.disabled : null,\n                    isChecked ? styles.checked : null,\n                    keyFocused ? styles.keyFocused : null,\n                ]}\n                as=\"label\"\n                display=\"flex\"\n                alignItems=\"center\"\n            >\n                <Box\n                    position=\"relative\"\n                    display=\"inlineBlock\"\n                    overflow=\"visible\"\n                    marginRight=\"small\"\n                    flexShrink={0}\n                    className={styles.toggle}\n                >\n                    <HiddenVisually>\n                        <input\n                            {...props}\n                            id={id}\n                            type=\"checkbox\"\n                            disabled={disabled}\n                            aria-describedby={ariaDescribedBy}\n                            aria-label={ariaLabel}\n                            aria-labelledby={ariaLabelledBy}\n                            ref={ref}\n                            checked={isChecked}\n                            onChange={(event) => {\n                                onChange?.(event)\n                                if (!event.defaultPrevented) {\n                                    setChecked(event.currentTarget.checked)\n                                }\n                            }}\n                            onBlur={(event) => {\n                                setKeyFocused(false)\n                                props?.onBlur?.(event)\n                            }}\n                            onKeyUp={(event) => {\n                                setKeyFocused(true)\n                                props?.onKeyUp?.(event)\n                            }}\n                        />\n                    </HiddenVisually>\n                    <span className={styles.handle} />\n                </Box>\n                <Text exceptionallySetClassName={styles.label}>{label}</Text>\n            </Box>\n            {message ? (\n                <FieldMessage id={messageId} tone={tone}>\n                    {message}\n                </FieldMessage>\n            ) : null}\n        </Stack>\n    )\n})\n\nexport { SwitchField }\nexport type { SwitchFieldProps }\n"],"names":["SwitchField","React","forwardRef","t0","ref","$","_c","defaultChecked","hidden","label","message","onChange","originalAriaDescribedBy","originalAriaLabel","originalAriaLabelledby","originalId","props","t1","t2","tone","disabled","id","undefined","useId","messageId","ariaDescribedBy","ariaLabel","ariaLabelledBy","keyFocused","setKeyFocused","useState","checkedState","setChecked","checked","isChecked","t3","styles","t4","t5","t6","container","t7","event","defaultPrevented","currentTarget","t8","t9","event_0","onBlur","event_1","onKeyUp","t10","createElement","HiddenVisually","_extends","type","t11","Symbol","for","className","handle","t12","Box","position","display","overflow","marginRight","flexShrink","toggle","t13","Text","exceptionallySetClassName","t14","as","alignItems","t15","FieldMessage","t16","Stack","space"],"mappings":"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"}

package/lib/tabs/tabs.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var react = require('@ariakit/react');
@@ -33,12 +32,9 @@ function _interopNamespace(e) {
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-const _excluded = ["children", "space", "width", "align", "exceptionallySetClassName"],
-  _excluded2 = ["children", "id", "renderMode"];
 const TabsContext = /*#__PURE__*/React__namespace.createContext(null);
 /**
  * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
@@ -125,15 +121,14 @@ const Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab(t0, ref) {
 /**
  * A component used to group `<Tab>` elements together.
  */
-function TabList(_ref) {
-  let {
-      children,
-      space,
-      width = 'maxContent',
-      align = 'start',
-      exceptionallySetClassName
-    } = _ref,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+function TabList({
+  children,
+  space,
+  width = 'maxContent',
+  align = 'start',
+  exceptionallySetClassName,
+  ...props
+}) {
   const tabListRef = React__namespace.useRef(null);
   const tabListPrevWidthRef = React__namespace.useRef(0);
   const tabContextValue = React__namespace.useContext(TabsContext);
@@ -227,13 +222,12 @@ function TabList(_ref) {
  * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a
  * corresponding `<Tab>` component.
  */
-const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel(_ref2, ref) {
-  let {
-      children,
-      id,
-      renderMode = 'always'
-    } = _ref2,
-    props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel({
+  children,
+  id,
+  renderMode = 'always',
+  ...props
+}, ref) {
   const tabContextValue = React__namespace.useContext(TabsContext);
   const [tabRendered, setTabRendered] = React__namespace.useState(false);
   const selectedId = tabContextValue?.tabStore.useState('selectedId');

package/lib/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                // eslint-disable-next-line react-hooks/set-state-in-effect\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                // eslint-disable-next-line react-hooks/set-state-in-effect\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","space","width","align","props","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","renderMode","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}

package/lib/text/text.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var box = require('../box/box.js');
 var polymorphism = require('../utils/polymorphism.js');
@@ -31,22 +30,19 @@ function _interopNamespace(e) {
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const _excluded = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
-const Text = polymorphism.polymorphicComponent(function Text(_ref, ref) {
-  let {
-      as,
-      size = 'body',
-      weight = 'regular',
-      tone = 'normal',
-      align,
-      children,
-      lineClamp,
-      exceptionallySetClassName
-    } = _ref,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+const Text = polymorphism.polymorphicComponent(function Text({
+  as,
+  size = 'body',
+  weight = 'regular',
+  tone = 'normal',
+  align,
+  children,
+  lineClamp,
+  exceptionallySetClassName,
+  ...props
+}, ref) {
   const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1;
   return /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
     as: as,

package/lib/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './text.module.css'\n\nimport type { BoxProps } from '../box'\nimport type { Tone } from '../utils/common-types'\n\ntype TextProps = {\n    children: React.ReactNode\n    /**\n     * The size of the text.\n     *\n     * The supported values, from smaller size to larger size, are:\n     * 'caption', 'copy', 'body', and 'subtitle'\n     *\n     * @default 'body'\n     */\n    size?: 'caption' | 'copy' | 'body' | 'subtitle'\n    /**\n     * The weight of the text font.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'semibold' | 'bold'\n    /**\n     * The tone (semantic color) of the text.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n    /**\n     * Used to truncate the text to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n    /**\n     * How to align the text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n    {\n        as,\n        size = 'body',\n        weight = 'regular',\n        tone = 'normal',\n        align,\n        children,\n        lineClamp,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const lineClampMultipleLines =\n        typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n    return (\n        <Box\n            {...props}\n            as={as}\n            className={[\n                exceptionallySetClassName,\n                styles.text,\n                size !== 'body' ? getClassNames(styles, 'size', size) : null,\n                weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n            ]}\n            textAlign={align}\n            // Prevents emojis from being cut-off\n            // See https://github.com/Doist/reactist/pull/528\n            paddingRight={lineClamp ? 'xsmall' : undefined}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","_ref","ref","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","_objectWithoutProperties","_excluded","lineClampMultipleLines","Number","React","createElement","Box","_extends","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDMA,MAAAA,IAAI,GAAGC,iCAAoB,CAAmB,SAASD,IAAIA,CAAAE,IAAA,EAY7DC,GAAG,EACL;EAAA,IAZE;MACIC,EAAE;AACFC,MAAAA,IAAI,GAAG,MAAM;AACbC,MAAAA,MAAM,GAAG,SAAS;AAClBC,MAAAA,IAAI,GAAG,QAAQ;MACfC,KAAK;MACLC,QAAQ;MACRC,SAAS;AACTC,MAAAA,yBAAAA;AAEJ,KAAC,GAAAT,IAAA;AADMU,IAAAA,KAAK,GAAAC,4CAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAIZ,EAAA,MAAMC,sBAAsB,GACxB,OAAOL,SAAS,KAAK,QAAQ,GAAGM,MAAM,CAACN,SAAS,CAAC,GAAG,CAAC,GAAG,CAACA,SAAS,IAAI,CAAC,IAAI,CAAC,CAAA;EAEhF,oBACIO,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,KACIR,KAAK,EAAA;AACTR,IAAAA,EAAE,EAAEA,EAAG;AACPiB,IAAAA,SAAS,EAAE,CACPV,yBAAyB,EACzBW,sBAAM,CAACC,IAAI,EACXlB,IAAI,KAAK,MAAM,GAAGmB,6BAAa,CAACF,sBAAM,EAAE,MAAM,EAAEjB,IAAI,CAAC,GAAG,IAAI,EAC5DC,MAAM,KAAK,SAAS,GAAGkB,6BAAa,CAACF,sBAAM,EAAE,QAAQ,EAAEhB,MAAM,CAAC,GAAG,IAAI,EACrEC,IAAI,KAAK,QAAQ,GAAGiB,6BAAa,CAACF,sBAAM,EAAE,MAAM,EAAEf,IAAI,CAAC,GAAG,IAAI,EAC9DQ,sBAAsB,GAAGO,sBAAM,CAACP,sBAAsB,GAAG,IAAI,EAC7DL,SAAS,GAAGc,6BAAa,CAACF,sBAAM,EAAE,WAAW,EAAEZ,SAAS,CAACe,QAAQ,EAAE,CAAC,GAAG,IAAI,CAC7E;AACFC,IAAAA,SAAS,EAAElB,KAAAA;AACX;AACA;AAAA;AACAmB,IAAAA,YAAY,EAAEjB,SAAS,GAAG,QAAQ,GAAGkB,SAAU;AAC/CzB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERM,QACA,CAAC,CAAA;AAEd,CAAC;;;;"}
+{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './text.module.css'\n\nimport type { BoxProps } from '../box'\nimport type { Tone } from '../utils/common-types'\n\ntype TextProps = {\n    children: React.ReactNode\n    /**\n     * The size of the text.\n     *\n     * The supported values, from smaller size to larger size, are:\n     * 'caption', 'copy', 'body', and 'subtitle'\n     *\n     * @default 'body'\n     */\n    size?: 'caption' | 'copy' | 'body' | 'subtitle'\n    /**\n     * The weight of the text font.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'semibold' | 'bold'\n    /**\n     * The tone (semantic color) of the text.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n    /**\n     * Used to truncate the text to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n    /**\n     * How to align the text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n    {\n        as,\n        size = 'body',\n        weight = 'regular',\n        tone = 'normal',\n        align,\n        children,\n        lineClamp,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const lineClampMultipleLines =\n        typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n    return (\n        <Box\n            {...props}\n            as={as}\n            className={[\n                exceptionallySetClassName,\n                styles.text,\n                size !== 'body' ? getClassNames(styles, 'size', size) : null,\n                weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n            ]}\n            textAlign={align}\n            // Prevents emojis from being cut-off\n            // See https://github.com/Doist/reactist/pull/528\n            paddingRight={lineClamp ? 'xsmall' : undefined}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","ref","lineClampMultipleLines","Number","React","createElement","Box","_extends","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,MAAMA,IAAI,GAAGC,iCAAoB,CAAmB,SAASD,IAAIA,CAC7D;EACIE,EAAE;AACFC,EAAAA,IAAI,GAAG,MAAM;AACbC,EAAAA,MAAM,GAAG,SAAS;AAClBC,EAAAA,IAAI,GAAG,QAAQ;EACfC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,yBAAyB;EACzB,GAAGC,KAAAA;AACP,CAAC,EACDC,GAAG,EACL;AACE,EAAA,MAAMC,sBAAsB,GACxB,OAAOJ,SAAS,KAAK,QAAQ,GAAGK,MAAM,CAACL,SAAS,CAAC,GAAG,CAAC,GAAG,CAACA,SAAS,IAAI,CAAC,IAAI,CAAC,CAAA;EAEhF,oBACIM,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,KACIP,KAAK,EAAA;AACTR,IAAAA,EAAE,EAAEA,EAAG;AACPgB,IAAAA,SAAS,EAAE,CACPT,yBAAyB,EACzBU,sBAAM,CAACC,IAAI,EACXjB,IAAI,KAAK,MAAM,GAAGkB,6BAAa,CAACF,sBAAM,EAAE,MAAM,EAAEhB,IAAI,CAAC,GAAG,IAAI,EAC5DC,MAAM,KAAK,SAAS,GAAGiB,6BAAa,CAACF,sBAAM,EAAE,QAAQ,EAAEf,MAAM,CAAC,GAAG,IAAI,EACrEC,IAAI,KAAK,QAAQ,GAAGgB,6BAAa,CAACF,sBAAM,EAAE,MAAM,EAAEd,IAAI,CAAC,GAAG,IAAI,EAC9DO,sBAAsB,GAAGO,sBAAM,CAACP,sBAAsB,GAAG,IAAI,EAC7DJ,SAAS,GAAGa,6BAAa,CAACF,sBAAM,EAAE,WAAW,EAAEX,SAAS,CAACc,QAAQ,EAAE,CAAC,GAAG,IAAI,CAC7E;AACFC,IAAAA,SAAS,EAAEjB,KAAAA;AACX;AACA;AAAA;AACAkB,IAAAA,YAAY,EAAEhB,SAAS,GAAG,QAAQ,GAAGiB,SAAU;AAC/Cd,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERJ,QACA,CAAC,CAAA;AAEd,CAAC;;;;"}

package/lib/text-area/text-area.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var classNames = require('classnames');
@@ -33,12 +32,9 @@ function _interopNamespace(e) {
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", "aria-describedby", "rows", "autoExpand", "disableResize", "onChange"],
-  _excluded2 = ["onChange", "characterCountElement"];
 const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(t0, ref) {
   const $ = reactCompilerRuntime.c(49);
   let ariaDescribedBy;
@@ -58,7 +54,6 @@ const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(t0,
   let tone;
   let value;
   if ($[0] !== t0) {
-    var _t = t0;
     ({
       variant: t1,
       id,
@@ -74,9 +69,9 @@ const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(t0,
       rows,
       autoExpand: t2,
       disableResize: t3,
-      onChange: originalOnChange
-    } = _t);
-    props = _objectWithoutProperties__default["default"](_t, _excluded);
+      onChange: originalOnChange,
+      ...props
+    } = t0);
     $[0] = t0;
     $[1] = ariaDescribedBy;
     $[2] = auxiliaryLabel;
@@ -168,10 +163,10 @@ const TextArea = /*#__PURE__*/React__namespace.forwardRef(function TextArea(t0,
   if ($[28] !== combinedRef || $[29] !== maxLength || $[30] !== originalOnChange || $[31] !== props || $[32] !== rows || $[33] !== textAreaClassName) {
     t12 = t13 => {
       const {
-          onChange,
-          characterCountElement
-        } = t13,
-        extraProps = _objectWithoutProperties__default["default"](t13, _excluded2);
+        onChange,
+        characterCountElement,
+        ...extraProps
+      } = t13;
       return /*#__PURE__*/React__namespace.createElement(box.Box, {
         width: "full",
         display: "flex",

package/lib/text-area/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n    extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n        Omit<\n            BaseFieldVariantProps,\n            'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n        > {\n    /**\n     * The value of the text area.\n     *\n     * If this prop is not specified, the text area will be uncontrolled and the component will\n     * manage its own state.\n     */\n    value?: string\n\n    /**\n     * The number of visible text lines for the text area.\n     *\n     * If it is specified, it must be a positive integer. If it is not specified, the default\n     * value is 2 (set by the browser).\n     *\n     * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n     * of rows that the textarea will shrink to when the content is not large enough to make it\n     * expand.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n     */\n    rows?: number\n\n    /**\n     * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n     * manually resize the textarea will be disabled.\n     */\n    autoExpand?: boolean\n\n    /**\n     * If `true`, the ability to manually resize the textarea will be disabled.\n     *\n     * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n     * resize the textarea is always disabled when `autoExpand` is true.\n     */\n    disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        rows,\n        autoExpand = false,\n        disableResize = false,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n    const textAreaClassName = classNames([\n        autoExpand ? styles.disableResize : null,\n        disableResize ? styles.disableResize : null,\n    ])\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            className={[\n                styles.textAreaContainer,\n                tone === 'error' ? styles.error : null,\n                variant === 'bordered' ? styles.bordered : null,\n            ]}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    width=\"full\"\n                    display=\"flex\"\n                    className={styles.innerContainer}\n                    ref={containerRef}\n                >\n                    <textarea\n                        {...props}\n                        {...extraProps}\n                        ref={combinedRef}\n                        rows={rows}\n                        className={textAreaClassName}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction useAutoExpand({\n    value,\n    autoExpand,\n    containerRef,\n    internalRef,\n}: {\n    value: string | undefined\n    autoExpand: boolean\n    containerRef: React.RefObject<HTMLDivElement>\n    internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n    const isControlled = value !== undefined\n\n    React.useEffect(\n        function setupAutoExpandWhenUncontrolled() {\n            const textAreaElement = internalRef.current\n            if (!textAreaElement || !autoExpand || isControlled) {\n                return undefined\n            }\n\n            const containerElement = containerRef.current\n\n            function handleAutoExpand(value: string) {\n                if (containerElement) {\n                    containerElement.dataset.replicatedValue = value\n                }\n            }\n\n            function handleInput(event: Event) {\n                handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n            }\n\n            // Apply change initially, in case the text area has a non-empty initial value\n            handleAutoExpand(textAreaElement.value)\n            textAreaElement.addEventListener('input', handleInput)\n            return () => textAreaElement.removeEventListener('input', handleInput)\n        },\n        [autoExpand, containerRef, internalRef, isControlled],\n    )\n\n    React.useEffect(\n        function setupAutoExpandWhenControlled() {\n            if (!isControlled || !autoExpand) {\n                return\n            }\n\n            const containerElement = containerRef.current\n            if (containerElement) {\n                containerElement.dataset.replicatedValue = value\n            }\n        },\n        [value, containerRef, isControlled, autoExpand],\n    )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","_t","variant","autoExpand","disableResize","onChange","_objectWithoutProperties","_excluded","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","_excluded2","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDMA,MAAAA,QAAQ,gBAAGC,gBAAK,CAACC,UAAU,CAAqC,SAAAF,QAAAA,CAAAG,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,eAAA,CAAA;AAAA,EAAA,IAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,CAAA;AAAA,EAAA,IAAAC,QAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,gBAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;EAAA,IAAAjB,CAAA,QAAAF,EAAA,EAAA;IAAA,IAAAoB,EAAA,GAClEpB,EAiBC,CAAA;AAAA,IAAA,CAAA;AAAAqB,MAAAA,OAAA,EAAAN,EAAA;MAAAR,EAAA;MAAAC,KAAA;MAAAW,KAAA;MAAAd,cAAA;MAAAM,OAAA;MAAAO,IAAA;MAAAR,QAAA;MAAAD,SAAA;MAAAH,MAAA;AAAA,MAAA,kBAAA,EAAAF,eAAA;MAAAU,IAAA;AAAAQ,MAAAA,UAAA,EAAAN,EAAA;AAAAO,MAAAA,aAAA,EAAAN,EAAA;AAAAO,MAAAA,QAAA,EAAAZ,gBAAAA;AAAA,KAAA,GAAAQ,EAAA,EAAA;AAAAP,IAAAA,KAAA,GAAAY,4CAAA,CAAAL,EAAA,EAAAM,SAAA,CAAA,CAAA;AAAAxB,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAE,eAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,cAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,MAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,QAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAS,OAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAU,gBAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,IAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,OAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAAgB,IAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAA,GAAA,MAAA;AAAAf,IAAAA,eAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,cAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,MAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,EAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,KAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,SAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,QAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAS,IAAAA,OAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAU,IAAAA,gBAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAW,IAAAA,KAAA,GAAAX,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAY,IAAAA,IAAA,GAAAZ,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAa,IAAAA,EAAA,GAAAb,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAe,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAgB,IAAAA,IAAA,GAAAhB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAiB,IAAAA,KAAA,GAAAjB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAhBG,MAAAmB,OAAA,GAAAN,EAAmB,KAAnBY,SAAmB,GAAnB,SAAmB,GAAnBZ,EAAmB,CAAA;EAYnB,MAAAO,UAAA,GAAAN,EAAkB,KAAlBW,SAAkB,GAAlB,KAAkB,GAAlBX,EAAkB,CAAA;EAClB,MAAAO,aAAA,GAAAN,EAAqB,KAArBU,SAAqB,GAArB,KAAqB,GAArBV,EAAqB,CAAA;AAMzB,EAAA,MAAAW,YAAA,GAAqB9B,gBAAK,CAAA+B,MAAO,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,MAAAC,WAAA,GAAoBhC,gBAAK,CAAA+B,MAAO,CAAsB,IAAI,CAAC,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;EAAA,IAAA7B,CAAA,SAAAD,GAAA,EAAA;AAC1B8B,IAAAA,EAAA,GAAC9B,CAAAA,GAAG,EAAE6B,WAAW,CAAC,CAAA;AAAA5B,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAA6B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAA7B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAnD,EAAA,MAAA8B,WAAA,GAAoBC,2BAAY,CAACF,EAAkB,CAAC,CAAA;AAAA,EAAA,IAAAG,EAAA,CAAA;AAAA,EAAA,IAAAhC,CAAA,CAAAoB,EAAAA,CAAAA,KAAAA,UAAA,IAAApB,CAAA,SAAAiB,KAAA,EAAA;IAEtCe,EAAA,GAAA;MAAAf,KAAA;MAAAG,UAAA;MAAAM,YAAA;AAAAE,MAAAA,WAAAA;KAAgD,CAAA;AAAA5B,IAAAA,CAAA,OAAAoB,UAAA,CAAA;AAAApB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAgC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAhC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAA9DiC,aAAa,CAACD,EAAgD,CAAC,CAAA;EAG3D,MAAAE,EAAA,GAAAd,UAAU,GAAGe,0BAAM,CAAAd,aAAqB,GAAxC,IAAwC,CAAA;EACxC,MAAAe,EAAA,GAAAf,aAAa,GAAGc,0BAAM,CAAAd,aAAqB,GAA3C,IAA2C,CAAA;AAAA,EAAA,IAAAgB,EAAA,CAAA;AAAA,EAAA,IAAArC,CAAA,CAAAkC,EAAAA,CAAAA,KAAAA,EAAA,IAAAlC,CAAA,SAAAoC,EAAA,EAAA;IAFrBC,EAAA,GAAAC,8BAAU,CAAC,CACjCJ,EAAwC,EACxCE,EAA2C,CAC9C,CAAC,CAAA;AAAApC,IAAAA,CAAA,OAAAkC,EAAA,CAAA;AAAAlC,IAAAA,CAAA,OAAAoC,EAAA,CAAA;AAAApC,IAAAA,CAAA,OAAAqC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAArC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAHF,MAAAuC,iBAAA,GAA0BF,EAGxB,CAAA;EAeU,MAAAG,EAAA,GAAAxB,IAAI,KAAK,OAA6B,GAAnBmB,0BAAM,CAAAM,KAAa,GAAtC,IAAsC,CAAA;EACtC,MAAAC,GAAA,GAAAvB,OAAO,KAAK,UAAmC,GAAtBgB,0BAAM,CAAAQ,QAAgB,GAA/C,IAA+C,CAAA;AAAA,EAAA,IAAAC,GAAA,CAAA;AAAA,EAAA,IAAA5C,CAAA,CAAA0C,EAAAA,CAAAA,KAAAA,GAAA,IAAA1C,CAAA,SAAAwC,EAAA,EAAA;IAHxCI,GAAA,GAAA,CACPT,0BAAM,CAAAU,iBAAkB,EACxBL,EAAsC,EACtCE,GAA+C,CAClD,CAAA;AAAA1C,IAAAA,CAAA,OAAA0C,GAAA,CAAA;AAAA1C,IAAAA,CAAA,OAAAwC,EAAA,CAAA;AAAAxC,IAAAA,CAAA,OAAA4C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA5C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA8C,GAAA,CAAA;EAAA,IAAA9C,CAAA,SAAA8B,WAAA,IAAA9B,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,SAAA,IAAAP,CAAA,CAAAU,EAAAA,CAAAA,KAAAA,gBAAA,IAAAV,CAAA,CAAA,EAAA,CAAA,KAAAW,KAAA,IAAAX,CAAA,SAAAY,IAAA,IAAAZ,CAAA,CAAA,EAAA,CAAA,KAAAuC,iBAAA,EAAA;AAIAO,IAAAA,GAAA,GAAAC,GAAA,IAAA;AAAC,MAAA,MAAA;UAAAzB,QAAA;AAAA0B,UAAAA,qBAAAA;AAAA,SAAA,GAAAD,GAAkD;AAAAE,QAAAA,UAAA,GAAA1B,4CAAA,CAAlDwB,GAAkD,EAAAG,UAAA,CAAA,CAAA;AAAA,MAAA,oBAChDtD,gBAAA,CAAAuD,aAAA,CAACC,OAAG,EAAA;AACMC,QAAAA,KAAM,EAAN,MAAM;AACJC,QAAAA,OAAM,EAAN,MAAM;QACHC,SAAqB,EAArBpB,0BAAM,CAAAqB,cAAe;AAC3B9B,QAAAA,GAAY,EAAZA,YAAAA;OAEL9B,eAAAA,gBAAA,CAAAuD,aAAA,CAAA,UAAA,EAAAM,4BAAA,CACQ9C,EAAAA,EAAAA,KAAK,EACLsC,UAAU,EAAA;AACTnB,QAAAA,GAAW,EAAXA,WAAW;AACVlB,QAAAA,IAAI,EAAJA,IAAI;AACC2B,QAAAA,SAAiB,EAAjBA,iBAAiB;AACjBhC,QAAAA,SAAS,EAATA,SAAS;AACVe,QAAAA,QAGT,EAHSoC,KAAA,IAAA;UACNhD,gBAAgB,GAAGgD,KAAK,CAAC,CAAA;UACzBpC,QAAQ,GAAGoC,KAAK,CAAC,CAAA;AAAA,SAAA;AACpB,OAAA,CACJ,CACA,CAAC,CAAA;KACT,CAAA;AAAA1D,IAAAA,CAAA,OAAA8B,WAAA,CAAA;AAAA9B,IAAAA,CAAA,OAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAU,gBAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,IAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAuC,iBAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAA8C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA9C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA+C,GAAA,CAAA;EAAA,IAAA/C,CAAA,SAAAE,eAAA,IAAAF,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,cAAA,IAAAH,CAAA,CAAAI,EAAAA,CAAAA,KAAAA,MAAA,IAAAJ,CAAA,CAAA,EAAA,CAAA,KAAAK,EAAA,IAAAL,CAAA,CAAA,EAAA,CAAA,KAAAM,KAAA,IAAAN,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,SAAA,IAAAP,CAAA,SAAAQ,QAAA,IAAAR,CAAA,CAAAS,EAAAA,CAAAA,KAAAA,OAAA,IAAAT,CAAA,CAAA,EAAA,CAAA,KAAA4C,GAAA,IAAA5C,CAAA,CAAA,EAAA,CAAA,KAAA8C,GAAA,IAAA9C,CAAA,CAAAgB,EAAAA,CAAAA,KAAAA,IAAA,IAAAhB,CAAA,SAAAiB,KAAA,IAAAjB,CAAA,CAAA,EAAA,CAAA,KAAAmB,OAAA,EAAA;AAtCL4B,IAAAA,GAAA,gBAAAnD,gBAAA,CAAAuD,aAAA,CAACQ,mBAAS,EAAA;AACGxC,MAAAA,OAAO,EAAPA,OAAO;AACZd,MAAAA,EAAE,EAAFA,EAAE;AACCC,MAAAA,KAAK,EAALA,KAAK;AACLW,MAAAA,KAAK,EAALA,KAAK;AACId,MAAAA,cAAc,EAAdA,cAAc;AACrBM,MAAAA,OAAO,EAAPA,OAAO;AACVO,MAAAA,IAAI,EAAJA,IAAI;AACFZ,MAAAA,MAAM,EAANA,MAAM;AACIF,MAAAA,kBAAAA,EAAAA,eAAe;AACtBqD,MAAAA,SAIV,EAJUX,GAIV;AACSpC,MAAAA,QAAQ,EAARA,QAAQ;AACPD,MAAAA,SAAS,EAATA,SAAAA;AAAS,KAAA,EAEnBuC,GAqBM,CAAC,CAAA;AAAA9C,IAAAA,CAAA,OAAAE,eAAA,CAAA;AAAAF,IAAAA,CAAA,OAAAG,cAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAI,MAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,OAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAQ,QAAA,CAAA;AAAAR,IAAAA,CAAA,OAAAS,OAAA,CAAA;AAAAT,IAAAA,CAAA,OAAA4C,GAAA,CAAA;AAAA5C,IAAAA,CAAA,OAAA8C,GAAA,CAAA;AAAA9C,IAAAA,CAAA,OAAAgB,IAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAmB,OAAA,CAAA;AAAAnB,IAAAA,CAAA,OAAA+C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA/C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAvCZ+C,GAuCY,CAAA;AAAA,CAEnB,EAAC;AAEF,SAAAd,cAAAnC,EAAA,EAAA;EAAA,MAAAE,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAuB,EAAA,MAAA;IAAAgB,KAAA;IAAAG,UAAA;IAAAM,YAAA;AAAAE,IAAAA,WAAAA;AAAA,GAAA,GAAA9B,EAUtB,CAAA;AACG,EAAA,MAAA8D,YAAA,GAAqB3C,KAAK,KAAKQ,SAAS,CAAA;AAAA,EAAA,IAAAZ,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAd,CAAA,CAAA,CAAA,CAAA,KAAAoB,UAAA,IAAApB,CAAA,CAAA0B,CAAAA,CAAAA,KAAAA,YAAA,IAAA1B,CAAA,CAAA4B,CAAAA,CAAAA,KAAAA,WAAA,IAAA5B,CAAA,QAAA4D,YAAA,EAAA;AAGpC/C,IAAAA,EAAA,YAAAgD,+BAAA,GAAA;AACI,MAAA,MAAAC,eAAA,GAAwBlC,WAAW,CAAAmC,OAAQ,CAAA;AAC3C,MAAA,IAAI,CAACD,eAA8B,IAA/B,CAAqB1C,UAA0B,IAA/CwC,YAA+C,EAAA;AAAA,QAAA,OAAA;AAAA,OAAA;AAInD,MAAA,MAAAI,gBAAA,GAAyBtC,YAAY,CAAAqC,OAAQ,CAAA;MAE7C,MAAAE,gBAAA,GAAAA,SAAAA,gBAAAA,CAAAC,OAAA,EAAA;AACI,QAAA,IAAIF,gBAAgB,EAAA;AAChBA,UAAAA,gBAAgB,CAAAG,OAAQ,CAAAC,eAAA,GAAmBnD,OAAH,CAAA;AAAA,SAAA;OAE/C,CAAA;MAED,MAAAoD,WAAA,GAAAA,SAAAA,WAAAA,CAAAX,KAAA,EAAA;AACIO,QAAAA,gBAAgB,CAAEP,KAAK,CAAAY,aAAc,CAAArD,KAA8B,CAAC,CAAA;OACvE,CAAA;AAGDgD,MAAAA,gBAAgB,CAACH,eAAe,CAAA7C,KAAM,CAAC,CAAA;AACvC6C,MAAAA,eAAe,CAAAS,gBAAiB,CAAC,OAAO,EAAEF,WAAW,CAAC,CAAA;MAAA,OAC/C,MAAMP,eAAe,CAAAU,mBAAoB,CAAC,OAAO,EAAEH,WAAW,CAAC,CAAA;KACzE,CAAA;IACDvD,EAAA,GAAA,CAACM,UAAU,EAAEM,YAAY,EAAEE,WAAW,EAAEgC,YAAY,CAAC,CAAA;AAAA5D,IAAAA,CAAA,MAAAoB,UAAA,CAAA;AAAApB,IAAAA,CAAA,MAAA0B,YAAA,CAAA;AAAA1B,IAAAA,CAAA,MAAA4B,WAAA,CAAA;AAAA5B,IAAAA,CAAA,MAAA4D,YAAA,CAAA;AAAA5D,IAAAA,CAAA,MAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAD,IAAAA,EAAA,GAAAb,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAxBzDJ,EAAAA,gBAAK,CAAA6E,SAAU,CACX5D,EAsBC,EACDC,EACJ,CAAC,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAc,EAAA,CAAA;AAAA,EAAA,IAAA7B,CAAA,CAAA,CAAA,CAAA,KAAAoB,UAAA,IAAApB,CAAA,CAAA0B,CAAAA,CAAAA,KAAAA,YAAA,IAAA1B,CAAA,CAAA4D,CAAAA,CAAAA,KAAAA,YAAA,IAAA5D,CAAA,QAAAiB,KAAA,EAAA;AAGGF,IAAAA,EAAA,YAAA2D,6BAAA,GAAA;AACI,MAAA,IAAI,CAACd,YAA2B,IAA5B,CAAkBxC,UAAU,EAAA;AAAA,QAAA,OAAA;AAAA,OAAA;AAIhC,MAAA,MAAAuD,kBAAA,GAAyBjD,YAAY,CAAAqC,OAAQ,CAAA;AAC7C,MAAA,IAAIC,kBAAgB,EAAA;AAChBA,QAAAA,kBAAgB,CAAAG,OAAQ,CAAAC,eAAA,GAAmBnD,KAAH,CAAA;AAAA,OAAA;KAE/C,CAAA;IACDY,EAAA,GAAA,CAACZ,KAAK,EAAES,YAAY,EAAEkC,YAAY,EAAExC,UAAU,CAAC,CAAA;AAAApB,IAAAA,CAAA,MAAAoB,UAAA,CAAA;AAAApB,IAAAA,CAAA,MAAA0B,YAAA,CAAA;AAAA1B,IAAAA,CAAA,MAAA4D,YAAA,CAAA;AAAA5D,IAAAA,CAAA,MAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAA6B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAd,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA6B,IAAAA,EAAA,GAAA7B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAXnDJ,EAAAA,gBAAK,CAAA6E,SAAU,CACX1D,EASC,EACDc,EACJ,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n    extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n        Omit<\n            BaseFieldVariantProps,\n            'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n        > {\n    /**\n     * The value of the text area.\n     *\n     * If this prop is not specified, the text area will be uncontrolled and the component will\n     * manage its own state.\n     */\n    value?: string\n\n    /**\n     * The number of visible text lines for the text area.\n     *\n     * If it is specified, it must be a positive integer. If it is not specified, the default\n     * value is 2 (set by the browser).\n     *\n     * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n     * of rows that the textarea will shrink to when the content is not large enough to make it\n     * expand.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n     */\n    rows?: number\n\n    /**\n     * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n     * manually resize the textarea will be disabled.\n     */\n    autoExpand?: boolean\n\n    /**\n     * If `true`, the ability to manually resize the textarea will be disabled.\n     *\n     * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n     * resize the textarea is always disabled when `autoExpand` is true.\n     */\n    disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        rows,\n        autoExpand = false,\n        disableResize = false,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n    const textAreaClassName = classNames([\n        autoExpand ? styles.disableResize : null,\n        disableResize ? styles.disableResize : null,\n    ])\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            className={[\n                styles.textAreaContainer,\n                tone === 'error' ? styles.error : null,\n                variant === 'bordered' ? styles.bordered : null,\n            ]}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    width=\"full\"\n                    display=\"flex\"\n                    className={styles.innerContainer}\n                    ref={containerRef}\n                >\n                    <textarea\n                        {...props}\n                        {...extraProps}\n                        ref={combinedRef}\n                        rows={rows}\n                        className={textAreaClassName}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction useAutoExpand({\n    value,\n    autoExpand,\n    containerRef,\n    internalRef,\n}: {\n    value: string | undefined\n    autoExpand: boolean\n    containerRef: React.RefObject<HTMLDivElement>\n    internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n    const isControlled = value !== undefined\n\n    React.useEffect(\n        function setupAutoExpandWhenUncontrolled() {\n            const textAreaElement = internalRef.current\n            if (!textAreaElement || !autoExpand || isControlled) {\n                return undefined\n            }\n\n            const containerElement = containerRef.current\n\n            function handleAutoExpand(value: string) {\n                if (containerElement) {\n                    containerElement.dataset.replicatedValue = value\n                }\n            }\n\n            function handleInput(event: Event) {\n                handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n            }\n\n            // Apply change initially, in case the text area has a non-empty initial value\n            handleAutoExpand(textAreaElement.value)\n            textAreaElement.addEventListener('input', handleInput)\n            return () => textAreaElement.removeEventListener('input', handleInput)\n        },\n        [autoExpand, containerRef, internalRef, isControlled],\n    )\n\n    React.useEffect(\n        function setupAutoExpandWhenControlled() {\n            if (!isControlled || !autoExpand) {\n                return\n            }\n\n            const containerElement = containerRef.current\n            if (containerElement) {\n                containerElement.dataset.replicatedValue = value\n            }\n        },\n        [value, containerRef, isControlled, autoExpand],\n    )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","variant","autoExpand","disableResize","onChange","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDMA,MAAAA,QAAQ,gBAAGC,gBAAK,CAACC,UAAU,CAAqC,SAAAF,QAAAA,CAAAG,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,eAAA,CAAA;AAAA,EAAA,IAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,CAAA;AAAA,EAAA,IAAAC,QAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,gBAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;EAAA,IAAAjB,CAAA,QAAAF,EAAA,EAAA;AAClE,IAAA,CAAA;AAAAoB,MAAAA,OAAA,EAAAL,EAAA;MAAAR,EAAA;MAAAC,KAAA;MAAAW,KAAA;MAAAd,cAAA;MAAAM,OAAA;MAAAO,IAAA;MAAAR,QAAA;MAAAD,SAAA;MAAAH,MAAA;AAAA,MAAA,kBAAA,EAAAF,eAAA;MAAAU,IAAA;AAAAO,MAAAA,UAAA,EAAAL,EAAA;AAAAM,MAAAA,aAAA,EAAAL,EAAA;AAAAM,MAAAA,QAAA,EAAAX,gBAAA;MAAA,GAAAC,KAAAA;AAAA,KAAA,GAAAb,EAiBC,EAAA;AAAAE,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAE,eAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,cAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,MAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,QAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAS,OAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAU,gBAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,IAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,OAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAAgB,IAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAA,GAAA,MAAA;AAAAf,IAAAA,eAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,cAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,MAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,EAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,KAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,SAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,QAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAS,IAAAA,OAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAU,IAAAA,gBAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAW,IAAAA,KAAA,GAAAX,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAY,IAAAA,IAAA,GAAAZ,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAa,IAAAA,EAAA,GAAAb,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAe,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAgB,IAAAA,IAAA,GAAAhB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAiB,IAAAA,KAAA,GAAAjB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAhBG,MAAAkB,OAAA,GAAAL,EAAmB,KAAnBS,SAAmB,GAAnB,SAAmB,GAAnBT,EAAmB,CAAA;EAYnB,MAAAM,UAAA,GAAAL,EAAkB,KAAlBQ,SAAkB,GAAlB,KAAkB,GAAlBR,EAAkB,CAAA;EAClB,MAAAM,aAAA,GAAAL,EAAqB,KAArBO,SAAqB,GAArB,KAAqB,GAArBP,EAAqB,CAAA;AAMzB,EAAA,MAAAQ,YAAA,GAAqB3B,gBAAK,CAAA4B,MAAO,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,MAAAC,WAAA,GAAoB7B,gBAAK,CAAA4B,MAAO,CAAsB,IAAI,CAAC,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;EAAA,IAAA1B,CAAA,SAAAD,GAAA,EAAA;AAC1B2B,IAAAA,EAAA,GAAC3B,CAAAA,GAAG,EAAE0B,WAAW,CAAC,CAAA;AAAAzB,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAA0B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAA1B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAnD,EAAA,MAAA2B,WAAA,GAAoBC,2BAAY,CAACF,EAAkB,CAAC,CAAA;AAAA,EAAA,IAAAG,EAAA,CAAA;AAAA,EAAA,IAAA7B,CAAA,CAAAmB,EAAAA,CAAAA,KAAAA,UAAA,IAAAnB,CAAA,SAAAiB,KAAA,EAAA;IAEtCY,EAAA,GAAA;MAAAZ,KAAA;MAAAE,UAAA;MAAAI,YAAA;AAAAE,MAAAA,WAAAA;KAAgD,CAAA;AAAAzB,IAAAA,CAAA,OAAAmB,UAAA,CAAA;AAAAnB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAA6B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAA7B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAA9D8B,aAAa,CAACD,EAAgD,CAAC,CAAA;EAG3D,MAAAE,EAAA,GAAAZ,UAAU,GAAGa,0BAAM,CAAAZ,aAAqB,GAAxC,IAAwC,CAAA;EACxC,MAAAa,EAAA,GAAAb,aAAa,GAAGY,0BAAM,CAAAZ,aAAqB,GAA3C,IAA2C,CAAA;AAAA,EAAA,IAAAc,EAAA,CAAA;AAAA,EAAA,IAAAlC,CAAA,CAAA+B,EAAAA,CAAAA,KAAAA,EAAA,IAAA/B,CAAA,SAAAiC,EAAA,EAAA;IAFrBC,EAAA,GAAAC,8BAAU,CAAC,CACjCJ,EAAwC,EACxCE,EAA2C,CAC9C,CAAC,CAAA;AAAAjC,IAAAA,CAAA,OAAA+B,EAAA,CAAA;AAAA/B,IAAAA,CAAA,OAAAiC,EAAA,CAAA;AAAAjC,IAAAA,CAAA,OAAAkC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAlC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAHF,MAAAoC,iBAAA,GAA0BF,EAGxB,CAAA;EAeU,MAAAG,EAAA,GAAArB,IAAI,KAAK,OAA6B,GAAnBgB,0BAAM,CAAAM,KAAa,GAAtC,IAAsC,CAAA;EACtC,MAAAC,GAAA,GAAArB,OAAO,KAAK,UAAmC,GAAtBc,0BAAM,CAAAQ,QAAgB,GAA/C,IAA+C,CAAA;AAAA,EAAA,IAAAC,GAAA,CAAA;AAAA,EAAA,IAAAzC,CAAA,CAAAuC,EAAAA,CAAAA,KAAAA,GAAA,IAAAvC,CAAA,SAAAqC,EAAA,EAAA;IAHxCI,GAAA,GAAA,CACPT,0BAAM,CAAAU,iBAAkB,EACxBL,EAAsC,EACtCE,GAA+C,CAClD,CAAA;AAAAvC,IAAAA,CAAA,OAAAuC,GAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAAqC,EAAA,CAAA;AAAArC,IAAAA,CAAA,OAAAyC,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAzC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA2C,GAAA,CAAA;EAAA,IAAA3C,CAAA,SAAA2B,WAAA,IAAA3B,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,SAAA,IAAAP,CAAA,CAAAU,EAAAA,CAAAA,KAAAA,gBAAA,IAAAV,CAAA,CAAA,EAAA,CAAA,KAAAW,KAAA,IAAAX,CAAA,SAAAY,IAAA,IAAAZ,CAAA,CAAA,EAAA,CAAA,KAAAoC,iBAAA,EAAA;AAIAO,IAAAA,GAAA,GAAAC,GAAA,IAAA;AAAC,MAAA,MAAA;QAAAvB,QAAA;QAAAwB,qBAAA;QAAA,GAAAC,UAAAA;AAAA,OAAA,GAAAF,GAAkD,CAAA;AAAA,MAAA,oBAChDhD,gBAAA,CAAAmD,aAAA,CAACC,OAAG,EAAA;AACMC,QAAAA,KAAM,EAAN,MAAM;AACJC,QAAAA,OAAM,EAAN,MAAM;QACHC,SAAqB,EAArBnB,0BAAM,CAAAoB,cAAe;AAC3B7B,QAAAA,GAAY,EAAZA,YAAAA;OAEL3B,eAAAA,gBAAA,CAAAmD,aAAA,CAAA,UAAA,EAAAM,4BAAA,CACQ1C,EAAAA,EAAAA,KAAK,EACLmC,UAAU,EAAA;AACTnB,QAAAA,GAAW,EAAXA,WAAW;AACVf,QAAAA,IAAI,EAAJA,IAAI;AACCwB,QAAAA,SAAiB,EAAjBA,iBAAiB;AACjB7B,QAAAA,SAAS,EAATA,SAAS;AACVc,QAAAA,QAGT,EAHSiC,KAAA,IAAA;UACN5C,gBAAgB,GAAG4C,KAAK,CAAC,CAAA;UACzBjC,QAAQ,GAAGiC,KAAK,CAAC,CAAA;AAAA,SAAA;AACpB,OAAA,CACJ,CACA,CAAC,CAAA;KACT,CAAA;AAAAtD,IAAAA,CAAA,OAAA2B,WAAA,CAAA;AAAA3B,IAAAA,CAAA,OAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAU,gBAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,IAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAoC,iBAAA,CAAA;AAAApC,IAAAA,CAAA,OAAA2C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA3C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA4C,GAAA,CAAA;EAAA,IAAA5C,CAAA,SAAAE,eAAA,IAAAF,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,cAAA,IAAAH,CAAA,CAAAI,EAAAA,CAAAA,KAAAA,MAAA,IAAAJ,CAAA,CAAA,EAAA,CAAA,KAAAK,EAAA,IAAAL,CAAA,CAAA,EAAA,CAAA,KAAAM,KAAA,IAAAN,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,SAAA,IAAAP,CAAA,SAAAQ,QAAA,IAAAR,CAAA,CAAAS,EAAAA,CAAAA,KAAAA,OAAA,IAAAT,CAAA,CAAA,EAAA,CAAA,KAAAyC,GAAA,IAAAzC,CAAA,CAAA,EAAA,CAAA,KAAA2C,GAAA,IAAA3C,CAAA,CAAAgB,EAAAA,CAAAA,KAAAA,IAAA,IAAAhB,CAAA,SAAAiB,KAAA,IAAAjB,CAAA,CAAA,EAAA,CAAA,KAAAkB,OAAA,EAAA;AAtCL0B,IAAAA,GAAA,gBAAAhD,gBAAA,CAAAmD,aAAA,CAACQ,mBAAS,EAAA;AACGrC,MAAAA,OAAO,EAAPA,OAAO;AACZb,MAAAA,EAAE,EAAFA,EAAE;AACCC,MAAAA,KAAK,EAALA,KAAK;AACLW,MAAAA,KAAK,EAALA,KAAK;AACId,MAAAA,cAAc,EAAdA,cAAc;AACrBM,MAAAA,OAAO,EAAPA,OAAO;AACVO,MAAAA,IAAI,EAAJA,IAAI;AACFZ,MAAAA,MAAM,EAANA,MAAM;AACIF,MAAAA,kBAAAA,EAAAA,eAAe;AACtBiD,MAAAA,SAIV,EAJUV,GAIV;AACSjC,MAAAA,QAAQ,EAARA,QAAQ;AACPD,MAAAA,SAAS,EAATA,SAAAA;AAAS,KAAA,EAEnBoC,GAqBM,CAAC,CAAA;AAAA3C,IAAAA,CAAA,OAAAE,eAAA,CAAA;AAAAF,IAAAA,CAAA,OAAAG,cAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAI,MAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,OAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAQ,QAAA,CAAA;AAAAR,IAAAA,CAAA,OAAAS,OAAA,CAAA;AAAAT,IAAAA,CAAA,OAAAyC,GAAA,CAAA;AAAAzC,IAAAA,CAAA,OAAA2C,GAAA,CAAA;AAAA3C,IAAAA,CAAA,OAAAgB,IAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAkB,OAAA,CAAA;AAAAlB,IAAAA,CAAA,OAAA4C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA5C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAvCZ4C,GAuCY,CAAA;AAAA,CAEnB,EAAC;AAEF,SAAAd,cAAAhC,EAAA,EAAA;EAAA,MAAAE,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAuB,EAAA,MAAA;IAAAgB,KAAA;IAAAE,UAAA;IAAAI,YAAA;AAAAE,IAAAA,WAAAA;AAAA,GAAA,GAAA3B,EAUtB,CAAA;AACG,EAAA,MAAA0D,YAAA,GAAqBvC,KAAK,KAAKK,SAAS,CAAA;AAAA,EAAA,IAAAT,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAd,CAAA,CAAA,CAAA,CAAA,KAAAmB,UAAA,IAAAnB,CAAA,CAAAuB,CAAAA,CAAAA,KAAAA,YAAA,IAAAvB,CAAA,CAAAyB,CAAAA,CAAAA,KAAAA,WAAA,IAAAzB,CAAA,QAAAwD,YAAA,EAAA;AAGpC3C,IAAAA,EAAA,YAAA4C,+BAAA,GAAA;AACI,MAAA,MAAAC,eAAA,GAAwBjC,WAAW,CAAAkC,OAAQ,CAAA;AAC3C,MAAA,IAAI,CAACD,eAA8B,IAA/B,CAAqBvC,UAA0B,IAA/CqC,YAA+C,EAAA;AAAA,QAAA,OAAA;AAAA,OAAA;AAInD,MAAA,MAAAI,gBAAA,GAAyBrC,YAAY,CAAAoC,OAAQ,CAAA;MAE7C,MAAAE,gBAAA,GAAAA,SAAAA,gBAAAA,CAAAC,OAAA,EAAA;AACI,QAAA,IAAIF,gBAAgB,EAAA;AAChBA,UAAAA,gBAAgB,CAAAG,OAAQ,CAAAC,eAAA,GAAmB/C,OAAH,CAAA;AAAA,SAAA;OAE/C,CAAA;MAED,MAAAgD,WAAA,GAAAA,SAAAA,WAAAA,CAAAX,KAAA,EAAA;AACIO,QAAAA,gBAAgB,CAAEP,KAAK,CAAAY,aAAc,CAAAjD,KAA8B,CAAC,CAAA;OACvE,CAAA;AAGD4C,MAAAA,gBAAgB,CAACH,eAAe,CAAAzC,KAAM,CAAC,CAAA;AACvCyC,MAAAA,eAAe,CAAAS,gBAAiB,CAAC,OAAO,EAAEF,WAAW,CAAC,CAAA;MAAA,OAC/C,MAAMP,eAAe,CAAAU,mBAAoB,CAAC,OAAO,EAAEH,WAAW,CAAC,CAAA;KACzE,CAAA;IACDnD,EAAA,GAAA,CAACK,UAAU,EAAEI,YAAY,EAAEE,WAAW,EAAE+B,YAAY,CAAC,CAAA;AAAAxD,IAAAA,CAAA,MAAAmB,UAAA,CAAA;AAAAnB,IAAAA,CAAA,MAAAuB,YAAA,CAAA;AAAAvB,IAAAA,CAAA,MAAAyB,WAAA,CAAA;AAAAzB,IAAAA,CAAA,MAAAwD,YAAA,CAAA;AAAAxD,IAAAA,CAAA,MAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAD,IAAAA,EAAA,GAAAb,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAxBzDJ,EAAAA,gBAAK,CAAAyE,SAAU,CACXxD,EAsBC,EACDC,EACJ,CAAC,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAW,EAAA,CAAA;AAAA,EAAA,IAAA1B,CAAA,CAAA,CAAA,CAAA,KAAAmB,UAAA,IAAAnB,CAAA,CAAAuB,CAAAA,CAAAA,KAAAA,YAAA,IAAAvB,CAAA,CAAAwD,CAAAA,CAAAA,KAAAA,YAAA,IAAAxD,CAAA,QAAAiB,KAAA,EAAA;AAGGF,IAAAA,EAAA,YAAAuD,6BAAA,GAAA;AACI,MAAA,IAAI,CAACd,YAA2B,IAA5B,CAAkBrC,UAAU,EAAA;AAAA,QAAA,OAAA;AAAA,OAAA;AAIhC,MAAA,MAAAoD,kBAAA,GAAyBhD,YAAY,CAAAoC,OAAQ,CAAA;AAC7C,MAAA,IAAIC,kBAAgB,EAAA;AAChBA,QAAAA,kBAAgB,CAAAG,OAAQ,CAAAC,eAAA,GAAmB/C,KAAH,CAAA;AAAA,OAAA;KAE/C,CAAA;IACDS,EAAA,GAAA,CAACT,KAAK,EAAEM,YAAY,EAAEiC,YAAY,EAAErC,UAAU,CAAC,CAAA;AAAAnB,IAAAA,CAAA,MAAAmB,UAAA,CAAA;AAAAnB,IAAAA,CAAA,MAAAuB,YAAA,CAAA;AAAAvB,IAAAA,CAAA,MAAAwD,YAAA,CAAA;AAAAxD,IAAAA,CAAA,MAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAA0B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAX,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA0B,IAAAA,EAAA,GAAA1B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAXnDJ,EAAAA,gBAAK,CAAAyE,SAAU,CACXtD,EASC,EACDW,EACJ,CAAC,CAAA;AAAA;;;;"}

package/lib/text-field/text-field.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var useCallbackRef = require('use-callback-ref');
@@ -32,11 +31,8 @@ function _interopNamespace(e) {
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", "aria-describedby", "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"],
-  _excluded2 = ["onChange", "characterCountElement"];
 const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(t0, ref) {
   const $ = reactCompilerRuntime.c(51);
   let ariaDescribedBy;
@@ -58,7 +54,6 @@ const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(t0
   let tone;
   let value;
   if ($[0] !== t0) {
-    var _t = t0;
     ({
       variant: t1,
       id,
@@ -76,9 +71,9 @@ const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(t0
       endSlot,
       onChange: originalOnChange,
       characterCountPosition: t3,
-      endSlotPosition: t4
-    } = _t);
-    props = _objectWithoutProperties__default["default"](_t, _excluded);
+      endSlotPosition: t4,
+      ...props
+    } = t0);
     $[0] = t0;
     $[1] = ariaDescribedBy;
     $[2] = auxiliaryLabel;
@@ -152,10 +147,10 @@ const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(t0
   if ($[23] !== combinedRef || $[24] !== displayEndSlot || $[25] !== endSlot || $[26] !== handleClick || $[27] !== maxLength || $[28] !== originalOnChange || $[29] !== props || $[30] !== startSlot || $[31] !== tone || $[32] !== type || $[33] !== variant) {
     t8 = t9 => {
       const {
-          onChange,
-          characterCountElement
-        } = t9,
-        extraProps = _objectWithoutProperties__default["default"](t9, _excluded2);
+        onChange,
+        characterCountElement,
+        ...extraProps
+      } = t9;
       return /*#__PURE__*/React__namespace.createElement(box.Box, {
         display: "flex",
         alignItems: "center",

package/lib/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-field.module.css'\n\nimport type { BaseFieldProps, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ntype TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'\n\ninterface TextFieldProps\n    extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>,\n        BaseFieldVariantProps,\n        Pick<BaseFieldProps, 'characterCountPosition'> {\n    type?: TextFieldType\n    startSlot?: React.ReactElement | string | number\n    endSlot?: React.ReactElement | string | number\n    /**\n     * The maximum number of characters that the input field can accept.\n     * When this limit is reached, the input field will not accept any more characters.\n     * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n     */\n    maxLength?: number\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        type = 'text',\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        startSlot,\n        endSlot,\n        onChange: originalOnChange,\n        characterCountPosition = 'below',\n        endSlotPosition = 'bottom',\n        ...props\n    },\n    ref,\n) {\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    function handleClick(event: React.MouseEvent) {\n        if (event.currentTarget === combinedRef.current) return\n        internalRef.current?.focus()\n    }\n\n    const displayEndSlot =\n        endSlot &&\n        (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'))\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            characterCountPosition={characterCountPosition}\n            supportsStartAndEndSlots\n            endSlot={endSlot}\n            endSlotPosition={variant === 'bordered' ? endSlotPosition : undefined}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    className={[\n                        styles.inputWrapper,\n                        tone === 'error' ? styles.error : null,\n                        variant === 'bordered' ? styles.bordered : null,\n                        props.readOnly ? styles.readOnly : null,\n                    ]}\n                    onClick={handleClick}\n                >\n                    {startSlot ? (\n                        <Box\n                            className={styles.slot}\n                            display=\"flex\"\n                            marginRight={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n                            marginLeft={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n                        >\n                            {startSlot}\n                        </Box>\n                    ) : null}\n                    <input\n                        {...props}\n                        {...extraProps}\n                        type={type}\n                        ref={combinedRef}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                    {displayEndSlot || characterCountElement ? (\n                        <Box\n                            className={styles.slot}\n                            display=\"flex\"\n                            marginRight={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n                            marginLeft={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n                        >\n                            {characterCountElement}\n                            {displayEndSlot ? endSlot : null}\n                        </Box>\n                    ) : null}\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nexport { TextField }\nexport type { TextFieldProps, TextFieldType }\n"],"names":["TextField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","endSlot","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","startSlot","t1","t2","t3","t4","tone","value","_t","variant","type","onChange","characterCountPosition","endSlotPosition","_objectWithoutProperties","_excluded","undefined","internalRef","useRef","t5","combinedRef","useMergeRefs","t6","handleClick","event","currentTarget","current","focus","displayEndSlot","t7","t8","t9","characterCountElement","extraProps","_excluded2","createElement","Box","display","alignItems","className","styles","inputWrapper","error","bordered","readOnly","slot","marginRight","marginLeft","_extends","event_0","BaseField","supportsStartAndEndSlots"],"mappings":"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"}
+{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-field.module.css'\n\nimport type { BaseFieldProps, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ntype TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'\n\ninterface TextFieldProps\n    extends Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'supportsStartAndEndSlots'>,\n        BaseFieldVariantProps,\n        Pick<BaseFieldProps, 'characterCountPosition'> {\n    type?: TextFieldType\n    startSlot?: React.ReactElement | string | number\n    endSlot?: React.ReactElement | string | number\n    /**\n     * The maximum number of characters that the input field can accept.\n     * When this limit is reached, the input field will not accept any more characters.\n     * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n     */\n    maxLength?: number\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        type = 'text',\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        startSlot,\n        endSlot,\n        onChange: originalOnChange,\n        characterCountPosition = 'below',\n        endSlotPosition = 'bottom',\n        ...props\n    },\n    ref,\n) {\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    function handleClick(event: React.MouseEvent) {\n        if (event.currentTarget === combinedRef.current) return\n        internalRef.current?.focus()\n    }\n\n    const displayEndSlot =\n        endSlot &&\n        (variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'))\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            characterCountPosition={characterCountPosition}\n            supportsStartAndEndSlots\n            endSlot={endSlot}\n            endSlotPosition={variant === 'bordered' ? endSlotPosition : undefined}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    display=\"flex\"\n                    alignItems=\"center\"\n                    className={[\n                        styles.inputWrapper,\n                        tone === 'error' ? styles.error : null,\n                        variant === 'bordered' ? styles.bordered : null,\n                        props.readOnly ? styles.readOnly : null,\n                    ]}\n                    onClick={handleClick}\n                >\n                    {startSlot ? (\n                        <Box\n                            className={styles.slot}\n                            display=\"flex\"\n                            marginRight={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n                            marginLeft={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n                        >\n                            {startSlot}\n                        </Box>\n                    ) : null}\n                    <input\n                        {...props}\n                        {...extraProps}\n                        type={type}\n                        ref={combinedRef}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                    {displayEndSlot || characterCountElement ? (\n                        <Box\n                            className={styles.slot}\n                            display=\"flex\"\n                            marginRight={variant === 'bordered' ? '-xsmall' : 'xsmall'}\n                            marginLeft={variant === 'bordered' ? 'xsmall' : '-xsmall'}\n                        >\n                            {characterCountElement}\n                            {displayEndSlot ? endSlot : null}\n                        </Box>\n                    ) : null}\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nexport { TextField }\nexport type { TextFieldProps, TextFieldType }\n"],"names":["TextField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","endSlot","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","startSlot","t1","t2","t3","t4","tone","value","variant","type","onChange","characterCountPosition","endSlotPosition","undefined","internalRef","useRef","t5","combinedRef","useMergeRefs","t6","handleClick","event","currentTarget","current","focus","displayEndSlot","t7","t8","t9","characterCountElement","extraProps","createElement","Box","display","alignItems","className","styles","inputWrapper","error","bordered","readOnly","slot","marginRight","marginLeft","_extends","event_0","BaseField","supportsStartAndEndSlots"],"mappings":"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"}