@procore/core-react 12.24.0 → 12.25.1

package/dist/Modal/storyHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","Search","Select","SuperSelect","TieredSelect","Typeahead","Field","_ref","label","children","props","_objectWithoutProperties","_excluded","createElement","idLabelOptions","id","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","Fragment","value","onChange","margin","display","map","_ref2","Option","onSearch","console","log","_ref3","options","_ref4","Item","item","_ref5","restoreFocusOnHide","_ref6","_ref7","style","groupId","nextGroupId","disabled","selectableTiers","emptyMessage"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Typeahead } from '../Typeahead'\n\nfunction Field({ label, children, ...props }: any) {\n  return (\n    <div>\n      <div>\n        <b>\n          <label>{label}</label>\n        </b>\n      </div>\n      {children}\n    </div>\n  )\n}\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  return (\n    <>\n      <b>Things with Esc key:</b>\n      <Field label=\"Search\">\n        <Search />\n      </Field>\n      <Field label=\"Typeahead\">\n        <Typeahead value={typeaheadV} onChange={setTyeahead} />\n      </Field>\n      <Field label=\"Select\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <Select>\n          {idLabelOptions.map(({ id, label }) => (\n            <Select.Option value={id}>{label}</Select.Option>\n          ))}\n        </Select>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <Select onSearch={console.log}>\n          {idLabelOptions.map(({ id, label }) => (\n            <Select.Option value={id}>{label}</Select.Option>\n          ))}{' '}\n        </Select>\n      </Field>\n      <Field label=\"PillSelect\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <PillSelect\n          options={idLabelOptions}\n          onChange={console.log}\n          value={null}\n        />\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <PillSelect\n          options={idLabelOptions}\n          onChange={console.log}\n          onSearch={console.log}\n          value={null}\n        />\n      </Field>\n      <Field label=\"MultiSelect\">\n        <MultiSelect options={idLabelOptions} />\n      </Field>\n      <Field label=\"Dropdown\">\n        <Box margin=\"none xs none none\" display=\"inline-block\">\n          Default\n        </Box>\n        <Dropdown>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Search\n        </Box>\n        <Dropdown onSearch={console.log}>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Restore\n        </Box>\n        <Dropdown restoreFocusOnHide>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          Restore w/ search\n        </Box>\n        <Dropdown onSearch={console.log} restoreFocusOnHide>\n          {idLabelOptions.map(({ id, label }) => (\n            <Dropdown.Item item={id}>{label}</Dropdown.Item>\n          ))}\n        </Dropdown>\n        <Box margin=\"none xs none md\" display=\"inline-block\">\n          DropdownFlyout\n        </Box>\n\n        <DropdownFlyout\n          style={{ display: 'inline-block' }}\n          options={[\n            { value: 1, label: 'wow' },\n            {\n              value: 'Animals',\n              label: 'Long complicated label that takes space',\n              children: [\n                {\n                  value: 'Amphibians',\n                  label: 'Amphibians',\n                  children: [\n                    { value: 1, label: 'Frogs' },\n                    { value: 2, label: 'Salamanders' },\n                  ],\n                },\n                {\n                  value: 'Birds',\n                  label: 'Long complicated label that takes space',\n                  children: [\n                    { value: 3, label: 'Chickens' },\n                    { value: 4, label: 'Falcons' },\n                    { value: 5, label: 'Owls' },\n                    { value: 6, label: 'Parrots' },\n                  ],\n                },\n              ],\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"Tiered\">\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"Tiered leaf only\">\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n        />\n      </Field>\n      <Field label=\"SuperSelect\">\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n        />\n      </Field>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","useId","Button","Content","Actions","Field","Flex","Form","Link","Popover","Search","Select","H3","Label","SuperSelect","TieredSelect","Tooltip","Typeahead","idLabelOptions","id","label","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","baseId","createElement","concat","value","onChange","gap","map","_ref","Option","key","onSearch","console","log","_ref2","options","wrap","_ref3","Item","item","_ref4","restoreFocusOnHide","_ref5","_ref6","style","display","children","groupId","nextGroupId","disabled","selectableTiers","emptyMessage","PopupSet","_ref7","_ref7$alignLeft","alignLeft","pop1","pop2","justifyContent","undefined","alignItems","overlay","role","trigger","variant","onClick","alert","bind","href","padding","UserInteractionSet","enableConfirmNavigation","initialValues","rtf","Row","DateSelect","colWidth","description","name","tooltip"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { useId } from '@react-aria/utils'\nimport { Button } from '../Button'\nimport { Content } from '../Content'\nimport { Actions } from '../Content/Content'\nimport { Field } from '../Field'\nimport { Flex } from '../Flex'\nimport { Form } from '../Form'\nimport { Link } from '../Link'\nimport { Popover } from '../Popover'\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { H3, Label } from '../Semantic'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Tooltip } from '../Tooltip'\nimport { Typeahead } from '../Typeahead'\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  const baseId = useId()\n\n  return (\n    <Content>\n      <H3>Things with Esc key:</H3>\n      <Field>\n        <Label id={`${baseId}-search`}>Search</Label>\n        <Search aria-labelledby={`${baseId}-search`} />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-typeahead`}>Typeahead</Label>\n        <Typeahead\n          value={typeaheadV}\n          onChange={setTyeahead}\n          aria-labelledby={`${baseId}-typeahead`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-select`}>Select</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"s-default\">Default</Box>\n          <Select aria-labelledby={`${baseId}-select s-default`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}\n          </Select>\n          <Box id=\"s-search\">Search</Box>\n          <Select\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-select s-search`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}{' '}\n          </Select>\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-pillselect`}>PillSelect</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"p-default\">Default</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-default`}\n          />\n          <Box id=\"p-search\">Search</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            onSearch={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-search`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-multiselect`}>MultiSelect</Label>\n        <MultiSelect\n          options={idLabelOptions}\n          aria-labelledby={`${baseId}-multiselect`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-dropdown`}>Dropdown</Label>\n        <Flex gap=\"sm\" wrap=\"wrap\">\n          <Box>Default</Box>\n          <Dropdown aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Search</Box>\n          <Dropdown\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore</Box>\n          <Dropdown restoreFocusOnHide aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore w/ search</Box>\n          <Dropdown\n            onSearch={console.log}\n            restoreFocusOnHide\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>DropdownFlyout</Box>\n          <DropdownFlyout\n            style={{ display: 'inline-block' }}\n            options={[\n              { value: 1, label: 'wow' },\n              {\n                value: 'Animals',\n                label: 'Long complicated label that takes space',\n                children: [\n                  {\n                    value: 'Amphibians',\n                    label: 'Amphibians',\n                    children: [\n                      { value: 1, label: 'Frogs' },\n                      { value: 2, label: 'Salamanders' },\n                    ],\n                  },\n                  {\n                    value: 'Birds',\n                    label: 'Long complicated label that takes space',\n                    children: [\n                      { value: 3, label: 'Chickens' },\n                      { value: 4, label: 'Falcons' },\n                      { value: 5, label: 'Owls' },\n                      { value: 6, label: 'Parrots' },\n                    ],\n                  },\n                ],\n              },\n            ]}\n            aria-labelledby={`${baseId}-dropdown`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered`}>Tiered</Label>\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered-leaf`}>Tiered leaf only</Label>\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered-leaf`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-superselect`}>SuperSelect</Label>\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n          aria-labelledby={`${baseId}-superselect`}\n        />\n      </Field>\n    </Content>\n  )\n}\n\nfunction PopupSet({ alignLeft = true }) {\n  const baseId = useId()\n  const id = {\n    pop1: baseId + 'pop1',\n    pop2: baseId + 'pop2',\n  }\n  return (\n    <Actions\n      style={{\n        // TODO new prop. sometimes left actions could make sense\n        justifyContent: alignLeft ? 'flex-start' : undefined,\n        // why not, different sizes (Switch) just align them\n        alignItems: 'center',\n      }}\n    >\n      <Tooltip\n        overlay=\"Tooltip popup here, checks out.\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Button variant=\"secondary\" onClick={alert.bind(null, 'CORE')}>\n          Tooltip!\n        </Button>\n      </Tooltip>\n      <Tooltip\n        overlay=\"Long name never gonna give you up.mp4\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Link href=\"#\">Long name....up.mp4</Link>\n      </Tooltip>\n      <Popover\n        aria-labelledby={id.pop1}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"https://app.procore.com\">app link</Link> and{' '}\n              <Link href=\"https://login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['click']}\n      >\n        <Button aria-haspopup=\"dialog\" id={id.pop1} variant=\"secondary\">\n          Click to Popup!\n        </Button>\n      </Popover>\n      {/* <Popover\n        aria-labelledby={id.pop2}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"app.procore.com\">app link</Link> and{' '}\n              <Link href=\"login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['hover', 'focus']}\n      >\n        <Link aria-haspopup=\"dialog\" id={id.pop2} href=\"#\">\n          Hover Popup\n        </Link>\n      </Popover> */}\n    </Actions>\n  )\n}\n\nexport function UserInteractionSet() {\n  return (\n    <Content>\n      <PopupSet />\n      <Form\n        enableConfirmNavigation\n        initialValues={{\n          rtf: '<b>Clicking the TinyMCE option to add a link should open a modal, and that modal should be able to receive focus.</b>',\n        }}\n      >\n        <Form.Row>\n          <Form.DateSelect\n            colWidth={12}\n            description=\"Form Field with misc interactions\"\n            label=\"Form Component Field\"\n            name=\"f_1\"\n            tooltip=\"Tooltip popup here, checks out.\"\n          />\n        </Form.Row>\n        {/* <Form.Row>\n          <Form.RichText\n            colWidth={12}\n            description=\"Has links tinymce modal. This destroys contained focus :(\"\n            label=\"Form Rich Text\"\n            name=\"rtf\"\n            plugins={['link', 'image']}\n          />\n        </Form.Row> */}\n      </Form>\n      <EscapefulFieldSet />\n    </Content>\n  )\n}\n"],"mappings":"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"}

package/dist/MultiSelect/MultiSelect.styles.js

@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_24_0__sc-s9ym9q-0"
+  componentId: "core-12_25_1__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_24_0__sc-s9ym9q-1"
+  componentId: "core-12_25_1__sc-s9ym9q-1"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-12_24_0__sc-s9ym9q-2"
+  componentId: "core-12_25_1__sc-s9ym9q-2"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-12_24_0__sc-s9ym9q-3"
+  componentId: "core-12_25_1__sc-s9ym9q-3"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-12_24_0__sc-s9ym9q-4"
+  componentId: "core-12_25_1__sc-s9ym9q-4"
 })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
 export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_24_0__sc-s9ym9q-5"
+  componentId: "core-12_25_1__sc-s9ym9q-5"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
   var $emptyValue = _ref2.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_24_0__sc-3o6zya-0"
+  componentId: "core-12_25_1__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_24_0__sc-3o6zya-1"
+  componentId: "core-12_25_1__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_24_0__sc-3o6zya-2"
+  componentId: "core-12_25_1__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/NextTile/NextTile.js

@@ -17,7 +17,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { useCheckbox, useCheckboxGroupItem } from '@react-aria/checkbox';
 import { useFocusRing } from '@react-aria/focus';
-import { mergeProps } from '@react-aria/utils';
+import { mergeProps, useId } from '@react-aria/utils';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
 import { useToggleState } from 'react-stately';
@@ -116,6 +116,7 @@ export var LinkTile = /*#__PURE__*/React.forwardRef(function LinkTile(_ref6, ref
 });
 function noop() {}
 var CheckboxTile_ = /*#__PURE__*/React.forwardRef(function CheckboxTile(_ref7, ref) {
+  var _props$role;
   var _ref7$disabled = _ref7.disabled,
     disabled = _ref7$disabled === void 0 ? false : _ref7$disabled,
     checked = _ref7.checked,
@@ -147,21 +148,45 @@ var CheckboxTile_ = /*#__PURE__*/React.forwardRef(function CheckboxTile(_ref7, r
     isFocusVisible = _useFocusRing.isFocusVisible;
   var isDisabled = isGroup ? groupState.isDisabled || disabled : disabled;
   var isSelected = isGroup ? groupState.isSelected(props.value) : state.isSelected;
+  var labelId = props['aria-labelledby'];
+  var fallbackId = useId();
   return /*#__PURE__*/React.createElement(StyledSelectableTile, {
     $disabled: isDisabled,
     $selected: isSelected,
     $focused: isFocusVisible,
     $orientation: orientation,
-    as: "label",
+    $layoutless: true,
     className: className,
     style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    role: (_props$role = props.role) !== null && _props$role !== void 0 ? _props$role : 'checkbox',
+    "aria-labelledby": labelId !== null && labelId !== void 0 ? labelId : fallbackId,
+    "aria-checked": isSelected,
+    "aria-disabled": isDisabled,
+    tabIndex: isDisabled ? -1 : 0,
+    onClick: function onClick() {
+      if (!isDisabled) {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.code === 'Space' || e.code === 'Enter') {
+        e.preventDefault();
+        if (!isDisabled) {
+          var _inputRef$current2;
+          (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click();
+        }
+      }
+    }
   }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({}, mergeProps(isGroup ? inputGroupItemProps : inputProps, focusProps), {
-    ref: mergeRefs(inputRef, ref)
+    ref: mergeRefs(inputRef, ref),
+    tabIndex: -1
   }))), /*#__PURE__*/React.createElement(TileContext.Provider, {
     value: {
       orientation: orientation
     }
-  }, props.children));
+  }, props.children)));
 });
 function TileInner(_ref8, ref) {
   var _ref8$role = _ref8.role,

package/dist/NextTile/NextTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextTile.js","names":["useCheckbox","useCheckboxGroupItem","useFocusRing","mergeProps","VisuallyHidden","React","useToggleState","CheckboxGroupContext","StyledActions","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","addSubcomponents","mergeRefs","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","noop","CheckboxTile_","CheckboxTile","_ref7","_ref7$disabled","disabled","checked","defaultChecked","className","props_","_excluded7","_objectSpread","isDisabled","isSelected","defaultSelected","inputRef","groupState","isGroup","Boolean","_useCheckboxGroupItem","inputGroupItemProps","inputProps","state","_useCheckbox","_useFocusRing","focusProps","isFocusVisible","$disabled","$selected","$focused","as","TileInner","_ref8","_ref8$role","role","_excluded8","Tile_","NextTile"],"sources":["../../src/NextTile/NextTile.tsx"],"sourcesContent":["import { useCheckbox, useCheckboxGroupItem } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport { mergeProps } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { CheckboxGroupState } from 'react-stately'\nimport { useToggleState } from 'react-stately'\nimport { CheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup'\nimport { StyledActions } from '../Content/Content.styles'\nimport {\n  StyledFooter,\n  StyledHeroMedia,\n  StyledHeroOverlay,\n  StyledHeroText,\n  StyledInteractableTile,\n  StyledLinkTile,\n  StyledSelectableTile,\n  StyledTileContent,\n} from '../Tile/Tile.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport type {\n  CheckboxTileProps,\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  Roles,\n  TileCommonProps,\n  TileProps,\n  TileRef,\n} from './NextTile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<\n  Pick<TileCommonProps<'none'>, 'orientation'>\n>({\n  orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n  function HeroMedia(\n    { children, overlay = false, onOverlayClick, ...props },\n    ref\n  ) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.removeProperty(\n          '--core-tile-grid-template-columns'\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroMedia\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n        {children}\n      </StyledHeroMedia>\n    )\n  }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function HeroText({ children, ...props }, ref) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.setProperty(\n          '--core-tile-grid-template-columns',\n          heroTextGridTemplateColumns\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroText\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {children}\n      </StyledHeroText>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function Content(props, ref) {\n    return <StyledTileContent ref={ref} {...props} />\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledFooter ref={ref} {...props}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledActions ref={ref} {...props}>\n      {children}\n    </StyledActions>\n  )\n})\n\nexport const InteractableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<InteractableTileProps, 'role'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledInteractableTile>\n  )\n})\n\nexport const LinkTile = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<LinkTileProps, 'role'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledLinkTile>\n  )\n})\nfunction noop() {}\n\nconst CheckboxTile_ = React.forwardRef<HTMLInputElement, CheckboxTileProps>(\n  function CheckboxTile(\n    {\n      disabled = false,\n      checked,\n      defaultChecked,\n      orientation,\n      style,\n      className,\n      ...props_\n    },\n    ref\n  ) {\n    const props = {\n      ...props_,\n      isDisabled: disabled,\n      isSelected: checked,\n      defaultSelected: defaultChecked,\n    }\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    // Group hooks\n    const groupState = React.useContext(\n      CheckboxGroupContext\n    ) as CheckboxGroupState\n    const isGroup = Boolean(groupState)\n    const { inputProps: inputGroupItemProps } = useCheckboxGroupItem(\n      props,\n      groupState ?? { isSelected: noop },\n      inputRef\n    )\n    // Single hooks\n    const state = useToggleState(props)\n    const { inputProps } = useCheckbox(props, state, inputRef)\n    // common hooks\n    const { focusProps, isFocusVisible } = useFocusRing()\n\n    const isDisabled = isGroup ? groupState.isDisabled || disabled : disabled\n    const isSelected = isGroup\n      ? groupState.isSelected(props.value)\n      : state.isSelected\n\n    return (\n      <StyledSelectableTile\n        $disabled={isDisabled}\n        $selected={isSelected}\n        $focused={isFocusVisible}\n        $orientation={orientation}\n        as=\"label\"\n        className={className}\n        style={style}\n      >\n        <VisuallyHidden>\n          <input\n            {...mergeProps(\n              isGroup ? inputGroupItemProps : inputProps,\n              focusProps\n            )}\n            ref={mergeRefs(inputRef, ref)}\n          />\n        </VisuallyHidden>\n        <TileContext.Provider value={{ orientation }}>\n          {props.children}\n        </TileContext.Provider>\n      </StyledSelectableTile>\n    )\n  }\n)\n\nfunction TileInner<Role extends Roles = 'none'>(\n  { role = 'none', ...props }: TileProps<Role>,\n  ref: TileRef<Role>\n) {\n  switch (role) {\n    case 'none':\n      return (\n        <InteractableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as Omit<InteractableTileProps, 'role'>)}\n        />\n      )\n    case 'link':\n      return (\n        <LinkTile\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          {...(props as Omit<LinkTileProps, 'role'>)}\n        />\n      )\n    case 'checkbox':\n      return (\n        <CheckboxTile_\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as Omit<CheckboxTileProps, 'role'>)}\n        />\n      )\n    default:\n      return null\n  }\n}\n\nconst Tile_ = React.forwardRef(TileInner) as <Role extends Roles = 'none'>(\n  props: TileProps<Role> & { ref?: TileRef<Role> }\n) => ReturnType<typeof TileInner>\n\n/**\n * <NextTile role={checkbox}/> can be used as single checkbox as well as in group.\n *\n * Single\n * ```\n * <NextTile role={checkbox} value=\"ThomasAnderson\" onChange=((value) => console.log(value) />\n * <NextTile role={checkbox} value=\"WhiteRabbit\" onChange=((value) => console.log(value) />\n * ```\n *\n * Group\n * ```\n * <CheckboxGroup label=\"Matrix\" onChange=((value) => console.log(value)>\n *    <NextTile role={checkbox} value=\"ThomasAnderson\"/>\n *    <NextTile role={checkbox} value=\"WhiteRabbit\"/>\n * </CheckboxGroup>\n * ```\n *\n * @since 11.6.0\n */\nexport const NextTile = addSubcomponents(\n  { Actions, Content, Footer, HeroText, HeroMedia },\n  Tile_\n)\n"],"mappings":"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"}
+{"version":3,"file":"NextTile.js","names":["useCheckbox","useCheckboxGroupItem","useFocusRing","mergeProps","useId","VisuallyHidden","React","useToggleState","CheckboxGroupContext","StyledActions","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","addSubcomponents","mergeRefs","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","noop","CheckboxTile_","CheckboxTile","_ref7","_props$role","_ref7$disabled","disabled","checked","defaultChecked","className","props_","_excluded7","_objectSpread","isDisabled","isSelected","defaultSelected","inputRef","groupState","isGroup","Boolean","_useCheckboxGroupItem","inputGroupItemProps","inputProps","state","_useCheckbox","_useFocusRing","focusProps","isFocusVisible","labelId","fallbackId","$disabled","$selected","$focused","$layoutless","role","tabIndex","_inputRef$current","click","onKeyDown","e","code","preventDefault","_inputRef$current2","TileInner","_ref8","_ref8$role","_excluded8","Tile_","NextTile"],"sources":["../../src/NextTile/NextTile.tsx"],"sourcesContent":["import { useCheckbox, useCheckboxGroupItem } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { CheckboxGroupState } from 'react-stately'\nimport { useToggleState } from 'react-stately'\nimport { CheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup'\nimport { StyledActions } from '../Content/Content.styles'\nimport {\n  StyledFooter,\n  StyledHeroMedia,\n  StyledHeroOverlay,\n  StyledHeroText,\n  StyledInteractableTile,\n  StyledLinkTile,\n  StyledSelectableTile,\n  StyledTileContent,\n} from '../Tile/Tile.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport type {\n  CheckboxTileProps,\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  Roles,\n  TileCommonProps,\n  TileProps,\n  TileRef,\n} from './NextTile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<\n  Pick<TileCommonProps<'none'>, 'orientation'>\n>({\n  orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n  function HeroMedia(\n    { children, overlay = false, onOverlayClick, ...props },\n    ref\n  ) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.removeProperty(\n          '--core-tile-grid-template-columns'\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroMedia\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n        {children}\n      </StyledHeroMedia>\n    )\n  }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function HeroText({ children, ...props }, ref) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.setProperty(\n          '--core-tile-grid-template-columns',\n          heroTextGridTemplateColumns\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroText\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {children}\n      </StyledHeroText>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function Content(props, ref) {\n    return <StyledTileContent ref={ref} {...props} />\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledFooter ref={ref} {...props}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledActions ref={ref} {...props}>\n      {children}\n    </StyledActions>\n  )\n})\n\nexport const InteractableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<InteractableTileProps, 'role'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledInteractableTile>\n  )\n})\n\nexport const LinkTile = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<LinkTileProps, 'role'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledLinkTile>\n  )\n})\nfunction noop() {}\n\nconst CheckboxTile_ = React.forwardRef<HTMLInputElement, CheckboxTileProps>(\n  function CheckboxTile(\n    {\n      disabled = false,\n      checked,\n      defaultChecked,\n      orientation,\n      style,\n      className,\n      ...props_\n    },\n    ref\n  ) {\n    const props = {\n      ...props_,\n      isDisabled: disabled,\n      isSelected: checked,\n      defaultSelected: defaultChecked,\n    }\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    // Group hooks\n    const groupState = React.useContext(\n      CheckboxGroupContext\n    ) as CheckboxGroupState\n    const isGroup = Boolean(groupState)\n    const { inputProps: inputGroupItemProps } = useCheckboxGroupItem(\n      props,\n      groupState ?? { isSelected: noop },\n      inputRef\n    )\n    // Single hooks\n    const state = useToggleState(props)\n    const { inputProps } = useCheckbox(props, state, inputRef)\n    // common hooks\n    const { focusProps, isFocusVisible } = useFocusRing()\n\n    const isDisabled = isGroup ? groupState.isDisabled || disabled : disabled\n    const isSelected = isGroup\n      ? groupState.isSelected(props.value)\n      : state.isSelected\n\n    const labelId = props['aria-labelledby']\n    const fallbackId = useId()\n\n    return (\n      <StyledSelectableTile\n        $disabled={isDisabled}\n        $selected={isSelected}\n        $focused={isFocusVisible}\n        $orientation={orientation}\n        $layoutless\n        className={className}\n        style={style}\n      >\n        <div\n          role={props.role ?? 'checkbox'}\n          aria-labelledby={labelId ?? fallbackId}\n          aria-checked={isSelected}\n          aria-disabled={isDisabled}\n          tabIndex={isDisabled ? -1 : 0}\n          onClick={() => {\n            if (!isDisabled) {\n              inputRef.current?.click()\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.code === 'Space' || e.code === 'Enter') {\n              e.preventDefault()\n              if (!isDisabled) {\n                inputRef.current?.click()\n              }\n            }\n          }}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(\n                isGroup ? inputGroupItemProps : inputProps,\n                focusProps\n              )}\n              ref={mergeRefs(inputRef, ref)}\n              tabIndex={-1}\n            />\n          </VisuallyHidden>\n          <TileContext.Provider\n            value={{\n              orientation,\n            }}\n          >\n            {props.children}\n          </TileContext.Provider>\n        </div>\n      </StyledSelectableTile>\n    )\n  }\n)\n\nfunction TileInner<Role extends Roles = 'none'>(\n  { role = 'none', ...props }: TileProps<Role>,\n  ref: TileRef<Role>\n) {\n  switch (role) {\n    case 'none':\n      return (\n        <InteractableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          {...(props as Omit<InteractableTileProps, 'role'>)}\n        />\n      )\n    case 'link':\n      return (\n        <LinkTile\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          {...(props as Omit<LinkTileProps, 'role'>)}\n        />\n      )\n    case 'checkbox':\n      return (\n        <CheckboxTile_\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...(props as Omit<CheckboxTileProps, 'role'>)}\n        />\n      )\n    default:\n      return null\n  }\n}\n\nconst Tile_ = React.forwardRef(TileInner) as <Role extends Roles = 'none'>(\n  props: TileProps<Role> & { ref?: TileRef<Role> }\n) => ReturnType<typeof TileInner>\n\n/**\n * <NextTile role={checkbox}/> can be used as single checkbox as well as in group.\n *\n * Single\n * ```\n * <NextTile role={checkbox} value=\"ThomasAnderson\" onChange=((value) => console.log(value) />\n * <NextTile role={checkbox} value=\"WhiteRabbit\" onChange=((value) => console.log(value) />\n * ```\n *\n * Group\n * ```\n * <CheckboxGroup label=\"Matrix\" onChange=((value) => console.log(value)>\n *    <NextTile role={checkbox} value=\"ThomasAnderson\"/>\n *    <NextTile role={checkbox} value=\"WhiteRabbit\"/>\n * </CheckboxGroup>\n * ```\n *\n * @since 11.6.0\n */\nexport const NextTile = addSubcomponents(\n  { Actions, Content, Footer, HeroText, HeroMedia },\n  Tile_\n)\n"],"mappings":"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"}

package/dist/NextTile/NextTile.types.d.ts

@@ -19,6 +19,11 @@ export interface TileCommonProps<Role extends Roles> extends Props {
     role?: Role;
 }
 export interface CheckboxTileProps extends Omit<AriaCheckboxProps, 'isDisabled' | 'children' | 'defaultSelected' | 'isSelected'>, TileCommonProps<'checkbox'> {
+    /**
+     * For tiles acting as checkboxes.
+     * @since 11.6.0
+     */
+    role?: 'checkbox';
     /**
      * Whether the element should be selected (uncontrolled).
      * Only for single checkbox, doesn't work in CheckboxGroup.
@@ -43,8 +48,18 @@ export interface CheckboxTileProps extends Omit<AriaCheckboxProps, 'isDisabled'
     value: string;
 }
 export interface InteractableTileProps extends TileCommonProps<'none'>, Omit<DivAttributes, 'role'> {
+    /**
+     * For a neutral tile with no special interactive behavior.
+     * @since 11.6.0
+     */
+    role?: 'none';
 }
 export interface LinkTileProps extends TileCommonProps<'link'>, Omit<AnchorAttributes, 'role'> {
+    /**
+     * For tiles acting as links.
+     * @since 11.6.0
+     */
+    role?: 'link';
 }
 export declare type TileProps<Role extends Roles = 'none'> = Role extends 'link' ? LinkTileProps : Role extends 'checkbox' ? CheckboxTileProps : Role extends 'none' ? InteractableTileProps : TileCommonProps<Role>;
 export interface RefMap extends Record<Roles, React.ElementType> {

package/dist/NextTile/NextTile.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextTile.types.js","names":[],"sources":["../../src/NextTile/NextTile.types.ts"],"sourcesContent":["import type { AriaCheckboxProps } from '@react-types/checkbox'\nimport type React from 'react'\nimport type { AnchorAttributes, DivAttributes, Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n  overlay?: boolean\n  onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type Roles = 'none' | 'link' | 'checkbox'\n\nexport interface TileCommonProps<Role extends Roles> extends Props {\n  /**\n   * @since 11.6.0\n   */\n  orientation: 'portrait' | 'landscape'\n  /**\n   * @since 11.6.0\n   */\n  role?: Role\n}\n\nexport interface CheckboxTileProps\n  extends Omit<\n      AriaCheckboxProps,\n      'isDisabled' | 'children' | 'defaultSelected' | 'isSelected'\n    >,\n    TileCommonProps<'checkbox'> {\n  /**\n   * Whether the element should be selected (uncontrolled).\n   * Only for single checkbox, doesn't work in CheckboxGroup.\n   *\n   * @since 11.6.0\n   */\n  defaultChecked?: boolean\n  /**\n   * Whether the element should be selected (controlled).\n   * Only for single checkbox, doesn't work in CheckboxGroup.\n   *\n   * @since 11.6.0\n   */\n  checked?: boolean\n  /**\n   * @since 11.6.0\n   */\n  disabled?: boolean\n  /**\n   * @since 11.6.0\n   */\n  value: string\n}\n\nexport interface InteractableTileProps\n  extends TileCommonProps<'none'>,\n    Omit<DivAttributes, 'role'> {}\n\nexport interface LinkTileProps\n  extends TileCommonProps<'link'>,\n    Omit<AnchorAttributes, 'role'> {}\n\nexport type TileProps<Role extends Roles = 'none'> = Role extends 'link'\n  ? LinkTileProps\n  : Role extends 'checkbox'\n  ? CheckboxTileProps\n  : Role extends 'none'\n  ? InteractableTileProps\n  : TileCommonProps<Role>\n\nexport interface RefMap extends Record<Roles, React.ElementType> {\n  none: 'div'\n  link: 'a'\n  checkbox: 'input'\n}\n\nexport type TileRef<C extends Roles> = React.ComponentPropsWithRef<\n  RefMap[C]\n>['ref']\n"],"mappings":""}
+{"version":3,"file":"NextTile.types.js","names":[],"sources":["../../src/NextTile/NextTile.types.ts"],"sourcesContent":["import type { AriaCheckboxProps } from '@react-types/checkbox'\nimport type React from 'react'\nimport type { AnchorAttributes, DivAttributes, Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n  overlay?: boolean\n  onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type Roles = 'none' | 'link' | 'checkbox'\n\nexport interface TileCommonProps<Role extends Roles> extends Props {\n  /**\n   * @since 11.6.0\n   */\n  orientation: 'portrait' | 'landscape'\n  /**\n   * @since 11.6.0\n   */\n  role?: Role\n}\n\nexport interface CheckboxTileProps\n  extends Omit<\n      AriaCheckboxProps,\n      'isDisabled' | 'children' | 'defaultSelected' | 'isSelected'\n    >,\n    TileCommonProps<'checkbox'> {\n  /**\n   * For tiles acting as checkboxes.\n   * @since 11.6.0\n   */\n  role?: 'checkbox'\n  /**\n   * Whether the element should be selected (uncontrolled).\n   * Only for single checkbox, doesn't work in CheckboxGroup.\n   *\n   * @since 11.6.0\n   */\n  defaultChecked?: boolean\n  /**\n   * Whether the element should be selected (controlled).\n   * Only for single checkbox, doesn't work in CheckboxGroup.\n   *\n   * @since 11.6.0\n   */\n  checked?: boolean\n  /**\n   * @since 11.6.0\n   */\n  disabled?: boolean\n  /**\n   * @since 11.6.0\n   */\n  value: string\n}\n\nexport interface InteractableTileProps\n  extends TileCommonProps<'none'>,\n    Omit<DivAttributes, 'role'> {\n  /**\n   * For a neutral tile with no special interactive behavior.\n   * @since 11.6.0\n   */\n  role?: 'none'\n}\n\nexport interface LinkTileProps\n  extends TileCommonProps<'link'>,\n    Omit<AnchorAttributes, 'role'> {\n  /**\n   * For tiles acting as links.\n   * @since 11.6.0\n   */\n  role?: 'link'\n}\n\nexport type TileProps<Role extends Roles = 'none'> = Role extends 'link'\n  ? LinkTileProps\n  : Role extends 'checkbox'\n  ? CheckboxTileProps\n  : Role extends 'none'\n  ? InteractableTileProps\n  : TileCommonProps<Role>\n\nexport interface RefMap extends Record<Roles, React.ElementType> {\n  none: 'div'\n  link: 'a'\n  checkbox: 'input'\n}\n\nexport type TileRef<C extends Roles> = React.ComponentPropsWithRef<\n  RefMap[C]\n>['ref']\n"],"mappings":""}

package/dist/NextTile/index.d.ts

@@ -0,0 +1,2 @@
+export { InteractableTile, LinkTile, NextTile } from './NextTile';
+export type { CheckboxTileProps, HeroMediaProps, HeroTextProps, InteractableTileProps, LinkTileProps, TileCommonProps, TileProps, } from './NextTile.types';

package/dist/NextTile/index.js

@@ -0,0 +1,2 @@
+export { InteractableTile, LinkTile, NextTile } from './NextTile';
+//# sourceMappingURL=index.js.map

package/dist/NextTile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["InteractableTile","LinkTile","NextTile"],"sources":["../../src/NextTile/index.ts"],"sourcesContent":["export { InteractableTile, LinkTile, NextTile } from './NextTile'\nexport type {\n  CheckboxTileProps,\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  TileCommonProps,\n  TileProps,\n} from './NextTile.types'\n"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,YAAY"}

package/dist/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-12_24_0__sc-160q1m6-0"
+  componentId: "core-12_25_1__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant ? colors[variantColorMap[$variant]] : colors.gray15;

package/dist/NumberInput/NumberInput.js

@@ -393,8 +393,11 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: internalOnKeyDown,
     onChange: internalOnChange,
     onBlur: internalOnBlur,
-    inputMode: "numeric",
-    type: hasIncrementer ? 'number' : undefined,
+    inputMode: "numeric"
+    // Chrome- InvalidStateError: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('number') does not support selection.
+    // Firefox- Uncaught DOMException: An attempt was made to use an object that is not, or is no longer, usable
+    // type={hasIncrementer ? 'number' : undefined}
+    ,
     lang: contextLocale,
     readOnly: readOnly,
     style: _objectSpread(_objectSpread({}, style), {