@12-apps/ui 6.78.4 → 6.80.0

package/dist/_internal/components/form/DateRangePicker/DateRangePickerFields.js

@@ -1,10 +1,11 @@
 import {
   DateRangeFields
-} from "../../../../chunk-3YLRR4JM.js";
-import "../../../../chunk-NTO5DALI.js";
+} from "../../../../chunk-Y3YZBB74.js";
+import "../../../../chunk-DWLSYFQW.js";
 import "../../../../chunk-FRAVVI4A.js";
 import "../../../../chunk-TERT6TIS.js";
 import "../../../../chunk-62XVHRTX.js";
+import "../../../../chunk-O2RXSXSF.js";
 import "../../../../chunk-QQHZBJMU.js";
 import "../../../../chunk-7ZADLRLP.js";
 import "../../../../chunk-3NGE6NE6.js";

package/dist/_internal/components/form/InputOTP/InputOTP.js

@@ -1,8 +1,8 @@
 import {
   InputOTP
-} from "../../../../chunk-O6SAU5JA.js";
-import "../../../../chunk-WOSUYOAU.js";
+} from "../../../../chunk-4OTJ66ID.js";
 import "../../../../chunk-UETHX57J.js";
+import "../../../../chunk-WOSUYOAU.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-QQHZBJMU.js";
 import "../../../../chunk-7ZADLRLP.js";

package/dist/_internal/components/form/Menubar/Menubar.js

@@ -1,14 +1,14 @@
 import {
   Menubar,
   MenubarGroup
-} from "../../../../chunk-ALREWFRX.js";
+} from "../../../../chunk-6DGNMASB.js";
+import "../../../../chunk-42VH7N5L.js";
 import "../../../../chunk-X3EB67O2.js";
 import {
   MenubarSeparator
 } from "../../../../chunk-YMGHTZA6.js";
 import "../../../../chunk-PFQ2DF5F.js";
 import "../../../../chunk-UCRGKQUW.js";
-import "../../../../chunk-42VH7N5L.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-B7ZHEOQQ.js";
 import "../../../../chunk-ENRB6PIN.js";

package/dist/_internal/components/form/PhoneInput/PhoneInput.hooks.js

@@ -1,8 +1,8 @@
 import {
   usePhoneInput
-} from "../../../../chunk-BGYLL467.js";
+} from "../../../../chunk-N3W6FZOC.js";
+import "../../../../chunk-RQY5ONSF.js";
 import "../../../../chunk-5P6OV64V.js";
-import "../../../../chunk-3JDP5OUR.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   usePhoneInput

package/dist/_internal/components/form/PhoneInput/PhoneInput.js

@@ -1,10 +1,11 @@
 import {
   PhoneInput,
   PhoneInput_default
-} from "../../../../chunk-4MQ6XTIJ.js";
-import "../../../../chunk-BGYLL467.js";
+} from "../../../../chunk-3OWFUFZL.js";
+import "../../../../chunk-N3W6FZOC.js";
+import "../../../../chunk-RQY5ONSF.js";
 import "../../../../chunk-5P6OV64V.js";
-import "../../../../chunk-3JDP5OUR.js";
+import "../../../../chunk-DVRNW33K.js";
 import "../../../../chunk-QQHZBJMU.js";
 import "../../../../chunk-7ZADLRLP.js";
 import "../../../../chunk-3NGE6NE6.js";

package/dist/_internal/components/form/PhoneInput/countries.js

@@ -1,8 +1,12 @@
 import {
-  countries
-} from "../../../../chunk-3JDP5OUR.js";
+  countries,
+  countriesByDisplayName,
+  countryDisplayName
+} from "../../../../chunk-RQY5ONSF.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
-  countries
+  countries,
+  countriesByDisplayName,
+  countryDisplayName
 };
 //# sourceMappingURL=countries.js.map

package/dist/_internal/components/form/PickerSheet/PickerSheet.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   PickerSheet
-} from "../../../../chunk-GTT5UKKO.js";
-import "../../../../chunk-TNDTEI6D.js";
-import "../../../../chunk-DRJL3JHR.js";
+} from "../../../../chunk-BDJIP4HG.js";
 import "../../../../chunk-WSMUOFWF.js";
 import "../../../../chunk-QZOXMH7X.js";
+import "../../../../chunk-TNDTEI6D.js";
+import "../../../../chunk-DRJL3JHR.js";
 import "../../../../chunk-AKBL7S7A.js";
-import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-PN4HVM43.js";
+import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-TZ23DNKY.js";
 import "../../../../chunk-QQHZBJMU.js";
 import "../../../../chunk-7ZADLRLP.js";

package/dist/_internal/components/form/RichTextEditor/RichTextEditor.dom.js

@@ -3,7 +3,8 @@ import {
   toggleList,
   wrapSelection,
   wrapSelectionWithLink
-} from "../../../../chunk-33LAPBYB.js";
+} from "../../../../chunk-SCQARHMU.js";
+import "../../../../chunk-O2RXSXSF.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   insertImage,

package/dist/_internal/components/form/RichTextEditor/RichTextEditor.format.js

@@ -1,7 +1,8 @@
 import {
   applyFormatToRange
-} from "../../../../chunk-UZOG6HNN.js";
-import "../../../../chunk-33LAPBYB.js";
+} from "../../../../chunk-V65YK5DC.js";
+import "../../../../chunk-SCQARHMU.js";
+import "../../../../chunk-O2RXSXSF.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   applyFormatToRange

package/dist/_internal/components/form/RichTextEditor/RichTextEditor.hooks.js

@@ -1,8 +1,9 @@
 import {
   useRichTextEditor
-} from "../../../../chunk-EUACQR6N.js";
-import "../../../../chunk-UZOG6HNN.js";
-import "../../../../chunk-33LAPBYB.js";
+} from "../../../../chunk-7UDQJOZZ.js";
+import "../../../../chunk-V65YK5DC.js";
+import "../../../../chunk-SCQARHMU.js";
+import "../../../../chunk-O2RXSXSF.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useRichTextEditor

package/dist/_internal/components/form/RichTextEditor/RichTextEditor.js

@@ -1,11 +1,13 @@
 import {
   RichTextEditor,
   RichTextEditor_default
-} from "../../../../chunk-XYFBJH6F.js";
-import "../../../../chunk-WVZBYTIK.js";
-import "../../../../chunk-EUACQR6N.js";
-import "../../../../chunk-UZOG6HNN.js";
-import "../../../../chunk-33LAPBYB.js";
+} from "../../../../chunk-C7LHIDVB.js";
+import "../../../../chunk-7UDQJOZZ.js";
+import "../../../../chunk-V65YK5DC.js";
+import "../../../../chunk-SCQARHMU.js";
+import "../../../../chunk-C465AAD5.js";
+import "../../../../chunk-LL2BWQPM.js";
+import "../../../../chunk-O2RXSXSF.js";
 import "../../../../chunk-7ZADLRLP.js";
 import "../../../../chunk-3NGE6NE6.js";
 import "../../../../chunk-GDN2LUTZ.js";

package/dist/_internal/components/form/RichTextEditor/RichTextEditorToolbar.js

@@ -1,6 +1,6 @@
 import {
   RichTextEditorToolbar
-} from "../../../../chunk-WVZBYTIK.js";
+} from "../../../../chunk-C465AAD5.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/form/Switch/Switch.js

@@ -1,11 +1,11 @@
 import {
   Switch
-} from "../../../../chunk-EIMFA7KP.js";
-import "../../../../chunk-OPP6USJC.js";
-import "../../../../chunk-2MYSXWZQ.js";
-import "../../../../chunk-RIEV4VXF.js";
+} from "../../../../chunk-ANUO67JQ.js";
+import "../../../../chunk-2FQF4CNE.js";
+import "../../../../chunk-VKTF3GAP.js";
 import "../../../../chunk-DCK5ZEIU.js";
 import "../../../../chunk-SZS7VZJN.js";
+import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-TYJR4GOF.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-2FBGDSGC.js";

package/dist/_internal/components/form/Switch/Switch.parts.js

@@ -3,10 +3,10 @@ import {
   SwitchHelper,
   SwitchIcon,
   SwitchRow
-} from "../../../../chunk-OPP6USJC.js";
-import "../../../../chunk-2MYSXWZQ.js";
-import "../../../../chunk-RIEV4VXF.js";
+} from "../../../../chunk-2FQF4CNE.js";
+import "../../../../chunk-VKTF3GAP.js";
 import "../../../../chunk-DCK5ZEIU.js";
+import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-2FBGDSGC.js";
 import "../../../../chunk-VBP46YP4.js";
 import "../../../../chunk-44BD7SFH.js";

package/dist/_internal/components/form/Switch/Switch.styles.js

@@ -1,9 +1,9 @@
 import {
   onTrackInk,
   switchSx
-} from "../../../../chunk-2MYSXWZQ.js";
-import "../../../../chunk-RIEV4VXF.js";
+} from "../../../../chunk-VKTF3GAP.js";
 import "../../../../chunk-DCK5ZEIU.js";
+import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-2FBGDSGC.js";
 import "../../../../chunk-VBP46YP4.js";
 import "../../../../chunk-44BD7SFH.js";

package/dist/_internal/components/form/Textarea/Textarea.js

@@ -1,6 +1,6 @@
 import {
   Textarea
-} from "../../../../chunk-6RTE4UNO.js";
+} from "../../../../chunk-YV4O7KDR.js";
 import "../../../../chunk-IPC426NS.js";
 import "../../../../chunk-QQHZBJMU.js";
 import "../../../../chunk-7ZADLRLP.js";

package/dist/_internal/components/form/Textarea/TextareaRichEditor.js

@@ -2,6 +2,9 @@ import {
   floatAnimation,
   getColorFromTheme
 } from "../../../../chunk-IPC426NS.js";
+import {
+  EN_US_RICH_EDITOR_TOOLBAR_COPY
+} from "../../../../chunk-DVRNW33K.js";
 import "../../../../chunk-QQHZBJMU.js";
 import {
   fieldEdge
@@ -313,7 +316,7 @@ var TextareaRichEditor = ({ copy, value, onChange, placeholder, error, glass, co
         onMouseUp: updateActiveFormats,
         role: "textbox",
         "aria-multiline": "true",
-        "aria-label": placeholder || "Rich text editor"
+        "aria-label": placeholder || (copy.editorLabel ?? EN_US_RICH_EDITOR_TOOLBAR_COPY.editorLabel)
       }
     ),
     characterLimit && /* @__PURE__ */ jsxs(CharacterCount, { limit: characterLimit, count: characterCount, children: [

package/dist/_internal/components/form/Textarea/TextareaRichEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/form/Textarea/TextareaRichEditor.tsx"],"sourcesContent":["import Code from '@mui/icons-material/Code';\nimport FormatBold from '@mui/icons-material/FormatBold';\nimport FormatColorFill from '@mui/icons-material/FormatColorFill';\nimport FormatColorText from '@mui/icons-material/FormatColorText';\nimport FormatItalic from '@mui/icons-material/FormatItalic';\nimport FormatListBulleted from '@mui/icons-material/FormatListBulleted';\nimport FormatListNumbered from '@mui/icons-material/FormatListNumbered';\nimport FormatQuote from '@mui/icons-material/FormatQuote';\nimport FormatUnderlined from '@mui/icons-material/FormatUnderlined';\nimport Link from '@mui/icons-material/Link';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { floatAnimation, getColorFromTheme } from './Textarea.styles';\nimport type { RichEditorToolbarCopy } from '../../../copy';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { FIELD_BORDER_WIDTH } from '../../../tokens/field-height';\nimport { rem, rems } from '../../../tokens/relative';\n\nconst RichToolbar = styled(Box)<{ glass?: boolean }>(({ theme, glass }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(1),\n  borderRadius: `${fieldRadius(theme)}px ${fieldRadius(theme)}px 0 0`,\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  background: glass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,\n  ...(glass && {\n    backdropFilter: `blur(${rem(theme, 15)})` }),\n  '& .MuiDivider-root': {\n    height: rem(theme, 24),\n    margin: `0 ${theme.spacing(1)}` } }));\n\nconst ToolbarButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'active' })<{ active?: boolean }>(({ theme, active }) => ({\n  padding: theme.spacing(0.75),\n  borderRadius: theme.spacing(0.5),\n  color: active ? theme.palette.primary.main : theme.palette.text.secondary,\n  backgroundColor: active ? alpha(theme.palette.primary.main, 0.1) : 'transparent',\n  transition: 'all 0.2s ease',\n  position: 'relative',\n  overflow: 'hidden',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(theme.palette.primary.main, 0.3),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.3s, height 0.3s' },\n\n  '&:hover': {\n    color: theme.palette.primary.main,\n    backgroundColor: alpha(theme.palette.primary.main, 0.15),\n    transform: `translateY(${rem(theme, -1)})`,\n    animation: `${floatAnimation(theme)} 1.5s ease-in-out infinite`,\n\n    '&::before': {\n      width: '100%',\n      height: '100%' } },\n\n  '&:active': {\n    transform: 'scale(0.95)' } }));\n\nconst CharacterCount = styled(Box)<{ limit?: number; count: number }>(({ theme, limit, count }) => {\n  const isWarning = limit && count > limit * 0.8;\n  const isError = limit && count > limit;\n\n  return {\n    position: 'absolute',\n    bottom: theme.spacing(1),\n    right: theme.spacing(1),\n    fontSize: rem(theme, 12),\n    color: isError\n      ? theme.palette.error.main\n      : isWarning\n        ? theme.palette.warning.main\n        : theme.palette.text.secondary,\n    padding: rems(theme, 2, 6),\n    borderRadius: theme.spacing(0.5),\n    backgroundColor: alpha(theme.palette.background.paper, 0.8),\n    backdropFilter: `blur(${rem(theme, 10)})`,\n    transition: 'all 0.3s ease' };\n});\n\nconst ContentEditableDiv = styled('div')<{\n  error?: boolean;\n  focused?: boolean;\n  glass?: boolean;\n  customColor?: string;\n  theme?: Theme;\n}>(({ theme, error, focused, glass, customColor = 'primary' }) => {\n  if (!theme) return {};\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const errorColor = theme.palette.error;\n  // The edge's colour once the field is engaged: the error's, else the accent.\n  const engaged = error ? errorColor.main : colorPalette.main;\n\n  return {\n    minHeight: rem(theme, 120),\n    padding: theme.spacing(1.5),\n    borderRadius: `0 0 ${fieldRadius(theme)}px ${fieldRadius(theme)}px`,\n    border: `${FIELD_BORDER_WIDTH}px solid ${error || focused ? engaged : fieldEdge(theme)}`,\n    borderTop: 'none',\n    backgroundColor: glass\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: rem(theme, 16),\n    lineHeight: 1.5,\n    outline: 'none',\n    transition: 'all 0.3s ease',\n    cursor: 'text',\n\n    ...(glass && {\n      backdropFilter: `blur(${rem(theme, 20)})` }),\n\n    '&:hover': {\n      backgroundColor: glass\n        ? alpha(theme.palette.background.paper, 0.15)\n        : alpha(theme.palette.background.paper, 0.9) },\n\n    // Focused, the 1px edge doubles inside the box (an inset shadow, so nothing\n    // moves), as every other field's does, under the halo.\n    '&:focus': {\n      borderColor: engaged,\n      boxShadow: `inset 0 0 0 ${FIELD_BORDER_WIDTH}px ${engaged}, 0 0 0 ${rem(theme, 3)} ${alpha(engaged, 0.1)}` },\n\n    '& > *': {\n      margin: '0.5em 0' },\n\n    '&[contenteditable=\"true\"]:empty::before': {\n      content: 'attr(data-placeholder)',\n      color: theme.palette.text.secondary,\n      opacity: 0.6 } };\n});\n\n// Rich text formatting functions\nconst formatText = (command: string, value?: string) => {\n  document.execCommand(command, false, value);\n};\n\n// Editable state: what is typed, how long it is, and which formats apply at the\n// caret. Kept apart from the markup below.\nconst useRichEditorState = ({\n  value,\n  onChange }: {\n  value?: string;\n  onChange?: (html: string) => void;\n}) => {\n  const [focused, setFocused] = useState(false);\n  const [characterCount, setCharacterCount] = useState(0);\n  const [activeFormats, setActiveFormats] = useState({\n    bold: false,\n    italic: false,\n    underline: false,\n    list: false,\n    orderedList: false,\n    quote: false,\n    code: false });\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentRef.current && value !== undefined) {\n      if (contentRef.current.innerHTML !== value) {\n        contentRef.current.innerHTML = value;\n      }\n      setCharacterCount(contentRef.current.innerText.length);\n    }\n  }, [value]);\n\n  const handleInput = () => {\n    if (contentRef.current) {\n      const html = contentRef.current.innerHTML;\n      onChange?.(html);\n      setCharacterCount(contentRef.current.innerText.length);\n      updateActiveFormats();\n    }\n  };\n\n  const updateActiveFormats = () => {\n    setActiveFormats({\n      bold: document.queryCommandState('bold'),\n      italic: document.queryCommandState('italic'),\n      underline: document.queryCommandState('underline'),\n      list: document.queryCommandState('insertUnorderedList'),\n      orderedList: document.queryCommandState('insertOrderedList'),\n      quote: false,\n      code: false });\n  };\n\n  const handleFormat = (command: string, value?: string) => {\n    formatText(command, value);\n    updateActiveFormats();\n    contentRef.current?.focus();\n  };\n\n  return {\n    focused,\n    setFocused,\n    characterCount,\n    activeFormats,\n    contentRef,\n    handleInput,\n    handleFormat,\n    updateActiveFormats };\n};\n\nconst InlineFormatButtons: React.FC<{\n  copy: RichEditorToolbarCopy;\n  activeFormats: Record<string, boolean>;\n  onCommand: (command: string, value?: string) => void;\n}> = ({ copy, activeFormats, onCommand }) => (\n  <>\n    <Tooltip title={copy.bold} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.bold}\n        onClick={() => onCommand('bold')}\n      >\n        <FormatBold fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.italic} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.italic}\n        onClick={() => onCommand('italic')}\n      >\n        <FormatItalic fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.underline} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.underline}\n        onClick={() => onCommand('underline')}\n      >\n        <FormatUnderlined fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n  </>\n);\n\nconst BlockFormatButtons: React.FC<{\n  copy: RichEditorToolbarCopy;\n  activeFormats: Record<string, boolean>;\n  onCommand: (command: string, value?: string) => void;\n}> = ({ copy, activeFormats, onCommand }) => (\n  <>\n    <Divider orientation=\"vertical\" flexItem />\n\n    <Tooltip title={copy.bulletList} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.list}\n        onClick={() => onCommand('insertUnorderedList')}\n      >\n        <FormatListBulleted fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.numberedList} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.orderedList}\n        onClick={() => onCommand('insertOrderedList')}\n      >\n        <FormatListNumbered fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Divider orientation=\"vertical\" flexItem />\n\n    <Tooltip title={copy.quote} arrow>\n      <ToolbarButton size=\"small\" onClick={() => onCommand('formatBlock', 'blockquote')}>\n        <FormatQuote fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.code} arrow>\n      <ToolbarButton size=\"small\" onClick={() => onCommand('formatBlock', 'pre')}>\n        <Code fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Divider orientation=\"vertical\" flexItem />\n\n    <Tooltip title={copy.insertLink} arrow>\n      <ToolbarButton\n        size=\"small\"\n        onClick={() => {\n          const url = window.prompt(copy.linkPrompt);\n          if (url) onCommand('createLink', url);\n        }}\n      >\n        <Link fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.textColor} arrow>\n      <ToolbarButton size=\"small\">\n        <FormatColorText fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.backgroundColor} arrow>\n      <ToolbarButton size=\"small\">\n        <FormatColorFill fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n  </>\n);\n\n// The formatting buttons. Split out so the editor body is state, handlers and\n// the editable region.\nconst EditorToolbar: React.FC<{\n  copy: RichEditorToolbarCopy;\n  glass?: boolean;\n  activeFormats: Record<string, boolean>;\n  onCommand: (command: string, value?: string) => void;\n}> = ({ copy, glass, activeFormats, onCommand }) => (\n  <RichToolbar glass={glass}>\n    <InlineFormatButtons copy={copy} activeFormats={activeFormats} onCommand={onCommand} />\n    <BlockFormatButtons copy={copy} activeFormats={activeFormats} onCommand={onCommand} />\n  </RichToolbar>\n);\n\nexport const TextareaRichEditor: React.FC<{\n  /**\n   * The ten toolbar buttons' tooltips — which are also their accessible names,\n   * since every one of them is a glyph — plus the link prompt. REQUIRED: this\n   * package ships no default copy.\n   */\n  copy: RichEditorToolbarCopy;\n  value?: string;\n  onChange?: (html: string) => void;\n  placeholder?: string;\n  error?: boolean;\n  glass?: boolean;\n  color?: string;\n  characterLimit?: number;\n}> = ({ copy, value, onChange, placeholder, error, glass, color, characterLimit }) => {\n  const {\n    focused,\n    setFocused,\n    characterCount,\n    activeFormats,\n    contentRef,\n    handleInput,\n    handleFormat,\n    updateActiveFormats } = useRichEditorState({ value, onChange });\n\n  return (\n    <Box sx={{ position: 'relative' }}>\n      <EditorToolbar copy={copy} glass={glass} activeFormats={activeFormats} onCommand={handleFormat} />\n\n      <ContentEditableDiv\n        ref={contentRef}\n        contentEditable\n        data-placeholder={placeholder}\n        error={error}\n        focused={focused}\n        glass={glass}\n        customColor={color}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onInput={handleInput}\n        onKeyUp={updateActiveFormats}\n        onMouseUp={updateActiveFormats}\n        role=\"textbox\"\n        aria-multiline=\"true\"\n        aria-label={placeholder || 'Rich text editor'}\n      />\n\n      {characterLimit && (\n        <CharacterCount limit={characterLimit} count={characterCount}>\n          {characterCount}\n          {characterLimit ? `/${characterLimit}` : ''}\n        </CharacterCount>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","names":["value"]}
+{"version":3,"sources":["../../../../../src/components/form/Textarea/TextareaRichEditor.tsx"],"sourcesContent":["import Code from '@mui/icons-material/Code';\nimport FormatBold from '@mui/icons-material/FormatBold';\nimport FormatColorFill from '@mui/icons-material/FormatColorFill';\nimport FormatColorText from '@mui/icons-material/FormatColorText';\nimport FormatItalic from '@mui/icons-material/FormatItalic';\nimport FormatListBulleted from '@mui/icons-material/FormatListBulleted';\nimport FormatListNumbered from '@mui/icons-material/FormatListNumbered';\nimport FormatQuote from '@mui/icons-material/FormatQuote';\nimport FormatUnderlined from '@mui/icons-material/FormatUnderlined';\nimport Link from '@mui/icons-material/Link';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { floatAnimation, getColorFromTheme } from './Textarea.styles';\nimport type { RichEditorToolbarCopy } from '../../../copy';\nimport { EN_US_RICH_EDITOR_TOOLBAR_COPY } from '../../../en-US.form';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { FIELD_BORDER_WIDTH } from '../../../tokens/field-height';\nimport { rem, rems } from '../../../tokens/relative';\n\nconst RichToolbar = styled(Box)<{ glass?: boolean }>(({ theme, glass }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(1),\n  borderRadius: `${fieldRadius(theme)}px ${fieldRadius(theme)}px 0 0`,\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  background: glass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,\n  ...(glass && {\n    backdropFilter: `blur(${rem(theme, 15)})` }),\n  '& .MuiDivider-root': {\n    height: rem(theme, 24),\n    margin: `0 ${theme.spacing(1)}` } }));\n\nconst ToolbarButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'active' })<{ active?: boolean }>(({ theme, active }) => ({\n  padding: theme.spacing(0.75),\n  borderRadius: theme.spacing(0.5),\n  color: active ? theme.palette.primary.main : theme.palette.text.secondary,\n  backgroundColor: active ? alpha(theme.palette.primary.main, 0.1) : 'transparent',\n  transition: 'all 0.2s ease',\n  position: 'relative',\n  overflow: 'hidden',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(theme.palette.primary.main, 0.3),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.3s, height 0.3s' },\n\n  '&:hover': {\n    color: theme.palette.primary.main,\n    backgroundColor: alpha(theme.palette.primary.main, 0.15),\n    transform: `translateY(${rem(theme, -1)})`,\n    animation: `${floatAnimation(theme)} 1.5s ease-in-out infinite`,\n\n    '&::before': {\n      width: '100%',\n      height: '100%' } },\n\n  '&:active': {\n    transform: 'scale(0.95)' } }));\n\nconst CharacterCount = styled(Box)<{ limit?: number; count: number }>(({ theme, limit, count }) => {\n  const isWarning = limit && count > limit * 0.8;\n  const isError = limit && count > limit;\n\n  return {\n    position: 'absolute',\n    bottom: theme.spacing(1),\n    right: theme.spacing(1),\n    fontSize: rem(theme, 12),\n    color: isError\n      ? theme.palette.error.main\n      : isWarning\n        ? theme.palette.warning.main\n        : theme.palette.text.secondary,\n    padding: rems(theme, 2, 6),\n    borderRadius: theme.spacing(0.5),\n    backgroundColor: alpha(theme.palette.background.paper, 0.8),\n    backdropFilter: `blur(${rem(theme, 10)})`,\n    transition: 'all 0.3s ease' };\n});\n\nconst ContentEditableDiv = styled('div')<{\n  error?: boolean;\n  focused?: boolean;\n  glass?: boolean;\n  customColor?: string;\n  theme?: Theme;\n}>(({ theme, error, focused, glass, customColor = 'primary' }) => {\n  if (!theme) return {};\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const errorColor = theme.palette.error;\n  // The edge's colour once the field is engaged: the error's, else the accent.\n  const engaged = error ? errorColor.main : colorPalette.main;\n\n  return {\n    minHeight: rem(theme, 120),\n    padding: theme.spacing(1.5),\n    borderRadius: `0 0 ${fieldRadius(theme)}px ${fieldRadius(theme)}px`,\n    border: `${FIELD_BORDER_WIDTH}px solid ${error || focused ? engaged : fieldEdge(theme)}`,\n    borderTop: 'none',\n    backgroundColor: glass\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: rem(theme, 16),\n    lineHeight: 1.5,\n    outline: 'none',\n    transition: 'all 0.3s ease',\n    cursor: 'text',\n\n    ...(glass && {\n      backdropFilter: `blur(${rem(theme, 20)})` }),\n\n    '&:hover': {\n      backgroundColor: glass\n        ? alpha(theme.palette.background.paper, 0.15)\n        : alpha(theme.palette.background.paper, 0.9) },\n\n    // Focused, the 1px edge doubles inside the box (an inset shadow, so nothing\n    // moves), as every other field's does, under the halo.\n    '&:focus': {\n      borderColor: engaged,\n      boxShadow: `inset 0 0 0 ${FIELD_BORDER_WIDTH}px ${engaged}, 0 0 0 ${rem(theme, 3)} ${alpha(engaged, 0.1)}` },\n\n    '& > *': {\n      margin: '0.5em 0' },\n\n    '&[contenteditable=\"true\"]:empty::before': {\n      content: 'attr(data-placeholder)',\n      color: theme.palette.text.secondary,\n      opacity: 0.6 } };\n});\n\n// Rich text formatting functions\nconst formatText = (command: string, value?: string) => {\n  document.execCommand(command, false, value);\n};\n\n// Editable state: what is typed, how long it is, and which formats apply at the\n// caret. Kept apart from the markup below.\nconst useRichEditorState = ({\n  value,\n  onChange }: {\n  value?: string;\n  onChange?: (html: string) => void;\n}) => {\n  const [focused, setFocused] = useState(false);\n  const [characterCount, setCharacterCount] = useState(0);\n  const [activeFormats, setActiveFormats] = useState({\n    bold: false,\n    italic: false,\n    underline: false,\n    list: false,\n    orderedList: false,\n    quote: false,\n    code: false });\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentRef.current && value !== undefined) {\n      if (contentRef.current.innerHTML !== value) {\n        contentRef.current.innerHTML = value;\n      }\n      setCharacterCount(contentRef.current.innerText.length);\n    }\n  }, [value]);\n\n  const handleInput = () => {\n    if (contentRef.current) {\n      const html = contentRef.current.innerHTML;\n      onChange?.(html);\n      setCharacterCount(contentRef.current.innerText.length);\n      updateActiveFormats();\n    }\n  };\n\n  const updateActiveFormats = () => {\n    setActiveFormats({\n      bold: document.queryCommandState('bold'),\n      italic: document.queryCommandState('italic'),\n      underline: document.queryCommandState('underline'),\n      list: document.queryCommandState('insertUnorderedList'),\n      orderedList: document.queryCommandState('insertOrderedList'),\n      quote: false,\n      code: false });\n  };\n\n  const handleFormat = (command: string, value?: string) => {\n    formatText(command, value);\n    updateActiveFormats();\n    contentRef.current?.focus();\n  };\n\n  return {\n    focused,\n    setFocused,\n    characterCount,\n    activeFormats,\n    contentRef,\n    handleInput,\n    handleFormat,\n    updateActiveFormats };\n};\n\nconst InlineFormatButtons: React.FC<{\n  copy: RichEditorToolbarCopy;\n  activeFormats: Record<string, boolean>;\n  onCommand: (command: string, value?: string) => void;\n}> = ({ copy, activeFormats, onCommand }) => (\n  <>\n    <Tooltip title={copy.bold} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.bold}\n        onClick={() => onCommand('bold')}\n      >\n        <FormatBold fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.italic} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.italic}\n        onClick={() => onCommand('italic')}\n      >\n        <FormatItalic fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.underline} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.underline}\n        onClick={() => onCommand('underline')}\n      >\n        <FormatUnderlined fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n  </>\n);\n\nconst BlockFormatButtons: React.FC<{\n  copy: RichEditorToolbarCopy;\n  activeFormats: Record<string, boolean>;\n  onCommand: (command: string, value?: string) => void;\n}> = ({ copy, activeFormats, onCommand }) => (\n  <>\n    <Divider orientation=\"vertical\" flexItem />\n\n    <Tooltip title={copy.bulletList} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.list}\n        onClick={() => onCommand('insertUnorderedList')}\n      >\n        <FormatListBulleted fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.numberedList} arrow>\n      <ToolbarButton\n        size=\"small\"\n        active={activeFormats.orderedList}\n        onClick={() => onCommand('insertOrderedList')}\n      >\n        <FormatListNumbered fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Divider orientation=\"vertical\" flexItem />\n\n    <Tooltip title={copy.quote} arrow>\n      <ToolbarButton size=\"small\" onClick={() => onCommand('formatBlock', 'blockquote')}>\n        <FormatQuote fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.code} arrow>\n      <ToolbarButton size=\"small\" onClick={() => onCommand('formatBlock', 'pre')}>\n        <Code fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Divider orientation=\"vertical\" flexItem />\n\n    <Tooltip title={copy.insertLink} arrow>\n      <ToolbarButton\n        size=\"small\"\n        onClick={() => {\n          const url = window.prompt(copy.linkPrompt);\n          if (url) onCommand('createLink', url);\n        }}\n      >\n        <Link fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.textColor} arrow>\n      <ToolbarButton size=\"small\">\n        <FormatColorText fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n\n    <Tooltip title={copy.backgroundColor} arrow>\n      <ToolbarButton size=\"small\">\n        <FormatColorFill fontSize=\"small\" />\n      </ToolbarButton>\n    </Tooltip>\n  </>\n);\n\n// The formatting buttons. Split out so the editor body is state, handlers and\n// the editable region.\nconst EditorToolbar: React.FC<{\n  copy: RichEditorToolbarCopy;\n  glass?: boolean;\n  activeFormats: Record<string, boolean>;\n  onCommand: (command: string, value?: string) => void;\n}> = ({ copy, glass, activeFormats, onCommand }) => (\n  <RichToolbar glass={glass}>\n    <InlineFormatButtons copy={copy} activeFormats={activeFormats} onCommand={onCommand} />\n    <BlockFormatButtons copy={copy} activeFormats={activeFormats} onCommand={onCommand} />\n  </RichToolbar>\n);\n\nexport const TextareaRichEditor: React.FC<{\n  /**\n   * The ten toolbar buttons' tooltips — which are also their accessible names,\n   * since every one of them is a glyph — plus the link prompt. REQUIRED: this\n   * package ships no default copy.\n   */\n  copy: RichEditorToolbarCopy;\n  value?: string;\n  onChange?: (html: string) => void;\n  placeholder?: string;\n  error?: boolean;\n  glass?: boolean;\n  color?: string;\n  characterLimit?: number;\n}> = ({ copy, value, onChange, placeholder, error, glass, color, characterLimit }) => {\n  const {\n    focused,\n    setFocused,\n    characterCount,\n    activeFormats,\n    contentRef,\n    handleInput,\n    handleFormat,\n    updateActiveFormats } = useRichEditorState({ value, onChange });\n\n  return (\n    <Box sx={{ position: 'relative' }}>\n      <EditorToolbar copy={copy} glass={glass} activeFormats={activeFormats} onCommand={handleFormat} />\n\n      <ContentEditableDiv\n        ref={contentRef}\n        contentEditable\n        data-placeholder={placeholder}\n        error={error}\n        focused={focused}\n        glass={glass}\n        customColor={color}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onInput={handleInput}\n        onKeyUp={updateActiveFormats}\n        onMouseUp={updateActiveFormats}\n        role=\"textbox\"\n        aria-multiline=\"true\"\n        aria-label={placeholder || (copy.editorLabel ?? EN_US_RICH_EDITOR_TOOLBAR_COPY.editorLabel)}\n      />\n\n      {characterLimit && (\n        <CharacterCount limit={characterLimit} count={characterCount}>\n          {characterCount}\n          {characterLimit ? `/${characterLimit}` : ''}\n        </CharacterCount>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","names":["value"]}

package/dist/_internal/components/form/UploadButton/UploadButton.hooks.js

@@ -1,6 +1,7 @@
 import {
   useUploadButton
-} from "../../../../chunk-QWVETTIY.js";
+} from "../../../../chunk-DJMVBIFD.js";
+import "../../../../chunk-DVRNW33K.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useUploadButton

package/dist/_internal/components/form/UploadButton/UploadButton.js

@@ -1,8 +1,9 @@
 import {
   UploadButton
-} from "../../../../chunk-5752357K.js";
-import "../../../../chunk-QWVETTIY.js";
+} from "../../../../chunk-6N2U67KF.js";
 import "../../../../chunk-A5UYPUS2.js";
+import "../../../../chunk-DJMVBIFD.js";
+import "../../../../chunk-DVRNW33K.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/form/index.js

@@ -2,7 +2,7 @@ import "../../../chunk-BOWS4U6W.js";
 import "../../../chunk-BH5GSBR3.js";
 import {
   Textarea
-} from "../../../chunk-6RTE4UNO.js";
+} from "../../../chunk-YV4O7KDR.js";
 import "../../../chunk-IPC426NS.js";
 import "../../../chunk-6I3TYKE2.js";
 import {
@@ -12,9 +12,9 @@ import "../../../chunk-UQUN2NGE.js";
 import "../../../chunk-UJP2VS2H.js";
 import {
   UploadButton
-} from "../../../chunk-5752357K.js";
-import "../../../chunk-QWVETTIY.js";
+} from "../../../chunk-6N2U67KF.js";
 import "../../../chunk-A5UYPUS2.js";
+import "../../../chunk-DJMVBIFD.js";
 import "../../../chunk-HALFOXSZ.js";
 import {
   NumberField
@@ -28,10 +28,10 @@ import "../../../chunk-SAIO6EBW.js";
 import "../../../chunk-GQ6WEQCZ.js";
 import {
   PhoneInput
-} from "../../../chunk-4MQ6XTIJ.js";
-import "../../../chunk-BGYLL467.js";
+} from "../../../chunk-3OWFUFZL.js";
+import "../../../chunk-N3W6FZOC.js";
+import "../../../chunk-RQY5ONSF.js";
 import "../../../chunk-5P6OV64V.js";
-import "../../../chunk-3JDP5OUR.js";
 import "../../../chunk-IQ6WX2GS.js";
 import {
   RadioGroup
@@ -42,11 +42,11 @@ import "../../../chunk-Z6WSW6B4.js";
 import "../../../chunk-WMY276HD.js";
 import {
   RichTextEditor
-} from "../../../chunk-XYFBJH6F.js";
-import "../../../chunk-WVZBYTIK.js";
-import "../../../chunk-EUACQR6N.js";
-import "../../../chunk-UZOG6HNN.js";
-import "../../../chunk-33LAPBYB.js";
+} from "../../../chunk-C7LHIDVB.js";
+import "../../../chunk-7UDQJOZZ.js";
+import "../../../chunk-V65YK5DC.js";
+import "../../../chunk-SCQARHMU.js";
+import "../../../chunk-C465AAD5.js";
 import "../../../chunk-AQ3M2I2F.js";
 import {
   SearchPalette
@@ -64,9 +64,9 @@ import "../../../chunk-ZXHODKHH.js";
 import "../../../chunk-3VMXOGGI.js";
 import {
   InputOTP
-} from "../../../chunk-O6SAU5JA.js";
-import "../../../chunk-WOSUYOAU.js";
+} from "../../../chunk-4OTJ66ID.js";
 import "../../../chunk-UETHX57J.js";
+import "../../../chunk-WOSUYOAU.js";
 import "../../../chunk-ZB4VIVRS.js";
 import {
   Label
@@ -76,14 +76,14 @@ import "../../../chunk-XLUADX33.js";
 import {
   Menubar,
   MenubarGroup
-} from "../../../chunk-ALREWFRX.js";
+} from "../../../chunk-6DGNMASB.js";
+import "../../../chunk-42VH7N5L.js";
 import "../../../chunk-X3EB67O2.js";
 import {
   MenubarSeparator
 } from "../../../chunk-YMGHTZA6.js";
 import "../../../chunk-PFQ2DF5F.js";
 import "../../../chunk-UCRGKQUW.js";
-import "../../../chunk-42VH7N5L.js";
 import {
   MenuSelect
 } from "../../../chunk-WNIL2KTB.js";
@@ -97,82 +97,83 @@ import "../../../chunk-BTGXHQX3.js";
 import "../../../chunk-IDMG332I.js";
 import {
   CodeEditor
-} from "../../../chunk-RS576GOH.js";
-import "../../../chunk-X3OWMTLO.js";
-import "../../../chunk-3TVUW7QE.js";
+} from "../../../chunk-BIUT3K6A.js";
 import "../../../chunk-OXXIGHZK.js";
 import {
   configureCodeEditor
 } from "../../../chunk-EYDQV55H.js";
+import "../../../chunk-X3OWMTLO.js";
+import "../../../chunk-3TVUW7QE.js";
 import "../../../chunk-ZU4NDURP.js";
 import {
   Command,
   CommandGroup,
   CommandInput,
   CommandList
-} from "../../../chunk-PIP7XII2.js";
+} from "../../../chunk-5JDY5W7O.js";
 import "../../../chunk-MECRQNCE.js";
 import {
   CommandEmpty,
   CommandLoading,
   CommandSeparator
-} from "../../../chunk-XLTHZI5W.js";
-import "../../../chunk-YOKUDQIJ.js";
+} from "../../../chunk-GX2LIB4T.js";
+import "../../../chunk-YOQAK2RN.js";
 import "../../../chunk-BN6POCYF.js";
 import {
   DateRangePicker
-} from "../../../chunk-MNZ6MCOK.js";
+} from "../../../chunk-MKRJUT5O.js";
+import "../../../chunk-6KKQHJE7.js";
+import "../../../chunk-Y3YZBB74.js";
 import {
   DEFAULT_QUICK_RANGES,
   DEFAULT_QUICK_RANGE_LABELS,
   QUICK_RANGE_IDS,
   createQuickRanges
 } from "../../../chunk-QKLSHNOH.js";
-import "../../../chunk-AXZCCX7O.js";
-import "../../../chunk-6KKQHJE7.js";
-import "../../../chunk-3YLRR4JM.js";
+import "../../../chunk-6S7CFH6V.js";
 import {
   resolveDayRange
-} from "../../../chunk-NTO5DALI.js";
+} from "../../../chunk-DWLSYFQW.js";
 import "../../../chunk-FRAVVI4A.js";
 import "../../../chunk-573PQ6C6.js";
 import {
   AddressAutocomplete
-} from "../../../chunk-U4G3KY6L.js";
+} from "../../../chunk-GMU5AA3R.js";
+import "../../../chunk-FKUVFPQZ.js";
 import "../../../chunk-BARTUKJU.js";
-import "../../../chunk-7QXEEZFO.js";
-import "../../../chunk-WC3W36AM.js";
-import "../../../chunk-AYP6ICAY.js";
-import "../../../chunk-VRPCZ3IE.js";
-import "../../../chunk-6HLWZR3X.js";
-import "../../../chunk-HEBZ7Q7O.js";
-import "../../../chunk-MTGEJRE4.js";
-import "../../../chunk-O7QPPJAK.js";
+import "../../../chunk-FB4GLQQO.js";
 import "../../../chunk-C5RQBTRZ.js";
 import "../../../chunk-P5JCOFK3.js";
 import "../../../chunk-ZCCKIWZU.js";
 import "../../../chunk-WT7VZDTI.js";
-import "../../../chunk-7VRCGWQL.js";
+import "../../../chunk-L7N4AFZD.js";
+import "../../../chunk-44FY2YZL.js";
+import "../../../chunk-6JKECOZ2.js";
+import "../../../chunk-6HLWZR3X.js";
+import "../../../chunk-QVYBRD6U.js";
+import "../../../chunk-NNKIM73H.js";
+import "../../../chunk-O7QPPJAK.js";
 import "../../../chunk-2LXHUGYB.js";
 import {
   Autocomplete
-} from "../../../chunk-LODYTVOO.js";
-import "../../../chunk-SY5FYBAF.js";
+} from "../../../chunk-B25SHVWP.js";
 import "../../../chunk-MQVIYTH5.js";
+import "../../../chunk-SY5FYBAF.js";
 import "../../../chunk-PELRSZFU.js";
 import "../../../chunk-JXS56EW5.js";
 import "../../../chunk-BO6S47KI.js";
 import {
   Calendar
-} from "../../../chunk-NDGA7ZE6.js";
-import "../../../chunk-2ZRZTGWP.js";
+} from "../../../chunk-TGMMUKOF.js";
+import "../../../chunk-ISW5K72V.js";
+import "../../../chunk-FFQ4NOJT.js";
 import "../../../chunk-SUALMVL7.js";
-import "../../../chunk-HHPJXK4Z.js";
-import "../../../chunk-6DAIC2MG.js";
-import "../../../chunk-HKGKQKQT.js";
+import "../../../chunk-UHQZ5XPW.js";
+import "../../../chunk-775LIZXS.js";
 import "../../../chunk-E2Y7G4MP.js";
-import "../../../chunk-FFQ4NOJT.js";
+import "../../../chunk-HKGKQKQT.js";
 import "../../../chunk-TERT6TIS.js";
+import "../../../chunk-LL2BWQPM.js";
 import "../../../chunk-PGM5RRQO.js";
 import {
   Slider
@@ -182,12 +183,12 @@ import "../../../chunk-6LOGBWLG.js";
 import "../../../chunk-4PJ52YBO.js";
 import {
   Switch
-} from "../../../chunk-EIMFA7KP.js";
-import "../../../chunk-OPP6USJC.js";
-import "../../../chunk-2MYSXWZQ.js";
-import "../../../chunk-RIEV4VXF.js";
+} from "../../../chunk-ANUO67JQ.js";
+import "../../../chunk-2FQF4CNE.js";
+import "../../../chunk-VKTF3GAP.js";
 import "../../../chunk-DCK5ZEIU.js";
 import "../../../chunk-SZS7VZJN.js";
+import "../../../chunk-RIEV4VXF.js";
 import "../../../chunk-QYKDY4EI.js";
 import {
   Input
@@ -199,9 +200,9 @@ import "../../../chunk-KLJYIS5L.js";
 import "../../../chunk-SJRTT3PA.js";
 import {
   Checkbox
-} from "../../../chunk-VEKTKCSB.js";
-import "../../../chunk-OQ4IHRXM.js";
+} from "../../../chunk-FLJ3RIRP.js";
 import "../../../chunk-TZ633UZA.js";
+import "../../../chunk-OQ4IHRXM.js";
 import "../../../chunk-62XVHRTX.js";
 import "../../../chunk-C3UKR3NT.js";
 import {
@@ -215,6 +216,7 @@ import "../../../chunk-LZRVUOMU.js";
 import "../../../chunk-EEB66IVH.js";
 import "../../../chunk-PUFA7FQ7.js";
 import "../../../chunk-RTSK5OZT.js";
+import "../../../chunk-DVRNW33K.js";
 import "../../../chunk-BA4RHQ3B.js";
 import {
   Button
@@ -222,6 +224,7 @@ import {
 import "../../../chunk-KXTNTDRD.js";
 import "../../../chunk-G2FUZALJ.js";
 import "../../../chunk-TAMIZE4Q.js";
+import "../../../chunk-O2RXSXSF.js";
 import "../../../chunk-TYJR4GOF.js";
 import "../../../chunk-HPK33ACY.js";
 import "../../../chunk-B7ZHEOQQ.js";