@procore/core-react 12.41.0 → 12.43.0

package/dist/Tearsheet/Tearsheet.styles.js

@@ -46,7 +46,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_41_0__sc-ljrxoq-0"
+  componentId: "core-12_43_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -66,7 +66,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_41_0__sc-ljrxoq-1"
+  componentId: "core-12_43_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", ""], colors.white, getGapOutlineFocus('inside'), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -78,7 +78,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_41_0__sc-ljrxoq-2"
+  componentId: "core-12_43_0__sc-ljrxoq-2"
 })(["", ""], function (_ref6) {
   var $placement = _ref6.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -86,7 +86,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_41_0__sc-ljrxoq-3"
+  componentId: "core-12_43_0__sc-ljrxoq-3"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   switch ($placement) {
@@ -101,7 +101,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_41_0__sc-ljrxoq-4"
+  componentId: "core-12_43_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref8) {
   var $open = _ref8.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/Tearsheet/storybook/PageLayoutDemo.js

@@ -89,6 +89,7 @@ export var PageLayoutDemo = /*#__PURE__*/React.forwardRef(function PageLayoutDem
     }
   }, popupProps, {
     role: "dialog",
+    "aria-modal": true,
     howToClose: ['x']
   }), /*#__PURE__*/React.createElement(Modal.Header, labelProps, shortText), /*#__PURE__*/React.createElement(Modal.Body, {
     tabIndex: 0

package/dist/Tearsheet/storybook/PageLayoutDemo.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayoutDemo.js","names":["React","useId","Box","Breadcrumbs","Button","Card","Flex","FlexList","Input","Modal","useLabelledPopup","Page","StyledPageHeaderItem","Panel","Required","H1","Label","SuperSelect","Tabs","Tab","exampleText","longText","longest_ipsum","shortText","short_sentence","panelContent","createElement","direction","alignItems","paddingBottom","style","width","Array","from","length","map","_","i","key","concat","height","marginTop","backgroundColor","border","borderRadius","PanelSample","_ref","onClose","footer","hasFooter","Header","Title","Body","Footer","space","marginLeft","variant","onClick","PageLayoutDemo","forwardRef","props","ref","_props$asideVisible","_React$useState","useState","asideVisible","_React$useState2","_slicedToArray","isAsideVisible","setIsAsideVisible","_React$useState3","_React$useState4","isModalVisible","setIsModalVisible","asideId","_useLabelledPopup","isOpen","popupRole","triggerProps","labelProps","popupProps","Fragment","_extends","open","role","howToClose","tabIndex","Main","Crumb","active","id","Link","padding","placeholder","block","multiple","options","value","label","onChange","console","log","marginBottom","htmlFor","display","Aside","restoreFocusOnClose"],"sources":["../../../src/Tearsheet/storybook/PageLayoutDemo.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useId } from '@react-aria/utils'\nimport { Box } from '../../Box'\nimport { Breadcrumbs } from '../../Breadcrumbs'\nimport { Button } from '../../Button'\nimport { Card } from '../../Card'\nimport { Flex } from '../../Flex'\nimport { FlexList } from '../../FlexList'\nimport { Input } from '../../Input'\nimport { Modal } from '../../Modal'\nimport { useLabelledPopup } from '../../OverlayTrigger/a11yPresets'\nimport { Page } from '../../PageLayout'\nimport { StyledPageHeaderItem } from '../../PageLayout/PageLayout.styles'\nimport { Panel } from '../../Panel'\nimport { Required } from '../../Required'\nimport { H1, Label } from '../../Semantic'\nimport { SuperSelect } from '../../SuperSelect/SuperSelect'\nimport { Tabs } from '../../Tabs'\nimport { Tab } from '../../Tabs/Tabs'\nimport { exampleText } from '../../_storyHelpers_/constants'\n\nconst longText = exampleText.longest_ipsum\nconst shortText = exampleText.short_sentence\n\nconst panelContent = (\n  <Flex\n    direction=\"column\"\n    alignItems=\"center\"\n    paddingBottom=\"lg\"\n    style={{ width: '100%' }}\n  >\n    {Array.from({ length: 10 }).map((_, i) => (\n      <div\n        key={`${i}-content-item`}\n        style={{\n          width: '80%',\n          height: '100px',\n          marginTop: '16px',\n          backgroundColor: 'white',\n          border: '1px solid lightgray',\n          borderRadius: '8px',\n        }}\n      />\n    ))}\n  </Flex>\n)\n\nfunction PanelSample({\n  onClose,\n  hasFooter: footer,\n}: {\n  onClose: () => void\n  hasFooter?: boolean\n}) {\n  return (\n    <Panel>\n      <Panel.Header onClose={onClose}>\n        <Panel.Title>Sample heading</Panel.Title>\n      </Panel.Header>\n      <Panel.Body>{panelContent}</Panel.Body>\n      {footer && (\n        <Panel.Footer>\n          <Button>Action 3</Button>\n          <FlexList space=\"sm\" marginLeft=\"auto\">\n            <Button variant=\"primary\">Action 4</Button>\n            <Button onClick={onClose} variant=\"secondary\">\n              Close\n            </Button>\n          </FlexList>\n        </Panel.Footer>\n      )}\n    </Panel>\n  )\n}\n\nexport const PageLayoutDemo = React.forwardRef<\n  HTMLInputElement,\n  { asideVisible?: boolean }\n>(function PageLayoutDemo(props, ref) {\n  const [isAsideVisible, setIsAsideVisible] = React.useState(\n    props.asideVisible ?? false\n  )\n  const [isModalVisible, setIsModalVisible] = React.useState(false)\n  const asideId = useId()\n\n  const { triggerProps, labelProps, popupProps } = useLabelledPopup({\n    isOpen: isModalVisible,\n    popupRole: 'dialog',\n  })\n\n  return (\n    <>\n      <Modal\n        open={isModalVisible}\n        onClose={() => setIsModalVisible(false)}\n        {...popupProps}\n        role=\"dialog\"\n        howToClose={['x']}\n      >\n        <Modal.Header {...labelProps}>{shortText}</Modal.Header>\n        <Modal.Body tabIndex={0}>{longText}</Modal.Body>\n      </Modal>\n      <Page>\n        <Page.Main>\n          <Page.Header>\n            <StyledPageHeaderItem>\n              <Breadcrumbs variant=\"list\">\n                <Breadcrumbs.Crumb active>Tool Name</Breadcrumbs.Crumb>\n                <Breadcrumbs.Crumb>Item</Breadcrumbs.Crumb>\n              </Breadcrumbs>\n            </StyledPageHeaderItem>\n            <Page.Title>\n              <H1 id=\"page-title\">Page Title</H1>\n            </Page.Title>\n            <Page.Tabs>\n              <Tabs>\n                <Tab active>\n                  <Tabs.Link>Active</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Second</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Third</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Fourth</Tabs.Link>\n                </Tab>\n              </Tabs>\n            </Page.Tabs>\n          </Page.Header>\n          <Page.Body>\n            <Card>\n              <Box padding=\"md\">\n                <SuperSelect\n                  placeholder=\"Select\"\n                  block\n                  multiple\n                  options={[\n                    { value: '1', label: 'some label one' },\n                    { value: '2', label: 'two 2' },\n                    { value: '3', label: 'three three three' },\n                  ]}\n                  onChange={console.log}\n                />\n              </Box>\n\n              <Box padding=\"md\">\n                <Label block style={{ marginBottom: '4px' }} htmlFor=\"example\">\n                  Label Text\n                  <Required />\n                </Label>\n\n                <Input id=\"example\" placeholder=\"Hello\" ref={ref} />\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n          </Page.Body>\n          <Page.Footer>\n            <Box padding=\"16px\" display=\"flex\">\n              <Button\n                {...triggerProps}\n                variant=\"secondary\"\n                onClick={() => setIsModalVisible(true)}\n              >\n                Open Modal\n              </Button>\n              <Button\n                aria-expanded={isAsideVisible}\n                aria-controls={asideId}\n                variant=\"secondary\"\n                onClick={() => setIsAsideVisible(true)}\n                style={{ marginLeft: 'auto' }}\n              >\n                Open Panel\n              </Button>\n            </Box>\n          </Page.Footer>\n        </Page.Main>\n        <Page.Aside id={asideId} open={isAsideVisible} restoreFocusOnClose>\n          <PanelSample hasFooter onClose={() => setIsAsideVisible(false)} />\n        </Page.Aside>\n      </Page>\n    </>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"PageLayoutDemo.js","names":["React","useId","Box","Breadcrumbs","Button","Card","Flex","FlexList","Input","Modal","useLabelledPopup","Page","StyledPageHeaderItem","Panel","Required","H1","Label","SuperSelect","Tabs","Tab","exampleText","longText","longest_ipsum","shortText","short_sentence","panelContent","createElement","direction","alignItems","paddingBottom","style","width","Array","from","length","map","_","i","key","concat","height","marginTop","backgroundColor","border","borderRadius","PanelSample","_ref","onClose","footer","hasFooter","Header","Title","Body","Footer","space","marginLeft","variant","onClick","PageLayoutDemo","forwardRef","props","ref","_props$asideVisible","_React$useState","useState","asideVisible","_React$useState2","_slicedToArray","isAsideVisible","setIsAsideVisible","_React$useState3","_React$useState4","isModalVisible","setIsModalVisible","asideId","_useLabelledPopup","isOpen","popupRole","triggerProps","labelProps","popupProps","Fragment","_extends","open","role","howToClose","tabIndex","Main","Crumb","active","id","Link","padding","placeholder","block","multiple","options","value","label","onChange","console","log","marginBottom","htmlFor","display","Aside","restoreFocusOnClose"],"sources":["../../../src/Tearsheet/storybook/PageLayoutDemo.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useId } from '@react-aria/utils'\nimport { Box } from '../../Box'\nimport { Breadcrumbs } from '../../Breadcrumbs'\nimport { Button } from '../../Button'\nimport { Card } from '../../Card'\nimport { Flex } from '../../Flex'\nimport { FlexList } from '../../FlexList'\nimport { Input } from '../../Input'\nimport { Modal } from '../../Modal'\nimport { useLabelledPopup } from '../../OverlayTrigger/a11yPresets'\nimport { Page } from '../../PageLayout'\nimport { StyledPageHeaderItem } from '../../PageLayout/PageLayout.styles'\nimport { Panel } from '../../Panel'\nimport { Required } from '../../Required'\nimport { H1, Label } from '../../Semantic'\nimport { SuperSelect } from '../../SuperSelect/SuperSelect'\nimport { Tabs } from '../../Tabs'\nimport { Tab } from '../../Tabs/Tabs'\nimport { exampleText } from '../../_storyHelpers_/constants'\n\nconst longText = exampleText.longest_ipsum\nconst shortText = exampleText.short_sentence\n\nconst panelContent = (\n  <Flex\n    direction=\"column\"\n    alignItems=\"center\"\n    paddingBottom=\"lg\"\n    style={{ width: '100%' }}\n  >\n    {Array.from({ length: 10 }).map((_, i) => (\n      <div\n        key={`${i}-content-item`}\n        style={{\n          width: '80%',\n          height: '100px',\n          marginTop: '16px',\n          backgroundColor: 'white',\n          border: '1px solid lightgray',\n          borderRadius: '8px',\n        }}\n      />\n    ))}\n  </Flex>\n)\n\nfunction PanelSample({\n  onClose,\n  hasFooter: footer,\n}: {\n  onClose: () => void\n  hasFooter?: boolean\n}) {\n  return (\n    <Panel>\n      <Panel.Header onClose={onClose}>\n        <Panel.Title>Sample heading</Panel.Title>\n      </Panel.Header>\n      <Panel.Body>{panelContent}</Panel.Body>\n      {footer && (\n        <Panel.Footer>\n          <Button>Action 3</Button>\n          <FlexList space=\"sm\" marginLeft=\"auto\">\n            <Button variant=\"primary\">Action 4</Button>\n            <Button onClick={onClose} variant=\"secondary\">\n              Close\n            </Button>\n          </FlexList>\n        </Panel.Footer>\n      )}\n    </Panel>\n  )\n}\n\nexport const PageLayoutDemo = React.forwardRef<\n  HTMLInputElement,\n  { asideVisible?: boolean }\n>(function PageLayoutDemo(props, ref) {\n  const [isAsideVisible, setIsAsideVisible] = React.useState(\n    props.asideVisible ?? false\n  )\n  const [isModalVisible, setIsModalVisible] = React.useState(false)\n  const asideId = useId()\n\n  const { triggerProps, labelProps, popupProps } = useLabelledPopup({\n    isOpen: isModalVisible,\n    popupRole: 'dialog',\n  })\n\n  return (\n    <>\n      <Modal\n        open={isModalVisible}\n        onClose={() => setIsModalVisible(false)}\n        {...popupProps}\n        role=\"dialog\"\n        aria-modal={true}\n        howToClose={['x']}\n      >\n        <Modal.Header {...labelProps}>{shortText}</Modal.Header>\n        <Modal.Body tabIndex={0}>{longText}</Modal.Body>\n      </Modal>\n      <Page>\n        <Page.Main>\n          <Page.Header>\n            <StyledPageHeaderItem>\n              <Breadcrumbs variant=\"list\">\n                <Breadcrumbs.Crumb active>Tool Name</Breadcrumbs.Crumb>\n                <Breadcrumbs.Crumb>Item</Breadcrumbs.Crumb>\n              </Breadcrumbs>\n            </StyledPageHeaderItem>\n            <Page.Title>\n              <H1 id=\"page-title\">Page Title</H1>\n            </Page.Title>\n            <Page.Tabs>\n              <Tabs>\n                <Tab active>\n                  <Tabs.Link>Active</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Second</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Third</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Fourth</Tabs.Link>\n                </Tab>\n              </Tabs>\n            </Page.Tabs>\n          </Page.Header>\n          <Page.Body>\n            <Card>\n              <Box padding=\"md\">\n                <SuperSelect\n                  placeholder=\"Select\"\n                  block\n                  multiple\n                  options={[\n                    { value: '1', label: 'some label one' },\n                    { value: '2', label: 'two 2' },\n                    { value: '3', label: 'three three three' },\n                  ]}\n                  onChange={console.log}\n                />\n              </Box>\n\n              <Box padding=\"md\">\n                <Label block style={{ marginBottom: '4px' }} htmlFor=\"example\">\n                  Label Text\n                  <Required />\n                </Label>\n\n                <Input id=\"example\" placeholder=\"Hello\" ref={ref} />\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n          </Page.Body>\n          <Page.Footer>\n            <Box padding=\"16px\" display=\"flex\">\n              <Button\n                {...triggerProps}\n                variant=\"secondary\"\n                onClick={() => setIsModalVisible(true)}\n              >\n                Open Modal\n              </Button>\n              <Button\n                aria-expanded={isAsideVisible}\n                aria-controls={asideId}\n                variant=\"secondary\"\n                onClick={() => setIsAsideVisible(true)}\n                style={{ marginLeft: 'auto' }}\n              >\n                Open Panel\n              </Button>\n            </Box>\n          </Page.Footer>\n        </Page.Main>\n        <Page.Aside id={asideId} open={isAsideVisible} restoreFocusOnClose>\n          <PanelSample hasFooter onClose={() => setIsAsideVisible(false)} />\n        </Page.Aside>\n      </Page>\n    </>\n  )\n})\n"],"mappings":"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"}

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_41_0__sc-u5mow1-0"
+  componentId: "core-12_43_0__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_41_0__sc-1lje1b0-0"
+  componentId: "core-12_43_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -28,12 +28,16 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     toggleState: import("react-stately").ToggleState;
     as: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     role: "figure";
+    is?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     color?: string | undefined;
     hidden?: boolean | undefined;
     content?: string | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -43,14 +47,11 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "next" | "search" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     about?: string | undefined;
     datatype?: string | undefined;
@@ -72,8 +73,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
@@ -88,17 +88,17 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -115,7 +115,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -124,7 +124,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
     "aria-valuemax"?: number | undefined;
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
@@ -297,7 +297,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     children?: React.ReactNode;
     className?: string | undefined;
     style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
 } | {
     label: string;
     caption: string;
@@ -326,12 +326,16 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     toggleState: import("react-stately").ToggleState;
     as: string;
     role: "figure";
+    is?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
     color?: string | undefined;
     hidden?: boolean | undefined;
     content?: string | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -341,14 +345,11 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "next" | "search" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     about?: string | undefined;
     datatype?: string | undefined;
@@ -370,8 +371,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
@@ -386,17 +386,17 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -413,7 +413,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -422,7 +422,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
     "aria-valuemax"?: number | undefined;
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
@@ -595,7 +595,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     children?: React.ReactNode;
     className?: string | undefined;
     style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
 } | {
     label: string;
     caption: string;
@@ -624,13 +624,21 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     toggleState: import("react-stately").ToggleState;
     as: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     role: "checkbox";
+    is?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    placeholder?: string | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    form?: string | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
+    pattern?: string | undefined;
     color?: string | undefined;
     hidden?: boolean | undefined;
     content?: string | undefined;
     multiple?: boolean | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -640,14 +648,11 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "next" | "search" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     about?: string | undefined;
     datatype?: string | undefined;
@@ -669,8 +674,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
@@ -685,17 +689,17 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -712,7 +716,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -721,7 +725,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
     "aria-valuemax"?: number | undefined;
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
@@ -885,13 +889,9 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
-    form?: string | undefined;
-    pattern?: string | undefined;
     step?: string | number | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     list?: string | undefined;
-    placeholder?: string | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
@@ -946,13 +946,21 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     toggleState: import("react-stately").ToggleState;
     as: string;
     role: "checkbox";
+    is?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    placeholder?: string | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    form?: string | undefined;
+    slot?: string | undefined;
+    title?: string | undefined;
+    pattern?: string | undefined;
     color?: string | undefined;
     hidden?: boolean | undefined;
     content?: string | undefined;
     multiple?: boolean | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
@@ -962,14 +970,11 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "next" | "search" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     about?: string | undefined;
     datatype?: string | undefined;
@@ -991,8 +996,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
@@ -1007,17 +1011,17 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -1034,7 +1038,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -1043,7 +1047,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
     "aria-valuemax"?: number | undefined;
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
@@ -1207,13 +1211,9 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
-    form?: string | undefined;
-    pattern?: string | undefined;
     step?: string | number | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     list?: string | undefined;
-    placeholder?: string | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;