matsuri-ui 17.1.4-alpha-1755912695275-aa75cb3.0 → 17.1.4-alpha-1756105889243-c6b2c2b.0

package/esm/Calendar/CalendarDaysInMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDaysInMonth.js","names":["CalendarDay","CalendarDayEvent","css","range","React","useMemo","dayjs","isSameOrAfter","isSameOrBefore","jsx","___EmotionJSX","extend","isDateOutsidePeriod","date","min","max","undefined","getEvent","events","find","event","start","end","getFirstWeekday","startOf","day","getDaysCount","daysInMonth","_ref3","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultRenderCell","message","_ref","_ref2","CalendarDaysInMonth","_ref4","dates","daysProps","cellHeight","renderCell","onClickDay","props","_objectWithoutPropertiesLoose","_excluded","firstWeekday","days","reversedEvents","slice","reverse","_extends","gridAutoRows","map","i","key","d","disabled","eventProps","dateProps","format","dateChildren","children","eventProps_","_excluded2","title"],"sources":["../../../src/Calendar/CalendarDaysInMonth.tsx"],"sourcesContent":["import { CalendarDay } from \"./CalendarDay\";\nimport { CalendarDayEvent } from \"./CalendarDayEvent\";\nimport { CalendarDayProps } from \"./CalendarDay\";\nimport { css } from \"@emotion/react\";\nimport { range } from \"../@utils/range\";\nimport React, { useMemo } from \"react\";\nimport dayjs from \"dayjs\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nconst isDateOutsidePeriod = (\n  date: dayjs.Dayjs,\n  min?: dayjs.ConfigType,\n  max?: dayjs.ConfigType,\n) => {\n  return (\n    (min !== undefined && min !== null && date.isSameOrBefore(min, \"date\")) ||\n    (max !== undefined && max !== undefined && date.isSameOrAfter(max, \"date\"))\n  );\n};\n\nconst getEvent = (date: dayjs.Dayjs, events?: CalendarEvent[]) => {\n  return events?.find((event) => {\n    if (event.start === undefined) {\n      return date.isSameOrBefore(event.end, \"date\");\n    }\n    if (event.end === undefined) {\n      return date.isSameOrAfter(event.start, \"date\");\n    }\n    return (\n      date.isSameOrAfter(event.start, \"date\") &&\n      date.isSameOrBefore(event.end, \"date\")\n    );\n  });\n};\n\nexport interface CalendarDaysProps\n  extends Omit<CalendarDayProps, \"date\" | \"disabled\" | \"event\"> {\n  children?: React.ReactNode;\n}\n\nexport interface CalendarEvent {\n  start?: dayjs.ConfigType;\n  end?: dayjs.ConfigType;\n  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n  type?: \"default\" | \"disabled\" | string;\n  props?: CalendarDaysProps;\n}\n\nexport interface CalendarDaysInMonthProps<T> {\n  children?: never;\n  events?: CalendarEvent[];\n  /**\n   * datesで渡されたデータをどのようにレンダリングするかを指定します\n   * @default \"(message: string) => <Centering>{new String(message)}</Centering>\"\"\n   */\n  renderCell?: (props: T) => React.ReactNode;\n  /**\n   * keyに対応するカレンダーのセルに任意の子要素を入れることができます。\n   * keyのフォーマットはYYYYMMDDでなければなりません。\n   */\n  dates?: Record<string, T>;\n  daysProps?: CalendarDaysProps;\n  date?: dayjs.ConfigType;\n  min?: dayjs.ConfigType;\n  max?: dayjs.ConfigType;\n  /**\n   * カレンダーのセルの高さを指定します。\n   * これが指定されていない場合、カレンダーのセルは正方形になります。\n   */\n  cellHeight?: number | string;\n  /**\n   * 日付がクリックされた場合に、その日付とイベントを返す。\n   */\n  onClickDay?: (\n    value: Date,\n    event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n  ) => void;\n}\n\nconst getFirstWeekday = (date: dayjs.ConfigType) => {\n  return dayjs(date).startOf(\"month\").day();\n};\nconst getDaysCount = (date: dayjs.ConfigType) => {\n  return dayjs(date).daysInMonth() + 1;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst defaultRenderCell = (message: any) => (\n  <div\n    css={css`\n      margin: 0 auto;\n    `}\n  >\n    {message}\n  </div>\n);\n\nexport const CalendarDaysInMonth = <T,>({\n  dates,\n  events = [],\n  daysProps = {},\n  date = dayjs(),\n  min,\n  max,\n  cellHeight,\n  renderCell = defaultRenderCell,\n  onClickDay,\n  ...props\n}: Readonly<CalendarDaysInMonthProps<T>>) => {\n  const firstWeekday = useMemo(() => getFirstWeekday(date), [date]);\n  const days = useMemo(() => getDaysCount(date), [date]);\n  const reversedEvents = useMemo(() => events.slice().reverse(), [events]);\n  return (\n    <div\n      css={[\n        css`\n          display: grid;\n          grid-template-columns: repeat(7, minmax(42px, 1fr));\n        `,\n        {\n          gridAutoRows: cellHeight ?? \"1fr\",\n        },\n        cellHeight === undefined\n          ? css`\n              & > *:first-of-type {\n                aspect-ratio: 1;\n              }\n            `\n          : null,\n      ]}\n      {...props}\n    >\n      {range(firstWeekday).map((i) => (\n        <div key={`empty__${i}`} />\n      ))}\n      {range(1, days).map((day) => {\n        const d = dayjs(date).date(day);\n        const event = getEvent(d, reversedEvents);\n        const disabled = isDateOutsidePeriod(d, min, max);\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        const { props: eventProps } = event || ({ props: {} } as CalendarEvent);\n\n        const dateProps = dates && dates[d.format(\"YYYYMMDD\")];\n        const dateChildren =\n          dateProps !== undefined &&\n          dateProps !== null &&\n          renderCell(dateProps);\n        if (\n          eventProps?.children !== undefined &&\n          eventProps?.children !== null\n        ) {\n          const { children, ...eventProps_ } = eventProps;\n          return (\n            <CalendarDay\n              date={d}\n              key={d.format()}\n              disabled={disabled}\n              event={event}\n              onClickDay={onClickDay}\n              {...daysProps}\n              {...eventProps_}\n            >\n              <CalendarDayEvent\n                start={dayjs(event?.start)}\n                end={dayjs(event?.end)}\n                date={d}\n                title={typeof children === \"string\" ? children : undefined}\n              >\n                {children}\n              </CalendarDayEvent>\n              {dateChildren}\n            </CalendarDay>\n          );\n        } else {\n          return (\n            <CalendarDay\n              date={d}\n              key={d.format()}\n              disabled={disabled}\n              event={event}\n              onClickDay={onClickDay}\n              {...daysProps}\n              {...eventProps}\n            >\n              {dateChildren}\n            </CalendarDay>\n          );\n        }\n      })}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CalendarDaysInMonth.js","names":["CalendarDay","CalendarDayEvent","css","range","React","useMemo","dayjs","isSameOrAfter","isSameOrBefore","jsx","___EmotionJSX","extend","isDateOutsidePeriod","date","min","max","undefined","getEvent","events","find","event","start","end","getFirstWeekday","startOf","day","getDaysCount","daysInMonth","_ref3","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultRenderCell","message","_ref","_ref2","CalendarDaysInMonth","_ref4","dates","daysProps","cellHeight","renderCell","onClickDay","props","_objectWithoutPropertiesLoose","_excluded","firstWeekday","days","reversedEvents","slice","reverse","_extends","gridAutoRows","map","i","key","d","disabled","eventProps","dateProps","format","dateChildren","children","eventProps_","_excluded2","title"],"sources":["../../../src/Calendar/CalendarDaysInMonth.tsx"],"sourcesContent":["import { CalendarDay } from \"./CalendarDay\";\nimport { CalendarDayEvent } from \"./CalendarDayEvent\";\nimport { CalendarDayProps } from \"./CalendarDay\";\nimport { css } from \"@emotion/react\";\nimport { range } from \"../@utils/range\";\nimport React, { useMemo } from \"react\";\nimport dayjs from \"dayjs\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nconst isDateOutsidePeriod = (\n  date: dayjs.Dayjs,\n  min?: dayjs.ConfigType,\n  max?: dayjs.ConfigType,\n) => {\n  return (\n    (min !== undefined && min !== null && date.isSameOrBefore(min, \"date\")) ||\n    (max !== undefined && max !== undefined && date.isSameOrAfter(max, \"date\"))\n  );\n};\n\nconst getEvent = (date: dayjs.Dayjs, events?: CalendarEvent[]) => {\n  return events?.find((event) => {\n    if (event.start === undefined) {\n      return date.isSameOrBefore(event.end, \"date\");\n    }\n    if (event.end === undefined) {\n      return date.isSameOrAfter(event.start, \"date\");\n    }\n    return (\n      date.isSameOrAfter(event.start, \"date\") &&\n      date.isSameOrBefore(event.end, \"date\")\n    );\n  });\n};\n\nexport interface CalendarDaysProps\n  extends Omit<CalendarDayProps, \"date\" | \"disabled\" | \"event\"> {\n  children?: React.ReactNode;\n}\n\nexport interface CalendarEvent {\n  start?: dayjs.ConfigType;\n  end?: dayjs.ConfigType;\n  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n  type?: \"default\" | \"disabled\" | string;\n  props?: CalendarDaysProps;\n}\n\nexport interface CalendarDaysInMonthProps<T> {\n  children?: never;\n  events?: CalendarEvent[];\n  /**\n   * datesで渡されたデータをどのようにレンダリングするかを指定します\n   * @default \"(message: string) => <Centering>{new String(message)}</Centering>\"\"\n   */\n  renderCell?: (props: T) => React.ReactNode;\n  /**\n   * keyに対応するカレンダーのセルに任意の子要素を入れることができます。\n   * keyのフォーマットはYYYYMMDDでなければなりません。\n   */\n  dates?: Record<string, T>;\n  daysProps?: CalendarDaysProps;\n  date?: dayjs.ConfigType;\n  min?: dayjs.ConfigType;\n  max?: dayjs.ConfigType;\n  /**\n   * カレンダーのセルの高さを指定します。\n   * これが指定されていない場合、カレンダーのセルは正方形になります。\n   */\n  cellHeight?: number | string;\n  /**\n   * 日付がクリックされた場合に、その日付とイベントを返す。\n   */\n  onClickDay?: (\n    value: Date,\n    event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n  ) => void;\n}\n\nconst getFirstWeekday = (date: dayjs.ConfigType) => {\n  return dayjs(date).startOf(\"month\").day();\n};\nconst getDaysCount = (date: dayjs.ConfigType) => {\n  return dayjs(date).daysInMonth() + 1;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst defaultRenderCell = (message: any) => (\n  <div\n    css={css`\n      margin: 0 auto;\n    `}\n  >\n    {message}\n  </div>\n);\n\nexport const CalendarDaysInMonth = <T,>({\n  dates,\n  events = [],\n  daysProps = {},\n  date = dayjs(),\n  min,\n  max,\n  cellHeight,\n  renderCell = defaultRenderCell,\n  onClickDay,\n  ...props\n}: Readonly<CalendarDaysInMonthProps<T>>) => {\n  const firstWeekday = useMemo(() => getFirstWeekday(date), [date]);\n  const days = useMemo(() => getDaysCount(date), [date]);\n  const reversedEvents = useMemo(() => events.slice().reverse(), [events]);\n  return (\n    <div\n      css={[\n        css`\n          display: grid;\n          grid-template-columns: repeat(7, minmax(42px, 1fr));\n        `,\n        {\n          gridAutoRows: cellHeight ?? \"1fr\",\n        },\n        cellHeight === undefined\n          ? css`\n              & > *:first-of-type {\n                aspect-ratio: 1;\n              }\n            `\n          : null,\n      ]}\n      {...props}\n    >\n      {range(firstWeekday).map((i) => (\n        <div key={`empty__${i}`} />\n      ))}\n      {range(1, days).map((day) => {\n        const d = dayjs(date).date(day);\n        const event = getEvent(d, reversedEvents);\n        const disabled = isDateOutsidePeriod(d, min, max);\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        const { props: eventProps } = event || ({ props: {} } as CalendarEvent);\n\n        const dateProps = dates?.[d.format(\"YYYYMMDD\")];\n        const dateChildren =\n          dateProps !== undefined &&\n          dateProps !== null &&\n          renderCell(dateProps);\n        if (\n          eventProps?.children !== undefined &&\n          eventProps?.children !== null\n        ) {\n          const { children, ...eventProps_ } = eventProps;\n          return (\n            <CalendarDay\n              date={d}\n              key={d.format()}\n              disabled={disabled}\n              event={event}\n              onClickDay={onClickDay}\n              {...daysProps}\n              {...eventProps_}\n            >\n              <CalendarDayEvent\n                start={dayjs(event?.start)}\n                end={dayjs(event?.end)}\n                date={d}\n                title={typeof children === \"string\" ? children : undefined}\n              >\n                {children}\n              </CalendarDayEvent>\n              {dateChildren}\n            </CalendarDay>\n          );\n        } else {\n          return (\n            <CalendarDay\n              date={d}\n              key={d.format()}\n              disabled={disabled}\n              event={event}\n              onClickDay={onClickDay}\n              {...daysProps}\n              {...eventProps}\n            >\n              {dateChildren}\n            </CalendarDay>\n          );\n        }\n      })}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/RadioButton/RadioButtonGroup.js

@@ -8,6 +8,7 @@ export var RadioButtonGroup = _ref => {
     onChange
   } = _ref;
   return ___EmotionJSX(React.Fragment, null, React.Children.map(children, child => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/React.cloneElement(child, {
       name,
       checkedValue: value,

package/esm/RadioButton/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","names":["React","jsx","___EmotionJSX","RadioButtonGroup","_ref","name","children","value","onChange","Fragment","Children","map","child","cloneElement","checkedValue"],"sources":["../../../src/RadioButton/RadioButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nexport interface RadioButtonGroupProps {\n  name: string;\n  value?: string;\n  onChange?: (event: React.SyntheticEvent<HTMLInputElement>) => void;\n  children: React.ReactElement<any>[];\n}\nexport const RadioButtonGroup = ({\n  name,\n  children,\n  value,\n  onChange,\n}: RadioButtonGroupProps) => {\n  return (\n    <React.Fragment>\n      {React.Children.map(children, (child) => {\n        return React.cloneElement(child, {\n          name,\n          checkedValue: value,\n          onChange,\n        });\n      })}\n    </React.Fragment>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO1B,OAAO,IAAMC,gBAAgB,GAAGC,IAAA,IAKH;EAAA,IALI;IAC/BC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC;EACqB,CAAC,GAAAJ,IAAA;EACtB,OACEF,aAAA,CAACF,KAAK,CAACS,QAAQ,QACZT,KAAK,CAACU,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,KAAK,IAAK;IACvC,oBAAOZ,KAAK,CAACa,YAAY,CAACD,KAAK,EAAE;MAC/BP,IAAI;MACJS,YAAY,EAAEP,KAAK;MACnBC;IACF,CAAC,CAAC;EACJ,CAAC,CACa,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"file":"RadioButtonGroup.js","names":["React","jsx","___EmotionJSX","RadioButtonGroup","_ref","name","children","value","onChange","Fragment","Children","map","child","cloneElement","checkedValue"],"sources":["../../../src/RadioButton/RadioButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nexport interface RadioButtonGroupProps {\n  name: string;\n  value?: string;\n  onChange?: (event: React.SyntheticEvent<HTMLInputElement>) => void;\n  children: React.ReactElement[];\n}\nexport const RadioButtonGroup = ({\n  name,\n  children,\n  value,\n  onChange,\n}: RadioButtonGroupProps) => {\n  return (\n    <React.Fragment>\n      {React.Children.map(children, (child) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, {\n          name,\n          checkedValue: value,\n          onChange,\n        } as any);\n      })}\n    </React.Fragment>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO1B,OAAO,IAAMC,gBAAgB,GAAGC,IAAA,IAKH;EAAA,IALI;IAC/BC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC;EACqB,CAAC,GAAAJ,IAAA;EACtB,OACEF,aAAA,CAACF,KAAK,CAACS,QAAQ,QACZT,KAAK,CAACU,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,KAAK,IAAK;IACvC;IACA,oBAAOZ,KAAK,CAACa,YAAY,CAACD,KAAK,EAAE;MAC/BP,IAAI;MACJS,YAAY,EAAEP,KAAK;MACnBC;IACF,CAAQ,CAAC;EACX,CAAC,CACa,CAAC;AAErB,CAAC","ignoreList":[]}

package/esm/SortArea/index.js

@@ -49,7 +49,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}}"
 } : {
   name: "cep9g1-SortAreaInner",
-  styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}};label:SortAreaInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUtjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbm9uLW51bGwtYXNzZXJ0aW9uICovXG5pbXBvcnQgeyBSb3csIFJvd1Byb3BzIH0gZnJvbSBcIi4uL0xheW91dHNcIjtcbmltcG9ydCB7IGFycmF5U2hhbGxvd0VxdWFsIH0gZnJvbSBcIi4uL0B1dGlscy9hcnJheVNoYWxsb3dFcXVhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY2FtZWxpemUgPSAoc3RyOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgYXJyID0gc3RyLnNwbGl0KFwiLVwiKTtcbiAgY29uc3QgY2FwaXRhbCA9IGFyci5tYXAoKGl0ZW0sIGluZGV4KSA9PlxuICAgIGluZGV4ID8gaXRlbS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIGl0ZW0uc2xpY2UoMSkudG9Mb3dlckNhc2UoKSA6IGl0ZW0sXG4gICk7XG4gIGNvbnN0IGNhcGl0YWxTdHJpbmcgPSBjYXBpdGFsLmpvaW4oXCJcIik7XG4gIHJldHVybiBjYXBpdGFsU3RyaW5nO1xufTtcblxuY29uc3QgZGF0YWlkID0gXCJkYXRhLXNvcnQtYXJlYS1pdGVtLWluZGV4XCI7XG5jb25zdCBkYXRhSWQgPSBjYW1lbGl6ZShkYXRhaWQucmVwbGFjZShcImRhdGEtXCIsIFwiXCIpKTtcblxuZXhwb3J0IGludGVyZmFjZSBTb3J0QXJlYVByb3BzIGV4dGVuZHMgT21pdDxSb3dQcm9wcywgXCJvbkNoYW5nZVwiPiB7XG4gIC8qKlxuICAgKiDjgZPjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjga7lrZDopoHntKDjga9rZXnlsZ7mgKfjgpLlv4XjgZrmjIHjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICoga2V544GvdW5pcXVl44Gn44Gq44GR44KM44Gw44Gq44KK44G+44Gb44KT44CC5rG644GX44Gm5a6J55u044GqbWFw44GuaW5kZXjjgarjganjgpLmuKHjgZXjgarjgYTjgojjgYbjgavjgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICog44G+44Gf5a2Q44Kz44Oz44Od44O844ON44Oz44OI44Gv5Lu75oSP44GucHJvcHPjgpLlj5fjgZHlj5bjgozjgovjgojjgYbjgavjgarjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PltdO1xuICAvKipcbiAgICog5Lim44Gz6aCG44KS566h55CG44GZ44KL44Gf44KB44Gu6YWN5YiX44Gn44GZ44CCXG4gICAqIOOBk+OCjOOBjOWtmOWcqOOBl+OBquOBhOWgtOWQiOOAgVNvcnRBcmVh44Gv54Sh5Yq55YyW44GV44KM44G+44GZ44CCXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBsaXN0PzogYW55W107XG4gIC8qKlxuICAgKiDkuKbjgbPpoIbjgYzlpInmm7TjgZXjgozjgZ/mmYLjgavlkbzjgbDjgozjgovjgrPjg7zjg6vjg5Djg4Pjgq/jgafjgZnjgIJcbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG9uQ2hhbmdlPzogKGtleXM6IGFueVtdKSA9PiB2b2lkO1xuICAvKipcbiAgICog5YWI6aCt44Gr44K944O844OI5LiN5Y+v44Gq6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICBzdGFydEFkb3JubWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOacq+WwvuOBq+OCveODvOODiOS4jeWPr+OBquimgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgZW5kQWRvcm5tZW50PzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICog44K944O844OI5qmf6IO944KS54Sh5Yq55YyW44GX44G+44GZ44CCXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTb3J0QXJlYSA9ICh7XG4gIC8qKlxuICAgKiBkaXNhYmxlZOOBruWgtOWQiOOBq+S4jeimgeOBqlJvd1Byb3Bz44Go44Gu5beu5YiG44Gu44G/5piO56S655qE44Gr5omx44GG44CCXG4gICAqL1xuICBsaXN0LFxuICBzdGFydEFkb3JubWVudCxcbiAgZW5kQWRvcm5tZW50LFxuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIGRpc2FibGVkLFxuICAuLi5wcm9wc1xufTogU29ydEFyZWFQcm9wcykgPT4ge1xuICBpZiAobGlzdCA9PT0gdW5kZWZpbmVkIHx8IGxpc3QubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb3cgey4uLnByb3BzfT5cbiAgICAgICAge3N0YXJ0QWRvcm5tZW50fVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICA8L1Jvdz5cbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFNvcnRBcmVhSW5uZXJcbiAgICAgIGxpc3Q9e2xpc3R9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBzdGFydEFkb3JubWVudD17c3RhcnRBZG9ybm1lbnR9XG4gICAgICBlbmRBZG9ybm1lbnQ9e2VuZEFkb3JubWVudH1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Tb3J0QXJlYUlubmVyPlxuICApO1xufTtcblxuaW50ZXJmYWNlIFNvcnRBcmVhSW5uZXJQcm9wcyBleHRlbmRzIFNvcnRBcmVhUHJvcHMge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBsaXN0OiBhbnlbXTtcbn1cblxuY29uc3QgU29ydEFyZWFJbm5lciA9ICh7XG4gIGNoaWxkcmVuLFxuICBvbkNoYW5nZSxcbiAgbGlzdDogbGlzdFByb3AsXG4gIHN0YXJ0QWRvcm5tZW50LFxuICBlbmRBZG9ybm1lbnQsXG4gIC4uLnByb3BzXG59OiBTb3J0QXJlYUlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgY2FjaGUgPSB1c2VSZWYoLTEpO1xuICBjb25zdCBbX2xpc3QsIF9zZXRMaXN0XSA9IHVzZVN0YXRlKGxpc3RQcm9wKTtcblxuICBjb25zdCBsaXN0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtcmV0dXJuXG4gICAgcmV0dXJuIGFycmF5U2hhbGxvd0VxdWFsKF9saXN0LCBsaXN0UHJvcCkgPyBfbGlzdCA6IGxpc3RQcm9wO1xuICB9LCBbX2xpc3QsIGxpc3RQcm9wXSk7XG5cbiAgY29uc3Qgc2V0TGlzdCA9IHVzZUNhbGxiYWNrKFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgKHZhbHVlOiAoY3VycmVudDogYW55W10pID0+IGFueVtdKSA9PiB7XG4gICAgICBjb25zdCBuZXh0ID0gdmFsdWUobGlzdCk7XG4gICAgICBfc2V0TGlzdChuZXh0KTtcbiAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICBvbkNoYW5nZShuZXh0KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtsaXN0LCBvbkNoYW5nZV0sXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ1N0YXJ0ID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0LkRyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGUgPSBcImRyYWdnaW5nXCI7XG4gICAgZS5kYXRhVHJhbnNmZXIuZWZmZWN0QWxsb3dlZCA9IFwibW92ZVwiO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0LkRyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlICE9PSBcImRyYWdnaW5nXCIpIHtcbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGU7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgY29uc3Qgb3ZlclJlZiA9IHVzZVJlZjxIVE1MRWxlbWVudD4odW5kZWZpbmVkKTtcblxuICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUuY3VycmVudFRhcmdldC5kcmFnZ2FibGUgPT09IHRydWUpIHtcbiAgICAgIGlmICghZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlKSB7XG4gICAgICAgIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSA9IFwib3ZlclwiO1xuICAgICAgICBvdmVyUmVmLmN1cnJlbnQgPSBlLmN1cnJlbnRUYXJnZXQ7XG4gICAgICB9XG4gICAgICBjYWNoZS5jdXJyZW50ID0gcGFyc2VJbnQoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXRbZGF0YUlkXSEsIDEwKTtcbiAgICB9XG4gIH0sIFtdKTtcbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCBjdXJyZW50SW5kZXggPSBwYXJzZUludChlLmN1cnJlbnRUYXJnZXQuZGF0YXNldFtkYXRhSWRdISwgMTApO1xuICAgICAgZGVsZXRlIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZTtcbiAgICAgIGRlbGV0ZSBvdmVyUmVmLmN1cnJlbnQ/LmRhdGFzZXQuZHJhZ1N0YXRlO1xuICAgICAgZS5kYXRhVHJhbnNmZXIuZHJvcEVmZmVjdCA9IFwibW92ZVwiO1xuXG4gICAgICBzZXRMaXN0KChwcmV2KSA9PiB7XG4gICAgICAgIGNvbnN0IG5leHRJbmRleCA9IGNhY2hlLmN1cnJlbnQ7XG4gICAgICAgIGNvbnN0IGNvcHkgPSBwcmV2LmNvbmNhdCgpO1xuICAgICAgICBjb25zdCBjdXJyZW50ID0gY29weS5zcGxpY2UoY3VycmVudEluZGV4LCAxKTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgY29weS5zcGxpY2UobmV4dEluZGV4LCAwLCAuLi5jdXJyZW50KTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtcmV0dXJuXG4gICAgICAgIHJldHVybiBjb3B5O1xuICAgICAgfSk7XG4gICAgfSxcbiAgICBbc2V0TGlzdF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Um93XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJiBbZHJhZ2dhYmxlPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgei1pbmRleDogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGN1cnNvcjogZ3JhYjtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAgICAgdHJhbnNmb3JtIDAuMnMgZWFzZS1vdXQsXG4gICAgICAgICAgICBvdXRsaW5lIDAuMnMgZWFzZS1vdXQ7XG5cbiAgICAgICAgICAmW2RhdGEtZHJhZy1zdGF0ZT1cIm92ZXJcIl0ge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJltkYXRhLWRyYWctc3RhdGU9XCJkcmFnZ2luZ1wiXSB7XG4gICAgICAgICAgICB6LWluZGV4OiA5OTk7XG4gICAgICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgIG9uRHJhZ1N0YXJ0OiBoYW5kbGVEcmFnU3RhcnQsXG4gICAgICAgICAgb25EcmFnT3ZlcjogaGFuZGxlRHJhZ092ZXIsXG4gICAgICAgICAgb25EcmFnRW5kOiBoYW5kbGVEcmFnRW5kLFxuICAgICAgICAgIG9uRHJhZ0xlYXZlOiBoYW5kbGVEcmFnTGVhdmUsXG4gICAgICAgICAgZHJhZ2dhYmxlOiB0cnVlLFxuICAgICAgICAgIFtkYXRhaWRdOiBpbmRleCxcbiAgICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgfSk7XG4gICAgICB9KX1cbiAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgPC9Sb3c+XG4gICk7XG59O1xuIl19 */",
+  styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}};label:SortAreaInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUtjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbm9uLW51bGwtYXNzZXJ0aW9uICovXG5pbXBvcnQgeyBSb3csIFJvd1Byb3BzIH0gZnJvbSBcIi4uL0xheW91dHNcIjtcbmltcG9ydCB7IGFycmF5U2hhbGxvd0VxdWFsIH0gZnJvbSBcIi4uL0B1dGlscy9hcnJheVNoYWxsb3dFcXVhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY2FtZWxpemUgPSAoc3RyOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgYXJyID0gc3RyLnNwbGl0KFwiLVwiKTtcbiAgY29uc3QgY2FwaXRhbCA9IGFyci5tYXAoKGl0ZW0sIGluZGV4KSA9PlxuICAgIGluZGV4ID8gaXRlbS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIGl0ZW0uc2xpY2UoMSkudG9Mb3dlckNhc2UoKSA6IGl0ZW0sXG4gICk7XG4gIGNvbnN0IGNhcGl0YWxTdHJpbmcgPSBjYXBpdGFsLmpvaW4oXCJcIik7XG4gIHJldHVybiBjYXBpdGFsU3RyaW5nO1xufTtcblxuY29uc3QgZGF0YWlkID0gXCJkYXRhLXNvcnQtYXJlYS1pdGVtLWluZGV4XCI7XG5jb25zdCBkYXRhSWQgPSBjYW1lbGl6ZShkYXRhaWQucmVwbGFjZShcImRhdGEtXCIsIFwiXCIpKTtcblxuZXhwb3J0IGludGVyZmFjZSBTb3J0QXJlYVByb3BzIGV4dGVuZHMgT21pdDxSb3dQcm9wcywgXCJvbkNoYW5nZVwiPiB7XG4gIC8qKlxuICAgKiDjgZPjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjga7lrZDopoHntKDjga9rZXnlsZ7mgKfjgpLlv4XjgZrmjIHjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICoga2V544GvdW5pcXVl44Gn44Gq44GR44KM44Gw44Gq44KK44G+44Gb44KT44CC5rG644GX44Gm5a6J55u044GqbWFw44GuaW5kZXjjgarjganjgpLmuKHjgZXjgarjgYTjgojjgYbjgavjgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICog44G+44Gf5a2Q44Kz44Oz44Od44O844ON44Oz44OI44Gv5Lu75oSP44GucHJvcHPjgpLlj5fjgZHlj5bjgozjgovjgojjgYbjgavjgarjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnRbXTtcbiAgLyoqXG4gICAqIOS4puOBs+mghuOCkueuoeeQhuOBmeOCi+OBn+OCgeOBrumFjeWIl+OBp+OBmeOAglxuICAgKiDjgZPjgozjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIFTb3J0QXJlYeOBr+eEoeWKueWMluOBleOCjOOBvuOBmeOAglxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgbGlzdD86IGFueVtdO1xuICAvKipcbiAgICog5Lim44Gz6aCG44GM5aSJ5pu044GV44KM44Gf5pmC44Gr5ZG844Gw44KM44KL44Kz44O844Or44OQ44OD44Kv44Gn44GZ44CCXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBvbkNoYW5nZT86IChrZXlzOiBhbnlbXSkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOWFiOmgreOBq+OCveODvOODiOS4jeWPr+OBquimgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgc3RhcnRBZG9ybm1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDmnKvlsL7jgavjgr3jg7zjg4jkuI3lj6/jgaropoHntKDjgpLov73liqDjgZfjgb7jgZnjgIJcbiAgICovXG4gIGVuZEFkb3JubWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOOCveODvOODiOapn+iDveOCkueEoeWKueWMluOBl+OBvuOBmeOAglxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU29ydEFyZWEgPSAoe1xuICAvKipcbiAgICogZGlzYWJsZWTjga7loLTlkIjjgavkuI3opoHjgapSb3dQcm9wc+OBqOOBruW3ruWIhuOBruOBv+aYjuekuueahOOBq+aJseOBhuOAglxuICAgKi9cbiAgbGlzdCxcbiAgc3RhcnRBZG9ybm1lbnQsXG4gIGVuZEFkb3JubWVudCxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCxcbiAgLi4ucHJvcHNcbn06IFNvcnRBcmVhUHJvcHMpID0+IHtcbiAgaWYgKGxpc3QgPT09IHVuZGVmaW5lZCB8fCBsaXN0Lmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGlmIChkaXNhYmxlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8Um93IHsuLi5wcm9wc30+XG4gICAgICAgIHtzdGFydEFkb3JubWVudH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZW5kQWRvcm5tZW50fVxuICAgICAgPC9Sb3c+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTb3J0QXJlYUlubmVyXG4gICAgICBsaXN0PXtsaXN0fVxuICAgICAgey4uLnByb3BzfVxuICAgICAgc3RhcnRBZG9ybm1lbnQ9e3N0YXJ0QWRvcm5tZW50fVxuICAgICAgZW5kQWRvcm5tZW50PXtlbmRBZG9ybm1lbnR9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU29ydEFyZWFJbm5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTb3J0QXJlYUlubmVyUHJvcHMgZXh0ZW5kcyBTb3J0QXJlYVByb3BzIHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgbGlzdDogYW55W107XG59XG5cbmNvbnN0IFNvcnRBcmVhSW5uZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIGxpc3Q6IGxpc3RQcm9wLFxuICBzdGFydEFkb3JubWVudCxcbiAgZW5kQWRvcm5tZW50LFxuICAuLi5wcm9wc1xufTogU29ydEFyZWFJbm5lclByb3BzKSA9PiB7XG4gIGNvbnN0IGNhY2hlID0gdXNlUmVmKC0xKTtcbiAgY29uc3QgW19saXN0LCBfc2V0TGlzdF0gPSB1c2VTdGF0ZShsaXN0UHJvcCk7XG5cbiAgY29uc3QgbGlzdCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLXJldHVyblxuICAgIHJldHVybiBhcnJheVNoYWxsb3dFcXVhbChfbGlzdCwgbGlzdFByb3ApID8gX2xpc3QgOiBsaXN0UHJvcDtcbiAgfSwgW19saXN0LCBsaXN0UHJvcF0pO1xuXG4gIGNvbnN0IHNldExpc3QgPSB1c2VDYWxsYmFjayhcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICh2YWx1ZTogKGN1cnJlbnQ6IGFueVtdKSA9PiBhbnlbXSkgPT4ge1xuICAgICAgY29uc3QgbmV4dCA9IHZhbHVlKGxpc3QpO1xuICAgICAgX3NldExpc3QobmV4dCk7XG4gICAgICBpZiAob25DaGFuZ2UpIHtcbiAgICAgICAgb25DaGFuZ2UobmV4dCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbbGlzdCwgb25DaGFuZ2VdLFxuICApO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdTdGFydCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlID0gXCJkcmFnZ2luZ1wiO1xuICAgIGUuZGF0YVRyYW5zZmVyLmVmZmVjdEFsbG93ZWQgPSBcIm1vdmVcIjtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSAhPT0gXCJkcmFnZ2luZ1wiKSB7XG4gICAgICBkZWxldGUgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IG92ZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KHVuZGVmaW5lZCk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ092ZXIgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGlmIChlLmN1cnJlbnRUYXJnZXQuZHJhZ2dhYmxlID09PSB0cnVlKSB7XG4gICAgICBpZiAoIWUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSkge1xuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGUgPSBcIm92ZXJcIjtcbiAgICAgICAgb3ZlclJlZi5jdXJyZW50ID0gZS5jdXJyZW50VGFyZ2V0O1xuICAgICAgfVxuICAgICAgY2FjaGUuY3VycmVudCA9IHBhcnNlSW50KGUuY3VycmVudFRhcmdldC5kYXRhc2V0W2RhdGFJZF0hLCAxMCk7XG4gICAgfVxuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgY3VycmVudEluZGV4ID0gcGFyc2VJbnQoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXRbZGF0YUlkXSEsIDEwKTtcbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGU7XG4gICAgICBkZWxldGUgb3ZlclJlZi5jdXJyZW50Py5kYXRhc2V0LmRyYWdTdGF0ZTtcbiAgICAgIGUuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSBcIm1vdmVcIjtcblxuICAgICAgc2V0TGlzdCgocHJldikgPT4ge1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSBjYWNoZS5jdXJyZW50O1xuICAgICAgICBjb25zdCBjb3B5ID0gcHJldi5jb25jYXQoKTtcbiAgICAgICAgY29uc3QgY3VycmVudCA9IGNvcHkuc3BsaWNlKGN1cnJlbnRJbmRleCwgMSk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWFyZ3VtZW50XG4gICAgICAgIGNvcHkuc3BsaWNlKG5leHRJbmRleCwgMCwgLi4uY3VycmVudCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLXJldHVyblxuICAgICAgICByZXR1cm4gY29weTtcbiAgICAgIH0pO1xuICAgIH0sXG4gICAgW3NldExpc3RdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFJvd1xuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICYgW2RyYWdnYWJsZT1cInRydWVcIl0ge1xuICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgICAgIHRyYW5zZm9ybSAwLjJzIGVhc2Utb3V0LFxuICAgICAgICAgICAgb3V0bGluZSAwLjJzIGVhc2Utb3V0O1xuXG4gICAgICAgICAgJltkYXRhLWRyYWctc3RhdGU9XCJvdmVyXCJdIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICZbZGF0YS1kcmFnLXN0YXRlPVwiZHJhZ2dpbmdcIl0ge1xuICAgICAgICAgICAgei1pbmRleDogOTk5O1xuICAgICAgICAgICAgY3Vyc29yOiBncmFiYmluZztcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge3N0YXJ0QWRvcm5tZW50fVxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWFyZ3VtZW50XG4gICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICBvbkRyYWdTdGFydDogaGFuZGxlRHJhZ1N0YXJ0LFxuICAgICAgICAgIG9uRHJhZ092ZXI6IGhhbmRsZURyYWdPdmVyLFxuICAgICAgICAgIG9uRHJhZ0VuZDogaGFuZGxlRHJhZ0VuZCxcbiAgICAgICAgICBvbkRyYWdMZWF2ZTogaGFuZGxlRHJhZ0xlYXZlLFxuICAgICAgICAgIGRyYWdnYWJsZTogdHJ1ZSxcbiAgICAgICAgICBbZGF0YWlkXTogaW5kZXgsXG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnksIEB0eXBlc2NyaXB0LWVzbGludC9uby11bm5lY2Vzc2FyeS10eXBlLWFzc2VydGlvblxuICAgICAgICAgIC4uLihjaGlsZC5wcm9wcyBhcyBhbnkpLFxuICAgICAgICB9KTtcbiAgICAgIH0pfVxuICAgICAge2VuZEFkb3JubWVudH1cbiAgICA8L1Jvdz5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var SortAreaInner = _ref3 => {

package/esm/SortArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Row","arrayShallowEqual","css","React","useCallback","useMemo","useRef","useState","jsx","___EmotionJSX","camelize","str","arr","split","capital","map","item","index","charAt","toUpperCase","slice","toLowerCase","capitalString","join","dataid","dataId","replace","SortArea","_ref2","list","startAdornment","endAdornment","children","onChange","disabled","props","_objectWithoutPropertiesLoose","_excluded","undefined","length","SortAreaInner","_extends","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref3","listProp","_excluded2","cache","_list","_setList","setList","value","next","handleDragStart","e","currentTarget","dataset","dragState","dataTransfer","effectAllowed","handleDragLeave","overRef","handleDragOver","draggable","current","parseInt","handleDragEnd","_overRef$current","currentIndex","dropEffect","prev","nextIndex","copy","concat","splice","Children","child","cloneElement","onDragStart","onDragOver","onDragEnd","onDragLeave"],"sources":["../../../src/SortArea/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { Row, RowProps } from \"../Layouts\";\nimport { arrayShallowEqual } from \"../@utils/arrayShallowEqual\";\nimport { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\n\nconst camelize = (str: string) => {\n  const arr = str.split(\"-\");\n  const capital = arr.map((item, index) =>\n    index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item,\n  );\n  const capitalString = capital.join(\"\");\n  return capitalString;\n};\n\nconst dataid = \"data-sort-area-item-index\";\nconst dataId = camelize(dataid.replace(\"data-\", \"\"));\n\nexport interface SortAreaProps extends Omit<RowProps, \"onChange\"> {\n  /**\n   * このコンポーネントの子要素はkey属性を必ず持っている必要があります。\n   * keyはuniqueでなければなりません。決して安直なmapのindexなどを渡さないようにしてください。\n   * また子コンポーネントは任意のpropsを受け取れるようになっている必要があります。\n   */\n  children: React.ReactElement<any>[];\n  /**\n   * 並び順を管理するための配列です。\n   * これが存在しない場合、SortAreaは無効化されます。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list?: any[];\n  /**\n   * 並び順が変更された時に呼ばれるコールバックです。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (keys: any[]) => void;\n  /**\n   * 先頭にソート不可な要素を追加します。\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * 末尾にソート不可な要素を追加します。\n   */\n  endAdornment?: React.ReactNode;\n  /**\n   * ソート機能を無効化します。\n   */\n  disabled?: boolean;\n}\n\nexport const SortArea = ({\n  /**\n   * disabledの場合に不要なRowPropsとの差分のみ明示的に扱う。\n   */\n  list,\n  startAdornment,\n  endAdornment,\n  children,\n  onChange,\n  disabled,\n  ...props\n}: SortAreaProps) => {\n  if (list === undefined || list.length === 0) {\n    return null;\n  }\n  if (disabled) {\n    return (\n      <Row {...props}>\n        {startAdornment}\n        {children}\n        {endAdornment}\n      </Row>\n    );\n  }\n  return (\n    <SortAreaInner\n      list={list}\n      {...props}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      onChange={onChange}\n    >\n      {children}\n    </SortAreaInner>\n  );\n};\n\ninterface SortAreaInnerProps extends SortAreaProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list: any[];\n}\n\nconst SortAreaInner = ({\n  children,\n  onChange,\n  list: listProp,\n  startAdornment,\n  endAdornment,\n  ...props\n}: SortAreaInnerProps) => {\n  const cache = useRef(-1);\n  const [_list, _setList] = useState(listProp);\n\n  const list = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n    return arrayShallowEqual(_list, listProp) ? _list : listProp;\n  }, [_list, listProp]);\n\n  const setList = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: (current: any[]) => any[]) => {\n      const next = value(list);\n      _setList(next);\n      if (onChange) {\n        onChange(next);\n      }\n    },\n    [list, onChange],\n  );\n\n  const handleDragStart = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    e.currentTarget.dataset.dragState = \"dragging\";\n    e.dataTransfer.effectAllowed = \"move\";\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.dataset.dragState !== \"dragging\") {\n      delete e.currentTarget.dataset.dragState;\n    }\n  }, []);\n\n  const overRef = useRef<HTMLElement>(undefined);\n\n  const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.draggable === true) {\n      if (!e.currentTarget.dataset.dragState) {\n        e.currentTarget.dataset.dragState = \"over\";\n        overRef.current = e.currentTarget;\n      }\n      cache.current = parseInt(e.currentTarget.dataset[dataId]!, 10);\n    }\n  }, []);\n  const handleDragEnd = useCallback(\n    (e: React.DragEvent<HTMLDivElement>) => {\n      const currentIndex = parseInt(e.currentTarget.dataset[dataId]!, 10);\n      delete e.currentTarget.dataset.dragState;\n      delete overRef.current?.dataset.dragState;\n      e.dataTransfer.dropEffect = \"move\";\n\n      setList((prev) => {\n        const nextIndex = cache.current;\n        const copy = prev.concat();\n        const current = copy.splice(currentIndex, 1);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        copy.splice(nextIndex, 0, ...current);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return copy;\n      });\n    },\n    [setList],\n  );\n\n  return (\n    <Row\n      {...props}\n      css={css`\n        & [draggable=\"true\"] {\n          z-index: 0;\n          box-sizing: border-box;\n          cursor: grab;\n          user-select: none;\n          transition:\n            transform 0.2s ease-out,\n            outline 0.2s ease-out;\n\n          &[data-drag-state=\"over\"] {\n            outline: 2px dotted rgba(0, 0, 0, 0.2);\n          }\n\n          &[data-drag-state=\"dragging\"] {\n            z-index: 999;\n            cursor: grabbing;\n            opacity: 0.5;\n            transform: scale(0.8);\n          }\n        }\n      `}\n    >\n      {startAdornment}\n      {React.Children.map(children, (child, index: number) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        return React.cloneElement(child, {\n          onDragStart: handleDragStart,\n          onDragOver: handleDragOver,\n          onDragEnd: handleDragEnd,\n          onDragLeave: handleDragLeave,\n          draggable: true,\n          [dataid]: index,\n          ...child.props,\n        });\n      })}\n      {endAdornment}\n    </Row>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Row","arrayShallowEqual","css","React","useCallback","useMemo","useRef","useState","jsx","___EmotionJSX","camelize","str","arr","split","capital","map","item","index","charAt","toUpperCase","slice","toLowerCase","capitalString","join","dataid","dataId","replace","SortArea","_ref2","list","startAdornment","endAdornment","children","onChange","disabled","props","_objectWithoutPropertiesLoose","_excluded","undefined","length","SortAreaInner","_extends","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref3","listProp","_excluded2","cache","_list","_setList","setList","value","next","handleDragStart","e","currentTarget","dataset","dragState","dataTransfer","effectAllowed","handleDragLeave","overRef","handleDragOver","draggable","current","parseInt","handleDragEnd","_overRef$current","currentIndex","dropEffect","prev","nextIndex","copy","concat","splice","Children","child","cloneElement","onDragStart","onDragOver","onDragEnd","onDragLeave"],"sources":["../../../src/SortArea/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { Row, RowProps } from \"../Layouts\";\nimport { arrayShallowEqual } from \"../@utils/arrayShallowEqual\";\nimport { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\n\nconst camelize = (str: string) => {\n  const arr = str.split(\"-\");\n  const capital = arr.map((item, index) =>\n    index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item,\n  );\n  const capitalString = capital.join(\"\");\n  return capitalString;\n};\n\nconst dataid = \"data-sort-area-item-index\";\nconst dataId = camelize(dataid.replace(\"data-\", \"\"));\n\nexport interface SortAreaProps extends Omit<RowProps, \"onChange\"> {\n  /**\n   * このコンポーネントの子要素はkey属性を必ず持っている必要があります。\n   * keyはuniqueでなければなりません。決して安直なmapのindexなどを渡さないようにしてください。\n   * また子コンポーネントは任意のpropsを受け取れるようになっている必要があります。\n   */\n  children: React.ReactElement[];\n  /**\n   * 並び順を管理するための配列です。\n   * これが存在しない場合、SortAreaは無効化されます。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list?: any[];\n  /**\n   * 並び順が変更された時に呼ばれるコールバックです。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (keys: any[]) => void;\n  /**\n   * 先頭にソート不可な要素を追加します。\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * 末尾にソート不可な要素を追加します。\n   */\n  endAdornment?: React.ReactNode;\n  /**\n   * ソート機能を無効化します。\n   */\n  disabled?: boolean;\n}\n\nexport const SortArea = ({\n  /**\n   * disabledの場合に不要なRowPropsとの差分のみ明示的に扱う。\n   */\n  list,\n  startAdornment,\n  endAdornment,\n  children,\n  onChange,\n  disabled,\n  ...props\n}: SortAreaProps) => {\n  if (list === undefined || list.length === 0) {\n    return null;\n  }\n  if (disabled) {\n    return (\n      <Row {...props}>\n        {startAdornment}\n        {children}\n        {endAdornment}\n      </Row>\n    );\n  }\n  return (\n    <SortAreaInner\n      list={list}\n      {...props}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      onChange={onChange}\n    >\n      {children}\n    </SortAreaInner>\n  );\n};\n\ninterface SortAreaInnerProps extends SortAreaProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list: any[];\n}\n\nconst SortAreaInner = ({\n  children,\n  onChange,\n  list: listProp,\n  startAdornment,\n  endAdornment,\n  ...props\n}: SortAreaInnerProps) => {\n  const cache = useRef(-1);\n  const [_list, _setList] = useState(listProp);\n\n  const list = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n    return arrayShallowEqual(_list, listProp) ? _list : listProp;\n  }, [_list, listProp]);\n\n  const setList = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: (current: any[]) => any[]) => {\n      const next = value(list);\n      _setList(next);\n      if (onChange) {\n        onChange(next);\n      }\n    },\n    [list, onChange],\n  );\n\n  const handleDragStart = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    e.currentTarget.dataset.dragState = \"dragging\";\n    e.dataTransfer.effectAllowed = \"move\";\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.dataset.dragState !== \"dragging\") {\n      delete e.currentTarget.dataset.dragState;\n    }\n  }, []);\n\n  const overRef = useRef<HTMLElement>(undefined);\n\n  const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.draggable === true) {\n      if (!e.currentTarget.dataset.dragState) {\n        e.currentTarget.dataset.dragState = \"over\";\n        overRef.current = e.currentTarget;\n      }\n      cache.current = parseInt(e.currentTarget.dataset[dataId]!, 10);\n    }\n  }, []);\n  const handleDragEnd = useCallback(\n    (e: React.DragEvent<HTMLDivElement>) => {\n      const currentIndex = parseInt(e.currentTarget.dataset[dataId]!, 10);\n      delete e.currentTarget.dataset.dragState;\n      delete overRef.current?.dataset.dragState;\n      e.dataTransfer.dropEffect = \"move\";\n\n      setList((prev) => {\n        const nextIndex = cache.current;\n        const copy = prev.concat();\n        const current = copy.splice(currentIndex, 1);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        copy.splice(nextIndex, 0, ...current);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return copy;\n      });\n    },\n    [setList],\n  );\n\n  return (\n    <Row\n      {...props}\n      css={css`\n        & [draggable=\"true\"] {\n          z-index: 0;\n          box-sizing: border-box;\n          cursor: grab;\n          user-select: none;\n          transition:\n            transform 0.2s ease-out,\n            outline 0.2s ease-out;\n\n          &[data-drag-state=\"over\"] {\n            outline: 2px dotted rgba(0, 0, 0, 0.2);\n          }\n\n          &[data-drag-state=\"dragging\"] {\n            z-index: 999;\n            cursor: grabbing;\n            opacity: 0.5;\n            transform: scale(0.8);\n          }\n        }\n      `}\n    >\n      {startAdornment}\n      {React.Children.map(children, (child, index: number) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        return React.cloneElement(child, {\n          onDragStart: handleDragStart,\n          onDragOver: handleDragOver,\n          onDragEnd: handleDragEnd,\n          onDragLeave: handleDragLeave,\n          draggable: true,\n          [dataid]: index,\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n          ...(child.props as any),\n        });\n      })}\n      {endAdornment}\n    </Row>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/Tabs/TabGroup.js

@@ -13,7 +13,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent"
 } : {
   name: "1xvdcif-TabGroup",
-  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var TabGroup = _ref2 => {
@@ -51,8 +51,9 @@ export var TabGroup = _ref2 => {
       backgroundColor: theme.palette.background.paper
     } : underline === "always" ? {
       borderBottomColor: "#e0e0e0"
-    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
+    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
   }, React.Children.map(children, (child, index) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/React.cloneElement(child, {
       index
     });
@@ -64,7 +65,7 @@ export var TabGroup = _ref2 => {
       height: 3,
       backgroundColor: theme.palette.intentions.primary.main,
       transition: "opacity " + theme.transitions.duration.standard + " " + theme.transitions.easing.sharp + ",\n                            left " + theme.transitions.duration.shortest + " " + theme.transitions.easing.easeInOut + ",\n                            width " + theme.transitions.duration.shortest + " " + theme.transitions.easing.easeInOut
-    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
     style: indicatorStyle
   }) : null);
 };

package/esm/Tabs/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","names":["css","useTab","useTheme","useWindowResize","React","useMemo","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabGroup","_ref2","position","underline","children","theme","width","currentTab","indicatorStyle","opacity","offsetWidth","left","offsetLeft","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabGroup.js","names":["css","useTab","useTheme","useWindowResize","React","useMemo","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabGroup","_ref2","position","underline","children","theme","width","currentTab","indicatorStyle","opacity","offsetWidth","left","offsetLeft","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, { index } as any);\n      })}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/Tabs/TabPanelGroup.js

@@ -8,6 +8,7 @@ export var TabPanelGroup = _ref => {
     children
   } = _ref;
   return ___EmotionJSX(React.Fragment, null, React.Children.map(children, (child, index) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/React.cloneElement(child, {
       index
     });

package/esm/Tabs/TabPanelGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanelGroup.js","names":["React","jsx","___EmotionJSX","TabPanelGroup","_ref","children","Fragment","Children","map","child","index","cloneElement"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAM1B;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAC5D,OACEF,aAAA,CAAAF,KAAA,CAAAM,QAAA,QACGN,KAAK,CAACO,QAAQ,CAACC,GAAG,CACjBH,QAAQ,EACR,CAACI,KAAK,EAAEC,KAAK,KAAK;IAChB,oBAAOV,KAAK,CAACW,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAC,CAAC;EAC7C,CACF,CACA,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"file":"TabPanelGroup.js","names":["React","jsx","___EmotionJSX","TabPanelGroup","_ref","children","Fragment","Children","map","child","index","cloneElement"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, { index } as any);\n      })}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAM1B;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAC5D,OACEF,aAAA,CAAAF,KAAA,CAAAM,QAAA,QACGN,KAAK,CAACO,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAA0B,CAACI,KAAK,EAAEC,KAAK,KAAK;IACtE;IACA,oBAAOV,KAAK,CAACW,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAQ,CAAC;EACpD,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}