@procore/core-react 12.53.0 → 12.53.1

package/dist/Form/stories/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","names":["pick","React","Box","Button","Form","useFormContext","stylesFormDebugger","backgroundColor","color","fontSize","FormDebugger","props","arguments","length","undefined","fields","record","Object","keys","createElement","flex","padding","margin","style","whiteSpace","JSON","stringify","SingleForm","_ref","_ref$component","component","FieldComponent","Field","debug","initialValue","view","useLabelAsInlineLabel","useDescriptionAsInlineDescription","_objectWithoutProperties","_excluded","columnOne","colStart","columnTwo","enableReinitialize","initialValues","value","onSubmit","values","alert","Row","_extends","name","inlineLabel","label","inlineDescription","description","disabled","error","DemoForm","_ref2","_ref2$view","_ref2$enableConfirmNa","enableConfirmNavigation","Promise","resolve","Text","Number","required","tooltip","Select","options","formSelectOptions","MultiSelect","getGroup","option","groupAssociation","groupGetId","group","uuid","groupGetLabel","displayName","optgroups","formSelectGroupOptions","PillSelect","formPillSelectOptions","TieredSelect","formTieredSelectOptions","GroupSelect","formGroupSelectOptions","groups","formGroupSelectGroups","textAlign","marginTop","marginBottom","variant","type","BaseCRU","Fragment","id","map","_objectSpread","groupOpt","find","groupId","nextGroupId","formInitialValues","text","number","checkbox","checkboxes","currency","date","Date","textarea","select","multiselect","pillselect","groupselect","tieredselect","radiobuttons","richtext"],"sources":["../../../src/Form/stories/util.tsx"],"sourcesContent":["import { pick } from 'ramda'\nimport React from 'react'\nimport { Box, Button, Form, useFormContext } from '../../index'\nimport type { PillColor } from '../../Pill'\n\nconst stylesFormDebugger = {\n  backgroundColor: '#444',\n  color: '#f1f1f1',\n  fontSize: '0.8rem',\n}\n\nexport function FormDebugger(props: any = {}) {\n  const fields = useFormContext()\n\n  let record = {}\n  if (!Object.keys(props).length) {\n    record = fields\n  } else {\n    record = pick(Object.keys(props), fields)\n  }\n\n  return (\n    <Box flex=\"1\" padding=\"md\" margin=\"lg none\" style={stylesFormDebugger}>\n      <pre style={{ whiteSpace: 'break-spaces' }}>\n        {JSON.stringify(record, null, 2)}\n      </pre>\n    </Box>\n  )\n}\n\ninterface SingleFormProps {\n  component?: any\n  debug?: boolean\n  initialValue?: any\n  variant?: React.ComponentProps<typeof Form>['variant']\n  view?: React.ComponentProps<typeof Form>['view']\n  useLabelAsInlineLabel?: boolean\n  useDescriptionAsInlineDescription?: boolean\n}\n\n/**\n * Takes a Form Field component, e.g. Form.Select, and creates\n * a full Form of one view and variant. Empty value examples,\n * examples with values, various text or state formats.\n */\nconst SingleForm = ({\n  component: FieldComponent = Form.Field,\n  debug,\n  initialValue,\n  view,\n  useLabelAsInlineLabel,\n  useDescriptionAsInlineDescription,\n  ...props\n}: SingleFormProps) => {\n  // removes colStart from DOM for traditional variant\n  const columnOne = { colStart: 1 }\n  const columnTwo = { colStart: 7 }\n  return (\n    <Form\n      enableReinitialize\n      initialValues={{\n        value: initialValue,\n      }}\n      view={view}\n      onSubmit={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <Form.Form>\n        {debug && <FormDebugger />}\n        <Form.Row>\n          <FieldComponent\n            name=\"empty\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Empty Text',\n                }\n              : {\n                  label: 'Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Empty Description',\n                }\n              : {\n                  description: 'Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"value\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Initial Value Text',\n                }\n              : {\n                  label: 'Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Initial Value Description',\n                }\n              : {\n                  description: 'Initial Value Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"disabled-empty\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Empty Text',\n                }\n              : {\n                  label: 'Disabled Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Empty Description',\n                }\n              : {\n                  description: 'Disabled Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"disabled-value\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Initial Value Text',\n                }\n              : {\n                  label: 'Disabled Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Initial Description',\n                }\n              : {\n                  description: 'Disabled Initial Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"error-value\"\n            error=\"Some error message that should be read red\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Error Message Initial Value Text',\n                }\n              : {\n                  label: 'Error Message Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Error Message Initial Description',\n                }\n              : {\n                  description: 'Error Message Initial Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n        </Form.Row>\n      </Form.Form>\n    </Form>\n  )\n}\n\ninterface DemoFormProps {\n  view?: React.ComponentProps<typeof Form>['view']\n  enableConfirmNavigation?: React.ComponentProps<\n    typeof Form\n  >['enableConfirmNavigation']\n}\nexport const DemoForm = ({\n  view = 'create',\n  enableConfirmNavigation = true,\n}: DemoFormProps) => {\n  return (\n    <Form\n      view={view}\n      onSubmit={(...args) => {\n        alert(JSON.stringify(args[0], null, 2))\n\n        // Necessary to return success to notify the client the data\n        // is saved on the server and this `form` is pristine once again.\n        return Promise.resolve()\n      }}\n      enableConfirmNavigation={enableConfirmNavigation}\n    >\n      <Form.Form>\n        <Form.Row>\n          <Form.Text name=\"text\" label=\"Text\" colStart={1} />\n          <Form.Number\n            name=\"number\"\n            label=\"Number\"\n            required\n            tooltip=\"An example tooltip for any field, this value goes directly to the Tooltip overlay prop\"\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select\"\n            options={formSelectOptions}\n            colStart={1}\n          />\n          <Form.MultiSelect\n            name=\"multiselect\"\n            label=\"MultiSelect\"\n            options={formSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select with Groups\"\n            getGroup={(option) => option.groupAssociation}\n            groupGetId={(group) => group.uuid}\n            groupGetLabel={(group) => group.displayName}\n            options={formSelectOptions}\n            optgroups={formSelectGroupOptions}\n          />\n          <Form.PillSelect\n            name=\"pillselect\"\n            label=\"Status\"\n            options={formPillSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.TieredSelect\n            name=\"tieredselect\"\n            label=\"Tiered Select\"\n            options={formTieredSelectOptions}\n            colStart={1}\n          />\n          <Form.GroupSelect\n            name=\"groupselect\"\n            label=\"Group Select for Distribution\"\n            options={formGroupSelectOptions}\n            groups={formGroupSelectGroups}\n            colStart={7}\n          />\n        </Form.Row>\n        <Box textAlign=\"center\" marginTop=\"sm\" marginBottom=\"xl\">\n          <Button variant=\"secondary\" type=\"reset\">\n            Reset\n          </Button>{' '}\n          <Button type=\"submit\">Save</Button>\n        </Box>\n      </Form.Form>\n    </Form>\n  )\n}\n\n/** All variations for a field. views, with values, no values, text variations, etc.\n * @example\n *  <BaseCRU\n      component={Form.Number}\n      initialValue={100}\n    />\n */\nexport function BaseCRU<Element extends React.JSXElementConstructor<any>>(\n  props: Omit<SingleFormProps, 'component'> & { component: Element } & Omit<\n      React.ComponentProps<Element>,\n      'name'\n    >\n) {\n  return (\n    <>\n      <h1>Standard</h1>\n      <h2>Create</h2>\n      <SingleForm view=\"create\" {...props} />\n      <h2>Read</h2>\n      <SingleForm view=\"read\" {...props} />\n      <h2>Update</h2>\n      <SingleForm view=\"update\" {...props} />\n    </>\n  )\n}\n\nexport const formGroupSelectOptions = [\n  { id: 5139977, label: 'Cat' },\n  { id: 1279548, label: 'Cow' },\n  { id: 1690, label: 'Duck' },\n  { id: 3116635, label: 'Crocodile' },\n  { id: 1037291, label: 'Dog' },\n  { id: 1987946, label: 'Elephant' },\n  { id: 1665038, label: 'Fox' },\n  { id: 10338, label: 'Frog' },\n  { id: 4177019, label: 'Giraffe' },\n  { id: 5136274, label: 'Lion' },\n  { id: 1819065, label: 'Owl' },\n  { id: 3733119, label: 'Parrot' },\n  { id: 2142072, label: 'Pig' },\n  { id: 1360365, label: 'Wolf' },\n]\n\nexport const formGroupSelectGroups = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [5139977, 1037291, 1279548, 5136274],\n  },\n  { id: 183915, label: 'Group #2', options: [1037291, 1279548] },\n  { id: 187138, label: 'Group #3', options: [1665038, 10338] },\n  { id: 127496, label: 'Group #4', options: [3116635, 1819065] },\n  { id: 126261, label: 'Group #5', options: [1690] },\n].map((group) => ({\n  ...group,\n  options: group.options.map((groupOpt) =>\n    formGroupSelectOptions.find((option) => option.id === groupOpt)\n  ),\n}))\n\nexport const formTieredSelectOptions = [\n  {\n    id: 1,\n    groupId: null,\n    nextGroupId: 10,\n    label: 'Apple Farm',\n  },\n  {\n    id: 3,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sports R Us',\n  },\n  {\n    id: 4,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sail It Again Ports',\n  },\n  {\n    id: 5,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Dublix',\n  },\n  {\n    id: 6,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Hardees Boys',\n  },\n  {\n    id: 7,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Carls Senior',\n  },\n  {\n    id: 8,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Tar J',\n  },\n  {\n    id: 9,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Station',\n  },\n  {\n    id: 10,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Nation',\n  },\n  {\n    id: 11,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Global Studios',\n  },\n  {\n    id: 12,\n    groupId: null,\n    nextGroupId: 30,\n    label: \"Ralphie's\",\n  },\n  {\n    id: 13,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Humble State University',\n  },\n  {\n    id: 14,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Test Driven Devolvement',\n  },\n  {\n    id: 15,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Drilling Company',\n  },\n  {\n    id: 16,\n    groupId: null,\n    nextGroupId: 30,\n    label:\n      'Wrapping text that is very long and will definitely wrap onto two or more lines',\n  },\n  {\n    id: 17,\n    groupId: 10,\n    nextGroupId: 100,\n    label: 'Granny Smith',\n  },\n  {\n    id: 18,\n    groupId: 10,\n    nextGroupId: 101,\n    label: 'Gala',\n  },\n  {\n    id: 21,\n    groupId: 30,\n    nextGroupId: 300,\n    label: 'Project Basketball',\n  },\n  {\n    id: 22,\n    groupId: 30,\n    nextGroupId: 301,\n    label: 'Table Tennis',\n  },\n  {\n    id: 23,\n    groupId: 30,\n    label: 'Table Ten',\n  },\n  {\n    id: 24,\n    groupId: 100,\n    label: 'Michigan',\n  },\n  {\n    id: 25,\n    groupId: 101,\n    label: 'Washington',\n  },\n  {\n    id: 26,\n    groupId: 200,\n    label: 'Georgia',\n  },\n  {\n    id: 27,\n    groupId: 201,\n    label: 'California',\n  },\n  {\n    id: 28,\n    groupId: 300,\n    label: 'Toronto',\n  },\n  {\n    id: 29,\n    groupId: 301,\n    nextGroupId: 302,\n    label: 'Court Complex Uno',\n  },\n  {\n    id: 30,\n    groupId: 302,\n    nextGroupId: 303,\n    label: 'Wrap',\n  },\n  {\n    id: 31,\n    groupId: 303,\n    nextGroupId: 304,\n    label: 'Wrap',\n  },\n  {\n    id: 32,\n    groupId: 304,\n    nextGroupId: 305,\n    label: 'Wrap',\n  },\n  {\n    id: 33,\n    groupId: 305,\n    nextGroupId: 306,\n    label: 'Wrap',\n  },\n  {\n    id: 34,\n    groupId: 306,\n    nextGroupId: 307,\n    label: 'Wrap',\n  },\n  {\n    id: 35,\n    groupId: 307,\n    label: 'Wrap',\n  },\n]\n\nexport const formSelectOptions = [\n  { id: 1, label: 'Option Example Uno', groupAssociation: 1 },\n  { id: 2, label: 'Item Deux 2', groupAssociation: 2 },\n  { id: 3, label: 'Three Three Three', groupAssociation: 1 },\n  {\n    id: 4,\n    label: 'Next Item In List Is Design System Design System',\n    groupAssociation: 2,\n  },\n  { id: 5, label: '5 Entries', groupAssociation: 2 },\n  {\n    id: 6,\n    label:\n      'Another Option With A Longer Amount of Important Information To Read',\n    groupAssociation: 3,\n  },\n]\n\nexport const formSelectGroupOptions = [\n  { uuid: 1, displayName: 'Group 1' },\n  {\n    uuid: 2,\n    displayName: 'Group Having a Longer Group Label, Group Two Is That Group',\n  },\n  { uuid: 3, displayName: 'Group 3' },\n]\n\nexport const formPillSelectOptions: {\n  id: string\n  label: string\n  color: PillColor\n}[] = [\n  { id: '1', label: 'Questionable', color: 'yellow' },\n  { id: '2', label: 'False', color: 'red' },\n  { id: '3', label: 'The Sky Is Blue', color: 'blue' },\n  { id: '4', label: 'Pending Resolution', color: 'gray' },\n  {\n    id: '5',\n    label: 'A very long STATUS that has to wrap cause it is so long',\n    color: 'green',\n  },\n]\n\nexport const formInitialValues = {\n  text: 'Hello String',\n  number: 123456.789,\n  checkbox: true,\n  checkboxes: [formSelectOptions[1], formSelectOptions[2]],\n  currency: 1200300.55,\n  date: new Date(2020, 9, 31, 14, 30, 42), // Halloween, a Saturday at 2:30 PM\n  textarea: 'Hello\\nWorld  !!\\n\\n    Hello    World',\n  select: formSelectOptions[1],\n  multiselect: [\n    formSelectOptions[1],\n    formSelectOptions[3],\n    formSelectOptions[0],\n  ],\n  pillselect: formPillSelectOptions[0],\n  groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],\n  tieredselect: [\n    {\n      id: 4,\n      groupId: null,\n      nextGroupId: 30,\n      label: 'Sail It Again Ports',\n    },\n    {\n      id: 22,\n      groupId: 30,\n      nextGroupId: 301,\n      label: 'Table Tennis',\n    },\n    {\n      id: 29,\n      groupId: 301,\n      nextGroupId: 302,\n      label: 'Court Complex Uno',\n    },\n  ],\n  radiobuttons: formSelectOptions[5],\n  richtext:\n    '<p><span style=\"font-size: 18pt; background-color: #00ff00;\">Rich Text Is <strong>Bold</strong></span></p> ',\n}\n"],"mappings":"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"}
+{"version":3,"file":"util.js","names":["pick","React","Box","Button","Form","useFormContext","stylesFormDebugger","backgroundColor","color","fontSize","FormDebugger","props","arguments","length","undefined","fields","record","Object","keys","createElement","flex","padding","margin","style","whiteSpace","JSON","stringify","SingleForm","_ref","_ref$component","component","FieldComponent","Field","debug","initialValue","view","useLabelAsInlineLabel","useDescriptionAsInlineDescription","_objectWithoutProperties","_excluded","columnOne","colStart","columnTwo","enableReinitialize","initialValues","value","onSubmit","values","alert","Row","_extends","name","inlineLabel","label","inlineDescription","description","disabled","error","DemoForm","_ref2","_ref2$view","_ref2$enableConfirmNa","enableConfirmNavigation","Promise","resolve","Text","Number","required","tooltip","Select","options","formSelectOptions","MultiSelect","getGroup","option","groupAssociation","groupGetId","group","uuid","groupGetLabel","displayName","optgroups","formSelectGroupOptions","PillSelect","formPillSelectOptions","TieredSelect","formTieredSelectOptions","GroupSelect","formGroupSelectOptions","groups","formGroupSelectGroups","textAlign","marginTop","marginBottom","variant","type","BaseCRU","Fragment","id","map","_objectSpread","groupOpt","find","groupId","nextGroupId","formInitialValues","text","number","checkbox","checkboxes","currency","date","Date","textarea","select","multiselect","pillselect","groupselect","tieredselect","radiobuttons","richtext"],"sources":["../../../src/Form/stories/util.tsx"],"sourcesContent":["import { pick } from 'ramda'\nimport React from 'react'\nimport { Box, Button, Form, useFormContext } from '../../index'\nimport type { PillColor } from '../../Pill'\n\nconst stylesFormDebugger = {\n  backgroundColor: '#444',\n  color: '#f1f1f1',\n  fontSize: '0.8rem',\n}\n\nexport function FormDebugger(props: any = {}) {\n  const fields = useFormContext()\n\n  let record = {}\n  if (!Object.keys(props).length) {\n    record = fields\n  } else {\n    record = pick(Object.keys(props), fields)\n  }\n\n  return (\n    <Box flex=\"1\" padding=\"md\" margin=\"lg none\" style={stylesFormDebugger}>\n      <pre style={{ whiteSpace: 'break-spaces' }}>\n        {JSON.stringify(record, null, 2)}\n      </pre>\n    </Box>\n  )\n}\n\ninterface SingleFormProps {\n  component?: any\n  debug?: boolean\n  initialValue?: any\n  variant?: React.ComponentProps<typeof Form>['variant']\n  view?: React.ComponentProps<typeof Form>['view']\n  useLabelAsInlineLabel?: boolean\n  useDescriptionAsInlineDescription?: boolean\n}\n\n/**\n * Takes a Form Field component, e.g. Form.Select, and creates\n * a full Form of one view and variant. Empty value examples,\n * examples with values, various text or state formats.\n */\nconst SingleForm = ({\n  component: FieldComponent = Form.Field,\n  debug,\n  initialValue,\n  view,\n  useLabelAsInlineLabel,\n  useDescriptionAsInlineDescription,\n  ...props\n}: SingleFormProps) => {\n  // removes colStart from DOM for traditional variant\n  const columnOne = { colStart: 1 }\n  const columnTwo = { colStart: 7 }\n  return (\n    <Form\n      enableReinitialize\n      initialValues={{\n        value: initialValue,\n      }}\n      view={view}\n      onSubmit={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <Form.Form>\n        {debug && <FormDebugger />}\n        <Form.Row>\n          <FieldComponent\n            name=\"empty\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Empty Text',\n                }\n              : {\n                  label: 'Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Empty Description',\n                }\n              : {\n                  description: 'Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"value\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Initial Value Text',\n                }\n              : {\n                  label: 'Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Initial Value Description',\n                }\n              : {\n                  description: 'Initial Value Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"disabled-empty\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Empty Text',\n                }\n              : {\n                  label: 'Disabled Empty Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Empty Description',\n                }\n              : {\n                  description: 'Disabled Empty Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n          <FieldComponent\n            name=\"disabled-value\"\n            disabled\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Disabled Initial Value Text',\n                }\n              : {\n                  label: 'Disabled Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Disabled Initial Description',\n                }\n              : {\n                  description: 'Disabled Initial Description',\n                })}\n            {...columnTwo}\n            {...props}\n          />\n        </Form.Row>\n        <Form.Row>\n          <FieldComponent\n            name=\"error-value\"\n            error=\"Some error message that should be read red\"\n            {...(useLabelAsInlineLabel\n              ? {\n                  inlineLabel: 'Error Message Initial Value Text',\n                }\n              : {\n                  label: 'Error Message Initial Value Text',\n                })}\n            {...(useDescriptionAsInlineDescription\n              ? {\n                  inlineDescription: 'Error Message Initial Description',\n                }\n              : {\n                  description: 'Error Message Initial Description',\n                })}\n            {...columnOne}\n            {...props}\n          />\n        </Form.Row>\n      </Form.Form>\n    </Form>\n  )\n}\n\ninterface DemoFormProps {\n  view?: React.ComponentProps<typeof Form>['view']\n  enableConfirmNavigation?: React.ComponentProps<\n    typeof Form\n  >['enableConfirmNavigation']\n}\nexport const DemoForm = ({\n  view = 'create',\n  enableConfirmNavigation = true,\n}: DemoFormProps) => {\n  return (\n    <Form\n      view={view}\n      onSubmit={(...args) => {\n        alert(JSON.stringify(args[0], null, 2))\n\n        // Necessary to return success to notify the client the data\n        // is saved on the server and this `form` is pristine once again.\n        return Promise.resolve()\n      }}\n      enableConfirmNavigation={enableConfirmNavigation}\n    >\n      <Form.Form>\n        <Form.Row>\n          <Form.Text name=\"text\" label=\"Text\" colStart={1} />\n          <Form.Number\n            name=\"number\"\n            label=\"Number\"\n            required\n            tooltip=\"An example tooltip for any field, this value goes directly to the Tooltip overlay prop\"\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select\"\n            options={formSelectOptions}\n            colStart={1}\n          />\n          <Form.MultiSelect\n            name=\"multiselect\"\n            label=\"MultiSelect\"\n            options={formSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.Select\n            name=\"select\"\n            label=\"Select with Groups\"\n            getGroup={(option) => option.groupAssociation}\n            groupGetId={(group) => group.uuid}\n            groupGetLabel={(group) => group.displayName}\n            options={formSelectOptions}\n            optgroups={formSelectGroupOptions}\n          />\n          <Form.PillSelect\n            name=\"pillselect\"\n            label=\"Status\"\n            options={formPillSelectOptions}\n            colStart={7}\n          />\n        </Form.Row>\n        <Form.Row>\n          <Form.TieredSelect\n            name=\"tieredselect\"\n            label=\"Tiered Select\"\n            options={formTieredSelectOptions}\n            colStart={1}\n          />\n          <Form.GroupSelect\n            name=\"groupselect\"\n            label=\"Group Select for Distribution\"\n            options={formGroupSelectOptions}\n            groups={formGroupSelectGroups}\n            colStart={7}\n          />\n        </Form.Row>\n        <Box textAlign=\"center\" marginTop=\"sm\" marginBottom=\"xl\">\n          <Button variant=\"secondary\" type=\"reset\">\n            Reset\n          </Button>{' '}\n          <Button type=\"submit\">Save</Button>\n        </Box>\n      </Form.Form>\n    </Form>\n  )\n}\n\n/** All variations for a field. views, with values, no values, text variations, etc.\n * @example\n *  <BaseCRU\n      component={Form.Number}\n      initialValue={100}\n    />\n */\nexport function BaseCRU<Element extends React.JSXElementConstructor<any>>(\n  props: Omit<SingleFormProps, 'component'> & { component: Element } & Omit<\n      React.ComponentProps<Element>,\n      'name'\n    >\n) {\n  return (\n    <>\n      <h1>Standard</h1>\n      <h2>Create</h2>\n      <SingleForm view=\"create\" {...props} />\n      <h2>Read</h2>\n      <SingleForm view=\"read\" {...props} />\n      <h2>Update</h2>\n      <SingleForm view=\"update\" {...props} />\n    </>\n  )\n}\n\nexport const formGroupSelectOptions = [\n  { id: 5139977, label: 'Cat' },\n  { id: 1279548, label: 'Cow' },\n  { id: 1690, label: 'Duck' },\n  { id: 3116635, label: 'Crocodile' },\n  { id: 1037291, label: 'Dog' },\n  { id: 1987946, label: 'Elephant' },\n  { id: 1665038, label: 'Fox' },\n  { id: 10338, label: 'Frog' },\n  { id: 4177019, label: 'Giraffe' },\n  { id: 5136274, label: 'Lion' },\n  { id: 1819065, label: 'Owl' },\n  { id: 3733119, label: 'Parrot' },\n  { id: 2142072, label: 'Pig' },\n  { id: 1360365, label: 'Wolf' },\n]\n\nexport const formGroupSelectGroups = [\n  {\n    id: 180604,\n    label: 'Group #1',\n    options: [5139977, 1037291, 1279548, 5136274],\n  },\n  { id: 183915, label: 'Group #2', options: [1037291, 1279548] },\n  { id: 187138, label: 'Group #3', options: [1665038, 10338] },\n  { id: 127496, label: 'Group #4', options: [3116635, 1819065] },\n  { id: 126261, label: 'Group #5', options: [1690] },\n].map((group) => ({\n  ...group,\n  options: group.options.map((groupOpt) =>\n    formGroupSelectOptions.find((option) => option.id === groupOpt)\n  ),\n}))\n\nexport const formTieredSelectOptions = [\n  {\n    id: 1,\n    groupId: null,\n    nextGroupId: 10,\n    label: 'Apple Farm',\n  },\n  {\n    id: 3,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sports R Us',\n  },\n  {\n    id: 4,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Sail It Again Ports',\n  },\n  {\n    id: 5,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Dublix',\n  },\n  {\n    id: 6,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Hardees Boys',\n  },\n  {\n    id: 7,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Carls Senior',\n  },\n  {\n    id: 8,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Tar J',\n  },\n  {\n    id: 9,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Station',\n  },\n  {\n    id: 10,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Innovation Nation',\n  },\n  {\n    id: 11,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Global Studios',\n  },\n  {\n    id: 12,\n    groupId: null,\n    nextGroupId: 30,\n    label: \"Ralphie's\",\n  },\n  {\n    id: 13,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Humble State University',\n  },\n  {\n    id: 14,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'Test Driven Devolvement',\n  },\n  {\n    id: 15,\n    groupId: null,\n    nextGroupId: 30,\n    label: 'The Drilling Company',\n  },\n  {\n    id: 16,\n    groupId: null,\n    nextGroupId: 30,\n    label:\n      'Wrapping text that is very long and will definitely wrap onto two or more lines',\n  },\n  {\n    id: 17,\n    groupId: 10,\n    nextGroupId: 100,\n    label: 'Granny Smith',\n  },\n  {\n    id: 18,\n    groupId: 10,\n    nextGroupId: 101,\n    label: 'Gala',\n  },\n  {\n    id: 21,\n    groupId: 30,\n    nextGroupId: 300,\n    label: 'Project Basketball',\n  },\n  {\n    id: 22,\n    groupId: 30,\n    nextGroupId: 301,\n    label: 'Table Tennis',\n  },\n  {\n    id: 23,\n    groupId: 30,\n    label: 'Table Ten',\n  },\n  {\n    id: 24,\n    groupId: 100,\n    label: 'Michigan',\n  },\n  {\n    id: 25,\n    groupId: 101,\n    label: 'Washington',\n  },\n  {\n    id: 26,\n    groupId: 200,\n    label: 'Georgia',\n  },\n  {\n    id: 27,\n    groupId: 201,\n    label: 'California',\n  },\n  {\n    id: 28,\n    groupId: 300,\n    label: 'Toronto',\n  },\n  {\n    id: 29,\n    groupId: 301,\n    nextGroupId: 302,\n    label: 'Court Complex Uno',\n  },\n  {\n    id: 30,\n    groupId: 302,\n    nextGroupId: 303,\n    label: 'Wrap',\n  },\n  {\n    id: 31,\n    groupId: 303,\n    nextGroupId: 304,\n    label: 'Wrap',\n  },\n  {\n    id: 32,\n    groupId: 304,\n    nextGroupId: 305,\n    label: 'Wrap',\n  },\n  {\n    id: 33,\n    groupId: 305,\n    nextGroupId: 306,\n    label: 'Wrap',\n  },\n  {\n    id: 34,\n    groupId: 306,\n    nextGroupId: 307,\n    label: 'Wrap',\n  },\n  {\n    id: 35,\n    groupId: 307,\n    label: 'Wrap',\n  },\n]\n\nexport const formSelectOptions = [\n  { id: 1, label: 'Option Example Uno', groupAssociation: 1 },\n  { id: 2, label: 'Item Deux 2', groupAssociation: 2 },\n  { id: 3, label: 'Three Three Three', groupAssociation: 1 },\n  {\n    id: 4,\n    label: 'Next Item In List Is Design System Design System',\n    groupAssociation: 2,\n  },\n  { id: 5, label: '5 Entries', groupAssociation: 2 },\n  {\n    id: 6,\n    label:\n      'Another Option With A Longer Amount of Important Information To Read',\n    groupAssociation: 3,\n  },\n]\n\nexport const formSelectGroupOptions = [\n  { uuid: 1, displayName: 'Group 1' },\n  {\n    uuid: 2,\n    displayName: 'Group Having a Longer Group Label, Group Two Is That Group',\n  },\n  { uuid: 3, displayName: 'Group 3' },\n]\n\nexport const formPillSelectOptions: {\n  id: string\n  label: string\n  color: PillColor\n}[] = [\n  { id: '1', label: 'Questionable', color: 'yellow' },\n  { id: '2', label: 'False', color: 'red' },\n  { id: '3', label: 'The Sky Is Blue', color: 'blue' },\n  { id: '4', label: 'Pending Resolution', color: 'gray' },\n  {\n    id: '5',\n    label: 'A very long STATUS that has to wrap cause it is so long',\n    color: 'green',\n  },\n]\n\nexport const formInitialValues = {\n  text: 'Hello String',\n  number: 123456.789,\n  checkbox: true,\n  checkboxes: [formSelectOptions[1], formSelectOptions[2]],\n  currency: 1200300.55,\n  date: new Date(2020, 9, 31, 14, 30, 42), // Halloween, a Saturday at 2:30 PM\n  textarea: 'Hello\\nWorld  !!\\n\\n    Hello    World',\n  select: formSelectOptions[1],\n  multiselect: [\n    formSelectOptions[1],\n    formSelectOptions[3],\n    formSelectOptions[0],\n  ],\n  pillselect: formPillSelectOptions[0],\n  groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],\n  tieredselect: [\n    {\n      id: 4,\n      groupId: null,\n      nextGroupId: 30,\n      label: 'Sail It Again Ports',\n    },\n    {\n      id: 22,\n      groupId: 30,\n      nextGroupId: 301,\n      label: 'Table Tennis',\n    },\n    {\n      id: 29,\n      groupId: 301,\n      nextGroupId: 302,\n      label: 'Court Complex Uno',\n    },\n  ],\n  radiobuttons: formSelectOptions[5],\n  richtext:\n    '<p><span style=\"font-size: 18pt; background-color: #00ff00;\">Rich Text Is <strong>Bold</strong></span></p> ',\n}\n"],"mappings":";;;;;;;;;;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,cAAc,QAAQ,aAAa;AAG/D,IAAMC,kBAAkB,GAAG;EACzBC,eAAe,EAAE,MAAM;EACvBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,SAASC,YAAYA,CAAA,EAAkB;EAAA,IAAjBC,KAAU,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAC1C,IAAMG,MAAM,GAAGV,cAAc,CAAC,CAAC;EAE/B,IAAIW,MAAM,GAAG,CAAC,CAAC;EACf,IAAI,CAACC,MAAM,CAACC,IAAI,CAACP,KAAK,CAAC,CAACE,MAAM,EAAE;IAC9BG,MAAM,GAAGD,MAAM;EACjB,CAAC,MAAM;IACLC,MAAM,GAAGhB,IAAI,CAACiB,MAAM,CAACC,IAAI,CAACP,KAAK,CAAC,EAAEI,MAAM,CAAC;EAC3C;EAEA,oBACEd,KAAA,CAAAkB,aAAA,CAACjB,GAAG;IAACkB,IAAI,EAAC,GAAG;IAACC,OAAO,EAAC,IAAI;IAACC,MAAM,EAAC,SAAS;IAACC,KAAK,EAAEjB;EAAmB,gBACpEL,KAAA,CAAAkB,aAAA;IAAKI,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAe;EAAE,GACxCC,IAAI,CAACC,SAAS,CAACV,MAAM,EAAE,IAAI,EAAE,CAAC,CAC5B,CACF,CAAC;AAEV;AAYA;AACA;AACA;AACA;AACA;AACA,IAAMW,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAQO;EAAA,IAAAC,cAAA,GAAAD,IAAA,CAPrBE,SAAS;IAAEC,cAAc,GAAAF,cAAA,cAAGzB,IAAI,CAAC4B,KAAK,GAAAH,cAAA;IACtCI,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,qBAAqB,GAAAR,IAAA,CAArBQ,qBAAqB;IACrBC,iCAAiC,GAAAT,IAAA,CAAjCS,iCAAiC;IAC9B1B,KAAK,GAAA2B,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER;EACA,IAAMC,SAAS,GAAG;IAAEC,QAAQ,EAAE;EAAE,CAAC;EACjC,IAAMC,SAAS,GAAG;IAAED,QAAQ,EAAE;EAAE,CAAC;EACjC,oBACExC,KAAA,CAAAkB,aAAA,CAACf,IAAI;IACHuC,kBAAkB;IAClBC,aAAa,EAAE;MACbC,KAAK,EAAEX;IACT,CAAE;IACFC,IAAI,EAAEA,IAAK;IACXW,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,MAAM;MAAA,OAAKC,KAAK,CAACvB,IAAI,CAACC,SAAS,CAACqB,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAAA;EAAC,gBAE7D9C,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACA,IAAI,QACP6B,KAAK,iBAAIhC,KAAA,CAAAkB,aAAA,CAACT,YAAY,MAAE,CAAC,eAC1BT,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACY,cAAc,EAAAmB,QAAA;IACbC,IAAI,EAAC;EAAO,GACPf,qBAAqB,GACtB;IACEgB,WAAW,EAAE;EACf,CAAC,GACD;IACEC,KAAK,EAAE;EACT,CAAC,EACAhB,iCAAiC,GAClC;IACEiB,iBAAiB,EAAE;EACrB,CAAC,GACD;IACEC,WAAW,EAAE;EACf,CAAC,EACDf,SAAS,EACT7B,KAAK,CACV,CAAC,eACFV,KAAA,CAAAkB,aAAA,CAACY,cAAc,EAAAmB,QAAA;IACbC,IAAI,EAAC;EAAO,GACPf,qBAAqB,GACtB;IACEgB,WAAW,EAAE;EACf,CAAC,GACD;IACEC,KAAK,EAAE;EACT,CAAC,EACAhB,iCAAiC,GAClC;IACEiB,iBAAiB,EAAE;EACrB,CAAC,GACD;IACEC,WAAW,EAAE;EACf,CAAC,EACDb,SAAS,EACT/B,KAAK,CACV,CACO,CAAC,eACXV,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACY,cAAc,EAAAmB,QAAA;IACbC,IAAI,EAAC,gBAAgB;IACrBK,QAAQ;EAAA,GACHpB,qBAAqB,GACtB;IACEgB,WAAW,EAAE;EACf,CAAC,GACD;IACEC,KAAK,EAAE;EACT,CAAC,EACAhB,iCAAiC,GAClC;IACEiB,iBAAiB,EAAE;EACrB,CAAC,GACD;IACEC,WAAW,EAAE;EACf,CAAC,EACDf,SAAS,EACT7B,KAAK,CACV,CAAC,eACFV,KAAA,CAAAkB,aAAA,CAACY,cAAc,EAAAmB,QAAA;IACbC,IAAI,EAAC,gBAAgB;IACrBK,QAAQ;EAAA,GACHpB,qBAAqB,GACtB;IACEgB,WAAW,EAAE;EACf,CAAC,GACD;IACEC,KAAK,EAAE;EACT,CAAC,EACAhB,iCAAiC,GAClC;IACEiB,iBAAiB,EAAE;EACrB,CAAC,GACD;IACEC,WAAW,EAAE;EACf,CAAC,EACDb,SAAS,EACT/B,KAAK,CACV,CACO,CAAC,eACXV,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACY,cAAc,EAAAmB,QAAA;IACbC,IAAI,EAAC,aAAa;IAClBM,KAAK,EAAC;EAA4C,GAC7CrB,qBAAqB,GACtB;IACEgB,WAAW,EAAE;EACf,CAAC,GACD;IACEC,KAAK,EAAE;EACT,CAAC,EACAhB,iCAAiC,GAClC;IACEiB,iBAAiB,EAAE;EACrB,CAAC,GACD;IACEC,WAAW,EAAE;EACf,CAAC,EACDf,SAAS,EACT7B,KAAK,CACV,CACO,CACD,CACP,CAAC;AAEX,CAAC;AAQD,OAAO,IAAM+C,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAGA;EAAA,IAAAC,UAAA,GAAAD,KAAA,CAFnBxB,IAAI;IAAJA,IAAI,GAAAyB,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAAC,qBAAA,GAAAF,KAAA,CACfG,uBAAuB;IAAvBA,uBAAuB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;EAE9B,oBACE5D,KAAA,CAAAkB,aAAA,CAACf,IAAI;IACH+B,IAAI,EAAEA,IAAK;IACXW,QAAQ,EAAE,SAAVA,QAAQA,CAAA,EAAe;MACrBE,KAAK,CAACvB,IAAI,CAACC,SAAS,CAAAd,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,KAAU,IAAI,EAAE,CAAC,CAAC,CAAC;;MAEvC;MACA;MACA,OAAOmD,OAAO,CAACC,OAAO,CAAC,CAAC;IAC1B,CAAE;IACFF,uBAAuB,EAAEA;EAAwB,gBAEjD7D,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACA,IAAI,qBACRH,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6D,IAAI;IAACd,IAAI,EAAC,MAAM;IAACE,KAAK,EAAC,MAAM;IAACZ,QAAQ,EAAE;EAAE,CAAE,CAAC,eACnDxC,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC8D,MAAM;IACVf,IAAI,EAAC,QAAQ;IACbE,KAAK,EAAC,QAAQ;IACdc,QAAQ;IACRC,OAAO,EAAC,wFAAwF;IAChG3B,QAAQ,EAAE;EAAE,CACb,CACO,CAAC,eACXxC,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACiE,MAAM;IACVlB,IAAI,EAAC,QAAQ;IACbE,KAAK,EAAC,QAAQ;IACdiB,OAAO,EAAEC,iBAAkB;IAC3B9B,QAAQ,EAAE;EAAE,CACb,CAAC,eACFxC,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACoE,WAAW;IACfrB,IAAI,EAAC,aAAa;IAClBE,KAAK,EAAC,aAAa;IACnBiB,OAAO,EAAEC,iBAAkB;IAC3B9B,QAAQ,EAAE;EAAE,CACb,CACO,CAAC,eACXxC,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACiE,MAAM;IACVlB,IAAI,EAAC,QAAQ;IACbE,KAAK,EAAC,oBAAoB;IAC1BoB,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,MAAM;MAAA,OAAKA,MAAM,CAACC,gBAAgB;IAAA,CAAC;IAC9CC,UAAU,EAAE,SAAZA,UAAUA,CAAGC,KAAK;MAAA,OAAKA,KAAK,CAACC,IAAI;IAAA,CAAC;IAClCC,aAAa,EAAE,SAAfA,aAAaA,CAAGF,KAAK;MAAA,OAAKA,KAAK,CAACG,WAAW;IAAA,CAAC;IAC5CV,OAAO,EAAEC,iBAAkB;IAC3BU,SAAS,EAAEC;EAAuB,CACnC,CAAC,eACFjF,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC+E,UAAU;IACdhC,IAAI,EAAC,YAAY;IACjBE,KAAK,EAAC,QAAQ;IACdiB,OAAO,EAAEc,qBAAsB;IAC/B3C,QAAQ,EAAE;EAAE,CACb,CACO,CAAC,eACXxC,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAAC6C,GAAG,qBACPhD,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACiF,YAAY;IAChBlC,IAAI,EAAC,cAAc;IACnBE,KAAK,EAAC,eAAe;IACrBiB,OAAO,EAAEgB,uBAAwB;IACjC7C,QAAQ,EAAE;EAAE,CACb,CAAC,eACFxC,KAAA,CAAAkB,aAAA,CAACf,IAAI,CAACmF,WAAW;IACfpC,IAAI,EAAC,aAAa;IAClBE,KAAK,EAAC,+BAA+B;IACrCiB,OAAO,EAAEkB,sBAAuB;IAChCC,MAAM,EAAEC,qBAAsB;IAC9BjD,QAAQ,EAAE;EAAE,CACb,CACO,CAAC,eACXxC,KAAA,CAAAkB,aAAA,CAACjB,GAAG;IAACyF,SAAS,EAAC,QAAQ;IAACC,SAAS,EAAC,IAAI;IAACC,YAAY,EAAC;EAAI,gBACtD5F,KAAA,CAAAkB,aAAA,CAAChB,MAAM;IAAC2F,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAO,GAAC,OAEjC,CAAC,EAAC,GAAG,eACb9F,KAAA,CAAAkB,aAAA,CAAChB,MAAM;IAAC4F,IAAI,EAAC;EAAQ,GAAC,MAAY,CAC/B,CACI,CACP,CAAC;AAEX,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CACrBrF,KAGG,EACH;EACA,oBACEV,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAgG,QAAA,qBACEhG,KAAA,CAAAkB,aAAA,aAAI,UAAY,CAAC,eACjBlB,KAAA,CAAAkB,aAAA,aAAI,QAAU,CAAC,eACflB,KAAA,CAAAkB,aAAA,CAACQ,UAAU,EAAAuB,QAAA;IAACf,IAAI,EAAC;EAAQ,GAAKxB,KAAK,CAAG,CAAC,eACvCV,KAAA,CAAAkB,aAAA,aAAI,MAAQ,CAAC,eACblB,KAAA,CAAAkB,aAAA,CAACQ,UAAU,EAAAuB,QAAA;IAACf,IAAI,EAAC;EAAM,GAAKxB,KAAK,CAAG,CAAC,eACrCV,KAAA,CAAAkB,aAAA,aAAI,QAAU,CAAC,eACflB,KAAA,CAAAkB,aAAA,CAACQ,UAAU,EAAAuB,QAAA;IAACf,IAAI,EAAC;EAAQ,GAAKxB,KAAK,CAAG,CACtC,CAAC;AAEP;AAEA,OAAO,IAAM6E,sBAAsB,GAAG,CACpC;EAAEU,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EAC7B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EAC7B;EAAE6C,EAAE,EAAE,IAAI;EAAE7C,KAAK,EAAE;AAAO,CAAC,EAC3B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAY,CAAC,EACnC;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EAC7B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAW,CAAC,EAClC;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EAC7B;EAAE6C,EAAE,EAAE,KAAK;EAAE7C,KAAK,EAAE;AAAO,CAAC,EAC5B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAU,CAAC,EACjC;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAO,CAAC,EAC9B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EAC7B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAS,CAAC,EAChC;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EAC7B;EAAE6C,EAAE,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAO,CAAC,CAC/B;AAED,OAAO,IAAMqC,qBAAqB,GAAG,CACnC;EACEQ,EAAE,EAAE,MAAM;EACV7C,KAAK,EAAE,UAAU;EACjBiB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;AAC9C,CAAC,EACD;EAAE4B,EAAE,EAAE,MAAM;EAAE7C,KAAK,EAAE,UAAU;EAAEiB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;AAAE,CAAC,EAC9D;EAAE4B,EAAE,EAAE,MAAM;EAAE7C,KAAK,EAAE,UAAU;EAAEiB,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK;AAAE,CAAC,EAC5D;EAAE4B,EAAE,EAAE,MAAM;EAAE7C,KAAK,EAAE,UAAU;EAAEiB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;AAAE,CAAC,EAC9D;EAAE4B,EAAE,EAAE,MAAM;EAAE7C,KAAK,EAAE,UAAU;EAAEiB,OAAO,EAAE,CAAC,IAAI;AAAE,CAAC,CACnD,CAAC6B,GAAG,CAAC,UAACtB,KAAK;EAAA,OAAAuB,aAAA,CAAAA,aAAA,KACPvB,KAAK;IACRP,OAAO,EAAEO,KAAK,CAACP,OAAO,CAAC6B,GAAG,CAAC,UAACE,QAAQ;MAAA,OAClCb,sBAAsB,CAACc,IAAI,CAAC,UAAC5B,MAAM;QAAA,OAAKA,MAAM,CAACwB,EAAE,KAAKG,QAAQ;MAAA,EAAC;IAAA,CACjE;EAAC;AAAA,CACD,CAAC;AAEH,OAAO,IAAMf,uBAAuB,GAAG,CACrC;EACEY,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,CAAC;EACLK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,IAAI;EACbC,WAAW,EAAE,EAAE;EACfnD,KAAK,EACH;AACJ,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,EAAE;EACXC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,EAAE;EACXC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,EAAE;EACXC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,EAAE;EACXC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,EAAE;EACXlD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZlD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZlD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZlD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZlD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZlD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZC,WAAW,EAAE,GAAG;EAChBnD,KAAK,EAAE;AACT,CAAC,EACD;EACE6C,EAAE,EAAE,EAAE;EACNK,OAAO,EAAE,GAAG;EACZlD,KAAK,EAAE;AACT,CAAC,CACF;AAED,OAAO,IAAMkB,iBAAiB,GAAG,CAC/B;EAAE2B,EAAE,EAAE,CAAC;EAAE7C,KAAK,EAAE,oBAAoB;EAAEsB,gBAAgB,EAAE;AAAE,CAAC,EAC3D;EAAEuB,EAAE,EAAE,CAAC;EAAE7C,KAAK,EAAE,aAAa;EAAEsB,gBAAgB,EAAE;AAAE,CAAC,EACpD;EAAEuB,EAAE,EAAE,CAAC;EAAE7C,KAAK,EAAE,mBAAmB;EAAEsB,gBAAgB,EAAE;AAAE,CAAC,EAC1D;EACEuB,EAAE,EAAE,CAAC;EACL7C,KAAK,EAAE,kDAAkD;EACzDsB,gBAAgB,EAAE;AACpB,CAAC,EACD;EAAEuB,EAAE,EAAE,CAAC;EAAE7C,KAAK,EAAE,WAAW;EAAEsB,gBAAgB,EAAE;AAAE,CAAC,EAClD;EACEuB,EAAE,EAAE,CAAC;EACL7C,KAAK,EACH,sEAAsE;EACxEsB,gBAAgB,EAAE;AACpB,CAAC,CACF;AAED,OAAO,IAAMO,sBAAsB,GAAG,CACpC;EAAEJ,IAAI,EAAE,CAAC;EAAEE,WAAW,EAAE;AAAU,CAAC,EACnC;EACEF,IAAI,EAAE,CAAC;EACPE,WAAW,EAAE;AACf,CAAC,EACD;EAAEF,IAAI,EAAE,CAAC;EAAEE,WAAW,EAAE;AAAU,CAAC,CACpC;AAED,OAAO,IAAMI,qBAIV,GAAG,CACJ;EAAEc,EAAE,EAAE,GAAG;EAAE7C,KAAK,EAAE,cAAc;EAAE7C,KAAK,EAAE;AAAS,CAAC,EACnD;EAAE0F,EAAE,EAAE,GAAG;EAAE7C,KAAK,EAAE,OAAO;EAAE7C,KAAK,EAAE;AAAM,CAAC,EACzC;EAAE0F,EAAE,EAAE,GAAG;EAAE7C,KAAK,EAAE,iBAAiB;EAAE7C,KAAK,EAAE;AAAO,CAAC,EACpD;EAAE0F,EAAE,EAAE,GAAG;EAAE7C,KAAK,EAAE,oBAAoB;EAAE7C,KAAK,EAAE;AAAO,CAAC,EACvD;EACE0F,EAAE,EAAE,GAAG;EACP7C,KAAK,EAAE,yDAAyD;EAChE7C,KAAK,EAAE;AACT,CAAC,CACF;AAED,OAAO,IAAMiG,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,cAAc;EACpBC,MAAM,EAAE,UAAU;EAClBC,QAAQ,EAAE,IAAI;EACdC,UAAU,EAAE,CAACtC,iBAAiB,CAAC,CAAC,CAAC,EAAEA,iBAAiB,CAAC,CAAC,CAAC,CAAC;EACxDuC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EACzCC,QAAQ,EAAE,wCAAwC;EAClDC,MAAM,EAAE3C,iBAAiB,CAAC,CAAC,CAAC;EAC5B4C,WAAW,EAAE,CACX5C,iBAAiB,CAAC,CAAC,CAAC,EACpBA,iBAAiB,CAAC,CAAC,CAAC,EACpBA,iBAAiB,CAAC,CAAC,CAAC,CACrB;EACD6C,UAAU,EAAEhC,qBAAqB,CAAC,CAAC,CAAC;EACpCiC,WAAW,EAAE,CAAC7B,sBAAsB,CAAC,CAAC,CAAC,EAAEA,sBAAsB,CAAC,CAAC,CAAC,CAAC;EACnE8B,YAAY,EAAE,CACZ;IACEpB,EAAE,EAAE,CAAC;IACLK,OAAO,EAAE,IAAI;IACbC,WAAW,EAAE,EAAE;IACfnD,KAAK,EAAE;EACT,CAAC,EACD;IACE6C,EAAE,EAAE,EAAE;IACNK,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,GAAG;IAChBnD,KAAK,EAAE;EACT,CAAC,EACD;IACE6C,EAAE,EAAE,EAAE;IACNK,OAAO,EAAE,GAAG;IACZC,WAAW,EAAE,GAAG;IAChBnD,KAAK,EAAE;EACT,CAAC,CACF;EACDkE,YAAY,EAAEhD,iBAAiB,CAAC,CAAC,CAAC;EAClCiD,QAAQ,EACN;AACJ,CAAC","ignoreList":[]}

package/dist/GhostPlaceholder/GhostPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"GhostPlaceholder.js","names":["React","useI18nContext","colors","PlaceholderItem","RoundPlaceholderItem","GhostPlaceholder","memo","_ref","shape","_ref$small","small","_ref$startGradientCol","startGradientColor","gray94","_ref$endGradientColor","endGradientColor","gray20","props","_objectWithoutProperties","_excluded","i18n","loadingLabel","t","defaultValue","createElement","_extends","role","$small","$startGradientColor","$endGradientColor"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { colors } from '../_styles/colors'\nimport {\n  PlaceholderItem,\n  RoundPlaceholderItem,\n} from './GhostPlaceholder.styles'\nimport type { GhostPlaceholderProps } from './GhostPlaceholder.types'\n\nconst GhostPlaceholder: React.FC<GhostPlaceholderProps> = React.memo(\n  ({\n    shape,\n    small = false,\n    startGradientColor = colors.gray94,\n    endGradientColor = colors.gray20,\n    ...props\n  }) => {\n    const i18n = useI18nContext()\n    const loadingLabel = i18n.t('core.spinner.loading', {\n      defaultValue: 'Loading',\n    })\n\n    if (shape === 'round') {\n      return (\n        <RoundPlaceholderItem\n          role=\"img\"\n          aria-label={loadingLabel}\n          $small={small}\n          $startGradientColor={startGradientColor}\n          $endGradientColor={endGradientColor}\n          {...props}\n        />\n      )\n    }\n    return (\n      <PlaceholderItem\n        role=\"img\"\n        aria-label={loadingLabel}\n        $startGradientColor={startGradientColor}\n        $endGradientColor={endGradientColor}\n        {...props}\n      />\n    )\n  }\n)\n\nexport default GhostPlaceholder\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SACEC,eAAe,EACfC,oBAAoB,QACf,2BAA2B;AAGlC,IAAMC,gBAAiD,gBAAGL,KAAK,CAACM,IAAI,CAClE,UAAAC,IAAA,EAMM;EAAA,IALJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,qBAAA,GAAAJ,IAAA,CACbK,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAGT,MAAM,CAACW,MAAM,GAAAF,qBAAA;IAAAG,qBAAA,GAAAP,IAAA,CAClCQ,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAGZ,MAAM,CAACc,MAAM,GAAAF,qBAAA;IAC7BG,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAER,IAAMC,IAAI,GAAGnB,cAAc,CAAC,CAAC;EAC7B,IAAMoB,YAAY,GAAGD,IAAI,CAACE,CAAC,CAAC,sBAAsB,EAAE;IAClDC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEF,IAAIf,KAAK,KAAK,OAAO,EAAE;IACrB,oBACER,KAAA,CAAAwB,aAAA,CAACpB,oBAAoB,EAAAqB,QAAA;MACnBC,IAAI,EAAC,KAAK;MACV,cAAYL,YAAa;MACzBM,MAAM,EAAEjB,KAAM;MACdkB,mBAAmB,EAAEhB,kBAAmB;MACxCiB,iBAAiB,EAAEd;IAAiB,GAChCE,KAAK,CACV,CAAC;EAEN;EACA,oBACEjB,KAAA,CAAAwB,aAAA,CAACrB,eAAe,EAAAsB,QAAA;IACdC,IAAI,EAAC,KAAK;IACV,cAAYL,YAAa;IACzBO,mBAAmB,EAAEhB,kBAAmB;IACxCiB,iBAAiB,EAAEd;EAAiB,GAChCE,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,eAAeZ,gBAAgB"}
+{"version":3,"file":"GhostPlaceholder.js","names":["React","useI18nContext","colors","PlaceholderItem","RoundPlaceholderItem","GhostPlaceholder","memo","_ref","shape","_ref$small","small","_ref$startGradientCol","startGradientColor","gray94","_ref$endGradientColor","endGradientColor","gray20","props","_objectWithoutProperties","_excluded","i18n","loadingLabel","t","defaultValue","createElement","_extends","role","$small","$startGradientColor","$endGradientColor"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { colors } from '../_styles/colors'\nimport {\n  PlaceholderItem,\n  RoundPlaceholderItem,\n} from './GhostPlaceholder.styles'\nimport type { GhostPlaceholderProps } from './GhostPlaceholder.types'\n\nconst GhostPlaceholder: React.FC<GhostPlaceholderProps> = React.memo(\n  ({\n    shape,\n    small = false,\n    startGradientColor = colors.gray94,\n    endGradientColor = colors.gray20,\n    ...props\n  }) => {\n    const i18n = useI18nContext()\n    const loadingLabel = i18n.t('core.spinner.loading', {\n      defaultValue: 'Loading',\n    })\n\n    if (shape === 'round') {\n      return (\n        <RoundPlaceholderItem\n          role=\"img\"\n          aria-label={loadingLabel}\n          $small={small}\n          $startGradientColor={startGradientColor}\n          $endGradientColor={endGradientColor}\n          {...props}\n        />\n      )\n    }\n    return (\n      <PlaceholderItem\n        role=\"img\"\n        aria-label={loadingLabel}\n        $startGradientColor={startGradientColor}\n        $endGradientColor={endGradientColor}\n        {...props}\n      />\n    )\n  }\n)\n\nexport default GhostPlaceholder\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SACEC,eAAe,EACfC,oBAAoB,QACf,2BAA2B;AAGlC,IAAMC,gBAAiD,gBAAGL,KAAK,CAACM,IAAI,CAClE,UAAAC,IAAA,EAMM;EAAA,IALJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,qBAAA,GAAAJ,IAAA,CACbK,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAGT,MAAM,CAACW,MAAM,GAAAF,qBAAA;IAAAG,qBAAA,GAAAP,IAAA,CAClCQ,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAGZ,MAAM,CAACc,MAAM,GAAAF,qBAAA;IAC7BG,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAER,IAAMC,IAAI,GAAGnB,cAAc,CAAC,CAAC;EAC7B,IAAMoB,YAAY,GAAGD,IAAI,CAACE,CAAC,CAAC,sBAAsB,EAAE;IAClDC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEF,IAAIf,KAAK,KAAK,OAAO,EAAE;IACrB,oBACER,KAAA,CAAAwB,aAAA,CAACpB,oBAAoB,EAAAqB,QAAA;MACnBC,IAAI,EAAC,KAAK;MACV,cAAYL,YAAa;MACzBM,MAAM,EAAEjB,KAAM;MACdkB,mBAAmB,EAAEhB,kBAAmB;MACxCiB,iBAAiB,EAAEd;IAAiB,GAChCE,KAAK,CACV,CAAC;EAEN;EACA,oBACEjB,KAAA,CAAAwB,aAAA,CAACrB,eAAe,EAAAsB,QAAA;IACdC,IAAI,EAAC,KAAK;IACV,cAAYL,YAAa;IACzBO,mBAAmB,EAAEhB,kBAAmB;IACxCiB,iBAAiB,EAAEd;EAAiB,GAChCE,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,eAAeZ,gBAAgB","ignoreList":[]}

package/dist/GhostPlaceholder/GhostPlaceholder.styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PlaceholderItemProps, RoundPlaceholderItemProps } from './GhostPlaceholder.types';
 export declare const PlaceholderItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderItemProps>> & string;
 export declare const RoundPlaceholderItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof PlaceholderItemProps> & PlaceholderItemProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, RoundPlaceholderItemProps>> & string;

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js

@@ -3,7 +3,7 @@ import { spacing } from '../_styles/spacing';
 var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
 export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "PlaceholderItem",
-  componentId: "core-12_53_0__sc-1nja302-0"
+  componentId: "core-12_53_1__sc-1nja302-0"
 })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;@media (prefers-reduced-motion:reduce){animation:none;}"], shimmerAnimation, function (props) {
   return props.$startGradientColor;
 }, function (props) {
@@ -11,7 +11,7 @@ export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
   displayName: "RoundPlaceholderItem",
-  componentId: "core-12_53_0__sc-1nja302-1"
+  componentId: "core-12_53_1__sc-1nja302-1"
 })(["width:", ";height:", ";border-radius:50%;"], function (props) {
   return props.$small ? '24px' : '40px';
 }, function (props) {

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n  PlaceholderItemProps,\n  RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 500px;\n  }\n  100% {\n    background-position: 1000px 500px;\n  }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n  width: 100%;\n  min-height: 24px;\n  padding: 10px 0;\n\n  animation: ${shimmerAnimation} 3s ease-out infinite;\n  background: radial-gradient(\n    ellipse at center,\n    ${(props) => props.$startGradientColor} 0%,\n    ${(props) => props.$endGradientColor} 50%\n  );\n  background-size: 2000px 2000px;\n  border-radius: ${spacing.sm}px;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`\n\nexport const RoundPlaceholderItem = styled(\n  PlaceholderItem\n)<RoundPlaceholderItemProps>`\n  width: ${(props) => (props.$small ? '24px' : '40px')};\n  height: ${(props) => (props.$small ? '24px' : '40px')};\n  border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAK5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD"}
+{"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n  PlaceholderItemProps,\n  RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 500px;\n  }\n  100% {\n    background-position: 1000px 500px;\n  }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n  width: 100%;\n  min-height: 24px;\n  padding: 10px 0;\n\n  animation: ${shimmerAnimation} 3s ease-out infinite;\n  background: radial-gradient(\n    ellipse at center,\n    ${(props) => props.$startGradientColor} 0%,\n    ${(props) => props.$endGradientColor} 50%\n  );\n  background-size: 2000px 2000px;\n  border-radius: ${spacing.sm}px;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`\n\nexport const RoundPlaceholderItem = styled(\n  PlaceholderItem\n)<RoundPlaceholderItemProps>`\n  width: ${(props) => (props.$small ? '24px' : '40px')};\n  height: ${(props) => (props.$small ? '24px' : '40px')};\n  border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAK5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD","ignoreList":[]}

package/dist/GhostPlaceholder/GhostPlaceholder.types.d.ts

@@ -1,6 +1,6 @@
 import type { ColorPaletteObject } from '../_styles/colors';
 import type { Props } from '../_utils/types';
-declare type Shape = 'default' | 'round';
+type Shape = 'default' | 'round';
 /**
  * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the
  * region it occupies) in a container with `aria-busy="true"` while content is

package/dist/GhostPlaceholder/GhostPlaceholder.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\n/**\n * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the\n * region it occupies) in a container with `aria-busy=\"true\"` while content is\n * loading, and set `aria-busy=\"false\"` (or remove the attribute) once the real\n * content has rendered. This is the primary way loading state is communicated\n * to assistive technologies.\n *\n * The shimmer animation is automatically disabled for users who have\n * `prefers-reduced-motion: reduce` set.\n */\nexport interface GhostPlaceholderProps extends Props {\n  /**\n   * Possible shapes are 'default' and 'round'\n   * @default 'default'\n   * @since 12.11.0\n   */\n  shape?: Shape\n  /**\n   * Will display smaller version of the placeholder instead of full width\n   * @default 'false'\n   * @since 12.11.0\n   */\n  small?: boolean\n  /**\n   * The starting color of the gradient\n   * @default gray94\n   * @since 12.11.0\n   */\n  startGradientColor?: ColorPaletteObject | string\n  /**\n   * The ending color of the gradient\n   * @default gray20\n   * @since 12.11.0\n   */\n  endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n  $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n  $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n  $small?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\n/**\n * @a11y `GhostPlaceholder` is a decorative loading indicator. Wrap it (or the\n * region it occupies) in a container with `aria-busy=\"true\"` while content is\n * loading, and set `aria-busy=\"false\"` (or remove the attribute) once the real\n * content has rendered. This is the primary way loading state is communicated\n * to assistive technologies.\n *\n * The shimmer animation is automatically disabled for users who have\n * `prefers-reduced-motion: reduce` set.\n */\nexport interface GhostPlaceholderProps extends Props {\n  /**\n   * Possible shapes are 'default' and 'round'\n   * @default 'default'\n   * @since 12.11.0\n   */\n  shape?: Shape\n  /**\n   * Will display smaller version of the placeholder instead of full width\n   * @default 'false'\n   * @since 12.11.0\n   */\n  small?: boolean\n  /**\n   * The starting color of the gradient\n   * @default gray94\n   * @since 12.11.0\n   */\n  startGradientColor?: ColorPaletteObject | string\n  /**\n   * The ending color of the gradient\n   * @default gray20\n   * @since 12.11.0\n   */\n  endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n  $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n  $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n  $small?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/GhostPlaceholder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GhostPlaceholder"],"sources":["../../src/GhostPlaceholder/index.ts"],"sourcesContent":["import GhostPlaceholder from './GhostPlaceholder'\nexport type { GhostPlaceholderProps } from './GhostPlaceholder.types'\nexport { GhostPlaceholder }\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AAEjD,SAASA,gBAAgB"}
+{"version":3,"file":"index.js","names":["GhostPlaceholder"],"sources":["../../src/GhostPlaceholder/index.ts"],"sourcesContent":["import GhostPlaceholder from './GhostPlaceholder'\nexport type { GhostPlaceholderProps } from './GhostPlaceholder.types'\nexport { GhostPlaceholder }\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AAEjD,SAASA,gBAAgB","ignoreList":[]}

package/dist/Grid/Grid.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.constants.js","names":["breakpointRawMinWidthValues","mobileLg","tabletSm","tabletMd","tabletLg","desktopSm","desktopMd","breakpointMinWidthValues","concat","breakpointsSmallToLarge"],"sources":["../../src/Grid/Grid.constants.ts"],"sourcesContent":["import type { GridBreakpoint } from './Grid.types'\n\nexport const breakpointRawMinWidthValues: Record<GridBreakpoint, number> = {\n  mobileLg: 0,\n  tabletSm: 576,\n  tabletMd: 768,\n  tabletLg: 992,\n  desktopSm: 1200,\n  desktopMd: 1400,\n}\n\nexport const breakpointMinWidthValues: Record<GridBreakpoint, string> = {\n  mobileLg: `${breakpointRawMinWidthValues.mobileLg}px`,\n  tabletSm: `${breakpointRawMinWidthValues.tabletSm}px`,\n  tabletMd: `${breakpointRawMinWidthValues.tabletMd}px`,\n  tabletLg: `${breakpointRawMinWidthValues.tabletLg}px`,\n  desktopSm: `${breakpointRawMinWidthValues.desktopSm}px`,\n  desktopMd: `${breakpointRawMinWidthValues.desktopMd}px`,\n}\n\nexport const breakpointsSmallToLarge: GridBreakpoint[] = [\n  'mobileLg',\n  'tabletSm',\n  'tabletMd',\n  'tabletLg',\n  'desktopSm',\n  'desktopMd',\n]\n"],"mappings":"AAEA,OAAO,IAAMA,2BAA2D,GAAG;EACzEC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE,GAAG;EACbC,QAAQ,EAAE,GAAG;EACbC,QAAQ,EAAE,GAAG;EACbC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE;AACb,CAAC;AAED,OAAO,IAAMC,wBAAwD,GAAG;EACtEN,QAAQ,KAAAO,MAAA,CAAKR,2BAA2B,CAACC,QAAQ,OAAI;EACrDC,QAAQ,KAAAM,MAAA,CAAKR,2BAA2B,CAACE,QAAQ,OAAI;EACrDC,QAAQ,KAAAK,MAAA,CAAKR,2BAA2B,CAACG,QAAQ,OAAI;EACrDC,QAAQ,KAAAI,MAAA,CAAKR,2BAA2B,CAACI,QAAQ,OAAI;EACrDC,SAAS,KAAAG,MAAA,CAAKR,2BAA2B,CAACK,SAAS,OAAI;EACvDC,SAAS,KAAAE,MAAA,CAAKR,2BAA2B,CAACM,SAAS;AACrD,CAAC;AAED,OAAO,IAAMG,uBAAyC,GAAG,CACvD,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,CACZ"}
+{"version":3,"file":"Grid.constants.js","names":["breakpointRawMinWidthValues","mobileLg","tabletSm","tabletMd","tabletLg","desktopSm","desktopMd","breakpointMinWidthValues","concat","breakpointsSmallToLarge"],"sources":["../../src/Grid/Grid.constants.ts"],"sourcesContent":["import type { GridBreakpoint } from './Grid.types'\n\nexport const breakpointRawMinWidthValues: Record<GridBreakpoint, number> = {\n  mobileLg: 0,\n  tabletSm: 576,\n  tabletMd: 768,\n  tabletLg: 992,\n  desktopSm: 1200,\n  desktopMd: 1400,\n}\n\nexport const breakpointMinWidthValues: Record<GridBreakpoint, string> = {\n  mobileLg: `${breakpointRawMinWidthValues.mobileLg}px`,\n  tabletSm: `${breakpointRawMinWidthValues.tabletSm}px`,\n  tabletMd: `${breakpointRawMinWidthValues.tabletMd}px`,\n  tabletLg: `${breakpointRawMinWidthValues.tabletLg}px`,\n  desktopSm: `${breakpointRawMinWidthValues.desktopSm}px`,\n  desktopMd: `${breakpointRawMinWidthValues.desktopMd}px`,\n}\n\nexport const breakpointsSmallToLarge: GridBreakpoint[] = [\n  'mobileLg',\n  'tabletSm',\n  'tabletMd',\n  'tabletLg',\n  'desktopSm',\n  'desktopMd',\n]\n"],"mappings":"AAEA,OAAO,IAAMA,2BAA2D,GAAG;EACzEC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE,GAAG;EACbC,QAAQ,EAAE,GAAG;EACbC,QAAQ,EAAE,GAAG;EACbC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE;AACb,CAAC;AAED,OAAO,IAAMC,wBAAwD,GAAG;EACtEN,QAAQ,KAAAO,MAAA,CAAKR,2BAA2B,CAACC,QAAQ,OAAI;EACrDC,QAAQ,KAAAM,MAAA,CAAKR,2BAA2B,CAACE,QAAQ,OAAI;EACrDC,QAAQ,KAAAK,MAAA,CAAKR,2BAA2B,CAACG,QAAQ,OAAI;EACrDC,QAAQ,KAAAI,MAAA,CAAKR,2BAA2B,CAACI,QAAQ,OAAI;EACrDC,SAAS,KAAAG,MAAA,CAAKR,2BAA2B,CAACK,SAAS,OAAI;EACvDC,SAAS,KAAAE,MAAA,CAAKR,2BAA2B,CAACM,SAAS;AACrD,CAAC;AAED,OAAO,IAAMG,uBAAyC,GAAG,CACvD,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,CACZ","ignoreList":[]}

package/dist/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["React","addSubcomponents","StyledGridCol","StyledGridRow","overrideIfNotDefined","defaultContextShape","gutterX","gutterY","colStackCap","GridContext","createContext","BaseGrid","_ref","props","_objectWithoutProperties","_excluded","gridContextValue","createElement","Provider","value","GridRow","forwardRef","ref","_React$useContext","useContext","_extends","$gutterX","$gutterY","GridCol","_ref2","_ref2$colWidth","colWidth","offset","colStart","_excluded2","_React$useContext2","colStackBreakpoint","$span","$offset","$colStackBreakpoint","Grid","Row","Col"],"sources":["../../src/Grid/Grid.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledGridCol, StyledGridRow } from './Grid.styles'\nimport type {\n  GridColProps,\n  GridContextShape,\n  GridProps,\n  GridRowProps,\n} from './Grid.types'\nimport { overrideIfNotDefined } from './Grid.utils'\n\nconst defaultContextShape: GridContextShape = {\n  gutterX: 'none',\n  gutterY: 'none',\n  colStackCap: 'mobileLg',\n}\nconst GridContext = React.createContext<GridContextShape>(defaultContextShape)\n\nfunction BaseGrid({ gutterX, gutterY, colStackCap, ...props }: GridProps) {\n  const gridContextValue = overrideIfNotDefined(defaultContextShape, {\n    gutterX,\n    gutterY,\n    colStackCap,\n  })\n  return (\n    <GridContext.Provider value={gridContextValue}>\n      <div {...props} />\n    </GridContext.Provider>\n  )\n}\n\nconst GridRow = React.forwardRef<HTMLDivElement, GridRowProps>(function GridRow(\n  props,\n  ref\n) {\n  const { gutterX, gutterY } = React.useContext(GridContext)\n  return (\n    <StyledGridRow {...props} $gutterX={gutterX} $gutterY={gutterY} ref={ref} />\n  )\n})\n\nconst GridCol = React.forwardRef<HTMLDivElement, GridColProps>(function GridCol(\n  { colWidth = 'auto', colStart: offset, ...props },\n  ref\n) {\n  const {\n    gutterX,\n    gutterY,\n    colStackCap: colStackBreakpoint,\n  } = React.useContext(GridContext)\n  return (\n    <StyledGridCol\n      {...props}\n      ref={ref}\n      $span={colWidth}\n      $offset={offset}\n      $gutterX={gutterX}\n      $gutterY={gutterY}\n      $colStackBreakpoint={colStackBreakpoint}\n    />\n  )\n})\n\nexport const Grid = addSubcomponents(\n  {\n    Row: GridRow,\n    Col: GridCol,\n  },\n  BaseGrid\n)\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,aAAa,EAAEC,aAAa,QAAQ,eAAe;AAO5D,SAASC,oBAAoB,QAAQ,cAAc;AAEnD,IAAMC,mBAAqC,GAAG;EAC5CC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,MAAM;EACfC,WAAW,EAAE;AACf,CAAC;AACD,IAAMC,WAAW,gBAAGT,KAAK,CAACU,aAAa,CAAmBL,mBAAmB,CAAC;AAE9E,SAASM,QAAQA,CAAAC,IAAA,EAAyD;EAAA,IAAtDN,OAAO,GAAAM,IAAA,CAAPN,OAAO;IAAEC,OAAO,GAAAK,IAAA,CAAPL,OAAO;IAAEC,WAAW,GAAAI,IAAA,CAAXJ,WAAW;IAAKK,KAAK,GAAAC,wBAAA,CAAAF,IAAA,EAAAG,SAAA;EACzD,IAAMC,gBAAgB,GAAGZ,oBAAoB,CAACC,mBAAmB,EAAE;IACjEC,OAAO,EAAPA,OAAO;IACPC,OAAO,EAAPA,OAAO;IACPC,WAAW,EAAXA;EACF,CAAC,CAAC;EACF,oBACER,KAAA,CAAAiB,aAAA,CAACR,WAAW,CAACS,QAAQ;IAACC,KAAK,EAAEH;EAAiB,gBAC5ChB,KAAA,CAAAiB,aAAA,QAASJ,KAAQ,CACG,CAAC;AAE3B;AAEA,IAAMO,OAAO,gBAAGpB,KAAK,CAACqB,UAAU,CAA+B,SAASD,OAAOA,CAC7EP,KAAK,EACLS,GAAG,EACH;EACA,IAAAC,iBAAA,GAA6BvB,KAAK,CAACwB,UAAU,CAACf,WAAW,CAAC;IAAlDH,OAAO,GAAAiB,iBAAA,CAAPjB,OAAO;IAAEC,OAAO,GAAAgB,iBAAA,CAAPhB,OAAO;EACxB,oBACEP,KAAA,CAAAiB,aAAA,CAACd,aAAa,EAAAsB,QAAA,KAAKZ,KAAK;IAAEa,QAAQ,EAAEpB,OAAQ;IAACqB,QAAQ,EAAEpB,OAAQ;IAACe,GAAG,EAAEA;EAAI,EAAE,CAAC;AAEhF,CAAC,CAAC;AAEF,IAAMM,OAAO,gBAAG5B,KAAK,CAACqB,UAAU,CAA+B,SAASO,OAAOA,CAAAC,KAAA,EAE7EP,GAAG,EACH;EAAA,IAAAQ,cAAA,GAAAD,KAAA,CAFEE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAYE,MAAM,GAAAH,KAAA,CAAhBI,QAAQ;IAAapB,KAAK,GAAAC,wBAAA,CAAAe,KAAA,EAAAK,UAAA;EAG/C,IAAAC,kBAAA,GAIInC,KAAK,CAACwB,UAAU,CAACf,WAAW,CAAC;IAH/BH,OAAO,GAAA6B,kBAAA,CAAP7B,OAAO;IACPC,OAAO,GAAA4B,kBAAA,CAAP5B,OAAO;IACM6B,kBAAkB,GAAAD,kBAAA,CAA/B3B,WAAW;EAEb,oBACER,KAAA,CAAAiB,aAAA,CAACf,aAAa,EAAAuB,QAAA,KACRZ,KAAK;IACTS,GAAG,EAAEA,GAAI;IACTe,KAAK,EAAEN,QAAS;IAChBO,OAAO,EAAEN,MAAO;IAChBN,QAAQ,EAAEpB,OAAQ;IAClBqB,QAAQ,EAAEpB,OAAQ;IAClBgC,mBAAmB,EAAEH;EAAmB,EACzC,CAAC;AAEN,CAAC,CAAC;AAEF,OAAO,IAAMI,IAAI,GAAGvC,gBAAgB,CAClC;EACEwC,GAAG,EAAErB,OAAO;EACZsB,GAAG,EAAEd;AACP,CAAC,EACDjB,QACF,CAAC"}
+{"version":3,"file":"Grid.js","names":["React","addSubcomponents","StyledGridCol","StyledGridRow","overrideIfNotDefined","defaultContextShape","gutterX","gutterY","colStackCap","GridContext","createContext","BaseGrid","_ref","props","_objectWithoutProperties","_excluded","gridContextValue","createElement","Provider","value","GridRow","forwardRef","ref","_React$useContext","useContext","_extends","$gutterX","$gutterY","GridCol","_ref2","_ref2$colWidth","colWidth","offset","colStart","_excluded2","_React$useContext2","colStackBreakpoint","$span","$offset","$colStackBreakpoint","Grid","Row","Col"],"sources":["../../src/Grid/Grid.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledGridCol, StyledGridRow } from './Grid.styles'\nimport type {\n  GridColProps,\n  GridContextShape,\n  GridProps,\n  GridRowProps,\n} from './Grid.types'\nimport { overrideIfNotDefined } from './Grid.utils'\n\nconst defaultContextShape: GridContextShape = {\n  gutterX: 'none',\n  gutterY: 'none',\n  colStackCap: 'mobileLg',\n}\nconst GridContext = React.createContext<GridContextShape>(defaultContextShape)\n\nfunction BaseGrid({ gutterX, gutterY, colStackCap, ...props }: GridProps) {\n  const gridContextValue = overrideIfNotDefined(defaultContextShape, {\n    gutterX,\n    gutterY,\n    colStackCap,\n  })\n  return (\n    <GridContext.Provider value={gridContextValue}>\n      <div {...props} />\n    </GridContext.Provider>\n  )\n}\n\nconst GridRow = React.forwardRef<HTMLDivElement, GridRowProps>(function GridRow(\n  props,\n  ref\n) {\n  const { gutterX, gutterY } = React.useContext(GridContext)\n  return (\n    <StyledGridRow {...props} $gutterX={gutterX} $gutterY={gutterY} ref={ref} />\n  )\n})\n\nconst GridCol = React.forwardRef<HTMLDivElement, GridColProps>(function GridCol(\n  { colWidth = 'auto', colStart: offset, ...props },\n  ref\n) {\n  const {\n    gutterX,\n    gutterY,\n    colStackCap: colStackBreakpoint,\n  } = React.useContext(GridContext)\n  return (\n    <StyledGridCol\n      {...props}\n      ref={ref}\n      $span={colWidth}\n      $offset={offset}\n      $gutterX={gutterX}\n      $gutterY={gutterY}\n      $colStackBreakpoint={colStackBreakpoint}\n    />\n  )\n})\n\nexport const Grid = addSubcomponents(\n  {\n    Row: GridRow,\n    Col: GridCol,\n  },\n  BaseGrid\n)\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,aAAa,EAAEC,aAAa,QAAQ,eAAe;AAO5D,SAASC,oBAAoB,QAAQ,cAAc;AAEnD,IAAMC,mBAAqC,GAAG;EAC5CC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,MAAM;EACfC,WAAW,EAAE;AACf,CAAC;AACD,IAAMC,WAAW,gBAAGT,KAAK,CAACU,aAAa,CAAmBL,mBAAmB,CAAC;AAE9E,SAASM,QAAQA,CAAAC,IAAA,EAAyD;EAAA,IAAtDN,OAAO,GAAAM,IAAA,CAAPN,OAAO;IAAEC,OAAO,GAAAK,IAAA,CAAPL,OAAO;IAAEC,WAAW,GAAAI,IAAA,CAAXJ,WAAW;IAAKK,KAAK,GAAAC,wBAAA,CAAAF,IAAA,EAAAG,SAAA;EACzD,IAAMC,gBAAgB,GAAGZ,oBAAoB,CAACC,mBAAmB,EAAE;IACjEC,OAAO,EAAPA,OAAO;IACPC,OAAO,EAAPA,OAAO;IACPC,WAAW,EAAXA;EACF,CAAC,CAAC;EACF,oBACER,KAAA,CAAAiB,aAAA,CAACR,WAAW,CAACS,QAAQ;IAACC,KAAK,EAAEH;EAAiB,gBAC5ChB,KAAA,CAAAiB,aAAA,QAASJ,KAAQ,CACG,CAAC;AAE3B;AAEA,IAAMO,OAAO,gBAAGpB,KAAK,CAACqB,UAAU,CAA+B,SAASD,OAAOA,CAC7EP,KAAK,EACLS,GAAG,EACH;EACA,IAAAC,iBAAA,GAA6BvB,KAAK,CAACwB,UAAU,CAACf,WAAW,CAAC;IAAlDH,OAAO,GAAAiB,iBAAA,CAAPjB,OAAO;IAAEC,OAAO,GAAAgB,iBAAA,CAAPhB,OAAO;EACxB,oBACEP,KAAA,CAAAiB,aAAA,CAACd,aAAa,EAAAsB,QAAA,KAAKZ,KAAK;IAAEa,QAAQ,EAAEpB,OAAQ;IAACqB,QAAQ,EAAEpB,OAAQ;IAACe,GAAG,EAAEA;EAAI,EAAE,CAAC;AAEhF,CAAC,CAAC;AAEF,IAAMM,OAAO,gBAAG5B,KAAK,CAACqB,UAAU,CAA+B,SAASO,OAAOA,CAAAC,KAAA,EAE7EP,GAAG,EACH;EAAA,IAAAQ,cAAA,GAAAD,KAAA,CAFEE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAAYE,MAAM,GAAAH,KAAA,CAAhBI,QAAQ;IAAapB,KAAK,GAAAC,wBAAA,CAAAe,KAAA,EAAAK,UAAA;EAG/C,IAAAC,kBAAA,GAIInC,KAAK,CAACwB,UAAU,CAACf,WAAW,CAAC;IAH/BH,OAAO,GAAA6B,kBAAA,CAAP7B,OAAO;IACPC,OAAO,GAAA4B,kBAAA,CAAP5B,OAAO;IACM6B,kBAAkB,GAAAD,kBAAA,CAA/B3B,WAAW;EAEb,oBACER,KAAA,CAAAiB,aAAA,CAACf,aAAa,EAAAuB,QAAA,KACRZ,KAAK;IACTS,GAAG,EAAEA,GAAI;IACTe,KAAK,EAAEN,QAAS;IAChBO,OAAO,EAAEN,MAAO;IAChBN,QAAQ,EAAEpB,OAAQ;IAClBqB,QAAQ,EAAEpB,OAAQ;IAClBgC,mBAAmB,EAAEH;EAAmB,EACzC,CAAC;AAEN,CAAC,CAAC;AAEF,OAAO,IAAMI,IAAI,GAAGvC,gBAAgB,CAClC;EACEwC,GAAG,EAAErB,OAAO;EACZsB,GAAG,EAAEd;AACP,CAAC,EACDjB,QACF,CAAC","ignoreList":[]}

package/dist/Grid/Grid.styles.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import type { GridBreakpoint, GridColProps, GridProps } from './Grid.types';
 export declare const StyledGridRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $gutterX: GridProps['gutterX'];
-    $gutterY: GridProps['gutterY'];
+    $gutterX: GridProps["gutterX"];
+    $gutterY: GridProps["gutterY"];
 }>> & string;
 export declare const StyledGridCol: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $offset?: GridColProps['colStart'];
-    $span?: GridColProps['colWidth'];
-    $gutterX: GridProps['gutterX'];
-    $gutterY: GridProps['gutterY'];
+    $offset?: GridColProps["colStart"];
+    $span?: GridColProps["colWidth"];
+    $gutterX: GridProps["gutterX"];
+    $gutterY: GridProps["gutterY"];
     $colStackBreakpoint: GridBreakpoint;
 }>> & string;

package/dist/Grid/Grid.styles.js

@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
 };
 export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridRow",
-  componentId: "core-12_53_0__sc-8pinsp-0"
+  componentId: "core-12_53_1__sc-8pinsp-0"
 })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
   var $gutterX = _ref.$gutterX,
     $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridCol",
-  componentId: "core-12_53_0__sc-8pinsp-1"
+  componentId: "core-12_53_1__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

package/dist/Grid/Grid.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.styles.js","names":["styled","css","spacing","breakpointMinWidthValues","breakpointsSmallToLarge","gridColumns","getIsColStackActive","targetBreakpoint","colStackBreakpoint","targetBrkIndex","indexOf","stackBrkIndex","getSpanCSS","span","spanValue","_typeof","getOffsetCSS","$offset","offsetValue","ratio","getColGutterHorizontal","gutterX","breakpoint","gutterKey","gutterCSS","getColGutterVertical","getRowGutterHorizontal","getRowGutterVertical","gutterY","StyledGridRow","div","withConfig","displayName","componentId","_ref","$gutterX","$gutterY","map","gutterXCSS","gutterYCSS","StyledGridCol","_ref2","$span","$colStackBreakpoint","spanCSS","offsetCSS","resultCSS"],"sources":["../../src/Grid/Grid.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport {\n  breakpointMinWidthValues,\n  breakpointsSmallToLarge,\n} from './Grid.constants'\nimport type { GridBreakpoint, GridColProps, GridProps } from './Grid.types'\n\nconst gridColumns = 12\n\nconst getIsColStackActive = (\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  const targetBrkIndex = breakpointsSmallToLarge.indexOf(targetBreakpoint)\n  const stackBrkIndex = breakpointsSmallToLarge.indexOf(colStackBreakpoint)\n\n  return targetBrkIndex <= stackBrkIndex\n}\n\nconst getSpanCSS = (\n  span: GridColProps['colWidth'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return css`\n      width: 100%;\n    `\n  }\n\n  const spanValue = typeof span !== 'object' ? span : span[targetBreakpoint]\n\n  if (typeof spanValue === 'undefined') {\n    return ''\n  }\n\n  if (spanValue === 'auto') {\n    return css`\n      flex: 1 1 0%;\n      max-width: 100%;\n    `\n  }\n\n  return css`\n    flex: 0 0 auto;\n    width: ${(spanValue / gridColumns) * 100}%;\n  `\n}\n\nconst getOffsetCSS = (\n  $offset: GridColProps['colStart'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return ''\n  }\n\n  const offsetValue =\n    typeof $offset === 'object' ? $offset[targetBreakpoint] : $offset\n\n  if (typeof offsetValue === 'undefined' || offsetValue >= gridColumns) {\n    return ''\n  }\n\n  const ratio = offsetValue / gridColumns\n\n  if (ratio === 0) {\n    return css`\n      margin-left: 0;\n    `\n  }\n\n  return css`\n    margin-left: ${ratio * 100}%;\n  `\n}\n\nconst getColGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    padding-right: ${spacing[gutterKey] / 2}px;\n    padding-left: ${spacing[gutterKey] / 2}px;\n  `\n\n  return gutterCSS\n}\n\nconst getColGutterVertical = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey]}px;\n  `\n\n  return gutterCSS\n}\n\nconst getRowGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-right: ${spacing[gutterKey] / -2}px;\n    margin-left: ${spacing[gutterKey] / -2}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nconst getRowGutterVertical = (\n  gutterY: GridProps['gutterY'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterY === 'object' ? gutterY[breakpoint] : gutterY\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey] * -1}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nexport const StyledGridRow = styled.div<{\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n}>`\n  ${({ $gutterX, $gutterY }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const gutterXCSS = getRowGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getRowGutterVertical($gutterY, breakpoint)\n      return css`\n        ${gutterXCSS}\n\n        // only adjust margins on first rows\n        &:first-child {\n          ${gutterYCSS}\n        }\n      `\n    })\n  }}\n\n  display: flex;\n  flex-wrap: wrap;\n`\n\nexport const StyledGridCol = styled.div<{\n  $offset?: GridColProps['colStart']\n  $span?: GridColProps['colWidth']\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n  $colStackBreakpoint: GridBreakpoint\n}>`\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ${({ $span, $offset, $gutterX, $gutterY, $colStackBreakpoint }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const spanCSS = getSpanCSS($span, breakpoint, $colStackBreakpoint)\n      const offsetCSS = getOffsetCSS($offset, breakpoint, $colStackBreakpoint)\n      const gutterXCSS = getColGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getColGutterVertical($gutterY, breakpoint)\n\n      const resultCSS = css`\n        ${offsetCSS}\n        ${gutterXCSS}\n        ${gutterYCSS}\n        ${spanCSS}\n      `\n\n      if (breakpoint === breakpointsSmallToLarge[0]) {\n        return resultCSS\n      }\n\n      return css`\n        @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n          ${resultCSS}\n        }\n      `\n    })\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Grid.styles.js","names":["styled","css","spacing","breakpointMinWidthValues","breakpointsSmallToLarge","gridColumns","getIsColStackActive","targetBreakpoint","colStackBreakpoint","targetBrkIndex","indexOf","stackBrkIndex","getSpanCSS","span","spanValue","_typeof","getOffsetCSS","$offset","offsetValue","ratio","getColGutterHorizontal","gutterX","breakpoint","gutterKey","gutterCSS","getColGutterVertical","getRowGutterHorizontal","getRowGutterVertical","gutterY","StyledGridRow","div","withConfig","displayName","componentId","_ref","$gutterX","$gutterY","map","gutterXCSS","gutterYCSS","StyledGridCol","_ref2","$span","$colStackBreakpoint","spanCSS","offsetCSS","resultCSS"],"sources":["../../src/Grid/Grid.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport {\n  breakpointMinWidthValues,\n  breakpointsSmallToLarge,\n} from './Grid.constants'\nimport type { GridBreakpoint, GridColProps, GridProps } from './Grid.types'\n\nconst gridColumns = 12\n\nconst getIsColStackActive = (\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  const targetBrkIndex = breakpointsSmallToLarge.indexOf(targetBreakpoint)\n  const stackBrkIndex = breakpointsSmallToLarge.indexOf(colStackBreakpoint)\n\n  return targetBrkIndex <= stackBrkIndex\n}\n\nconst getSpanCSS = (\n  span: GridColProps['colWidth'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return css`\n      width: 100%;\n    `\n  }\n\n  const spanValue = typeof span !== 'object' ? span : span[targetBreakpoint]\n\n  if (typeof spanValue === 'undefined') {\n    return ''\n  }\n\n  if (spanValue === 'auto') {\n    return css`\n      flex: 1 1 0%;\n      max-width: 100%;\n    `\n  }\n\n  return css`\n    flex: 0 0 auto;\n    width: ${(spanValue / gridColumns) * 100}%;\n  `\n}\n\nconst getOffsetCSS = (\n  $offset: GridColProps['colStart'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return ''\n  }\n\n  const offsetValue =\n    typeof $offset === 'object' ? $offset[targetBreakpoint] : $offset\n\n  if (typeof offsetValue === 'undefined' || offsetValue >= gridColumns) {\n    return ''\n  }\n\n  const ratio = offsetValue / gridColumns\n\n  if (ratio === 0) {\n    return css`\n      margin-left: 0;\n    `\n  }\n\n  return css`\n    margin-left: ${ratio * 100}%;\n  `\n}\n\nconst getColGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    padding-right: ${spacing[gutterKey] / 2}px;\n    padding-left: ${spacing[gutterKey] / 2}px;\n  `\n\n  return gutterCSS\n}\n\nconst getColGutterVertical = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey]}px;\n  `\n\n  return gutterCSS\n}\n\nconst getRowGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-right: ${spacing[gutterKey] / -2}px;\n    margin-left: ${spacing[gutterKey] / -2}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nconst getRowGutterVertical = (\n  gutterY: GridProps['gutterY'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterY === 'object' ? gutterY[breakpoint] : gutterY\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey] * -1}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nexport const StyledGridRow = styled.div<{\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n}>`\n  ${({ $gutterX, $gutterY }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const gutterXCSS = getRowGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getRowGutterVertical($gutterY, breakpoint)\n      return css`\n        ${gutterXCSS}\n\n        // only adjust margins on first rows\n        &:first-child {\n          ${gutterYCSS}\n        }\n      `\n    })\n  }}\n\n  display: flex;\n  flex-wrap: wrap;\n`\n\nexport const StyledGridCol = styled.div<{\n  $offset?: GridColProps['colStart']\n  $span?: GridColProps['colWidth']\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n  $colStackBreakpoint: GridBreakpoint\n}>`\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ${({ $span, $offset, $gutterX, $gutterY, $colStackBreakpoint }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const spanCSS = getSpanCSS($span, breakpoint, $colStackBreakpoint)\n      const offsetCSS = getOffsetCSS($offset, breakpoint, $colStackBreakpoint)\n      const gutterXCSS = getColGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getColGutterVertical($gutterY, breakpoint)\n\n      const resultCSS = css`\n        ${offsetCSS}\n        ${gutterXCSS}\n        ${gutterYCSS}\n        ${spanCSS}\n      `\n\n      if (breakpoint === breakpointsSmallToLarge[0]) {\n        return resultCSS\n      }\n\n      return css`\n        @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n          ${resultCSS}\n        }\n      `\n    })\n  }}\n`\n"],"mappings":"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","ignoreList":[]}

package/dist/Grid/Grid.types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { Spacing } from '../_styles/spacing';
-declare type GridSpacing = Spacing | Partial<SpacingByBreakpoint>;
+type GridSpacing = Spacing | Partial<SpacingByBreakpoint>;
 export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * If given a spacing string value (e.g. "sm" or "none"), sets horizontal
@@ -44,11 +43,11 @@ export interface GridContextShape {
 }
 export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-export declare type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>;
-export declare type GutterByBreakpoint = Record<GridBreakpoint, Spacing>;
-export declare type OffsetByBreakpoint = Record<GridBreakpoint, number>;
-export declare type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>;
+export type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>;
+export type GutterByBreakpoint = Record<GridBreakpoint, Spacing>;
+export type OffsetByBreakpoint = Record<GridBreakpoint, number>;
+export type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>;
 export interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * @defaultValue auto
@@ -73,5 +72,5 @@ export interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     colStart?: number | Partial<OffsetByBreakpoint>;
 }
-export declare type GridBreakpoint = 'mobileLg' | 'tabletSm' | 'tabletMd' | 'tabletLg' | 'desktopSm' | 'desktopMd';
+export type GridBreakpoint = 'mobileLg' | 'tabletSm' | 'tabletMd' | 'tabletLg' | 'desktopSm' | 'desktopMd';
 export {};

package/dist/Grid/Grid.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.types.js","names":[],"sources":["../../src/Grid/Grid.types.ts"],"sourcesContent":["import type { Spacing } from '../_styles/spacing'\n\ntype GridSpacing = Spacing | Partial<SpacingByBreakpoint>\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets horizontal\n   * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.\n   *\n   * If given an object, sets horizontal column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterX?: GridSpacing\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets vertical\n   * column spacing across all breakpoints.\n   *\n   * If given an object, sets vertical column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterY?: GridSpacing\n  /**\n   * Sets a breakpoing at which columns will start stacking on top of each other.\n   * E.g. if set to \"tabletMd\" - columns will stack on \"tabletMd\", \"tabletSm\"\n   * and \"mobileLg\" breakpoints.\n   * @since 10.19.0\n   */\n  colStackCap?: GridBreakpoint\n}\n\nexport interface GridContextShape {\n  /**\n   * @since 10.19.0\n   */\n  gutterX: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  gutterY: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  colStackCap: GridBreakpoint\n}\n\nexport interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>\n\nexport type GutterByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport type OffsetByBreakpoint = Record<GridBreakpoint, number>\n\nexport type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @defaultValue auto\n   * If given a number value between 1 and 12, sets column width across all\n   * breakpoints.\n   *\n   * If given an object, sets column widths for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   *\n   * If set to \"auto\", the column will take all the available space\n   * @since 10.19.0\n   */\n  colWidth?: number | Partial<SpanByBreakpoint> | 'auto'\n  /**\n   * If given a number value between 1 and 12, sets start positions across all\n   * breakpoints.\n   * @since 10.19.0\n   *\n   * If given an object, sets start positions for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   * @since 10.19.0\n   */\n  colStart?: number | Partial<OffsetByBreakpoint>\n}\n\nexport type GridBreakpoint =\n  | 'mobileLg'\n  | 'tabletSm'\n  | 'tabletMd'\n  | 'tabletLg'\n  | 'desktopSm'\n  | 'desktopMd'\n"],"mappings":""}
+{"version":3,"file":"Grid.types.js","names":[],"sources":["../../src/Grid/Grid.types.ts"],"sourcesContent":["import type { Spacing } from '../_styles/spacing'\n\ntype GridSpacing = Spacing | Partial<SpacingByBreakpoint>\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets horizontal\n   * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.\n   *\n   * If given an object, sets horizontal column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterX?: GridSpacing\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets vertical\n   * column spacing across all breakpoints.\n   *\n   * If given an object, sets vertical column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterY?: GridSpacing\n  /**\n   * Sets a breakpoing at which columns will start stacking on top of each other.\n   * E.g. if set to \"tabletMd\" - columns will stack on \"tabletMd\", \"tabletSm\"\n   * and \"mobileLg\" breakpoints.\n   * @since 10.19.0\n   */\n  colStackCap?: GridBreakpoint\n}\n\nexport interface GridContextShape {\n  /**\n   * @since 10.19.0\n   */\n  gutterX: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  gutterY: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  colStackCap: GridBreakpoint\n}\n\nexport interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>\n\nexport type GutterByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport type OffsetByBreakpoint = Record<GridBreakpoint, number>\n\nexport type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport interface GridColProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @defaultValue auto\n   * If given a number value between 1 and 12, sets column width across all\n   * breakpoints.\n   *\n   * If given an object, sets column widths for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   *\n   * If set to \"auto\", the column will take all the available space\n   * @since 10.19.0\n   */\n  colWidth?: number | Partial<SpanByBreakpoint> | 'auto'\n  /**\n   * If given a number value between 1 and 12, sets start positions across all\n   * breakpoints.\n   * @since 10.19.0\n   *\n   * If given an object, sets start positions for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   * @since 10.19.0\n   */\n  colStart?: number | Partial<OffsetByBreakpoint>\n}\n\nexport type GridBreakpoint =\n  | 'mobileLg'\n  | 'tabletSm'\n  | 'tabletMd'\n  | 'tabletLg'\n  | 'desktopSm'\n  | 'desktopMd'\n"],"mappings":"","ignoreList":[]}

package/dist/Grid/Grid.utils.d.ts

@@ -1 +1 @@
-export declare const overrideIfNotDefined: <T>(blueprint: T, obj: Partial<T>) => T;
+export declare const overrideIfNotDefined: <T extends object>(blueprint: T, obj: Partial<T>) => T;

package/dist/Grid/Grid.utils.js

@@ -7,12 +7,11 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 export var overrideIfNotDefined = function overrideIfNotDefined(blueprint, obj) {
   var result = {};
   Object.entries(blueprint).forEach(function (_ref) {
-    var _obj$key_;
+    var _obj$key;
     var _ref2 = _slicedToArray(_ref, 2),
       key = _ref2[0],
       value = _ref2[1];
-    var key_ = key;
-    result[key_] = (_obj$key_ = obj[key_]) !== null && _obj$key_ !== void 0 ? _obj$key_ : value;
+    result[key] = (_obj$key = obj[key]) !== null && _obj$key !== void 0 ? _obj$key : value;
   });
   return result;
 };

package/dist/Grid/Grid.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.utils.js","names":["overrideIfNotDefined","blueprint","obj","result","Object","entries","forEach","_ref","_obj$key_","_ref2","_slicedToArray","key","value","key_"],"sources":["../../src/Grid/Grid.utils.ts"],"sourcesContent":["export const overrideIfNotDefined = <T>(blueprint: T, obj: Partial<T>): T => {\n  const result = {} as T\n\n  Object.entries(blueprint).forEach(([key, value]) => {\n    const key_ = key as keyof T\n    result[key_] = obj[key_] ?? value\n  })\n\n  return result\n}\n"],"mappings":";;;;;;AAAA,OAAO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAOC,SAAY,EAAEC,GAAe,EAAQ;EAC3E,IAAMC,MAAM,GAAG,CAAC,CAAM;EAEtBC,MAAM,CAACC,OAAO,CAACJ,SAAS,CAAC,CAACK,OAAO,CAAC,UAAAC,IAAA,EAAkB;IAAA,IAAAC,SAAA;IAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAH,IAAA;MAAhBI,GAAG,GAAAF,KAAA;MAAEG,KAAK,GAAAH,KAAA;IAC5C,IAAMI,IAAI,GAAGF,GAAc;IAC3BR,MAAM,CAACU,IAAI,CAAC,IAAAL,SAAA,GAAGN,GAAG,CAACW,IAAI,CAAC,cAAAL,SAAA,cAAAA,SAAA,GAAII,KAAK;EACnC,CAAC,CAAC;EAEF,OAAOT,MAAM;AACf,CAAC"}
+{"version":3,"file":"Grid.utils.js","names":["overrideIfNotDefined","blueprint","obj","result","Object","entries","forEach","_ref","_obj$key","_ref2","_slicedToArray","key","value"],"sources":["../../src/Grid/Grid.utils.ts"],"sourcesContent":["export const overrideIfNotDefined = <T extends object>(\n  blueprint: T,\n  obj: Partial<T>\n): T => {\n  const result = {} as T\n\n  ;(Object.entries(blueprint) as [keyof T, T[keyof T]][]).forEach(\n    ([key, value]) => {\n      result[key] = obj[key] ?? value\n    }\n  )\n\n  return result\n}\n"],"mappings":";;;;;;AAAA,OAAO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAC/BC,SAAY,EACZC,GAAe,EACT;EACN,IAAMC,MAAM,GAAG,CAAC,CAAM;EAEpBC,MAAM,CAACC,OAAO,CAACJ,SAAS,CAAC,CAA6BK,OAAO,CAC7D,UAAAC,IAAA,EAAkB;IAAA,IAAAC,QAAA;IAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAH,IAAA;MAAhBI,GAAG,GAAAF,KAAA;MAAEG,KAAK,GAAAH,KAAA;IACVN,MAAM,CAACQ,GAAG,CAAC,IAAAH,QAAA,GAAGN,GAAG,CAACS,GAAG,CAAC,cAAAH,QAAA,cAAAA,QAAA,GAAII,KAAK;EACjC,CACF,CAAC;EAED,OAAOT,MAAM;AACf,CAAC","ignoreList":[]}

package/dist/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Grid"],"sources":["../../src/Grid/index.ts"],"sourcesContent":["export { Grid } from './Grid'\nexport type { GridColProps, GridProps, GridRowProps } from './Grid.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Grid"],"sources":["../../src/Grid/index.ts"],"sourcesContent":["export { Grid } from './Grid'\nexport type { GridColProps, GridProps, GridRowProps } from './Grid.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/dist/GroupSelect/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.js","names":["React","MenuImperative","MultiSelect","StyledGroupSelectOption","emptyArray","noop","defaultGetId","item","id","defaultGetLabel","label","defaultGetGroup","options","defaultGetOptGroup","groupId","defaultOptionRenderer","_ref","getId","getLabel","_ref$disabled","disabled","value","props","_objectWithoutProperties","_excluded","createElement","_extends","key","concat","defaultOptGroupRenderer","_ref2","children","Group","useGroupSelect","_ref3","groups","getGroup","onChange","_onSearch","onSearch","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","groupOptionsDictionary","useMemo","reduce","acc","curr","_objectSpread","_defineProperty","collectOptionIds","useCallback","cur","add","Set","groupIds","isGroup","groupdId","has","externalOnSearch","e","internalOnSearch","target","selectedOptions","filter","option","selectedOptionIds","selectedGroups","group","length","every","selectedGroupIds","getGroupOptions","groupOptiodId","groupOptions","groupOption","onSelect","selection","newSelected","optionId","_toConsumableArray","searchFilterCallback","toLowerCase","includes","computedOptions","filteredGroups","computedGroups","GroupSelect","forwardRef","_ref4","ref","_ref4$value","_ref4$options","_ref4$groups","_ref4$getId","_ref4$getLabel","_ref4$getGroup","_ref4$getOptGroup","getOptGroup","_ref4$onChange","optionRenderer","groupRenderer","_ref4$optGroupRendere","optGroupRenderer","_excluded2","_useGroupSelect","multiselectOptionRenderer","renderer","isSelected","isDisabled","selected","displayName"],"sources":["../../src/GroupSelect/GroupSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MultiSelect } from '../MultiSelect'\nimport type {\n  GroupHeaderProps,\n  MultiSelectProps,\n} from '../MultiSelect/MultiSelect.types'\nimport { StyledGroupSelectOption } from './GroupSelect.styles'\nimport type {\n  ChangeEvent,\n  GroupOption,\n  GroupSelectConfig,\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n  Option,\n} from './GroupSelect.types'\n\nconst emptyArray: Option[] = []\nconst noop: GroupSelectProps['onChange'] = () => {}\nconst defaultGetId: GroupSelectProps['getId'] = (item) => item.id\nconst defaultGetLabel: GroupSelectProps['getLabel'] = (item) => item.label\nconst defaultGetGroup: GroupSelectProps['getGroup'] = (item) => item.options\nconst defaultGetOptGroup: GroupSelectProps['getOptGroup'] = (item) =>\n  item.groupId\n\nfunction defaultOptionRenderer(\n  item: Option | GroupOption,\n  {\n    getId,\n    getLabel,\n    disabled = false,\n    value,\n    ...props\n  }: GroupSelectOptionRendererParams\n) {\n  return (\n    <StyledGroupSelectOption\n      {...props}\n      key={`group-select-menu-item-${getId(item)}`}\n      value={value || item}\n      disabled={disabled}\n    >\n      {getLabel(item)}\n    </StyledGroupSelectOption>\n  )\n}\n\nfunction defaultOptGroupRenderer({ id, label, children }: GroupHeaderProps) {\n  return (\n    <MenuImperative.Group key={`group_${id}`} label={label}>\n      {children}\n    </MenuImperative.Group>\n  )\n}\n\nfunction useGroupSelect({\n  value,\n  options,\n  groups,\n  getId,\n  getLabel,\n  getGroup,\n  onChange,\n  onSearch: _onSearch,\n}: GroupSelectConfig) {\n  const [searchValue, setSearchValue] = React.useState('')\n\n  const groupOptionsDictionary: Record<string | number, Option> = React.useMemo(\n    () =>\n      groups.reduce(\n        (acc, curr) => ({\n          ...acc,\n          [getId(curr)]: getGroup(curr),\n        }),\n        {}\n      ),\n    [getGroup, getId, groups]\n  )\n\n  const collectOptionIds = React.useCallback(\n    (value: Option[]) =>\n      value.reduce<Set<number | string>>(\n        (acc, cur) => acc.add(getId(cur)),\n        new Set()\n      ),\n    [getId]\n  )\n\n  const groupIds = React.useMemo(\n    () => collectOptionIds(groups),\n    [collectOptionIds, groups]\n  )\n\n  const isGroup = (groupdId: string | number) => groupIds.has(groupdId)\n\n  const externalOnSearch = React.useCallback(\n    (e: ChangeEvent) => {\n      if (_onSearch) {\n        _onSearch(e)\n      }\n    },\n    [_onSearch]\n  )\n\n  const internalOnSearch = React.useCallback((e: ChangeEvent) => {\n    setSearchValue(e.target.value)\n  }, [])\n\n  const onSearch = _onSearch ? externalOnSearch : internalOnSearch\n\n  const selectedOptions = React.useMemo(\n    () => value.filter((option) => !groupIds.has(getId(option))),\n    [getId, groupIds, value]\n  )\n\n  const selectedOptionIds = React.useMemo(\n    () => collectOptionIds(selectedOptions),\n    [collectOptionIds, selectedOptions]\n  )\n\n  const selectedGroups = React.useMemo(\n    () =>\n      groups.filter(\n        (group) =>\n          getGroup(group).length &&\n          getGroup(group).every((option: Option) =>\n            selectedOptionIds.has(getId(option))\n          )\n      ),\n    [getGroup, getId, groups, selectedOptionIds]\n  )\n\n  const selectedGroupIds = React.useMemo(\n    () => collectOptionIds(selectedGroups),\n    [collectOptionIds, selectedGroups]\n  )\n\n  const getGroupOptions = (groupOptiodId: string | number) => {\n    const groupOptions = groupOptionsDictionary[groupOptiodId] || []\n    return groupOptions.filter(\n      (groupOption: Option) => !selectedOptionIds.has(getId(groupOption))\n    )\n  }\n\n  const onSelect = (selection: (Option | GroupOption)[]) => {\n    const newSelected = selection.reduce((acc, option) => {\n      const optionId = getId(option)\n\n      if (isGroup(optionId)) {\n        return !selectedGroupIds.has(optionId)\n          ? [...acc, ...getGroupOptions(optionId)]\n          : acc\n      }\n\n      return [...acc, option]\n    }, [])\n\n    setSearchValue('')\n\n    onChange(newSelected)\n  }\n\n  const searchFilterCallback = React.useCallback(\n    (option: Option | GroupOption) =>\n      getLabel(option).toLowerCase().includes(searchValue.toLowerCase()),\n    [getLabel, searchValue]\n  )\n\n  const computedOptions = _onSearch\n    ? options\n    : options.filter(searchFilterCallback)\n\n  const filteredGroups = _onSearch\n    ? groups\n    : groups.filter(searchFilterCallback)\n\n  const computedGroups = React.useMemo(\n    () => filteredGroups.filter((group: Option) => getGroup(group).length),\n    [filteredGroups, getGroup]\n  )\n\n  return {\n    selectedOptions,\n    computedOptions: [...computedGroups, ...computedOptions],\n    selectedOptionIds,\n    selectedGroupIds,\n    isGroup,\n    onSearch,\n    onSelect,\n  }\n}\n\n/**\n\n Group select allows users to select multiple options from a single item in a\n menu. Other select components are multi select, and select, tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-groupselect--custom-search)\n\n @see [Design Guidelines](https://design.procore.com/group-select)\n\n */\nexport const GroupSelect = React.forwardRef<\n  HTMLDivElement & MultiSelectProps,\n  GroupSelectProps\n>(function GroupSelect(\n  {\n    value = emptyArray,\n    options = emptyArray,\n    groups = emptyArray,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getGroup = defaultGetGroup,\n    getOptGroup = defaultGetOptGroup,\n    onChange = noop,\n    onSearch: _onSearch,\n    optionRenderer,\n    groupRenderer,\n    optGroupRenderer = defaultOptGroupRenderer,\n    ...props\n  },\n  ref\n) {\n  const {\n    selectedOptions,\n    selectedOptionIds,\n    selectedGroupIds,\n    computedOptions,\n    isGroup,\n    onSelect,\n    onSearch,\n  } = useGroupSelect({\n    value,\n    options,\n    groups,\n    getId,\n    getLabel,\n    getGroup,\n    onChange,\n    onSearch: _onSearch,\n  })\n\n  const multiselectOptionRenderer = React.useCallback(\n    (option: Option) => {\n      const optionId = getId(option)\n      const renderer =\n        (isGroup(optionId) ? groupRenderer : optionRenderer) ||\n        defaultOptionRenderer\n\n      const isSelected = selectedOptionIds.has(optionId)\n      const isDisabled = selectedGroupIds.has(optionId)\n\n      return renderer(option, {\n        getId,\n        getLabel,\n        value: option,\n        selected: isSelected,\n        disabled: isDisabled,\n      })\n    },\n    [\n      getId,\n      getLabel,\n      groupRenderer,\n      isGroup,\n      optionRenderer,\n      selectedGroupIds,\n      selectedOptionIds,\n    ]\n  )\n\n  return (\n    <MultiSelect\n      ref={ref}\n      {...props}\n      value={selectedOptions}\n      options={computedOptions}\n      getId={getId}\n      getLabel={getLabel}\n      onChange={onSelect}\n      onSearch={onSearch}\n      getGroup={getOptGroup}\n      optionRenderer={multiselectOptionRenderer}\n      groupRenderer={optGroupRenderer}\n    />\n  )\n})\n\nGroupSelect.displayName = 'GroupSelect'\n"],"mappings":"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"}
+{"version":3,"file":"GroupSelect.js","names":["React","MenuImperative","MultiSelect","StyledGroupSelectOption","emptyArray","noop","defaultGetId","item","id","defaultGetLabel","label","defaultGetGroup","options","defaultGetOptGroup","groupId","defaultOptionRenderer","_ref","getId","getLabel","_ref$disabled","disabled","value","props","_objectWithoutProperties","_excluded","createElement","_extends","key","concat","defaultOptGroupRenderer","_ref2","children","Group","useGroupSelect","_ref3","groups","getGroup","onChange","_onSearch","onSearch","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","groupOptionsDictionary","useMemo","reduce","acc","curr","_objectSpread","_defineProperty","collectOptionIds","useCallback","cur","add","Set","groupIds","isGroup","groupdId","has","externalOnSearch","e","internalOnSearch","target","selectedOptions","filter","option","selectedOptionIds","selectedGroups","group","length","every","selectedGroupIds","getGroupOptions","groupOptiodId","groupOptions","groupOption","onSelect","selection","newSelected","optionId","_toConsumableArray","searchFilterCallback","toLowerCase","includes","computedOptions","filteredGroups","computedGroups","GroupSelect","forwardRef","_ref4","ref","_ref4$value","_ref4$options","_ref4$groups","_ref4$getId","_ref4$getLabel","_ref4$getGroup","_ref4$getOptGroup","getOptGroup","_ref4$onChange","optionRenderer","groupRenderer","_ref4$optGroupRendere","optGroupRenderer","_excluded2","_useGroupSelect","multiselectOptionRenderer","renderer","isSelected","isDisabled","selected","displayName"],"sources":["../../src/GroupSelect/GroupSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MultiSelect } from '../MultiSelect'\nimport type {\n  GroupHeaderProps,\n  MultiSelectProps,\n} from '../MultiSelect/MultiSelect.types'\nimport { StyledGroupSelectOption } from './GroupSelect.styles'\nimport type {\n  ChangeEvent,\n  GroupOption,\n  GroupSelectConfig,\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n  Option,\n} from './GroupSelect.types'\n\nconst emptyArray: Option[] = []\nconst noop: GroupSelectProps['onChange'] = () => {}\nconst defaultGetId: GroupSelectProps['getId'] = (item) => item.id\nconst defaultGetLabel: GroupSelectProps['getLabel'] = (item) => item.label\nconst defaultGetGroup: GroupSelectProps['getGroup'] = (item) => item.options\nconst defaultGetOptGroup: GroupSelectProps['getOptGroup'] = (item) =>\n  item.groupId\n\nfunction defaultOptionRenderer(\n  item: Option | GroupOption,\n  {\n    getId,\n    getLabel,\n    disabled = false,\n    value,\n    ...props\n  }: GroupSelectOptionRendererParams\n) {\n  return (\n    <StyledGroupSelectOption\n      {...props}\n      key={`group-select-menu-item-${getId(item)}`}\n      value={value || item}\n      disabled={disabled}\n    >\n      {getLabel(item)}\n    </StyledGroupSelectOption>\n  )\n}\n\nfunction defaultOptGroupRenderer({ id, label, children }: GroupHeaderProps) {\n  return (\n    <MenuImperative.Group key={`group_${id}`} label={label}>\n      {children}\n    </MenuImperative.Group>\n  )\n}\n\nfunction useGroupSelect({\n  value,\n  options,\n  groups,\n  getId,\n  getLabel,\n  getGroup,\n  onChange,\n  onSearch: _onSearch,\n}: GroupSelectConfig) {\n  const [searchValue, setSearchValue] = React.useState('')\n\n  const groupOptionsDictionary: Record<string | number, Option> = React.useMemo(\n    () =>\n      groups.reduce(\n        (acc, curr) => ({\n          ...acc,\n          [getId(curr)]: getGroup(curr),\n        }),\n        {}\n      ),\n    [getGroup, getId, groups]\n  )\n\n  const collectOptionIds = React.useCallback(\n    (value: Option[]) =>\n      value.reduce<Set<number | string>>(\n        (acc, cur) => acc.add(getId(cur)),\n        new Set()\n      ),\n    [getId]\n  )\n\n  const groupIds = React.useMemo(\n    () => collectOptionIds(groups),\n    [collectOptionIds, groups]\n  )\n\n  const isGroup = (groupdId: string | number) => groupIds.has(groupdId)\n\n  const externalOnSearch = React.useCallback(\n    (e: ChangeEvent) => {\n      if (_onSearch) {\n        _onSearch(e)\n      }\n    },\n    [_onSearch]\n  )\n\n  const internalOnSearch = React.useCallback((e: ChangeEvent) => {\n    setSearchValue(e.target.value)\n  }, [])\n\n  const onSearch = _onSearch ? externalOnSearch : internalOnSearch\n\n  const selectedOptions = React.useMemo(\n    () => value.filter((option) => !groupIds.has(getId(option))),\n    [getId, groupIds, value]\n  )\n\n  const selectedOptionIds = React.useMemo(\n    () => collectOptionIds(selectedOptions),\n    [collectOptionIds, selectedOptions]\n  )\n\n  const selectedGroups = React.useMemo(\n    () =>\n      groups.filter(\n        (group) =>\n          getGroup(group).length &&\n          getGroup(group).every((option: Option) =>\n            selectedOptionIds.has(getId(option))\n          )\n      ),\n    [getGroup, getId, groups, selectedOptionIds]\n  )\n\n  const selectedGroupIds = React.useMemo(\n    () => collectOptionIds(selectedGroups),\n    [collectOptionIds, selectedGroups]\n  )\n\n  const getGroupOptions = (groupOptiodId: string | number) => {\n    const groupOptions = groupOptionsDictionary[groupOptiodId] || []\n    return groupOptions.filter(\n      (groupOption: Option) => !selectedOptionIds.has(getId(groupOption))\n    )\n  }\n\n  const onSelect = (selection: (Option | GroupOption)[]) => {\n    const newSelected = selection.reduce((acc, option) => {\n      const optionId = getId(option)\n\n      if (isGroup(optionId)) {\n        return !selectedGroupIds.has(optionId)\n          ? [...acc, ...getGroupOptions(optionId)]\n          : acc\n      }\n\n      return [...acc, option]\n    }, [])\n\n    setSearchValue('')\n\n    onChange(newSelected)\n  }\n\n  const searchFilterCallback = React.useCallback(\n    (option: Option | GroupOption) =>\n      getLabel(option).toLowerCase().includes(searchValue.toLowerCase()),\n    [getLabel, searchValue]\n  )\n\n  const computedOptions = _onSearch\n    ? options\n    : options.filter(searchFilterCallback)\n\n  const filteredGroups = _onSearch\n    ? groups\n    : groups.filter(searchFilterCallback)\n\n  const computedGroups = React.useMemo(\n    () => filteredGroups.filter((group: Option) => getGroup(group).length),\n    [filteredGroups, getGroup]\n  )\n\n  return {\n    selectedOptions,\n    computedOptions: [...computedGroups, ...computedOptions],\n    selectedOptionIds,\n    selectedGroupIds,\n    isGroup,\n    onSearch,\n    onSelect,\n  }\n}\n\n/**\n\n Group select allows users to select multiple options from a single item in a\n menu. Other select components are multi select, and select, tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-groupselect--custom-search)\n\n @see [Design Guidelines](https://design.procore.com/group-select)\n\n */\nexport const GroupSelect = React.forwardRef<\n  HTMLDivElement & MultiSelectProps,\n  GroupSelectProps\n>(function GroupSelect(\n  {\n    value = emptyArray,\n    options = emptyArray,\n    groups = emptyArray,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getGroup = defaultGetGroup,\n    getOptGroup = defaultGetOptGroup,\n    onChange = noop,\n    onSearch: _onSearch,\n    optionRenderer,\n    groupRenderer,\n    optGroupRenderer = defaultOptGroupRenderer,\n    ...props\n  },\n  ref\n) {\n  const {\n    selectedOptions,\n    selectedOptionIds,\n    selectedGroupIds,\n    computedOptions,\n    isGroup,\n    onSelect,\n    onSearch,\n  } = useGroupSelect({\n    value,\n    options,\n    groups,\n    getId,\n    getLabel,\n    getGroup,\n    onChange,\n    onSearch: _onSearch,\n  })\n\n  const multiselectOptionRenderer = React.useCallback(\n    (option: Option) => {\n      const optionId = getId(option)\n      const renderer =\n        (isGroup(optionId) ? groupRenderer : optionRenderer) ||\n        defaultOptionRenderer\n\n      const isSelected = selectedOptionIds.has(optionId)\n      const isDisabled = selectedGroupIds.has(optionId)\n\n      return renderer(option, {\n        getId,\n        getLabel,\n        value: option,\n        selected: isSelected,\n        disabled: isDisabled,\n      })\n    },\n    [\n      getId,\n      getLabel,\n      groupRenderer,\n      isGroup,\n      optionRenderer,\n      selectedGroupIds,\n      selectedOptionIds,\n    ]\n  )\n\n  return (\n    <MultiSelect\n      ref={ref}\n      {...props}\n      value={selectedOptions}\n      options={computedOptions}\n      getId={getId}\n      getLabel={getLabel}\n      onChange={onSelect}\n      onSearch={onSearch}\n      getGroup={getOptGroup}\n      optionRenderer={multiselectOptionRenderer}\n      groupRenderer={optGroupRenderer}\n    />\n  )\n})\n\nGroupSelect.displayName = 'GroupSelect'\n"],"mappings":"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","ignoreList":[]}

package/dist/GroupSelect/GroupSelect.styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const StyledGroupSelectOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").MultiSelectOptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     disabled: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").MultiSelectOptionProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/GroupSelect/GroupSelect.styles.js

@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
 export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
   displayName: "StyledGroupSelectOption",
-  componentId: "core-12_53_0__sc-u5gu8j-0"
+  componentId: "core-12_53_1__sc-u5gu8j-0"
 })(["", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);

package/dist/GroupSelect/GroupSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.styles.js","names":["styled","css","MultiSelect","colors","StyledGroupSelectOption","Option","withConfig","displayName","componentId","_ref","disabled","gray70"],"sources":["../../src/GroupSelect/GroupSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { colors } from '../_styles/colors'\n\nexport const StyledGroupSelectOption = styled(MultiSelect.Option)<{\n  disabled: boolean\n}>`\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      color: ${colors.gray70};\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ${colors.gray70};\n        text-decoration: none;\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,uBAAuB,gBAAGJ,MAAM,CAACE,WAAW,CAACG,MAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAG7D,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRT,GAAG,gFACQE,MAAM,CAACQ,MAAM,EAKXR,MAAM,CAACQ,MAAM,CAGzB;AAAA,EACJ"}
+{"version":3,"file":"GroupSelect.styles.js","names":["styled","css","MultiSelect","colors","StyledGroupSelectOption","Option","withConfig","displayName","componentId","_ref","disabled","gray70"],"sources":["../../src/GroupSelect/GroupSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { colors } from '../_styles/colors'\n\nexport const StyledGroupSelectOption = styled(MultiSelect.Option)<{\n  disabled: boolean\n}>`\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      color: ${colors.gray70};\n      cursor: not-allowed;\n\n      a,\n      a:hover {\n        color: ${colors.gray70};\n        text-decoration: none;\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,uBAAuB,gBAAGJ,MAAM,CAACE,WAAW,CAACG,MAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAG7D,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,IACRT,GAAG,gFACQE,MAAM,CAACQ,MAAM,EAKXR,MAAM,CAACQ,MAAM,CAGzB;AAAA,EACJ","ignoreList":[]}