@mittwald/flow-react-components 1.5.0-next.3 → 1.5.0-next.30

package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n  list: ListModel<never>;\n  isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n  const { id, data, triggerRef, list, isTile } = props;\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props, list);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={isTile}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\n// The list model is rebuilt on every render, so it cannot be compared by\n// identity — but everything an item renders from it can. Those closures come\n// from the consumer's own JSX and only change when the consumer re-renders,\n// so loading more still skips the re-render while parent state no longer\n// leaves an item frozen on the values it first saw.\nexport const Item = memo(\n  ItemImpl,\n  (prev, next) =>\n    prev.id === next.id &&\n    prev.data === next.data &&\n    prev.triggerRef === next.triggerRef &&\n    prev.isTile === next.isTile &&\n    prev.list.onAction === next.list.onAction &&\n    prev.list.accordion === next.list.accordion &&\n    !!prev.list.itemView?.rendersSameAs(next.list.itemView),\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n  id?: Key;\n  data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,YAAY,UAAiB;CACjC,MAAM,EAAE,IAAI,MAAM,YAAY,MAAM,WAAW;CAE/C,MAAM,WAAW,KAAK;CAEtB,MAAM,EAAE,eAAe,aAAa,iBAAiB,OAAO,IAAI;CAEhE,IAAI,CAAC,UACH,OAAO;CAGT,MAAM,YAAY,SAAS,YAAY,SAAS,UAAU,IAAI,IAAI,KAAA;CAClE,MAAM,OAAO,SAAS,OAAO,SAAS,KAAK,IAAI,IAAI,KAAA;CACnD,MAAM,YAAY,CAAC,CAAC,cAAc,YAAY,CAAC,CAAC;CAEhD,MAAM,cAAc,SAAS,gBAAgB,cAAc,MAAM,KAAA;CACjE,MAAM,uBAAuB,aACzB;EAAE,GAAG;EAAe,KAAK,UAAU,aAAa,UAAU;CAAE,IAC5D;CAEJ,OACE,oBAAC,uBAAD;EACM;EACO;EACL;EACN,QAAQ,SAAS;EACN;EACH;EACR,GAAI;EAEJ,UAAA,oBAAC,UAAD;GAAU,UAAU,oBAAC,iBAAD,CAAkB,CAAA;GAAI;EAAmB,CAAA;CACxC,CAAA;AAE3B;AAOA,IAAa,OAAO,KAClB,WACC,MAAM,SACL,KAAK,OAAO,KAAK,MACjB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,WAAW,KAAK,UACrB,KAAK,KAAK,aAAa,KAAK,KAAK,YACjC,KAAK,KAAK,cAAc,KAAK,KAAK,aAClC,CAAC,CAAC,KAAK,KAAK,UAAU,cAAc,KAAK,KAAK,QAAQ,CAC1D;AACA,KAAK,cAAc;AAOnB,IAAa,iBAAyC,UAAU;CAC9D,MAAM,OAAO,QAAQ;CACrB,OACE,oBAAC,uBAAD;EACE,WAAU;EACV,WAAW,oBAAO;EAClB,QAAQ,KAAK,SAAS;EAErB,UAAA,MAAM;CACc,CAAA;AAE3B"}
+{"version":3,"file":"Item.mjs","names":["styles"],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n  list: ListModel<never>;\n  isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n  const { id, data, triggerRef, list, isTile } = props;\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props, list);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={isTile}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\n// The list model is rebuilt on every render, so it cannot be compared by\n// identity — but everything an item renders from it can. Those closures come\n// from the consumer's own JSX and only change when the consumer re-renders,\n// so loading more still skips the re-render while parent state no longer\n// leaves an item frozen on the values it first saw.\nexport const Item = memo(\n  ItemImpl,\n  (prev, next) =>\n    prev.id === next.id &&\n    prev.data === next.data &&\n    prev.triggerRef === next.triggerRef &&\n    prev.isTile === next.isTile &&\n    prev.list.onAction === next.list.onAction &&\n    prev.list.accordion === next.list.accordion &&\n    !!prev.list.itemView?.rendersSameAs(next.list.itemView),\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n  id?: Key;\n  data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,YAAY,UAAiB;CACjC,MAAM,EAAE,IAAI,MAAM,YAAY,MAAM,WAAW;CAE/C,MAAM,WAAW,KAAK;CAEtB,MAAM,EAAE,eAAe,aAAa,iBAAiB,OAAO,IAAI;CAEhE,IAAI,CAAC,UACH,OAAO;CAGT,MAAM,YAAY,SAAS,YAAY,SAAS,UAAU,IAAI,IAAI,KAAA;CAClE,MAAM,OAAO,SAAS,OAAO,SAAS,KAAK,IAAI,IAAI,KAAA;CACnD,MAAM,YAAY,CAAC,CAAC,cAAc,YAAY,CAAC,CAAC;CAEhD,MAAM,cAAc,SAAS,gBAAgB,cAAc,MAAM,KAAA;CACjE,MAAM,uBAAuB,aACzB;EAAE,GAAG;EAAe,KAAK,UAAU,aAAa,UAAU;CAAE,IAC5D;CAEJ,OACE,oBAAC,uBAAD;EACM;EACO;EACL;EACN,QAAQ,SAAS;EACN;EACH;EACR,GAAI;EAEJ,UAAA,oBAAC,UAAD;GAAU,UAAU,oBAAC,iBAAD,CAAkB,CAAA;GAAI;EAAmB,CAAA;CACxC,CAAA;AAE3B;AAOA,IAAa,OAAO,KAClB,WACC,MAAM,SACL,KAAK,OAAO,KAAK,MACjB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,WAAW,KAAK,UACrB,KAAK,KAAK,aAAa,KAAK,KAAK,YACjC,KAAK,KAAK,cAAc,KAAK,KAAK,aAClC,CAAC,CAAC,KAAK,KAAK,UAAU,cAAc,KAAK,KAAK,QAAQ,CAC1D;AACA,KAAK,cAAc;AAOnB,IAAa,iBAAyC,UAAU;CAC9D,MAAM,OAAO,QAAQ;CACrB,OACE,oBAAC,uBAAD;EACE,WAAU;EACV,WAAWA,oBAAO;EAClB,QAAQ,KAAK,SAAS;EAErB,UAAA,MAAM;CACc,CAAA;AAE3B"}

package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.mjs","names":[],"sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/AccordionButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport styles from \"../../../../ListItemView/ListItemView.module.scss\";\n\ninterface Props extends PropsWithChildren {\n  isExpanded: boolean;\n  toggle: () => void;\n  contentElementId: string;\n}\n\nexport const AccordionButton: FC<Props> = (props) => {\n  const { isExpanded, toggle, children, contentElementId } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <>\n      <ButtonView\n        className={styles.action}\n        tunnel={{\n          id: \"button\",\n          component: \"ListItemView\",\n        }}\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={toggle}\n        aria-label={stringFormatter.format(\n          \"toggleExpandButton.\" + (isExpanded ? \"collapse\" : \"expand\"),\n        )}\n        aria-controls={contentElementId}\n        aria-expanded={isExpanded}\n      >\n        {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n      </ButtonView>\n      {isExpanded && children}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,YAAY,QAAQ,UAAU,qBAAqB;CAC3D,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,WAAW,4BAAO;EAClB,QAAQ;GACN,IAAI;GACJ,WAAW;EACb;EACA,SAAQ;EACR,OAAM;EACN,SAAS;EACT,cAAY,gBAAgB,OAC1B,yBAAyB,aAAa,aAAa,SACrD;EACA,iBAAe;EACf,iBAAe;EAEd,UAAA,aAAa,oBAAC,eAAD,CAAgB,CAAA,IAAI,oBAAC,iBAAD,CAAkB,CAAA;CAC1C,CAAA,GACX,cAAc,QACf,EAAA,CAAA;AAEN"}
+{"version":3,"file":"AccordionButton.mjs","names":["locales","_Fragment","styles"],"sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/AccordionButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport ButtonView from \"@/views/ButtonView\";\nimport styles from \"../../../../ListItemView/ListItemView.module.scss\";\n\ninterface Props extends PropsWithChildren {\n  isExpanded: boolean;\n  toggle: () => void;\n  contentElementId: string;\n}\n\nexport const AccordionButton: FC<Props> = (props) => {\n  const { isExpanded, toggle, children, contentElementId } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <>\n      <ButtonView\n        className={styles.action}\n        tunnel={{\n          id: \"button\",\n          component: \"ListItemView\",\n        }}\n        variant=\"plain\"\n        color=\"secondary\"\n        onPress={toggle}\n        aria-label={stringFormatter.format(\n          \"toggleExpandButton.\" + (isExpanded ? \"collapse\" : \"expand\"),\n        )}\n        aria-controls={contentElementId}\n        aria-expanded={isExpanded}\n      >\n        {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n      </ButtonView>\n      {isExpanded && children}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,YAAY,QAAQ,UAAU,qBAAqB;CAC3D,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,OACE,qBAAAC,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,WAAWC,4BAAO;EAClB,QAAQ;GACN,IAAI;GACJ,WAAW;EACb;EACA,SAAQ;EACR,OAAM;EACN,SAAS;EACT,cAAY,gBAAgB,OAC1B,yBAAyB,aAAa,aAAa,SACrD;EACA,iBAAe;EACf,iBAAe;EAEd,UAAA,aAAa,oBAAC,eAAD,CAAgB,CAAA,IAAI,oBAAC,iBAAD,CAAkB,CAAA;CAC1C,CAAA,GACX,cAAc,QACf,EAAA,CAAA;AAEN"}

package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OptionsButton.mjs","names":[],"sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport locales from \"../../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\n\ninterface Props extends PropsWithChildren, PropsWithClassName {}\n\nexport const OptionsButton: FC<Props> = (props) => {\n  const { className, children } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"plain\"\n        color=\"dark\"\n        className={className}\n        aria-label={stringFormatter.format(\"options\")}\n        tunnel={null}\n      >\n        <IconContextMenu />\n      </ButtonView>\n      {children}\n    </ContextMenuTriggerView>\n  );\n};\n\nexport default OptionsButton;\n"],"mappings":";;;;;;;;;AAUA,IAAa,iBAA4B,UAAU;CACjD,MAAM,EAAE,WAAW,aAAa;CAChC,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,SAAQ;EACR,OAAM;EACK;EACX,cAAY,gBAAgB,OAAO,SAAS;EAC5C,QAAQ;EAER,UAAA,oBAAC,iBAAD,CAAkB,CAAA;CACR,CAAA,GACX,QACqB,EAAA,CAAA;AAE5B"}
+{"version":3,"file":"OptionsButton.mjs","names":["locales"],"sources":["../../../../../../../../../../../../../src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport locales from \"../../../../../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\n\ninterface Props extends PropsWithChildren, PropsWithClassName {}\n\nexport const OptionsButton: FC<Props> = (props) => {\n  const { className, children } = props;\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"plain\"\n        color=\"dark\"\n        className={className}\n        aria-label={stringFormatter.format(\"options\")}\n        tunnel={null}\n      >\n        <IconContextMenu />\n      </ButtonView>\n      {children}\n    </ContextMenuTriggerView>\n  );\n};\n\nexport default OptionsButton;\n"],"mappings":";;;;;;;;;AAUA,IAAa,iBAA4B,UAAU;CACjD,MAAM,EAAE,WAAW,aAAa;CAChC,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,OACE,qBAAC,wBAAD,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,SAAQ;EACR,OAAM;EACK;EACX,cAAY,gBAAgB,OAAO,SAAS;EAC5C,QAAQ;EAER,UAAA,oBAAC,iBAAD,CAAkB,CAAA;CACR,CAAA,GACX,QACqB,EAAA,CAAA;AAE5B"}

package/dist/js/packages/components/src/components/List/components/Items/views/GridListItem/GridListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridListItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/views/GridListItem/GridListItem.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport styles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport clsx from \"clsx\";\nimport { useLinkProps } from \"@react-aria/utils\";\n\nexport type GridListItemProps = Aria.GridListItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const GridListItem: FC<GridListItemProps> = (props) => {\n  const { hasAction, isTile, children, ...restProps } = props;\n\n  // React Aria turns `href` into data attributes and navigates on press, so\n  // the row itself is always a `div`. Overlay a real anchor to give the browser\n  // back its own link affordances: context menu, middle-click, modifier-click.\n  const linkProps = useLinkProps(props);\n\n  const linkOverlay = linkProps.href ? (\n    // The row keeps owning activation and the accessible semantics. The anchor\n    // must stay untabbable — React Aria treats a tabbable descendant as\n    // interactive content and would stop the row's own press — and out of the\n    // accessibility tree, so screen readers announce the row unchanged.\n    <a\n      {...linkProps}\n      aria-hidden\n      className={styles.link}\n      draggable={false}\n      tabIndex={-1}\n    />\n  ) : null;\n\n  return (\n    <Aria.GridListItem\n      {...restProps}\n      className={(renderProps) =>\n        clsx(\n          styles.item,\n          hasAction && styles.hasAction,\n          isTile && styles.tile,\n          renderProps.isSelected && styles.isSelected,\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {typeof children === \"function\" ? children(renderProps) : children}\n          {linkOverlay}\n        </>\n      )}\n    </Aria.GridListItem>\n  );\n};\n\nexport default GridListItem;\n"],"mappings":";;;;;;;;;AAYA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,WAAW,QAAQ,UAAU,GAAG,cAAc;CAKtD,MAAM,YAAY,aAAa,KAAK;CAEpC,MAAM,cAAc,UAAU,OAK5B,oBAAC,KAAD;EACE,GAAI;EACJ,eAAA;EACA,WAAW,oBAAO;EAClB,WAAW;EACX,UAAU;CACX,CAAA,IACC;CAEJ,OACE,oBAAC,KAAK,cAAN;EACE,GAAI;EACJ,YAAY,gBACV,KACE,oBAAO,MACP,aAAa,oBAAO,WACpB,UAAU,oBAAO,MACjB,YAAY,cAAc,oBAAO,UACnC;EAGA,WAAA,gBACA,qBAAA,UAAA,EAAA,UAAA,CACG,OAAO,aAAa,aAAa,SAAS,WAAW,IAAI,UACzD,WACD,EAAA,CAAA;CAEa,CAAA;AAEvB"}
+{"version":3,"file":"GridListItem.mjs","names":["styles","_Fragment"],"sources":["../../../../../../../../../../../src/components/List/components/Items/views/GridListItem/GridListItem.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport styles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport clsx from \"clsx\";\nimport { useLinkProps } from \"@react-aria/utils\";\n\nexport type GridListItemProps = Aria.GridListItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const GridListItem: FC<GridListItemProps> = (props) => {\n  const { hasAction, isTile, children, ...restProps } = props;\n\n  // React Aria turns `href` into data attributes and navigates on press, so\n  // the row itself is always a `div`. Overlay a real anchor to give the browser\n  // back its own link affordances: context menu, middle-click, modifier-click.\n  const linkProps = useLinkProps(props);\n\n  const linkOverlay = linkProps.href ? (\n    // The row keeps owning activation and the accessible semantics. The anchor\n    // must stay untabbable — React Aria treats a tabbable descendant as\n    // interactive content and would stop the row's own press — and out of the\n    // accessibility tree, so screen readers announce the row unchanged.\n    <a\n      {...linkProps}\n      aria-hidden\n      className={styles.link}\n      draggable={false}\n      tabIndex={-1}\n    />\n  ) : null;\n\n  return (\n    <Aria.GridListItem\n      {...restProps}\n      className={(renderProps) =>\n        clsx(\n          styles.item,\n          hasAction && styles.hasAction,\n          isTile && styles.tile,\n          renderProps.isSelected && styles.isSelected,\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {typeof children === \"function\" ? children(renderProps) : children}\n          {linkOverlay}\n        </>\n      )}\n    </Aria.GridListItem>\n  );\n};\n\nexport default GridListItem;\n"],"mappings":";;;;;;;;;AAYA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,WAAW,QAAQ,UAAU,GAAG,cAAc;CAKtD,MAAM,YAAY,aAAa,KAAK;CAEpC,MAAM,cAAc,UAAU,OAK5B,oBAAC,KAAD;EACE,GAAI;EACJ,eAAA;EACA,WAAWA,oBAAO;EAClB,WAAW;EACX,UAAU;CACX,CAAA,IACC;CAEJ,OACE,oBAAC,KAAK,cAAN;EACE,GAAI;EACJ,YAAY,gBACV,KACEA,oBAAO,MACP,aAAaA,oBAAO,WACpB,UAAUA,oBAAO,MACjB,YAAY,cAAcA,oBAAO,UACnC;EAGA,WAAA,gBACA,qBAAAC,UAAA,EAAA,UAAA,CACG,OAAO,aAAa,aAAa,SAAS,WAAW,IAAI,UACzD,WACD,EAAA,CAAA;CAEa,CAAA;AAEvB"}

package/dist/js/packages/components/src/components/List/components/ListItemView/ListItemView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport {\n  dynamic,\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type ListItemViewProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">;\n\nexport const ListItemView = flowComponent(\n  \"ListItemView\",\n  (props: ListItemViewProps) => {\n    const { children, s, m, l } = props;\n    const list = useList();\n\n    const buttonTunnel = {\n      id: \"button\",\n      component: \"ListItemView\",\n    } as const;\n\n    const propsContext: PropsContext = {\n      ...overlayTriggersTunneledTo(buttonTunnel),\n      ContextMenu: {\n        tunnel: buttonTunnel,\n        placement: \"bottom right\",\n        wrapWith: <OptionsButton className={styles.action} />,\n      },\n      Button: {\n        tunnel: buttonTunnel,\n        size: dynamic(() => (useList().viewMode.isTiles ? \"s\" : \"m\")),\n      },\n      ActionGroup: {\n        tunnel: buttonTunnel,\n        Button: {\n          tunnel: null,\n        },\n      },\n      Avatar: {\n        tunnel: {\n          id: \"avatar\",\n          component: \"ListItemView\",\n        },\n      },\n      Heading: {\n        tunnel: {\n          id: \"title\",\n          component: \"ListItemView\",\n        },\n      },\n      Text: {\n        tunnel: {\n          id: \"text\",\n          component: \"ListItemView\",\n        },\n      },\n      Content: {\n        tunnel: dynamic((p) =>\n          p.slot === \"bottom\"\n            ? {\n                id: \"bottom\",\n                component: \"ListItemView\",\n              }\n            : undefined,\n        ),\n      },\n      Checkbox: {\n        tunnel: {\n          id: \"checkbox\",\n          component: \"ListItemView\",\n        },\n      },\n    };\n\n    return (\n      <ListItemViewContentView\n        viewMode={list.viewMode.value}\n        title={<UiComponentTunnelExit id=\"title\" component=\"ListItemView\" />}\n        avatar={<UiComponentTunnelExit id=\"avatar\" component=\"ListItemView\" />}\n        button={<UiComponentTunnelExit id=\"button\" component=\"ListItemView\" />}\n        subTitle={<UiComponentTunnelExit id=\"text\" component=\"ListItemView\" />}\n        bottom={<UiComponentTunnelExit id=\"bottom\" component=\"ListItemView\" />}\n        checkbox={\n          <UiComponentTunnelExit id=\"checkbox\" component=\"ListItemView\" />\n        }\n        s={s}\n        m={m}\n        l={l}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ListItemViewContentView>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ListItemView;\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAa,eAAe,cAC1B,iBACC,UAA6B;CAC5B,MAAM,EAAE,UAAU,GAAG,GAAG,MAAM;CAC9B,MAAM,OAAO,QAAQ;CAErB,MAAM,eAAe;EACnB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,YAAY;EACzC,aAAa;GACX,QAAQ;GACR,WAAW;GACX,UAAU,oBAAC,eAAD,EAAe,WAAW,4BAAO,OAAS,CAAA;EACtD;EACA,QAAQ;GACN,QAAQ;GACR,MAAM,cAAe,QAAQ,CAAC,CAAC,SAAS,UAAU,MAAM,GAAI;EAC9D;EACA,aAAa;GACX,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;EACF;EACA,QAAQ,EACN,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,SAAS,EACP,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,MAAM,EACJ,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,SAAS,EACP,QAAQ,SAAS,MACf,EAAE,SAAS,WACP;GACE,IAAI;GACJ,WAAW;EACb,IACA,KAAA,CACN,EACF;EACA,UAAU,EACR,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;CACF;CAEA,OACE,oBAAC,yBAAD;EACE,UAAU,KAAK,SAAS;EACxB,OAAO,oBAAC,uBAAD;GAAuB,IAAG;GAAQ,WAAU;EAAgB,CAAA;EACnE,QAAQ,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAgB,CAAA;EACrE,QAAQ,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAgB,CAAA;EACrE,UAAU,oBAAC,uBAAD;GAAuB,IAAG;GAAO,WAAU;EAAgB,CAAA;EACrE,QAAQ,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAgB,CAAA;EACrE,UACE,oBAAC,uBAAD;GAAuB,IAAG;GAAW,WAAU;EAAgB,CAAA;EAE9D;EACA;EACA;EAEH,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACC,CAAA;AAE7B,GACA,EACE,MAAM,SACR,CACF"}
+{"version":3,"file":"ListItemView.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/List/components/ListItemView/ListItemView.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListItemView.module.scss\";\nimport ListItemViewContentView from \"@/views/ListItemViewContentView\";\nimport {\n  dynamic,\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { OptionsButton } from \"@/components/List/components/Items/components/Item/components/OptionsButton\";\nimport { useList } from \"@/components/List\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type ListItemViewProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">;\n\nexport const ListItemView = flowComponent(\n  \"ListItemView\",\n  (props: ListItemViewProps) => {\n    const { children, s, m, l } = props;\n    const list = useList();\n\n    const buttonTunnel = {\n      id: \"button\",\n      component: \"ListItemView\",\n    } as const;\n\n    const propsContext: PropsContext = {\n      ...overlayTriggersTunneledTo(buttonTunnel),\n      ContextMenu: {\n        tunnel: buttonTunnel,\n        placement: \"bottom right\",\n        wrapWith: <OptionsButton className={styles.action} />,\n      },\n      Button: {\n        tunnel: buttonTunnel,\n        size: dynamic(() => (useList().viewMode.isTiles ? \"s\" : \"m\")),\n      },\n      ActionGroup: {\n        tunnel: buttonTunnel,\n        Button: {\n          tunnel: null,\n        },\n      },\n      Avatar: {\n        tunnel: {\n          id: \"avatar\",\n          component: \"ListItemView\",\n        },\n      },\n      Heading: {\n        tunnel: {\n          id: \"title\",\n          component: \"ListItemView\",\n        },\n      },\n      Text: {\n        tunnel: {\n          id: \"text\",\n          component: \"ListItemView\",\n        },\n      },\n      Content: {\n        tunnel: dynamic((p) =>\n          p.slot === \"bottom\"\n            ? {\n                id: \"bottom\",\n                component: \"ListItemView\",\n              }\n            : undefined,\n        ),\n      },\n      Checkbox: {\n        tunnel: {\n          id: \"checkbox\",\n          component: \"ListItemView\",\n        },\n      },\n    };\n\n    return (\n      <ListItemViewContentView\n        viewMode={list.viewMode.value}\n        title={<UiComponentTunnelExit id=\"title\" component=\"ListItemView\" />}\n        avatar={<UiComponentTunnelExit id=\"avatar\" component=\"ListItemView\" />}\n        button={<UiComponentTunnelExit id=\"button\" component=\"ListItemView\" />}\n        subTitle={<UiComponentTunnelExit id=\"text\" component=\"ListItemView\" />}\n        bottom={<UiComponentTunnelExit id=\"bottom\" component=\"ListItemView\" />}\n        checkbox={\n          <UiComponentTunnelExit id=\"checkbox\" component=\"ListItemView\" />\n        }\n        s={s}\n        m={m}\n        l={l}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ListItemViewContentView>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ListItemView;\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAa,eAAe,cAC1B,iBACC,UAA6B;CAC5B,MAAM,EAAE,UAAU,GAAG,GAAG,MAAM;CAC9B,MAAM,OAAO,QAAQ;CAErB,MAAM,eAAe;EACnB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,YAAY;EACzC,aAAa;GACX,QAAQ;GACR,WAAW;GACX,UAAU,oBAAC,eAAD,EAAe,WAAWA,4BAAO,OAAS,CAAA;EACtD;EACA,QAAQ;GACN,QAAQ;GACR,MAAM,cAAe,QAAQ,CAAC,CAAC,SAAS,UAAU,MAAM,GAAI;EAC9D;EACA,aAAa;GACX,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;EACF;EACA,QAAQ,EACN,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,SAAS,EACP,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,MAAM,EACJ,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,SAAS,EACP,QAAQ,SAAS,MACf,EAAE,SAAS,WACP;GACE,IAAI;GACJ,WAAW;EACb,IACA,KAAA,CACN,EACF;EACA,UAAU,EACR,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;CACF;CAEA,OACE,oBAAC,yBAAD;EACE,UAAU,KAAK,SAAS;EACxB,OAAO,oBAAC,uBAAD;GAAuB,IAAG;GAAQ,WAAU;EAAgB,CAAA;EACnE,QAAQ,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAgB,CAAA;EACrE,QAAQ,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAgB,CAAA;EACrE,UAAU,oBAAC,uBAAD;GAAuB,IAAG;GAAO,WAAU;EAAgB,CAAA;EACrE,QAAQ,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAgB,CAAA;EACrE,UACE,oBAAC,uBAAD;GAAuB,IAAG;GAAW,WAAU;EAAgB,CAAA;EAE9D;EACA;EACA;EAEH,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACC,CAAA;AAE7B,GACA,EACE,MAAM,SACR,CACF"}

package/dist/js/packages/components/src/components/List/components/ListItemView/ListItemView.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemView.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListItemView/ListItemView.module.scss"],"sourcesContent":[".view {\n  display: flex;\n  flex-direction: column;\n\n  .checkboxContainer {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  .content {\n    min-width: 0;\n    display: flex;\n    gap: var(--list-item--spacing);\n    flex-grow: 1;\n    flex-wrap: wrap;\n  }\n\n  .topContent {\n    overflow-wrap: anywhere;\n    display: flex;\n  }\n\n  .bottomContent {\n    width: 100%;\n    overflow-wrap: anywhere;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .heading {\n    color: var(--text--color--default);\n    overflow-wrap: anywhere;\n  }\n\n  .header {\n    overflow-wrap: anywhere;\n    display: flex;\n    gap: var(--list-item--avatar-to-title-spacing);\n    max-width: 100%;\n  }\n\n  .subTitle {\n    font-size: var(--list-item--subtitle-font-size);\n\n    .text:not(:last-child)::after {\n      content: \"–\";\n      display: inline-block;\n      margin: 0 var(--size-rem--s);\n    }\n  }\n\n  .badge {\n    max-width: 100%;\n  }\n\n  &.listView {\n    padding: var(--list-item--padding);\n    gap: var(--list-item--spacing);\n\n    .columnLayout {\n      flex-grow: 1;\n\n      > :global(.flow--column-layout) {\n        flex-grow: 1;\n        align-items: center;\n      }\n    }\n\n    .contentWrapper {\n      display: flex;\n      gap: var(--list-item--spacing);\n      justify-content: space-between;\n      flex-grow: 1;\n      align-items: flex-start;\n    }\n\n    .content {\n      align-items: center;\n      align-self: center;\n      max-width: 100%;\n    }\n\n    .title {\n      max-width: 100%;\n      min-width: 0;\n    }\n\n    .action {\n      margin-inline-start: auto;\n\n      :global(.flow--button) {\n        margin-inline-end: 0;\n      }\n    }\n\n    .header {\n      order: 0;\n      flex-grow: 1;\n      align-items: center;\n\n      &:empty,\n      .subTitle:empty {\n        display: none;\n      }\n\n      .avatar,\n      .checkboxContainer {\n        align-self: start;\n      }\n\n      .checkboxContainer {\n        height: var(--avatar--size--m);\n      }\n    }\n\n    &:has(.subTitle:not(:empty)) {\n      .action,\n      .avatar,\n      .checkboxContainer {\n        margin-top: var(--size-px--xxs);\n      }\n    }\n\n    .topContent {\n      order: 1;\n    }\n\n    :global(.flow--heading--heading-content) {\n      max-width: 100%;\n    }\n  }\n\n  &.tileView {\n    gap: var(--list-item--padding);\n    border-color: var(--list-item--border-color);\n    border-width: var(--list-item--border-width);\n    border-style: var(--list-item--border-style);\n    border-radius: var(--list-item--corner-radius);\n    align-content: flex-start;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n\n    .content {\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: flex-start;\n      padding-inline: var(--list-item--padding);\n      padding-bottom: var(--list-item--padding);\n      width: 100%;\n    }\n\n    .avatarContainer {\n      width: 100%;\n      border-bottom: var(--list-item--border-width)\n        var(--list-item--border-style) var(--list-item--border-color);\n      aspect-ratio: 16 / 9;\n\n      // A consumer child inside `Avatar` — Flow `Image` or a bare `<img>`.\n      // stylelint-disable-next-line selector-max-type -- bare `<img>` has no class\n      img {\n        overflow-clip-margin: unset;\n        aspect-ratio: 16 / 9;\n      }\n    }\n\n    .avatar {\n      width: 100%;\n      height: 100%;\n      border-radius: 0;\n\n      :global(.flow--avatar--icon) {\n        width: var(--size-px--xxl);\n        height: var(--size-px--xxl);\n      }\n\n      :global(.flow--avatar--initials) {\n        font-size: var(--size-px--xxl);\n      }\n    }\n\n    .checkboxContainer {\n      position: absolute;\n      top: var(--list-item--padding);\n      inset-inline-start: var(--list-item--padding);\n      background-color: var(--list-item--checkbox-background-color);\n      border-radius: var(--list-item--checkbox-corner-radius);\n\n      :global(.flow--checkbox .flow--checkbox--icon) {\n        color: var(--list-item--checkbox-color);\n        padding: var(--size-px--xxxs);\n      }\n    }\n\n    .title {\n      width: 100%;\n      min-width: 0;\n\n      :global(.flow--heading--heading-text-spacer) {\n        display: none;\n      }\n\n      :global(.flow--heading--heading-content) {\n        position: absolute;\n        top: var(--list-item--padding);\n        inset-inline: var(--list-item--padding);\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--heading--icon-to-text-spacing);\n        justify-content: end;\n      }\n\n      :global(.flow--heading--heading-content-item):not(:last-child) {\n        margin-inline-end: 0;\n      }\n    }\n\n    &:has(.checkboxContainer:not(:empty)) {\n      :global(.flow--heading--heading-content) {\n        inset-inline-start: calc(var(--list-item--padding) * 2 + var(--icon--size--m));\n      }\n    }\n\n    .topContent,\n    .header {\n      width: 100%;\n    }\n\n    .action {\n      align-self: start;\n    }\n\n    .bottomContent {\n      margin-top: auto;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ListItemView.module.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListItemView/ListItemView.module.scss"],"sourcesContent":[".view {\n  display: flex;\n  flex-direction: column;\n\n  .checkboxContainer {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  .content {\n    min-width: 0;\n    display: flex;\n    gap: var(--list-item--spacing);\n    flex-grow: 1;\n    flex-wrap: wrap;\n  }\n\n  .topContent {\n    overflow-wrap: anywhere;\n    display: flex;\n  }\n\n  .bottomContent {\n    width: 100%;\n    overflow-wrap: anywhere;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .heading {\n    color: var(--text--color--default);\n    overflow-wrap: anywhere;\n  }\n\n  .header {\n    overflow-wrap: anywhere;\n    display: flex;\n    gap: var(--list-item--avatar-to-title-spacing);\n    max-width: 100%;\n  }\n\n  .subTitle {\n    font-size: var(--list-item--subtitle-font-size);\n\n    .text:not(:last-child)::after {\n      content: \"–\";\n      display: inline-block;\n      margin: 0 var(--size-rem--s);\n    }\n  }\n\n  .badge {\n    max-width: 100%;\n  }\n\n  &.listView {\n    padding: var(--list-item--padding);\n    gap: var(--list-item--spacing);\n\n    .columnLayout {\n      flex-grow: 1;\n\n      > :global(.flow--column-layout) {\n        flex-grow: 1;\n        align-items: center;\n      }\n    }\n\n    .contentWrapper {\n      display: flex;\n      gap: var(--list-item--spacing);\n      justify-content: space-between;\n      flex-grow: 1;\n      align-items: flex-start;\n    }\n\n    .content {\n      align-items: center;\n      align-self: center;\n      max-width: 100%;\n    }\n\n    .title {\n      max-width: 100%;\n      min-width: 0;\n    }\n\n    .action {\n      margin-inline-start: auto;\n\n      :global(.flow--button) {\n        margin-inline-end: 0;\n      }\n    }\n\n    .header {\n      order: 0;\n      flex-grow: 1;\n      align-items: center;\n\n      &:empty,\n      .subTitle:empty {\n        display: none;\n      }\n\n      .avatar,\n      .checkboxContainer {\n        align-self: start;\n      }\n\n      .checkboxContainer {\n        height: var(--avatar--size--m);\n      }\n    }\n\n    &:has(.subTitle:not(:empty)) {\n      .action,\n      .avatar,\n      .checkboxContainer {\n        margin-top: var(--size-px--xxs);\n      }\n    }\n\n    .topContent {\n      order: 1;\n    }\n\n    :global(.flow--heading--heading-content) {\n      max-width: 100%;\n    }\n  }\n\n  &.tileView {\n    gap: var(--list-item--padding);\n    border-color: var(--list-item--border-color);\n    border-width: var(--list-item--border-width);\n    border-style: var(--list-item--border-style);\n    border-radius: var(--list-item--corner-radius);\n    align-content: flex-start;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n\n    .content {\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: flex-start;\n      padding-inline: var(--list-item--padding);\n      padding-bottom: var(--list-item--padding);\n      width: 100%;\n    }\n\n    .avatarContainer {\n      width: 100%;\n      border-bottom: var(--list-item--border-width)\n        var(--list-item--border-style) var(--list-item--border-color);\n      aspect-ratio: 16 / 9;\n\n      // A consumer child inside `Avatar` — Flow `Image` or a bare `<img>`.\n      // stylelint-disable-next-line selector-max-type -- bare `<img>` has no class\n      img {\n        overflow-clip-margin: unset;\n        aspect-ratio: 16 / 9;\n        border-radius: 0;\n      }\n    }\n\n    .avatar {\n      width: 100%;\n      height: 100%;\n      border-radius: 0;\n\n      :global(.flow--avatar--icon) {\n        width: var(--size-px--xxl);\n        height: var(--size-px--xxl);\n      }\n\n      :global(.flow--avatar--initials) {\n        font-size: var(--size-px--xxl);\n      }\n    }\n\n    .checkboxContainer {\n      position: absolute;\n      top: var(--list-item--padding);\n      inset-inline-start: var(--list-item--padding);\n      background-color: var(--list-item--checkbox-background-color);\n      border-radius: var(--list-item--checkbox-corner-radius);\n\n      :global(.flow--checkbox .flow--checkbox--icon) {\n        color: var(--list-item--checkbox-color);\n        padding: var(--size-px--xxxs);\n      }\n    }\n\n    .title {\n      width: 100%;\n      min-width: 0;\n\n      :global(.flow--heading--heading-text-spacer) {\n        display: none;\n      }\n\n      :global(.flow--heading--heading-content) {\n        position: absolute;\n        top: var(--list-item--padding);\n        inset-inline: var(--list-item--padding);\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--heading--icon-to-text-spacing);\n        justify-content: end;\n      }\n\n      :global(.flow--heading--heading-content-item):not(:last-child) {\n        margin-inline-end: 0;\n      }\n    }\n\n    &:has(.checkboxContainer:not(:empty)) {\n      :global(.flow--heading--heading-content) {\n        inset-inline-start: calc(var(--list-item--padding) * 2 + var(--icon--size--m));\n      }\n    }\n\n    .topContent,\n    .header {\n      width: 100%;\n    }\n\n    .action {\n      align-self: start;\n    }\n\n    .bottomContent {\n      margin-top: auto;\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemViewContent.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport itemStyles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\nimport {\n  ColumnLayout,\n  type ColumnLayoutProps,\n} from \"@/components/ColumnLayout\";\n\nexport type ListItemViewContentProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> & {\n    title?: ReactNode;\n    subTitle?: ReactNode;\n    avatar?: ReactNode;\n    button?: ReactNode;\n    bottom?: ReactNode;\n    checkbox?: ReactNode;\n    viewMode?: ListViewMode;\n  };\n\n/*\n * The bottom content also carries Item's own `bottomContent` class.\n * Item.module.scss uses it to exclude this area from the item's hover and\n * pressed background — it has its own interactive elements.\n */\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"bottom\"\n    ? clsx(styles.bottomContent, itemStyles.bottomContent)\n    : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n    s,\n    m,\n    l,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      size: \"xs\",\n      elementType: \"span\",\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  const header = (\n    <div className={styles.header}>\n      <div className={styles.checkboxContainer}>{checkbox}</div>\n      {avatar}\n      <div className={styles.title}>\n        {title}\n        <div className={styles.subTitle}>{subTitle}</div>\n      </div>\n    </div>\n  );\n\n  const innerListContent = (\n    <>\n      {header}\n      {children}\n    </>\n  );\n\n  const listColumnsContentView = (\n    <ColumnLayout\n      s={s}\n      m={m}\n      l={l}\n      className={clsx(styles.content, styles.columnLayout)}\n    >\n      {innerListContent}\n    </ColumnLayout>\n  );\n\n  const listDefaultContentView = (\n    <div className={styles.content}>{innerListContent}</div>\n  );\n\n  const listView = (\n    <>\n      <div className={styles.contentWrapper}>\n        {s || m || l ? listColumnsContentView : listDefaultContentView}\n        {button}\n      </div>\n      {bottom}\n    </>\n  );\n\n  const tilesViews = (\n    <>\n      <div className={styles.avatarContainer}>{avatar}</div>\n      <div className={styles.content}>\n        <div className={styles.header}>\n          <div className={styles.checkboxContainer}>{checkbox}</div>\n          <div className={styles.title}>\n            {title}\n            <div className={styles.subTitle}>{subTitle}</div>\n          </div>\n          {button}\n        </div>\n        {children}\n        {bottom}\n      </div>\n    </>\n  );\n\n  return (\n    <div className={className}>\n      <PropsContextProvider props={propsContext}>\n        {viewMode === \"list\" && listView}\n        {viewMode === \"tiles\" && tilesViews}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default ListItemViewContent;\n"],"mappings":";;;;;;;;;;AA+BA,IAAM,0BAA0B,SAC9B,SAAS,WACL,KAAK,4BAAO,eAAe,oBAAW,aAAa,IACnD,4BAAO;;AAGb,IAAa,uBAAuB,UAAoC;CACtE,MAAM,EACJ,UACA,QACA,OACA,UACA,QACA,QACA,UACA,UACA,GACA,GACA,MACE;CAEJ,MAAM,eAAsD,EAC1D,QAAQ;EACN,cAAc,MAAM,EAAE,gBAAgB;EACtC,gBAAgB,MAAM,EAAE,gBAAgB;CAC1C,EACF;CAEA,MAAM,eAA6B;EACjC,aAAa,EACX,WAAW,aACb;EACA,QAAQ,EACN,WAAW,4BAAO,OACpB;EACA,aAAa,EACX,WAAW,4BAAO,OACpB;EACA,SAAS;GACP,WAAW,SAAS,MAAM,uBAAuB,EAAE,IAAI,CAAC;GACxD,aAAa,SAAS,MAAM,aAAa,EAAE,QAAQ,MAAM,EAAE,WAAW;GACtE,eAAe,SACZ,MAAM,aAAa,EAAE,QAAQ,MAAM,EAAE,aACxC;EACF;EACA,QAAQ,EACN,WAAW,4BAAO,OACpB;EACA,SAAS;GACP,WAAW,4BAAO;GAClB,OAAO;GACP,MAAM;GACN,aAAa;GACb,OAAO,EAAE,WAAW,4BAAO,MAAM;GACjC,YAAY,EAAE,WAAW,4BAAO,MAAM;EACxC;EACA,MAAM,EACJ,WAAW,4BAAO,KACpB;EACA,MAAM,EACJ,UAAU,KACZ;CACF;CAEA,MAAM,YAAY,KAChB,4BAAO,MACP,aAAa,UAAU,4BAAO,WAAW,4BAAO,QAClD;CAEA,MAAM,SACJ,qBAAC,OAAD;EAAK,WAAW,4BAAO;EAAvB,UAAA;GACE,oBAAC,OAAD;IAAK,WAAW,4BAAO;IAAoB,UAAA;GAAc,CAAA;GACxD;GACD,qBAAC,OAAD;IAAK,WAAW,4BAAO;IAAvB,UAAA,CACG,OACD,oBAAC,OAAD;KAAK,WAAW,4BAAO;KAAW,UAAA;IAAc,CAAA,CAC7C;;EACF;;CAGP,MAAM,mBACJ,qBAAA,UAAA,EAAA,UAAA,CACG,QACA,QACD,EAAA,CAAA;CAGJ,MAAM,yBACJ,oBAAC,cAAD;EACK;EACA;EACA;EACH,WAAW,KAAK,4BAAO,SAAS,4BAAO,YAAY;EAElD,UAAA;CACW,CAAA;CAGhB,MAAM,yBACJ,oBAAC,OAAD;EAAK,WAAW,4BAAO;EAAU,UAAA;CAAsB,CAAA;CAGzD,MAAM,WACJ,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EAAK,WAAW,4BAAO;EAAvB,UAAA,CACG,KAAK,KAAK,IAAI,yBAAyB,wBACvC,MACE;CACJ,CAAA,GAAA,MACD,EAAA,CAAA;CAGJ,MAAM,aACJ,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,4BAAO;EAAkB,UAAA;CAAY,CAAA,GACrD,qBAAC,OAAD;EAAK,WAAW,4BAAO;EAAvB,UAAA;GACE,qBAAC,OAAD;IAAK,WAAW,4BAAO;IAAvB,UAAA;KACE,oBAAC,OAAD;MAAK,WAAW,4BAAO;MAAoB,UAAA;KAAc,CAAA;KACzD,qBAAC,OAAD;MAAK,WAAW,4BAAO;MAAvB,UAAA,CACG,OACD,oBAAC,OAAD;OAAK,WAAW,4BAAO;OAAW,UAAA;MAAc,CAAA,CAC7C;;KACJ;IACE;;GACJ;GACA;EACE;CACL,CAAA,CAAA,EAAA,CAAA;CAGJ,OACE,oBAAC,OAAD;EAAgB;EACd,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,aAAa,UAAU,UACvB,aAAa,WAAW,UACL;;CACnB,CAAA;AAET"}
+{"version":3,"file":"ListItemViewContent.mjs","names":["styles","itemStyles","_Fragment"],"sources":["../../../../../../../../../../../src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren, ReactNode } from \"react\";\nimport styles from \"../../ListItemView.module.scss\";\nimport itemStyles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { ListViewMode } from \"@/components/List/model/types\";\nimport clsx from \"clsx\";\nimport {\n  ColumnLayout,\n  type ColumnLayoutProps,\n} from \"@/components/ColumnLayout\";\n\nexport type ListItemViewContentProps = PropsWithChildren &\n  Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> & {\n    title?: ReactNode;\n    subTitle?: ReactNode;\n    avatar?: ReactNode;\n    button?: ReactNode;\n    bottom?: ReactNode;\n    checkbox?: ReactNode;\n    viewMode?: ListViewMode;\n  };\n\n/*\n * The bottom content also carries Item's own `bottomContent` class.\n * Item.module.scss uses it to exclude this area from the item's hover and\n * pressed background — it has its own interactive elements.\n */\nconst getStyleForContentSlot = (slot?: string) =>\n  slot === \"bottom\"\n    ? clsx(styles.bottomContent, itemStyles.bottomContent)\n    : styles.topContent;\n\n/** @flr-generate all */\nexport const ListItemViewContent = (props: ListItemViewContentProps) => {\n  const {\n    children,\n    avatar,\n    title,\n    subTitle,\n    button,\n    bottom,\n    checkbox,\n    viewMode,\n    s,\n    m,\n    l,\n  } = props;\n\n  const contentProps: Record<string, ComponentProps<\"div\">> = {\n    bottom: {\n      onMouseDown: (e) => e.stopPropagation(),\n      onPointerDown: (e) => e.stopPropagation(),\n    },\n  };\n\n  const propsContext: PropsContext = {\n    ContextMenu: {\n      placement: \"bottom end\",\n    },\n    Button: {\n      className: styles.action,\n    },\n    ActionGroup: {\n      className: styles.action,\n    },\n    Content: {\n      className: dynamic((p) => getStyleForContentSlot(p.slot)),\n      onMouseDown: dynamic((p) => contentProps[p.slot ?? \"top\"]?.onMouseDown),\n      onPointerDown: dynamic(\n        (p) => contentProps[p.slot ?? \"top\"]?.onPointerDown,\n      ),\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    Heading: {\n      className: styles.heading,\n      level: 5,\n      size: \"xs\",\n      elementType: \"span\",\n      Badge: { className: styles.badge },\n      AlertBadge: { className: styles.badge },\n    },\n    Text: {\n      className: styles.text,\n    },\n    Link: {\n      unstyled: true,\n    },\n  };\n\n  const className = clsx(\n    styles.view,\n    viewMode === \"tiles\" ? styles.tileView : styles.listView,\n  );\n\n  const header = (\n    <div className={styles.header}>\n      <div className={styles.checkboxContainer}>{checkbox}</div>\n      {avatar}\n      <div className={styles.title}>\n        {title}\n        <div className={styles.subTitle}>{subTitle}</div>\n      </div>\n    </div>\n  );\n\n  const innerListContent = (\n    <>\n      {header}\n      {children}\n    </>\n  );\n\n  const listColumnsContentView = (\n    <ColumnLayout\n      s={s}\n      m={m}\n      l={l}\n      className={clsx(styles.content, styles.columnLayout)}\n    >\n      {innerListContent}\n    </ColumnLayout>\n  );\n\n  const listDefaultContentView = (\n    <div className={styles.content}>{innerListContent}</div>\n  );\n\n  const listView = (\n    <>\n      <div className={styles.contentWrapper}>\n        {s || m || l ? listColumnsContentView : listDefaultContentView}\n        {button}\n      </div>\n      {bottom}\n    </>\n  );\n\n  const tilesViews = (\n    <>\n      <div className={styles.avatarContainer}>{avatar}</div>\n      <div className={styles.content}>\n        <div className={styles.header}>\n          <div className={styles.checkboxContainer}>{checkbox}</div>\n          <div className={styles.title}>\n            {title}\n            <div className={styles.subTitle}>{subTitle}</div>\n          </div>\n          {button}\n        </div>\n        {children}\n        {bottom}\n      </div>\n    </>\n  );\n\n  return (\n    <div className={className}>\n      <PropsContextProvider props={propsContext}>\n        {viewMode === \"list\" && listView}\n        {viewMode === \"tiles\" && tilesViews}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default ListItemViewContent;\n"],"mappings":";;;;;;;;;;AA+BA,IAAM,0BAA0B,SAC9B,SAAS,WACL,KAAKA,4BAAO,eAAeC,oBAAW,aAAa,IACnDD,4BAAO;;AAGb,IAAa,uBAAuB,UAAoC;CACtE,MAAM,EACJ,UACA,QACA,OACA,UACA,QACA,QACA,UACA,UACA,GACA,GACA,MACE;CAEJ,MAAM,eAAsD,EAC1D,QAAQ;EACN,cAAc,MAAM,EAAE,gBAAgB;EACtC,gBAAgB,MAAM,EAAE,gBAAgB;CAC1C,EACF;CAEA,MAAM,eAA6B;EACjC,aAAa,EACX,WAAW,aACb;EACA,QAAQ,EACN,WAAWA,4BAAO,OACpB;EACA,aAAa,EACX,WAAWA,4BAAO,OACpB;EACA,SAAS;GACP,WAAW,SAAS,MAAM,uBAAuB,EAAE,IAAI,CAAC;GACxD,aAAa,SAAS,MAAM,aAAa,EAAE,QAAQ,MAAM,EAAE,WAAW;GACtE,eAAe,SACZ,MAAM,aAAa,EAAE,QAAQ,MAAM,EAAE,aACxC;EACF;EACA,QAAQ,EACN,WAAWA,4BAAO,OACpB;EACA,SAAS;GACP,WAAWA,4BAAO;GAClB,OAAO;GACP,MAAM;GACN,aAAa;GACb,OAAO,EAAE,WAAWA,4BAAO,MAAM;GACjC,YAAY,EAAE,WAAWA,4BAAO,MAAM;EACxC;EACA,MAAM,EACJ,WAAWA,4BAAO,KACpB;EACA,MAAM,EACJ,UAAU,KACZ;CACF;CAEA,MAAM,YAAY,KAChBA,4BAAO,MACP,aAAa,UAAUA,4BAAO,WAAWA,4BAAO,QAClD;CAEA,MAAM,SACJ,qBAAC,OAAD;EAAK,WAAWA,4BAAO;EAAvB,UAAA;GACE,oBAAC,OAAD;IAAK,WAAWA,4BAAO;IAAoB,UAAA;GAAc,CAAA;GACxD;GACD,qBAAC,OAAD;IAAK,WAAWA,4BAAO;IAAvB,UAAA,CACG,OACD,oBAAC,OAAD;KAAK,WAAWA,4BAAO;KAAW,UAAA;IAAc,CAAA,CAC7C;;EACF;;CAGP,MAAM,mBACJ,qBAAAE,UAAA,EAAA,UAAA,CACG,QACA,QACD,EAAA,CAAA;CAGJ,MAAM,yBACJ,oBAAC,cAAD;EACK;EACA;EACA;EACH,WAAW,KAAKF,4BAAO,SAASA,4BAAO,YAAY;EAElD,UAAA;CACW,CAAA;CAGhB,MAAM,yBACJ,oBAAC,OAAD;EAAK,WAAWA,4BAAO;EAAU,UAAA;CAAsB,CAAA;CAGzD,MAAM,WACJ,qBAAAE,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EAAK,WAAWF,4BAAO;EAAvB,UAAA,CACG,KAAK,KAAK,IAAI,yBAAyB,wBACvC,MACE;CACJ,CAAA,GAAA,MACD,EAAA,CAAA;CAGJ,MAAM,aACJ,qBAAAE,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAWF,4BAAO;EAAkB,UAAA;CAAY,CAAA,GACrD,qBAAC,OAAD;EAAK,WAAWA,4BAAO;EAAvB,UAAA;GACE,qBAAC,OAAD;IAAK,WAAWA,4BAAO;IAAvB,UAAA;KACE,oBAAC,OAAD;MAAK,WAAWA,4BAAO;MAAoB,UAAA;KAAc,CAAA;KACzD,qBAAC,OAAD;MAAK,WAAWA,4BAAO;MAAvB,UAAA,CACG,OACD,oBAAC,OAAD;OAAK,WAAWA,4BAAO;OAAW,UAAA;MAAc,CAAA,CAC7C;;KACJ;IACE;;GACJ;GACA;EACE;CACL,CAAA,CAAA,EAAA,CAAA;CAGJ,OACE,oBAAC,OAAD;EAAgB;EACd,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,aAAa,UAAU,UACvB,aAAa,WAAW,UACL;;CACnB,CAAA;AAET"}

package/dist/js/packages/components/src/components/List/components/ListSummary/ListSummary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListSummary.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the summary is placed above or underneath the list @default: \"top\" */\n  position?: \"top\" | \"bottom\";\n}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children, position = \"top\", ref } = props;\n\n  if (position === \"bottom\") {\n    return (\n      <footer\n        ref={ref}\n        className={clsx(styles.listSummary, styles.bottom)}\n        {...props}\n      >\n        {children}\n      </footer>\n    );\n  }\n\n  return (\n    <header\n      ref={ref}\n      className={clsx(styles.listSummary, styles.top)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"mappings":";;;;;;;;AAaA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ;CAE5C,IAAI,aAAa,UACf,OACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAK,2BAAO,aAAa,2BAAO,MAAM;EACjD,GAAI;EAEH;CACK,CAAA;CAIZ,OACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAK,2BAAO,aAAa,2BAAO,GAAG;EAC9C,GAAI;EAEH;CACK,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"ListSummary.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/List/components/ListSummary/ListSummary.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ListSummary.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\n\nexport interface ListSummaryProps\n  extends FlowComponentProps, PropsWithChildren {\n  /** Whether the summary is placed above or underneath the list @default: \"top\" */\n  position?: \"top\" | \"bottom\";\n}\n\n/** @flr-generate all */\nexport const ListSummary = flowComponent(\"ListSummary\", (props) => {\n  const { children, position = \"top\", ref } = props;\n\n  if (position === \"bottom\") {\n    return (\n      <footer\n        ref={ref}\n        className={clsx(styles.listSummary, styles.bottom)}\n        {...props}\n      >\n        {children}\n      </footer>\n    );\n  }\n\n  return (\n    <header\n      ref={ref}\n      className={clsx(styles.listSummary, styles.top)}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n});\n\nexport default ListSummary;\n"],"mappings":";;;;;;;;AAaA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ;CAE5C,IAAI,aAAa,UACf,OACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAKA,2BAAO,aAAaA,2BAAO,MAAM;EACjD,GAAI;EAEH;CACK,CAAA;CAIZ,OACE,oBAAC,UAAD;EACO;EACL,WAAW,KAAKA,2BAAO,aAAaA,2BAAO,GAAG;EAC9C,GAAI;EAEH;CACK,CAAA;AAEZ,CAAC"}

package/dist/js/packages/components/src/components/List/components/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","names":[],"sources":["../../../../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List\";\nimport styles from \"./Table.module.scss\";\nimport clsx from \"clsx\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport { TableBodyLoadingView } from \"@/components/List/components/Table/components/TableBodyLoadingView\";\nimport { useInfiniteScrollTrigger } from \"@/components/List/hooks/useInfiniteScrollTrigger\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const isLoadingMore = list.loader.useIsLoadingMore();\n\n  const { triggerRef, triggerIndex } = useInfiniteScrollTrigger();\n\n  if (!table || listIsEmpty) {\n    return null;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && !(list.infiniteScroll && isLoadingMore) && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  const rows = list.items.entries.map((item, index) => (\n    <TableRowView\n      className={clsx(\n        styles.row,\n        rowAction && styles.hasAction,\n        table.body.row.componentProps.className,\n      )}\n      key={item.id}\n      id={item.id}\n      onAction={rowAction ? () => rowAction(item.data) : undefined}\n      {...table.body.row.componentProps}\n      {...(index === triggerIndex ? { ref: triggerRef } : {})}\n    >\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  ));\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n      aria-hidden={isInitiallyLoading}\n      aria-busy={isLoading}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {isInitiallyLoading ? <TableBodyLoadingView /> : rows}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAa,cAAkB;CAC7B,MAAM,OAAO,QAAQ;CACrB,MAAM,QAAQ,KAAK;CACnB,MAAM,cAAc,KAAK,WAAW;CAEpC,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,gBAAgB,KAAK,OAAO,iBAAiB;CAEnD,MAAM,EAAE,YAAY,iBAAiB,yBAAyB;CAE9D,IAAI,CAAC,SAAS,aACZ,OAAO;CAGT,MAAM,YAAY,MAAM,KAAK;CAE7B,MAAM,iBAAiB,KACrB,qBAAO,OACP,aAAa,EAAE,KAAK,kBAAkB,kBAAkB,qBAAO,WAC/D,MAAM,eAAe,SACvB;CAEA,MAAM,OAAO,KAAK,MAAM,QAAQ,KAAK,MAAM,UACzC,oBAAC,cAAD;EACE,WAAW,KACT,qBAAO,KACP,aAAa,qBAAO,WACpB,MAAM,KAAK,IAAI,eAAe,SAChC;EAEA,IAAI,KAAK;EACT,UAAU,kBAAkB,UAAU,KAAK,IAAI,IAAI,KAAA;EACnD,GAAI,MAAM,KAAK,IAAI;EACnB,GAAK,UAAU,eAAe,EAAE,KAAK,WAAW,IAAI,CAAC;EAEpD,UAAA,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM,MAChC,oBAAC,eAAD;GAAuB,GAAI,KAAK;GAC7B,UAAA,KAAK,WAAW,KAAK,SAAS,KAAK,MAAM,IAAI,IAAI,KAAA;EACrC,GAFK,CAEL,CAChB;CACW,GAXP,KAAK,EAWE,CACf;CAED,OACE,qBAAC,WAAD;EACE,GAAI,KAAK;EACT,GAAI,MAAM;EACV,WAAW;EACX,eAAa;EACb,aAAW;EALb,UAAA,CAOE,oBAAC,iBAAD;GAAiB,GAAI,MAAM,OAAO;GAC/B,UAAA,MAAM,OAAO,QAAQ,KAAK,KAAK,MAC9B,oBAAC,iBAAD,EAAyB,GAAI,IAAI,eAAiB,GAA5B,CAA4B,CACnD;EACc,CAAA,GACjB,oBAAC,eAAD;GAAe,GAAI,MAAM,KAAK;GAC3B,UAAA,qBAAqB,oBAAC,sBAAD,CAAuB,CAAA,IAAI;EACpC,CAAA,CACN;;AAEf"}
+{"version":3,"file":"Table.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/List/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List\";\nimport styles from \"./Table.module.scss\";\nimport clsx from \"clsx\";\nimport TableView from \"@/views/TableView\";\nimport TableHeaderView from \"@/views/TableHeaderView\";\nimport TableBodyView from \"@/views/TableBodyView\";\nimport TableRowView from \"@/views/TableRowView\";\nimport TableCellView from \"@/views/TableCellView\";\nimport TableColumnView from \"@/views/TableColumnView\";\nimport { TableBodyLoadingView } from \"@/components/List/components/Table/components/TableBodyLoadingView\";\nimport { useInfiniteScrollTrigger } from \"@/components/List/hooks/useInfiniteScrollTrigger\";\n\nexport const Table: FC = () => {\n  const list = useList();\n  const table = list.table;\n  const listIsEmpty = list.useIsEmpty();\n\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n  const isLoadingMore = list.loader.useIsLoadingMore();\n\n  const { triggerRef, triggerIndex } = useInfiniteScrollTrigger();\n\n  if (!table || listIsEmpty) {\n    return null;\n  }\n\n  const rowAction = table.list.onAction;\n\n  const tableClassName = clsx(\n    styles.table,\n    isLoading && !(list.infiniteScroll && isLoadingMore) && styles.isLoading,\n    table.componentProps.className,\n  );\n\n  const rows = list.items.entries.map((item, index) => (\n    <TableRowView\n      className={clsx(\n        styles.row,\n        rowAction && styles.hasAction,\n        table.body.row.componentProps.className,\n      )}\n      key={item.id}\n      id={item.id}\n      onAction={rowAction ? () => rowAction(item.data) : undefined}\n      {...table.body.row.componentProps}\n      {...(index === triggerIndex ? { ref: triggerRef } : {})}\n    >\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.renderFn ? cell.renderFn(item.data, list) : undefined}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  ));\n\n  return (\n    <TableView\n      {...list.componentProps}\n      {...table.componentProps}\n      className={tableClassName}\n      aria-hidden={isInitiallyLoading}\n      aria-busy={isLoading}\n    >\n      <TableHeaderView {...table.header.componentProps}>\n        {table.header.columns.map((col, i) => (\n          <TableColumnView key={i} {...col.componentProps} />\n        ))}\n      </TableHeaderView>\n      <TableBodyView {...table.body.componentProps}>\n        {isInitiallyLoading ? <TableBodyLoadingView /> : rows}\n      </TableBodyView>\n    </TableView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAa,cAAkB;CAC7B,MAAM,OAAO,QAAQ;CACrB,MAAM,QAAQ,KAAK;CACnB,MAAM,cAAc,KAAK,WAAW;CAEpC,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,qBAAqB,KAAK,OAAO,sBAAsB;CAC7D,MAAM,gBAAgB,KAAK,OAAO,iBAAiB;CAEnD,MAAM,EAAE,YAAY,iBAAiB,yBAAyB;CAE9D,IAAI,CAAC,SAAS,aACZ,OAAO;CAGT,MAAM,YAAY,MAAM,KAAK;CAE7B,MAAM,iBAAiB,KACrBA,qBAAO,OACP,aAAa,EAAE,KAAK,kBAAkB,kBAAkBA,qBAAO,WAC/D,MAAM,eAAe,SACvB;CAEA,MAAM,OAAO,KAAK,MAAM,QAAQ,KAAK,MAAM,UACzC,oBAAC,cAAD;EACE,WAAW,KACTA,qBAAO,KACP,aAAaA,qBAAO,WACpB,MAAM,KAAK,IAAI,eAAe,SAChC;EAEA,IAAI,KAAK;EACT,UAAU,kBAAkB,UAAU,KAAK,IAAI,IAAI,KAAA;EACnD,GAAI,MAAM,KAAK,IAAI;EACnB,GAAK,UAAU,eAAe,EAAE,KAAK,WAAW,IAAI,CAAC;EAEpD,UAAA,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM,MAChC,oBAAC,eAAD;GAAuB,GAAI,KAAK;GAC7B,UAAA,KAAK,WAAW,KAAK,SAAS,KAAK,MAAM,IAAI,IAAI,KAAA;EACrC,GAFK,CAEL,CAChB;CACW,GAXP,KAAK,EAWE,CACf;CAED,OACE,qBAAC,WAAD;EACE,GAAI,KAAK;EACT,GAAI,MAAM;EACV,WAAW;EACX,eAAa;EACb,aAAW;EALb,UAAA,CAOE,oBAAC,iBAAD;GAAiB,GAAI,MAAM,OAAO;GAC/B,UAAA,MAAM,OAAO,QAAQ,KAAK,KAAK,MAC9B,oBAAC,iBAAD,EAAyB,GAAI,IAAI,eAAiB,GAA5B,CAA4B,CACnD;EACc,CAAA,GACjB,oBAAC,eAAD;GAAe,GAAI,MAAM,KAAK;GAC3B,UAAA,qBAAqB,oBAAC,sBAAD,CAAuB,CAAA,IAAI;EACpC,CAAA,CACN;;AAEf"}

package/dist/js/packages/components/src/components/List/components/Table/components/TableBodyLoadingView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBodyLoadingView.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Table/components/TableBodyLoadingView.tsx"],"sourcesContent":["import { TableRowSkeletonView } from \"@/components/List/components/Table/components/TableRowSkeletonView\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\n\nexport const TableBodyLoadingView: FC = () => {\n  const list = useList();\n\n  return (\n    <>\n      {Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n        <TableRowSkeletonView key={i} />\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAIA,IAAa,6BAAiC;CAC5C,MAAM,OAAO,QAAQ;CAErB,OACE,oBAAA,UAAA,EAAA,UACG,MAAM,KAAK,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,GAAG,MACjD,oBAAC,sBAAD,CAA+B,GAAJ,CAAI,CAChC,EACD,CAAA;AAEN"}
+{"version":3,"file":"TableBodyLoadingView.mjs","names":["_Fragment"],"sources":["../../../../../../../../../../src/components/List/components/Table/components/TableBodyLoadingView.tsx"],"sourcesContent":["import { TableRowSkeletonView } from \"@/components/List/components/Table/components/TableRowSkeletonView\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\n\nexport const TableBodyLoadingView: FC = () => {\n  const list = useList();\n\n  return (\n    <>\n      {Array.from(Array(list.loadingItemsCount)).map((_, i) => (\n        <TableRowSkeletonView key={i} />\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAIA,IAAa,6BAAiC;CAC5C,MAAM,OAAO,QAAQ;CAErB,OACE,oBAAAA,UAAA,EAAA,UACG,MAAM,KAAK,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,GAAG,MACjD,oBAAC,sBAAD,CAA+B,GAAJ,CAAI,CAChC,EACD,CAAA;AAEN"}

package/dist/js/packages/components/src/components/List/components/Table/components/TableRowSkeletonView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowSkeletonView.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Table/components/TableRowSkeletonView.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport TableRowView from \"@/views/TableRowView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"../Table.module.scss\";\nimport invariant from \"invariant\";\nimport TableCellView from \"@/views/TableCellView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\n\nexport const TableRowSkeletonView: FC = () => {\n  const list = useList();\n  const table = list.table;\n\n  invariant(\n    !!table,\n    \"TableRowSkeletonView must be used within a Table component\",\n  );\n\n  const className = clsx(styles.row, table.body.row.componentProps.className);\n\n  return (\n    <TableRowView {...table.body.row.componentProps} className={className}>\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.loadingView ?? <SkeletonTextView width=\"10em\" />}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,IAAa,6BAAiC;CAE5C,MAAM,QADO,QACC,CAAA,CAAK;CAEnB,UACE,CAAC,CAAC,OACF,4DACF;CAEA,MAAM,YAAY,KAAK,qBAAO,KAAK,MAAM,KAAK,IAAI,eAAe,SAAS;CAE1E,OACE,oBAAC,cAAD;EAAc,GAAI,MAAM,KAAK,IAAI;EAA2B;EACzD,UAAA,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM,MAChC,oBAAC,eAAD;GAAuB,GAAI,KAAK;GAC7B,UAAA,KAAK,eAAe,oBAAC,kBAAD,EAAkB,OAAM,OAAQ,CAAA;EACxC,GAFK,CAEL,CAChB;CACW,CAAA;AAElB"}
+{"version":3,"file":"TableRowSkeletonView.mjs","names":["styles"],"sources":["../../../../../../../../../../src/components/List/components/Table/components/TableRowSkeletonView.tsx"],"sourcesContent":["import { useList } from \"@/components/List/hooks/useList\";\nimport TableRowView from \"@/views/TableRowView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"../Table.module.scss\";\nimport invariant from \"invariant\";\nimport TableCellView from \"@/views/TableCellView\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\n\nexport const TableRowSkeletonView: FC = () => {\n  const list = useList();\n  const table = list.table;\n\n  invariant(\n    !!table,\n    \"TableRowSkeletonView must be used within a Table component\",\n  );\n\n  const className = clsx(styles.row, table.body.row.componentProps.className);\n\n  return (\n    <TableRowView {...table.body.row.componentProps} className={className}>\n      {table.body.row?.cells.map((cell, i) => (\n        <TableCellView key={i} {...cell.componentProps}>\n          {cell.loadingView ?? <SkeletonTextView width=\"10em\" />}\n        </TableCellView>\n      ))}\n    </TableRowView>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,IAAa,6BAAiC;CAE5C,MAAM,QADO,QACC,CAAA,CAAK;CAEnB,UACE,CAAC,CAAC,OACF,4DACF;CAEA,MAAM,YAAY,KAAKA,qBAAO,KAAK,MAAM,KAAK,IAAI,eAAe,SAAS;CAE1E,OACE,oBAAC,cAAD;EAAc,GAAI,MAAM,KAAK,IAAI;EAA2B;EACzD,UAAA,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM,MAChC,oBAAC,eAAD;GAAuB,GAAI,KAAK;GAC7B,UAAA,KAAK,eAAe,oBAAC,kBAAD,EAAkB,OAAM,OAAQ,CAAA;EACxC,GAFK,CAEL,CAChB;CACW,CAAA;AAElB"}

package/dist/js/packages/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAriaAnnounceSearchState.mjs","names":[],"sources":["../../../../../../../../src/components/List/hooks/useAriaAnnounceSearchState.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useEffect } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst announceDebounceMs = 600;\n\nexport const useAriaAnnounceSearchState = (): void => {\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);\n\n  const searchTerm = list.search?.value;\n  const resultCount = list.batches.getTotalItemsCount();\n  const isLoading = list.loader.loaderState.useIsLoading();\n\n  useEffect(() => {\n    if (isLoading || !searchTerm) {\n      debouncedAnnounce.cancel();\n      return;\n    }\n\n    const text = formatter.format(\n      resultCount > 0 ? \"search.announce.result\" : \"search.announce.noResult\",\n      {\n        resultCount,\n        searchTerm,\n      },\n    );\n\n    debouncedAnnounce(text, \"polite\");\n  }, [searchTerm, resultCount, isLoading]);\n};\n"],"mappings":";;;;;;;;;AAOA,IAAM,qBAAqB;AAE3B,IAAa,mCAAyC;CACpD,MAAM,YAAY,4BAA4B,kBAAS,MAAM;CAC7D,MAAM,OAAO,QAAQ;CACrB,MAAM,oBAAoB,oBAAoB,UAAU,kBAAkB;CAE1E,MAAM,aAAa,KAAK,QAAQ;CAChC,MAAM,cAAc,KAAK,QAAQ,mBAAmB;CACpD,MAAM,YAAY,KAAK,OAAO,YAAY,aAAa;CAEvD,gBAAgB;EACd,IAAI,aAAa,CAAC,YAAY;GAC5B,kBAAkB,OAAO;GACzB;EACF;EAEA,MAAM,OAAO,UAAU,OACrB,cAAc,IAAI,2BAA2B,4BAC7C;GACE;GACA;EACF,CACF;EAEA,kBAAkB,MAAM,QAAQ;CAClC,GAAG;EAAC;EAAY;EAAa;CAAS,CAAC;AACzC"}
+{"version":3,"file":"useAriaAnnounceSearchState.mjs","names":["locales"],"sources":["../../../../../../../../src/components/List/hooks/useAriaAnnounceSearchState.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { useDebounceCallback } from \"usehooks-ts\";\nimport { useEffect } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst announceDebounceMs = 600;\n\nexport const useAriaAnnounceSearchState = (): void => {\n  const formatter = useLocalizedStringFormatter(locales, \"List\");\n  const list = useList();\n  const debouncedAnnounce = useDebounceCallback(announce, announceDebounceMs);\n\n  const searchTerm = list.search?.value;\n  const resultCount = list.batches.getTotalItemsCount();\n  const isLoading = list.loader.loaderState.useIsLoading();\n\n  useEffect(() => {\n    if (isLoading || !searchTerm) {\n      debouncedAnnounce.cancel();\n      return;\n    }\n\n    const text = formatter.format(\n      resultCount > 0 ? \"search.announce.result\" : \"search.announce.noResult\",\n      {\n        resultCount,\n        searchTerm,\n      },\n    );\n\n    debouncedAnnounce(text, \"polite\");\n  }, [searchTerm, resultCount, isLoading]);\n};\n"],"mappings":";;;;;;;;;AAOA,IAAM,qBAAqB;AAE3B,IAAa,mCAAyC;CACpD,MAAM,YAAY,4BAA4BA,kBAAS,MAAM;CAC7D,MAAM,OAAO,QAAQ;CACrB,MAAM,oBAAoB,oBAAoB,UAAU,kBAAkB;CAE1E,MAAM,aAAa,KAAK,QAAQ;CAChC,MAAM,cAAc,KAAK,QAAQ,mBAAmB;CACpD,MAAM,YAAY,KAAK,OAAO,YAAY,aAAa;CAEvD,gBAAgB;EACd,IAAI,aAAa,CAAC,YAAY;GAC5B,kBAAkB,OAAO;GACzB;EACF;EAEA,MAAM,OAAO,UAAU,OACrB,cAAc,IAAI,2BAA2B,4BAC7C;GACE;GACA;EACF,CACF;EAEA,kBAAkB,MAAM,QAAQ;CAClC,GAAG;EAAC;EAAY;EAAa;CAAS,CAAC;AACzC"}

package/dist/js/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs

@@ -10,10 +10,10 @@ function dateRangeFilterFn(row, columnId, range) {
 	let dateValue;
 	if (value instanceof DateTime) dateValue = value;
 	else if (value instanceof CalendarDate) dateValue = transformDateValueToDateTime(value);
-	else if (typeof value === "string") dateValue = DateTime.fromISO(value).startOf("day");
+	else if (typeof value === "string") dateValue = DateTime.fromISO(value);
 	if (!dateValue) return true;
 	const startDate = range.start ? transformDateValueToDateTime(range.start) : void 0;
-	const endDate = range.end ? transformDateValueToDateTime(range.end) : void 0;
+	const endDate = range.end ? transformDateValueToDateTime(range.end).endOf("day") : void 0;
 	if (startDate && dateValue < startDate) return false;
 	return !(endDate && dateValue > endDate);
 }

package/dist/js/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeFilterFn.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/dateRangeFilterFn.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { CalendarDate } from \"@internationalized/date\";\nimport type { Row } from \"@tanstack/react-table\";\nimport { transformDateValueToDateTime } from \"@/lib/date/transformDateValueToDateTime\";\n\nexport function dateRangeFilterFn<T>(\n  row: Row<T>,\n  columnId: string,\n  range?: { start?: CalendarDate; end?: CalendarDate },\n): boolean {\n  if (!range) {\n    return true;\n  }\n\n  const value = row.getValue(columnId);\n\n  let dateValue;\n\n  if (value instanceof DateTime) {\n    dateValue = value;\n  } else if (value instanceof CalendarDate) {\n    dateValue = transformDateValueToDateTime(value);\n  } else if (typeof value === \"string\") {\n    dateValue = DateTime.fromISO(value).startOf(\"day\");\n  }\n\n  if (!dateValue) {\n    return true;\n  }\n\n  const startDate = range.start\n    ? transformDateValueToDateTime(range.start)\n    : undefined;\n\n  const endDate = range.end\n    ? transformDateValueToDateTime(range.end)\n    : undefined;\n\n  if (startDate && dateValue < startDate) {\n    return false;\n  }\n\n  return !(endDate && dateValue > endDate);\n}\n"],"mappings":";;;;;;AAKA,SAAgB,kBACd,KACA,UACA,OACS;CACT,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,QAAQ,IAAI,SAAS,QAAQ;CAEnC,IAAI;CAEJ,IAAI,iBAAiB,UACnB,YAAY;MACP,IAAI,iBAAiB,cAC1B,YAAY,6BAA6B,KAAK;MACzC,IAAI,OAAO,UAAU,UAC1B,YAAY,SAAS,QAAQ,KAAK,CAAC,CAAC,QAAQ,KAAK;CAGnD,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,YAAY,MAAM,QACpB,6BAA6B,MAAM,KAAK,IACxC,KAAA;CAEJ,MAAM,UAAU,MAAM,MAClB,6BAA6B,MAAM,GAAG,IACtC,KAAA;CAEJ,IAAI,aAAa,YAAY,WAC3B,OAAO;CAGT,OAAO,EAAE,WAAW,YAAY;AAClC"}
+{"version":3,"file":"dateRangeFilterFn.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/dateRangeFilterFn.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { CalendarDate } from \"@internationalized/date\";\nimport type { Row } from \"@tanstack/react-table\";\nimport { transformDateValueToDateTime } from \"@/lib/date/transformDateValueToDateTime\";\n\nexport function dateRangeFilterFn<T>(\n  row: Row<T>,\n  columnId: string,\n  range?: { start?: CalendarDate; end?: CalendarDate },\n): boolean {\n  if (!range) {\n    return true;\n  }\n\n  const value = row.getValue(columnId);\n\n  let dateValue;\n\n  if (value instanceof DateTime) {\n    dateValue = value;\n  } else if (value instanceof CalendarDate) {\n    dateValue = transformDateValueToDateTime(value);\n  } else if (typeof value === \"string\") {\n    dateValue = DateTime.fromISO(value);\n  }\n\n  if (!dateValue) {\n    return true;\n  }\n\n  const startDate = range.start\n    ? transformDateValueToDateTime(range.start)\n    : undefined;\n\n  const endDate = range.end\n    ? transformDateValueToDateTime(range.end).endOf(\"day\")\n    : undefined;\n\n  if (startDate && dateValue < startDate) {\n    return false;\n  }\n\n  return !(endDate && dateValue > endDate);\n}\n"],"mappings":";;;;;;AAKA,SAAgB,kBACd,KACA,UACA,OACS;CACT,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,QAAQ,IAAI,SAAS,QAAQ;CAEnC,IAAI;CAEJ,IAAI,iBAAiB,UACnB,YAAY;MACP,IAAI,iBAAiB,cAC1B,YAAY,6BAA6B,KAAK;MACzC,IAAI,OAAO,UAAU,UAC1B,YAAY,SAAS,QAAQ,KAAK;CAGpC,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,YAAY,MAAM,QACpB,6BAA6B,MAAM,KAAK,IACxC,KAAA;CAEJ,MAAM,UAAU,MAAM,MAClB,6BAA6B,MAAM,GAAG,CAAC,CAAC,MAAM,KAAK,IACnD,KAAA;CAEJ,IAAI,aAAa,YAAY,WAC3B,OAAO;CAGT,OAAO,EAAE,WAAW,YAAY;AAClC"}

package/dist/js/packages/components/src/components/List/views/EmptyView/EmptyView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/views/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport { Heading } from \"@/components/Heading\";\nimport { Text } from \"@/components/Text\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"../../components/Items/Items.module.scss\";\n\nexport type EmptyViewProps = Record<string, never>;\n\n/**\n * @flr-generate all\n *\n * Keep this unused component for backwards compatibility!\n */\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessage className={styles.emptyView}>\n      <IconSearch />\n      <Heading>{stringFormatter.format(\"noResult.heading\")}</Heading>\n      <Text>{stringFormatter.format(\"noResult.text\")}</Text>\n    </IllustratedMessage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,kBAAsC;CACjD,MAAM,kBAAkB,4BAA4B,kBAAS,MAAM;CAEnE,OACE,qBAAC,oBAAD;EAAoB,WAAW,qBAAO;EAAtC,UAAA;GACE,oBAAC,YAAD,CAAa,CAAA;GACb,oBAAC,SAAD,EAAA,UAAU,gBAAgB,OAAO,kBAAkB,EAAW,CAAA;GAC9D,oBAAC,MAAD,EAAA,UAAO,gBAAgB,OAAO,eAAe,EAAQ,CAAA;EACnC;;AAExB"}
+{"version":3,"file":"EmptyView.mjs","names":["locales","styles"],"sources":["../../../../../../../../../src/components/List/views/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport { Heading } from \"@/components/Heading\";\nimport { Text } from \"@/components/Text\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport styles from \"../../components/Items/Items.module.scss\";\n\nexport type EmptyViewProps = Record<string, never>;\n\n/**\n * @flr-generate all\n *\n * Keep this unused component for backwards compatibility!\n */\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales, \"List\");\n\n  return (\n    <IllustratedMessage className={styles.emptyView}>\n      <IconSearch />\n      <Heading>{stringFormatter.format(\"noResult.heading\")}</Heading>\n      <Text>{stringFormatter.format(\"noResult.text\")}</Text>\n    </IllustratedMessage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,kBAAsC;CACjD,MAAM,kBAAkB,4BAA4BA,kBAAS,MAAM;CAEnE,OACE,qBAAC,oBAAD;EAAoB,WAAWC,qBAAO;EAAtC,UAAA;GACE,oBAAC,YAAD,CAAa,CAAA;GACb,oBAAC,SAAD,EAAA,UAAU,gBAAgB,OAAO,kBAAkB,EAAW,CAAA;GAC9D,oBAAC,MAAD,EAAA,UAAO,gBAAgB,OAAO,eAAe,EAAQ,CAAA;EACnC;;AAExB"}

package/dist/js/packages/components/src/components/List/views/EmptyViewContainer/EmptyViewContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyViewContainer.mjs","names":[],"sources":["../../../../../../../../../src/components/List/views/EmptyViewContainer/EmptyViewContainer.tsx"],"sourcesContent":["import DivView from \"@/views/DivView\";\nimport type { FC, ReactNode } from \"react\";\nimport styles from \"../../components/Items/Items.module.scss\";\nimport type { EmptyViewType } from \"../../model/types\";\nimport { EmptySearchResultView } from \"../../components/EmptySearchResultView\";\nimport { EmptyView } from \"../../components/EmptyView\";\n\nexport interface EmptyViewContainerProps {\n  emptyView?: ReactNode;\n  emptySearchResultView?: ReactNode;\n  viewType: EmptyViewType;\n}\n\n/** @flr-generate all */\nexport const EmptyViewContainer: FC<EmptyViewContainerProps> = (props) => {\n  const emptyView = props.emptyView ?? <EmptyView />;\n  const emptySearchResultView = props.emptySearchResultView ?? (\n    <EmptySearchResultView />\n  );\n  return (\n    <DivView className={styles.emptyView}>\n      {props.viewType === \"search\" ? emptySearchResultView : emptyView}\n    </DivView>\n  );\n};\n"],"mappings":";;;;;;;;;AAcA,IAAa,sBAAmD,UAAU;CACxE,MAAM,YAAY,MAAM,aAAa,oBAAC,WAAD,CAAY,CAAA;CACjD,MAAM,wBAAwB,MAAM,yBAClC,oBAAC,uBAAD,CAAwB,CAAA;CAE1B,OACE,oBAAC,SAAD;EAAS,WAAW,qBAAO;EACxB,UAAA,MAAM,aAAa,WAAW,wBAAwB;CAChD,CAAA;AAEb"}
+{"version":3,"file":"EmptyViewContainer.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/List/views/EmptyViewContainer/EmptyViewContainer.tsx"],"sourcesContent":["import DivView from \"@/views/DivView\";\nimport type { FC, ReactNode } from \"react\";\nimport styles from \"../../components/Items/Items.module.scss\";\nimport type { EmptyViewType } from \"../../model/types\";\nimport { EmptySearchResultView } from \"../../components/EmptySearchResultView\";\nimport { EmptyView } from \"../../components/EmptyView\";\n\nexport interface EmptyViewContainerProps {\n  emptyView?: ReactNode;\n  emptySearchResultView?: ReactNode;\n  viewType: EmptyViewType;\n}\n\n/** @flr-generate all */\nexport const EmptyViewContainer: FC<EmptyViewContainerProps> = (props) => {\n  const emptyView = props.emptyView ?? <EmptyView />;\n  const emptySearchResultView = props.emptySearchResultView ?? (\n    <EmptySearchResultView />\n  );\n  return (\n    <DivView className={styles.emptyView}>\n      {props.viewType === \"search\" ? emptySearchResultView : emptyView}\n    </DivView>\n  );\n};\n"],"mappings":";;;;;;;;;AAcA,IAAa,sBAAmD,UAAU;CACxE,MAAM,YAAY,MAAM,aAAa,oBAAC,WAAD,CAAY,CAAA;CACjD,MAAM,wBAAwB,MAAM,yBAClC,oBAAC,uBAAD,CAAwB,CAAA;CAE1B,OACE,oBAAC,SAAD;EAAS,WAAWA,qBAAO;EACxB,UAAA,MAAM,aAAa,WAAW,wBAAwB;CAChD,CAAA;AAEb"}

package/dist/js/packages/components/src/components/LoadingSpinner/LoadingSpinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.mjs","names":[],"sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\nconst globalSpinnerTime = performance.now();\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const preferReducedMotion = useReducedMotion();\n\n  const designTokens = useDesignTokens();\n  const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n  const animationDurationMs = preferReducedMotion\n    ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n    : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  return (\n    <IconPending\n      className={rootClassName}\n      ref={(element) => {\n        if (element) {\n          const elapsedMs = performance.now() - globalSpinnerTime;\n          const phaseMs = elapsedMs % animationDurationMs;\n\n          element.style.setProperty(\"--animation-delay\", `${-phaseMs}ms`);\n        }\n      }}\n      {...rest}\n    />\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;;;;;;AAcA,IAAM,oBAAoB,YAAY,IAAI;;AAG1C,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,WAAW,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,sBAAsB,iBAAiB;CAG7C,MAAM,uBADe,gBACQ,CAAA,CAAa;CAE1C,MAAM,sBAAsB,sBACxB,SAAS,qBAAqB,2BAA2B,CAAC,KAAK,IAC/D,SAAS,qBAAqB,sBAAsB,CAAC,KAAK;CAE9D,MAAM,gBAAgB,KACpB,8BAAO,gBACP,aAAa,KAAK,KAAK,8BAAO,QAC9B,SACF;CAEA,OACE,oBAAC,aAAD;EACE,WAAW;EACX,MAAM,YAAY;GAChB,IAAI,SAAS;IAEX,MAAM,WADY,YAAY,IAAI,IAAI,qBACV;IAE5B,QAAQ,MAAM,YAAY,qBAAqB,GAAG,CAAC,QAAQ,GAAG;GAChE;EACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"LoadingSpinner.mjs","names":["styles"],"sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { useReducedMotion } from \"framer-motion\";\nimport { useDesignTokens } from \"@/lib/theming\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\nconst globalSpinnerTime = performance.now();\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const preferReducedMotion = useReducedMotion();\n\n  const designTokens = useDesignTokens();\n  const loadingSpinnerTokens = designTokens[\"loading-spinner\"];\n\n  const animationDurationMs = preferReducedMotion\n    ? parseInt(loadingSpinnerTokens[\"transition-duration-slow\"].value)\n    : parseInt(loadingSpinnerTokens[\"transition-duration\"].value);\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  return (\n    <IconPending\n      className={rootClassName}\n      ref={(element) => {\n        if (element) {\n          const elapsedMs = performance.now() - globalSpinnerTime;\n          const phaseMs = elapsedMs % animationDurationMs;\n\n          element.style.setProperty(\"--animation-delay\", `${-phaseMs}ms`);\n        }\n      }}\n      {...rest}\n    />\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;;;;;;AAcA,IAAM,oBAAoB,YAAY,IAAI;;AAG1C,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,WAAW,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,sBAAsB,iBAAiB;CAG7C,MAAM,uBADe,gBACQ,CAAA,CAAa;CAE1C,MAAM,sBAAsB,sBACxB,SAAS,qBAAqB,2BAA2B,CAAC,KAAK,IAC/D,SAAS,qBAAqB,sBAAsB,CAAC,KAAK;CAE9D,MAAM,gBAAgB,KACpBA,8BAAO,gBACP,aAAa,KAAK,KAAKA,8BAAO,QAC9B,SACF;CAEA,OACE,oBAAC,aAAD;EACE,WAAW;EACX,MAAM,YAAY;GAChB,IAAI,SAAS;IAEX,MAAM,WADY,YAAY,IAAI,IAAI,qBACV;IAE5B,QAAQ,MAAM,YAAY,qBAAqB,GAAG,CAAC,QAAQ,GAAG;GAChE;EACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/js/packages/components/src/components/Markdown/Markdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","names":[],"sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, ReactNode, Ref } from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** Allows overriding markdown element renderers from outside. */\n  components?: Components;\n  /** @internal */\n  style?: CSSProperties;\n  /** A ref to the elements root. */\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props components\n */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    components: customComponents,\n    ref,\n    allowElement,\n    allowedElements,\n    disallowedElements,\n    rehypePlugins,\n    remarkPlugins,\n    remarkRehypeOptions,\n    skipHtml,\n    unwrapDisallowed,\n    urlTransform,\n    ...rest\n  } = props;\n\n  const defaultComponents: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={color} href={props.href}>\n        {props.children}\n      </Link>\n    ),\n    p: (props) => (\n      <Text elementType=\"p\" color={color}>\n        {props.children}\n      </Text>\n    ),\n    code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n    h1: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(1, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    hr: () => <Separator />,\n    pre: (props) => {\n      const preElementContent = Children.toArray(props.children)[0];\n\n      return (\n        <CodeBlock\n          copyable={false}\n          language={\n            isValidElement<{ className?: string }>(preElementContent) &&\n            preElementContent.props.className\n              ? (preElementContent.props.className.replace(\n                  \"language-\",\n                  \"\",\n                ) as CodeEditorLanguage)\n              : undefined\n          }\n          code={String(\n            isValidElement<{ children: string }>(preElementContent)\n              ? preElementContent.props.children\n              : preElementContent,\n          ).trim()}\n        />\n      );\n    },\n    ul: (props) => (\n      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n  const mergedComponents: Components = {\n    ...defaultComponents,\n    ...customComponents,\n  };\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown\n        allowElement={allowElement}\n        allowedElements={allowedElements}\n        disallowedElements={disallowedElements}\n        rehypePlugins={rehypePlugins}\n        remarkPlugins={remarkPlugins ?? [remarkGfm]}\n        remarkRehypeOptions={remarkRehypeOptions}\n        skipHtml={skipHtml}\n        unwrapDisallowed={unwrapDisallowed}\n        urlTransform={urlTransform}\n        components={mergedComponents}\n      >\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UACA,QAAQ,WACR,WACA,gBAAgB,GAChB,YAAY,kBACZ,KACA,cACA,iBACA,oBACA,eACA,eACA,qBACA,UACA,kBACA,cACA,GAAG,SACD;CAEJ,MAAM,oBAAgC;EACpC,IAAI,UACF,oBAAC,MAAD;GAAM,QAAO;GAAgB;GAAO,MAAM,MAAM;GAC7C,UAAA,MAAM;EACH,CAAA;EAER,IAAI,UACF,oBAAC,MAAD;GAAM,aAAY;GAAW;GAC1B,UAAA,MAAM;EACH,CAAA;EAER,OAAO,UAAU,oBAAC,YAAD;GAAmB;GAAQ,UAAA,MAAM;EAAqB,CAAA;EACvE,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,UAAU,oBAAC,WAAD,CAAY,CAAA;EACtB,MAAM,UAAU;GACd,MAAM,oBAAoB,SAAS,QAAQ,MAAM,QAAQ,CAAC,CAAC;GAE3D,OACE,oBAAC,WAAD;IACE,UAAU;IACV,UACE,eAAuC,iBAAiB,KACxD,kBAAkB,MAAM,YACnB,kBAAkB,MAAM,UAAU,QACjC,aACA,EACF,IACA,KAAA;IAEN,MAAM,OACJ,eAAqC,iBAAiB,IAClD,kBAAkB,MAAM,WACxB,iBACN,CAAC,CAAC,KAAK;GACR,CAAA;EAEL;EACA,KAAK,UACH,oBAAC,MAAD;GAAa;GACX,UAAA,oBAAC,MAAD,EAAA,UAAK,MAAM,SAA0B,CAAA;EACjC,CAAA;EAER,KAAK,UACH,oBAAC,MAAD;GAAa;GACX,UAAA,oBAAC,MAAD,EAAA,UAAK,MAAM,SAA0B,CAAA;EACjC,CAAA;EAER,aAAa,UACX,oBAAC,MAAD;GAAa;GACX,UAAA,oBAAC,cAAD,EAAA,UAAa,MAAM,SAAqB,CAAA;EACpC,CAAA;CAEV;CAEA,MAAM,cAAc,0BAA0B,QAAQ;CACtD,MAAM,mBAA+B;EACnC,GAAG;EACH,GAAG;CACL;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,KAAK,wBAAO,UAAU,SAAS;EAAG,GAAI;EAAW;EAC/D,UAAA,oBAAC,eAAD;GACgB;GACG;GACG;GACL;GACf,eAAe,iBAAiB,CAAC,SAAS;GACrB;GACX;GACQ;GACJ;GACd,YAAY;GAEX,UAAA;EACY,CAAA;CACZ,CAAA;AAET"}
+{"version":3,"file":"Markdown.mjs","names":["styles"],"sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, ReactNode, Ref } from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** Allows overriding markdown element renderers from outside. */\n  components?: Components;\n  /** @internal */\n  style?: CSSProperties;\n  /** A ref to the elements root. */\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props components\n */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    components: customComponents,\n    ref,\n    allowElement,\n    allowedElements,\n    disallowedElements,\n    rehypePlugins,\n    remarkPlugins,\n    remarkRehypeOptions,\n    skipHtml,\n    unwrapDisallowed,\n    urlTransform,\n    ...rest\n  } = props;\n\n  const defaultComponents: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={color} href={props.href}>\n        {props.children}\n      </Link>\n    ),\n    p: (props) => (\n      <Text elementType=\"p\" color={color}>\n        {props.children}\n      </Text>\n    ),\n    code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n    h1: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(1, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={color}\n      >\n        {props.children}\n      </Heading>\n    ),\n    hr: () => <Separator />,\n    pre: (props) => {\n      const preElementContent = Children.toArray(props.children)[0];\n\n      return (\n        <CodeBlock\n          copyable={false}\n          language={\n            isValidElement<{ className?: string }>(preElementContent) &&\n            preElementContent.props.className\n              ? (preElementContent.props.className.replace(\n                  \"language-\",\n                  \"\",\n                ) as CodeEditorLanguage)\n              : undefined\n          }\n          code={String(\n            isValidElement<{ children: string }>(preElementContent)\n              ? preElementContent.props.children\n              : preElementContent,\n          ).trim()}\n        />\n      );\n    },\n    ul: (props) => (\n      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n  const mergedComponents: Components = {\n    ...defaultComponents,\n    ...customComponents,\n  };\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown\n        allowElement={allowElement}\n        allowedElements={allowedElements}\n        disallowedElements={disallowedElements}\n        rehypePlugins={rehypePlugins}\n        remarkPlugins={remarkPlugins ?? [remarkGfm]}\n        remarkRehypeOptions={remarkRehypeOptions}\n        skipHtml={skipHtml}\n        unwrapDisallowed={unwrapDisallowed}\n        urlTransform={urlTransform}\n        components={mergedComponents}\n      >\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UACA,QAAQ,WACR,WACA,gBAAgB,GAChB,YAAY,kBACZ,KACA,cACA,iBACA,oBACA,eACA,eACA,qBACA,UACA,kBACA,cACA,GAAG,SACD;CAEJ,MAAM,oBAAgC;EACpC,IAAI,UACF,oBAAC,MAAD;GAAM,QAAO;GAAgB;GAAO,MAAM,MAAM;GAC7C,UAAA,MAAM;EACH,CAAA;EAER,IAAI,UACF,oBAAC,MAAD;GAAM,aAAY;GAAW;GAC1B,UAAA,MAAM;EACH,CAAA;EAER,OAAO,UAAU,oBAAC,YAAD;GAAmB;GAAQ,UAAA,MAAM;EAAqB,CAAA;EACvE,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,aAAa;GAC1C;GAEN,UAAA,MAAM;EACA,CAAA;EAEX,UAAU,oBAAC,WAAD,CAAY,CAAA;EACtB,MAAM,UAAU;GACd,MAAM,oBAAoB,SAAS,QAAQ,MAAM,QAAQ,CAAC,CAAC;GAE3D,OACE,oBAAC,WAAD;IACE,UAAU;IACV,UACE,eAAuC,iBAAiB,KACxD,kBAAkB,MAAM,YACnB,kBAAkB,MAAM,UAAU,QACjC,aACA,EACF,IACA,KAAA;IAEN,MAAM,OACJ,eAAqC,iBAAiB,IAClD,kBAAkB,MAAM,WACxB,iBACN,CAAC,CAAC,KAAK;GACR,CAAA;EAEL;EACA,KAAK,UACH,oBAAC,MAAD;GAAa;GACX,UAAA,oBAAC,MAAD,EAAA,UAAK,MAAM,SAA0B,CAAA;EACjC,CAAA;EAER,KAAK,UACH,oBAAC,MAAD;GAAa;GACX,UAAA,oBAAC,MAAD,EAAA,UAAK,MAAM,SAA0B,CAAA;EACjC,CAAA;EAER,aAAa,UACX,oBAAC,MAAD;GAAa;GACX,UAAA,oBAAC,cAAD,EAAA,UAAa,MAAM,SAAqB,CAAA;EACpC,CAAA;CAEV;CAEA,MAAM,cAAc,0BAA0B,QAAQ;CACtD,MAAM,mBAA+B;EACnC,GAAG;EACH,GAAG;CACL;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,KAAKA,wBAAO,UAAU,SAAS;EAAG,GAAI;EAAW;EAC/D,UAAA,oBAAC,eAAD;GACgB;GACG;GACG;GACL;GACf,eAAe,iBAAiB,CAAC,SAAS;GACrB;GACX;GACQ;GACJ;GACd,YAAY;GAEX,UAAA;EACY,CAAA;CACZ,CAAA;AAET"}

package/dist/js/packages/components/src/components/MarkdownEditor/MarkdownEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.mjs","names":[],"sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type ComponentType, type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport {\n  Markdown as DefaultMarkdown,\n  type MarkdownProps,\n} from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport type { MarkdownEditorUpload } from \"@/components/MarkdownEditor/lib/fileUpload\";\nimport { useFileUpload } from \"@/components/MarkdownEditor/lib/useFileUpload\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport {\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport type { MarkdownEditorUpload };\n\nconst toolbarActionsTunnel = {\n  id: \"toolbarActions\",\n  component: \"MarkdownEditor\",\n} as const;\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {\n  /**\n   * Allows replacing the markdown preview renderer implementation. Defaults to\n   * the internal `Markdown` component.\n   */\n  markdownComponent?: ComponentType<MarkdownProps>;\n  /**\n   * Uploads a file the user dropped onto the editor, pasted into it or picked\n   * with its attachment button. A placeholder comment sits at the cursor while\n   * the returned promise is pending: resolving replaces it with markdown\n   * linking to the file — an image embed for an image — and rejecting takes it\n   * back out. Without this prop the editor takes no files at all.\n   *\n   * Named without an `on` prefix on purpose: the remote generator turns an\n   * `on*` prop into a fire-and-forget event, and this one has to hand a result\n   * back.\n   */\n  uploadFile?: (file: File) => Promise<MarkdownEditorUpload>;\n  /**\n   * Which file types the editor takes, as the `accept` attribute of a file\n   * input: a comma separated list of MIME types (`image/png`), MIME wildcards\n   * (`image/*`) and file extensions (`.png`). Defaults to every type.\n   */\n  accept?: string;\n}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    markdownComponent: MarkdownComponent = DefaultMarkdown,\n    value,\n    onChange,\n    uploadFile,\n    accept,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props, \"\");\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n  const toolbarActionsDisabled = isDisabled || mode === \"preview\";\n\n  const { dropProps, isDropTarget, uploadFiles } = useFileUpload({\n    accept,\n    uploadFile,\n    isDisabled: isDisabled || isReadOnly || mode === \"preview\",\n    value,\n    onChange,\n    textAreaRef: inputRef,\n  });\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    styles[`mode-${mode}`],\n    isDropTarget && styles.dropTarget,\n    className,\n  );\n\n  const toolbarActionsPropsContext: PropsContext = {\n    ...overlayTriggersTunneledTo(toolbarActionsTunnel),\n    Button: {\n      tunnel: toolbarActionsTunnel,\n      size: \"s\",\n      variant: \"plain\",\n      color: \"dark\",\n      isDisabled: toolbarActionsDisabled,\n    },\n  };\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div {...dropProps} className={rootClassName}>\n      <TextArea\n        {...rest}\n        aria-hidden={mode === \"preview\"}\n        isReadOnly={isReadOnly || mode === \"preview\"}\n        isDisabled={isDisabled}\n        ref={inputRef}\n        value={value}\n        rows={rows}\n        autoResizeMaxRows={autoResizeMaxRows}\n        onChange={onChange}\n        onKeyDown={handleKeyDown}\n      >\n        <PropsContextProvider\n          props={toolbarActionsPropsContext}\n          dependencies={[toolbarActionsDisabled]}\n        >\n          {children}\n          {mode === \"preview\" && (\n            <MarkdownComponent\n              headingOffset={headingOffset}\n              className={styles.markdown}\n            >\n              {value}\n            </MarkdownComponent>\n          )}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n            accept={accept}\n            isReadOnly={isReadOnly}\n            onFilesSelected={uploadFiles}\n          />\n        </PropsContextProvider>\n      </TextArea>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,IAAM,uBAAuB;CAC3B,IAAI;CACJ,WAAW;AACb;;AA8BA,IAAa,iBAAiB,cAAc,mBAAmB,UAAU;CACvE,MAAM,EACJ,YACA,YACA,UACA,WACA,OAAO,GACP,mBACA,eACA,mBAAmB,oBAAoB,UACvC,OACA,UACA,YACA,QACA,KACA,GAAG,SACD,4BAA4B,OAAO,EAAE;CAEzC,MAAM,WAAW,aAAa,GAAG;CACjC,MAAM,CAAC,MAAM,WAAW,SAA6B,QAAQ;CAC7D,MAAM,yBAAyB,cAAc,SAAS;CAEtD,MAAM,EAAE,WAAW,cAAc,gBAAgB,cAAc;EAC7D;EACA;EACA,YAAY,cAAc,cAAc,SAAS;EACjD;EACA;EACA,aAAa;CACf,CAAC;CAED,MAAM,gBAAgB,KACpB,8BAAO,gBACP,8BAAO,QAAQ,SACf,gBAAgB,8BAAO,YACvB,SACF;CAEA,MAAM,6BAA2C;EAC/C,GAAG,0BAA0B,oBAAoB;EACjD,QAAQ;GACN,QAAQ;GACR,MAAM;GACN,SAAS;GACT,OAAO;GACP,YAAY;EACd;CACF;CAEA,MAAM,iBAAuC,UAAU;EACrD,IAAI,MAAM,QAAQ,SAChB;EAGF,MAAM,eAAe,4BAA4B,OAAO,QAAQ;EAChE,IAAI,CAAC,cACH;EAGF,MAAM,EAAE,UAAU,mBAAmB,oBAAoB;EAEzD,4BAA4B;GAC1B,IAAI,SAAS,SAAS;IACpB,SAAS,QAAQ,QAAQ;IACzB,SAAS,SAAS,kBAAkB,mBAAmB,eAAe;IACtE,eAAe,UAAU,SAAS,OAAO;GAC3C;EACF,CAAC;EAED,MAAM,eAAe;EACrB,SAAS,QAAQ;CACnB;CAEA,MAAM,2BAA2B,SAAqB;EACpD,MAAM,EAAE,UAAU,mBAAmB,oBAAoB,kBACvD,OACA,MACA,QACF;EAEA,4BAA4B;GAC1B,IAAI,SAAS,SAAS;IACpB,SAAS,QAAQ,QAAQ;IACzB,SAAS,QAAQ,kBAAkB,mBAAmB,eAAe;IACrE,SAAS,QAAQ,MAAM;GACzB;EACF,CAAC;EAED,SAAS,QAAQ;CACnB;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;EAAW,WAAW;EAC7B,UAAA,oBAAC,UAAD;GACE,GAAI;GACJ,eAAa,SAAS;GACtB,YAAY,cAAc,SAAS;GACvB;GACZ,KAAK;GACE;GACD;GACa;GACT;GACV,WAAW;GAEX,UAAA,qBAAC,sBAAD;IACE,OAAO;IACP,cAAc,CAAC,sBAAsB;IAFvC,UAAA;KAIG;KACA,SAAS,aACR,oBAAC,mBAAD;MACiB;MACf,WAAW,8BAAO;MAEjB,UAAA;KACgB,CAAA;KAErB,oBAAC,SAAD;MACE,aAAa;MACD;MACZ,cAAc;MACd,eAAe;MACP;MACI;MACZ,iBAAiB;KAClB,CAAA;IACmB;;EACd,CAAA;CACP,CAAA;AAET,CAAC"}
+{"version":3,"file":"MarkdownEditor.mjs","names":["DefaultMarkdown","styles"],"sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type ComponentType, type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport {\n  Markdown as DefaultMarkdown,\n  type MarkdownProps,\n} from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport type { MarkdownEditorUpload } from \"@/components/MarkdownEditor/lib/fileUpload\";\nimport { useFileUpload } from \"@/components/MarkdownEditor/lib/useFileUpload\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport {\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport type { MarkdownEditorUpload };\n\nconst toolbarActionsTunnel = {\n  id: \"toolbarActions\",\n  component: \"MarkdownEditor\",\n} as const;\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {\n  /**\n   * Allows replacing the markdown preview renderer implementation. Defaults to\n   * the internal `Markdown` component.\n   */\n  markdownComponent?: ComponentType<MarkdownProps>;\n  /**\n   * Uploads a file the user dropped onto the editor, pasted into it or picked\n   * with its attachment button. A placeholder comment sits at the cursor while\n   * the returned promise is pending: resolving replaces it with markdown\n   * linking to the file — an image embed for an image — and rejecting takes it\n   * back out. Without this prop the editor takes no files at all.\n   *\n   * Named without an `on` prefix on purpose: the remote generator turns an\n   * `on*` prop into a fire-and-forget event, and this one has to hand a result\n   * back.\n   */\n  uploadFile?: (file: File) => Promise<MarkdownEditorUpload>;\n  /**\n   * Which file types the editor takes, as the `accept` attribute of a file\n   * input: a comma separated list of MIME types (`image/png`), MIME wildcards\n   * (`image/*`) and file extensions (`.png`). Defaults to every type.\n   */\n  accept?: string;\n}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    markdownComponent: MarkdownComponent = DefaultMarkdown,\n    value,\n    onChange,\n    uploadFile,\n    accept,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props, \"\");\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n  const toolbarActionsDisabled = isDisabled || mode === \"preview\";\n\n  const { dropProps, isDropTarget, uploadFiles } = useFileUpload({\n    accept,\n    uploadFile,\n    isDisabled: isDisabled || isReadOnly || mode === \"preview\",\n    value,\n    onChange,\n    textAreaRef: inputRef,\n  });\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    styles[`mode-${mode}`],\n    isDropTarget && styles.dropTarget,\n    className,\n  );\n\n  const toolbarActionsPropsContext: PropsContext = {\n    ...overlayTriggersTunneledTo(toolbarActionsTunnel),\n    Button: {\n      tunnel: toolbarActionsTunnel,\n      size: \"s\",\n      variant: \"plain\",\n      color: \"dark\",\n      isDisabled: toolbarActionsDisabled,\n    },\n  };\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div {...dropProps} className={rootClassName}>\n      <TextArea\n        {...rest}\n        aria-hidden={mode === \"preview\"}\n        isReadOnly={isReadOnly || mode === \"preview\"}\n        isDisabled={isDisabled}\n        ref={inputRef}\n        value={value}\n        rows={rows}\n        autoResizeMaxRows={autoResizeMaxRows}\n        onChange={onChange}\n        onKeyDown={handleKeyDown}\n      >\n        <PropsContextProvider\n          props={toolbarActionsPropsContext}\n          dependencies={[toolbarActionsDisabled]}\n        >\n          {children}\n          {mode === \"preview\" && (\n            <MarkdownComponent\n              headingOffset={headingOffset}\n              className={styles.markdown}\n            >\n              {value}\n            </MarkdownComponent>\n          )}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n            accept={accept}\n            isReadOnly={isReadOnly}\n            onFilesSelected={uploadFiles}\n          />\n        </PropsContextProvider>\n      </TextArea>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,IAAM,uBAAuB;CAC3B,IAAI;CACJ,WAAW;AACb;;AA8BA,IAAa,iBAAiB,cAAc,mBAAmB,UAAU;CACvE,MAAM,EACJ,YACA,YACA,UACA,WACA,OAAO,GACP,mBACA,eACA,mBAAmB,oBAAoBA,UACvC,OACA,UACA,YACA,QACA,KACA,GAAG,SACD,4BAA4B,OAAO,EAAE;CAEzC,MAAM,WAAW,aAAa,GAAG;CACjC,MAAM,CAAC,MAAM,WAAW,SAA6B,QAAQ;CAC7D,MAAM,yBAAyB,cAAc,SAAS;CAEtD,MAAM,EAAE,WAAW,cAAc,gBAAgB,cAAc;EAC7D;EACA;EACA,YAAY,cAAc,cAAc,SAAS;EACjD;EACA;EACA,aAAa;CACf,CAAC;CAED,MAAM,gBAAgB,KACpBC,8BAAO,gBACPA,8BAAO,QAAQ,SACf,gBAAgBA,8BAAO,YACvB,SACF;CAEA,MAAM,6BAA2C;EAC/C,GAAG,0BAA0B,oBAAoB;EACjD,QAAQ;GACN,QAAQ;GACR,MAAM;GACN,SAAS;GACT,OAAO;GACP,YAAY;EACd;CACF;CAEA,MAAM,iBAAuC,UAAU;EACrD,IAAI,MAAM,QAAQ,SAChB;EAGF,MAAM,eAAe,4BAA4B,OAAO,QAAQ;EAChE,IAAI,CAAC,cACH;EAGF,MAAM,EAAE,UAAU,mBAAmB,oBAAoB;EAEzD,4BAA4B;GAC1B,IAAI,SAAS,SAAS;IACpB,SAAS,QAAQ,QAAQ;IACzB,SAAS,SAAS,kBAAkB,mBAAmB,eAAe;IACtE,eAAe,UAAU,SAAS,OAAO;GAC3C;EACF,CAAC;EAED,MAAM,eAAe;EACrB,SAAS,QAAQ;CACnB;CAEA,MAAM,2BAA2B,SAAqB;EACpD,MAAM,EAAE,UAAU,mBAAmB,oBAAoB,kBACvD,OACA,MACA,QACF;EAEA,4BAA4B;GAC1B,IAAI,SAAS,SAAS;IACpB,SAAS,QAAQ,QAAQ;IACzB,SAAS,QAAQ,kBAAkB,mBAAmB,eAAe;IACrE,SAAS,QAAQ,MAAM;GACzB;EACF,CAAC;EAED,SAAS,QAAQ;CACnB;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;EAAW,WAAW;EAC7B,UAAA,oBAAC,UAAD;GACE,GAAI;GACJ,eAAa,SAAS;GACtB,YAAY,cAAc,SAAS;GACvB;GACZ,KAAK;GACE;GACD;GACa;GACT;GACV,WAAW;GAEX,UAAA,qBAAC,sBAAD;IACE,OAAO;IACP,cAAc,CAAC,sBAAsB;IAFvC,UAAA;KAIG;KACA,SAAS,aACR,oBAAC,mBAAD;MACiB;MACf,WAAWA,8BAAO;MAEjB,UAAA;KACgB,CAAA;KAErB,oBAAC,SAAD;MACE,aAAa;MACD;MACZ,cAAc;MACd,eAAe;MACP;MACI;MACZ,iBAAiB;KAClB,CAAA;IACmB;;EACd,CAAA;CACP,CAAA;AAET,CAAC"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/AttachmentButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentButton.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/AttachmentButton.tsx"],"sourcesContent":["import { type FC, useRef } from \"react\";\nimport { useVisuallyHidden } from \"react-aria\";\nimport { IconAttachment } from \"@/components/Icon/components/icons\";\nimport { ToolbarButton } from \"@/components/MarkdownEditor/components/ToolbarButton\";\n\n/** @internal */\nexport interface AttachmentButtonProps {\n  /** Which file types to offer, as an `accept` attribute value. */\n  accept?: string;\n  isDisabled?: boolean;\n  /** Called with the files the user picked. */\n  onSelect: (files: File[]) => void;\n}\n\n/**\n * The toolbar's file picker — the keyboard and pointer equivalent of dropping a\n * file onto the editor. A `ToolbarButton` like every other tool, plus the\n * hidden input it opens.\n *\n * @internal\n */\nexport const AttachmentButton: FC<AttachmentButtonProps> = (props) => {\n  const { accept, isDisabled, onSelect } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { visuallyHiddenProps } = useVisuallyHidden();\n\n  const handlePress = () => {\n    const input = inputRef.current;\n\n    if (!input) {\n      return;\n    }\n\n    /*\n     * Cleared first: an input that still holds the previous file fires no\n     * `change` when the same file is picked again.\n     */\n    input.value = \"\";\n    input.click();\n  };\n\n  return (\n    <>\n      <ToolbarButton\n        type=\"attachment\"\n        isDisabled={isDisabled}\n        onPress={handlePress}\n      >\n        <IconAttachment />\n      </ToolbarButton>\n\n      {/*\n       * A plain input rather than `FileField`'s `FileInput`: that one renders an\n       * `Aria.Input`, which reads the `InputContext` the surrounding TextArea's\n       * `Aria.TextField` provides and would be handed the editor's text as its\n       * value — which a file input rejects outright.\n       *\n       * `tabIndex={-1}` keeps the hidden input out of the tab order; the button\n       * in front of it is the focusable affordance.\n       */}\n      <input\n        {...visuallyHiddenProps}\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple\n        tabIndex={-1}\n        onChange={(event) => {\n          const files = event.target.files;\n\n          if (files?.length) {\n            onSelect(Array.from(files));\n          }\n        }}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,QAAQ,YAAY,aAAa;CAEzC,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,EAAE,wBAAwB,kBAAkB;CAElD,MAAM,oBAAoB;EACxB,MAAM,QAAQ,SAAS;EAEvB,IAAI,CAAC,OACH;EAOF,MAAM,QAAQ;EACd,MAAM,MAAM;CACd;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,eAAD;EACE,MAAK;EACO;EACZ,SAAS;EAET,UAAA,oBAAC,gBAAD,CAAiB,CAAA;CACJ,CAAA,GAWf,oBAAC,SAAD;EACE,GAAI;EACJ,KAAK;EACL,MAAK;EACG;EACR,UAAA;EACA,UAAU;EACV,WAAW,UAAU;GACnB,MAAM,QAAQ,MAAM,OAAO;GAE3B,IAAI,OAAO,QACT,SAAS,MAAM,KAAK,KAAK,CAAC;EAE9B;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"AttachmentButton.mjs","names":["_Fragment"],"sources":["../../../../../../../../src/components/MarkdownEditor/components/AttachmentButton.tsx"],"sourcesContent":["import { type FC, useRef } from \"react\";\nimport { useVisuallyHidden } from \"react-aria\";\nimport { IconAttachment } from \"@/components/Icon/components/icons\";\nimport { ToolbarButton } from \"@/components/MarkdownEditor/components/ToolbarButton\";\n\n/** @internal */\nexport interface AttachmentButtonProps {\n  /** Which file types to offer, as an `accept` attribute value. */\n  accept?: string;\n  isDisabled?: boolean;\n  /** Called with the files the user picked. */\n  onSelect: (files: File[]) => void;\n}\n\n/**\n * The toolbar's file picker — the keyboard and pointer equivalent of dropping a\n * file onto the editor. A `ToolbarButton` like every other tool, plus the\n * hidden input it opens.\n *\n * @internal\n */\nexport const AttachmentButton: FC<AttachmentButtonProps> = (props) => {\n  const { accept, isDisabled, onSelect } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { visuallyHiddenProps } = useVisuallyHidden();\n\n  const handlePress = () => {\n    const input = inputRef.current;\n\n    if (!input) {\n      return;\n    }\n\n    /*\n     * Cleared first: an input that still holds the previous file fires no\n     * `change` when the same file is picked again.\n     */\n    input.value = \"\";\n    input.click();\n  };\n\n  return (\n    <>\n      <ToolbarButton\n        type=\"attachment\"\n        isDisabled={isDisabled}\n        onPress={handlePress}\n      >\n        <IconAttachment />\n      </ToolbarButton>\n\n      {/*\n       * A plain input rather than `FileField`'s `FileInput`: that one renders an\n       * `Aria.Input`, which reads the `InputContext` the surrounding TextArea's\n       * `Aria.TextField` provides and would be handed the editor's text as its\n       * value — which a file input rejects outright.\n       *\n       * `tabIndex={-1}` keeps the hidden input out of the tab order; the button\n       * in front of it is the focusable affordance.\n       */}\n      <input\n        {...visuallyHiddenProps}\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple\n        tabIndex={-1}\n        onChange={(event) => {\n          const files = event.target.files;\n\n          if (files?.length) {\n            onSelect(Array.from(files));\n          }\n        }}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,QAAQ,YAAY,aAAa;CAEzC,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,EAAE,wBAAwB,kBAAkB;CAElD,MAAM,oBAAoB;EACxB,MAAM,QAAQ,SAAS;EAEvB,IAAI,CAAC,OACH;EAOF,MAAM,QAAQ;EACd,MAAM,MAAM;CACd;CAEA,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,eAAD;EACE,MAAK;EACO;EACZ,SAAS;EAET,UAAA,oBAAC,gBAAD,CAAiB,CAAA;CACJ,CAAA,GAWf,oBAAC,SAAD;EACE,GAAI;EACJ,KAAK;EACL,MAAK;EACG;EACR,UAAA;EACA,UAAU;EACV,WAAW,UAAU;GACnB,MAAM,QAAQ,MAAM,OAAO;GAE3B,IAAI,OAAO,QACT,SAAS,MAAM,KAAK,KAAK,CAAC;EAE9B;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModeButton.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      tunnel={null}\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,aAAa,UAAU,GAAG,SAAS;CAE3C,MAAM,kBAAkB,4BACtB,kBACA,gBACF;CACA,MAAM,YAAY,gBAAgB,WAAW,YAAY;CAEzD,OACE,oBAAC,QAAD;EACE,QAAQ;EACR,WAAW,8BAAO;EAClB,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAe;GACb,WAAW,SAAS;EACtB;EACA,GAAI;EAEH,UAAA,gBAAgB,OAAO,QAAQ,WAAW;CACrC,CAAA;AAEZ"}
+{"version":3,"file":"ModeButton.mjs","names":["locales","styles"],"sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      tunnel={null}\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,aAAa,UAAU,GAAG,SAAS;CAE3C,MAAM,kBAAkB,4BACtBA,kBACA,gBACF;CACA,MAAM,YAAY,gBAAgB,WAAW,YAAY;CAEzD,OACE,oBAAC,QAAD;EACE,QAAQ;EACR,WAAWC,8BAAO;EAClB,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAe;GACb,WAAW,SAAS;EACtB;EACA,GAAI;EAEH,UAAA,gBAAgB,OAAO,QAAQ,WAAW;CACrC,CAAA;AAEZ"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/Toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport { type InsertType } from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { AttachmentButton } from \"@/components/MarkdownEditor/components/AttachmentButton\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: (type: InsertType) => void;\n  /** Which file types the attachment button offers. */\n  accept?: string;\n  /** Renders the attachment button when set. */\n  onFilesSelected?: (files: File[]) => void;\n  /**\n   * Disables the attachment button, which a read-only editor takes no files\n   * for.\n   */\n  isReadOnly?: boolean;\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const isDisabled = props.isDisabled || props.currentMode === \"preview\";\n\n  /** The props of a tool that inserts markdown — all of them but the attachment. */\n  const insertTool = (type: InsertType): ToolBarButtonProps => ({\n    type,\n    isDisabled,\n    onPress: () => props.onToolPressed(type),\n  });\n\n  return (\n    <div className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...insertTool(\"bold\")}>\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"italic\")}>\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"strikeThrough\")}>\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"quote\")}>\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"code\")}>\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"link\")}>\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"unorderedList\")}>\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"orderedList\")}>\n          <IconOrderedList />\n        </ToolbarButton>\n\n        {props.onFilesSelected && (\n          <AttachmentButton\n            accept={props.accept}\n            isDisabled={isDisabled || props.isReadOnly}\n            onSelect={props.onFilesSelected}\n          />\n        )}\n\n        <UiComponentTunnelExit id=\"toolbarActions\" component=\"MarkdownEditor\" />\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled ?? false}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,IAAa,WAA6B,UAAU;CAClD,MAAM,aAAa,MAAM,cAAc,MAAM,gBAAgB;;CAG7D,MAAM,cAAc,UAA0C;EAC5D;EACA;EACA,eAAe,MAAM,cAAc,IAAI;CACzC;CAEA,OACE,qBAAC,OAAD;EAAK,WAAW,8BAAO;EAAS,MAAK;EAArC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW,8BAAO;GAAvB,UAAA;IACE,oBAAC,eAAD;KAAe,GAAI,WAAW,MAAM;KAClC,UAAA,oBAAC,UAAD,CAAW,CAAA;IACE,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,QAAQ;KACpC,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,eAAe;KAC3C,UAAA,oBAAC,mBAAD,CAAoB,CAAA;IACP,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,OAAO;KACnC,UAAA,oBAAC,WAAD,CAAY,CAAA;IACC,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,MAAM;KAClC,UAAA,oBAAC,UAAD,CAAW,CAAA;IACE,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,MAAM;KAClC,UAAA,oBAAC,UAAD,CAAW,CAAA;IACE,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,eAAe;KAC3C,UAAA,oBAAC,mBAAD,CAAoB,CAAA;IACP,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,aAAa;KACzC,UAAA,oBAAC,iBAAD,CAAkB,CAAA;IACL,CAAA;IAEd,MAAM,mBACL,oBAAC,kBAAD;KACE,QAAQ,MAAM;KACd,YAAY,cAAc,MAAM;KAChC,UAAU,MAAM;IACjB,CAAA;IAGH,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;IAAkB,CAAA;GACpE;EAEL,CAAA,GAAA,oBAAC,YAAD;GACE,UAAU,MAAM;GAChB,aAAa,MAAM;GACnB,YAAY,MAAM,cAAc;EACjC,CAAA,CACE;;AAET"}
+{"version":3,"file":"Toolbar.mjs","names":["styles"],"sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport { type InsertType } from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { AttachmentButton } from \"@/components/MarkdownEditor/components/AttachmentButton\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: (type: InsertType) => void;\n  /** Which file types the attachment button offers. */\n  accept?: string;\n  /** Renders the attachment button when set. */\n  onFilesSelected?: (files: File[]) => void;\n  /**\n   * Disables the attachment button, which a read-only editor takes no files\n   * for.\n   */\n  isReadOnly?: boolean;\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const isDisabled = props.isDisabled || props.currentMode === \"preview\";\n\n  /** The props of a tool that inserts markdown — all of them but the attachment. */\n  const insertTool = (type: InsertType): ToolBarButtonProps => ({\n    type,\n    isDisabled,\n    onPress: () => props.onToolPressed(type),\n  });\n\n  return (\n    <div className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...insertTool(\"bold\")}>\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"italic\")}>\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"strikeThrough\")}>\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"quote\")}>\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"code\")}>\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"link\")}>\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"unorderedList\")}>\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...insertTool(\"orderedList\")}>\n          <IconOrderedList />\n        </ToolbarButton>\n\n        {props.onFilesSelected && (\n          <AttachmentButton\n            accept={props.accept}\n            isDisabled={isDisabled || props.isReadOnly}\n            onSelect={props.onFilesSelected}\n          />\n        )}\n\n        <UiComponentTunnelExit id=\"toolbarActions\" component=\"MarkdownEditor\" />\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled ?? false}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,IAAa,WAA6B,UAAU;CAClD,MAAM,aAAa,MAAM,cAAc,MAAM,gBAAgB;;CAG7D,MAAM,cAAc,UAA0C;EAC5D;EACA;EACA,eAAe,MAAM,cAAc,IAAI;CACzC;CAEA,OACE,qBAAC,OAAD;EAAK,WAAWA,8BAAO;EAAS,MAAK;EAArC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAWA,8BAAO;GAAvB,UAAA;IACE,oBAAC,eAAD;KAAe,GAAI,WAAW,MAAM;KAClC,UAAA,oBAAC,UAAD,CAAW,CAAA;IACE,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,QAAQ;KACpC,UAAA,oBAAC,YAAD,CAAa,CAAA;IACA,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,eAAe;KAC3C,UAAA,oBAAC,mBAAD,CAAoB,CAAA;IACP,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,OAAO;KACnC,UAAA,oBAAC,WAAD,CAAY,CAAA;IACC,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,MAAM;KAClC,UAAA,oBAAC,UAAD,CAAW,CAAA;IACE,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,MAAM;KAClC,UAAA,oBAAC,UAAD,CAAW,CAAA;IACE,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,eAAe;KAC3C,UAAA,oBAAC,mBAAD,CAAoB,CAAA;IACP,CAAA;IAEf,oBAAC,eAAD;KAAe,GAAI,WAAW,aAAa;KACzC,UAAA,oBAAC,iBAAD,CAAkB,CAAA;IACL,CAAA;IAEd,MAAM,mBACL,oBAAC,kBAAD;KACE,QAAQ,MAAM;KACd,YAAY,cAAc,MAAM;KAChC,UAAU,MAAM;IACjB,CAAA;IAGH,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;IAAkB,CAAA;GACpE;EAEL,CAAA,GAAA,oBAAC,YAAD;GACE,UAAU,MAAM;GAChB,aAAa,MAAM;GACnB,YAAY,MAAM,cAAc;EACjC,CAAA,CACE;;AAET"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/ToolbarButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/ToolbarButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { type InsertType } from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\n\n/**\n * What a toolbar button is: every markdown syntax it inserts, plus the one tool\n * that does something else. The name is also the `toolbar.<type>` locale key of\n * the button's label.\n */\nexport type ToolbarButtonType = InsertType | \"attachment\";\n\nexport interface ToolBarButtonProps extends Pick<\n  ButtonProps,\n  \"isDisabled\" | \"children\"\n> {\n  type: ToolbarButtonType;\n  onPress?: () => void;\n}\n\nexport const ToolbarButton: FC<ToolBarButtonProps> = (props) => {\n  const { children, type, onPress, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n\n  return (\n    <Button\n      {...rest}\n      tunnel={null}\n      data-button-type={type}\n      aria-label={stringFormatter.format(`toolbar.${type}`)}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={onPress}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;AAqBA,IAAa,iBAAyC,UAAU;CAC9D,MAAM,EAAE,UAAU,MAAM,SAAS,GAAG,SAAS;CAE7C,MAAM,kBAAkB,4BACtB,kBACA,gBACF;CAEA,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,QAAQ;EACR,oBAAkB;EAClB,cAAY,gBAAgB,OAAO,WAAW,MAAM;EACpD,MAAK;EACL,SAAQ;EACR,OAAM;EACG;EAER;CACK,CAAA;AAEZ"}
+{"version":3,"file":"ToolbarButton.mjs","names":["locales"],"sources":["../../../../../../../../src/components/MarkdownEditor/components/ToolbarButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { type InsertType } from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\n\n/**\n * What a toolbar button is: every markdown syntax it inserts, plus the one tool\n * that does something else. The name is also the `toolbar.<type>` locale key of\n * the button's label.\n */\nexport type ToolbarButtonType = InsertType | \"attachment\";\n\nexport interface ToolBarButtonProps extends Pick<\n  ButtonProps,\n  \"isDisabled\" | \"children\"\n> {\n  type: ToolbarButtonType;\n  onPress?: () => void;\n}\n\nexport const ToolbarButton: FC<ToolBarButtonProps> = (props) => {\n  const { children, type, onPress, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n\n  return (\n    <Button\n      {...rest}\n      tunnel={null}\n      data-button-type={type}\n      aria-label={stringFormatter.format(`toolbar.${type}`)}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={onPress}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;AAqBA,IAAa,iBAAyC,UAAU;CAC9D,MAAM,EAAE,UAAU,MAAM,SAAS,GAAG,SAAS;CAE7C,MAAM,kBAAkB,4BACtBA,kBACA,gBACF;CAEA,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,QAAQ;EACR,oBAAkB;EAClB,cAAY,gBAAgB,OAAO,WAAW,MAAM;EACpD,MAAK;EACL,SAAQ;EACR,OAAM;EACG;EAER;CACK,CAAA;AAEZ"}

package/dist/js/packages/components/src/components/MarkdownEditor/lib/useFileUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUpload.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/lib/useFileUpload.ts"],"sourcesContent":["import {\n  type DragEvent as ReactDragEvent,\n  type DragEventHandler,\n  type RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { matchesAccept } from \"@/lib/files/acceptedFiles\";\nimport {\n  insertAtCaret,\n  type MarkdownEditorUpload,\n  removePlaceholder,\n  replacePlaceholder,\n  uploadedFileMarkdown,\n  uploadPlaceholder,\n  type ValueEdit,\n} from \"@/components/MarkdownEditor/lib/fileUpload\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\n\n/** The files of a paste or a drop that `accept` covers. */\nconst acceptedFrom = (files: FileList | null | undefined, accept?: string) =>\n  Array.from(files ?? []).filter((file) => matchesAccept(file, accept));\n\n/** @internal */\nexport type MarkdownEditorFileUploadHandler = (\n  file: File,\n) => Promise<MarkdownEditorUpload>;\n\ninterface Options {\n  /** Which file types to take, as an `accept` attribute value. */\n  accept?: string;\n  /** Uploads one file. Uploading is off entirely while this is undefined. */\n  uploadFile?: MarkdownEditorFileUploadHandler;\n  /** Turns dropping, pasting and the toolbar button off. */\n  isDisabled?: boolean;\n  value: string;\n  onChange: (value: string) => void;\n  textAreaRef: RefObject<HTMLTextAreaElement | null>;\n}\n\ninterface DropProps {\n  onDragEnter?: DragEventHandler;\n  onDragOver?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: DragEventHandler;\n}\n\ninterface FileUpload {\n  /** Drop handling for the editor's root element. */\n  dropProps: DropProps;\n  /** Whether a drag is currently over the editor. */\n  isDropTarget: boolean;\n  /**\n   * Uploads the files the toolbar button picked. `undefined` while uploading is\n   * off.\n   */\n  uploadFiles?: (files: File[]) => void;\n}\n\n/**\n * Drop, paste and toolbar uploads for the `MarkdownEditor`: a placeholder\n * comment goes to the cursor right away and is replaced by a markdown link once\n * the consumer's upload resolves.\n *\n * @internal\n */\nexport const useFileUpload = (options: Options): FileUpload => {\n  const { accept, uploadFile, isDisabled, value, onChange, textAreaRef } =\n    options;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n\n  const isEnabled = !!uploadFile && !isDisabled;\n\n  /*\n   * An upload resolves long after the drop, and the editor has kept taking\n   * input in the meantime. The textarea's own value is the only one that is\n   * current by then — the `value` prop is a render old whenever two uploads\n   * resolve in the same tick.\n   */\n  const valueRef = useRef(value);\n  useEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  const readValue = () => textAreaRef.current?.value ?? valueRef.current;\n\n  /*\n   * A textarea keeps its `selectionStart` after losing focus, so the caret is\n   * still readable once the attachment button has taken the focus away. What it\n   * cannot tell apart is a caret at position 0 from one that was never placed —\n   * both read 0, and appending is the better answer for the second.\n   */\n  const wasFocusedRef = useRef(false);\n  useEffect(() => {\n    const textArea = textAreaRef.current;\n\n    if (!textArea) {\n      return;\n    }\n\n    const rememberFocus = () => {\n      wasFocusedRef.current = true;\n    };\n\n    textArea.addEventListener(\"focus\", rememberFocus);\n    return () => textArea.removeEventListener(\"focus\", rememberFocus);\n  }, [textAreaRef]);\n\n  const readSelection = () => {\n    const textArea = textAreaRef.current;\n    const fallback = readValue().length;\n    return {\n      start: textArea?.selectionStart ?? fallback,\n      end: textArea?.selectionEnd ?? fallback,\n    };\n  };\n\n  const applyEdit = (edit: ValueEdit) => {\n    valueRef.current = edit.value;\n\n    const textArea = textAreaRef.current;\n    if (textArea) {\n      /*\n       * Written before the re-render so an upload resolving in the same tick\n       * reads this one's result, and the selection restored after it, once\n       * React has rendered the controlled value.\n       */\n      textArea.value = edit.value;\n      requestAnimationFrame(() => {\n        textArea.setSelectionRange(edit.selectionStart, edit.selectionEnd);\n      });\n    }\n\n    onChange(edit.value);\n  };\n\n  const runUpload = async (\n    upload: MarkdownEditorFileUploadHandler,\n    file: File,\n    placeholder: string,\n  ) => {\n    announce(\n      stringFormatter.format(\"upload.pending\", { name: file.name }),\n      \"polite\",\n    );\n\n    try {\n      const result = await upload(file);\n      const selection = readSelection();\n      const edit = replacePlaceholder(\n        readValue(),\n        placeholder,\n        uploadedFileMarkdown(file, result),\n        selection.start,\n        selection.end,\n      );\n\n      if (edit) {\n        applyEdit(edit);\n      }\n\n      announce(\n        stringFormatter.format(\"upload.succeeded\", { name: file.name }),\n        \"polite\",\n      );\n    } catch {\n      const selection = readSelection();\n      const edit = removePlaceholder(\n        readValue(),\n        placeholder,\n        selection.start,\n        selection.end,\n      );\n\n      if (edit) {\n        applyEdit(edit);\n      }\n\n      announce(\n        stringFormatter.format(\"upload.failed\", { name: file.name }),\n        \"assertive\",\n      );\n    }\n  };\n\n  const uploadFiles = (files: File[]) => {\n    if (!uploadFile || files.length === 0) {\n      return;\n    }\n\n    const textArea = textAreaRef.current;\n    const caret =\n      textArea && wasFocusedRef.current\n        ? textArea.selectionStart\n        : readValue().length;\n\n    const uploads = files.map((file) => ({\n      file,\n      placeholder: uploadPlaceholder(file.name),\n    }));\n\n    applyEdit(\n      insertAtCaret(\n        readValue(),\n        uploads.map((upload) => upload.placeholder).join(\"\\n\"),\n        caret,\n      ),\n    );\n    textArea?.focus();\n\n    for (const upload of uploads) {\n      void runUpload(uploadFile, upload.file, upload.placeholder);\n    }\n  };\n\n  const uploadFilesRef = useRef(uploadFiles);\n  uploadFilesRef.current = uploadFiles;\n\n  /*\n   * The paste listener is attached imperatively rather than through react-aria's\n   * `useClipboard`, which calls `preventDefault` on every paste it sees and\n   * would take plain text pasting with it.\n   */\n  useEffect(() => {\n    const textArea = textAreaRef.current;\n\n    if (!textArea || !isEnabled) {\n      return;\n    }\n\n    const handlePaste = (event: ClipboardEvent) => {\n      const files = acceptedFrom(event.clipboardData?.files, accept);\n\n      if (files.length === 0) {\n        return;\n      }\n\n      event.preventDefault();\n      uploadFilesRef.current(files);\n    };\n\n    textArea.addEventListener(\"paste\", handlePaste);\n    return () => textArea.removeEventListener(\"paste\", handlePaste);\n  }, [isEnabled, accept, textAreaRef]);\n\n  /*\n   * Native handlers rather than react-aria's `useDrop`: that one claims every\n   * drag it sees — its `onDrop` calls `preventDefault` and `stopPropagation`\n   * unconditionally — which is right for a dedicated drop surface like\n   * `FileDropZone`, but here it would swallow a plain text drag into the\n   * textarea. A drag is claimed only when it carries files, and\n   * `dataTransfer.types` is the only place that says so: the public\n   * `DragTypes` of `getDropOperation` offers just `has(type)`, which cannot\n   * express it — the wildcard type is always true, and WebKit reports every\n   * file drag as an unknown type that answers true to anything.\n   */\n  const dragHasFiles = (event: ReactDragEvent) =>\n    event.dataTransfer.types.includes(\"Files\");\n\n  /*\n   * `dragenter` and `dragleave` fire again for every child the pointer\n   * crosses, so the highlight follows their balance rather than the last one.\n   */\n  const dragDepth = useRef(0);\n  const [isDropTarget, setIsDropTarget] = useState(false);\n\n  const endDrag = () => {\n    dragDepth.current = 0;\n    setIsDropTarget(false);\n  };\n\n  const dropProps: DropProps = isEnabled\n    ? {\n        onDragEnter: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          event.preventDefault();\n          dragDepth.current += 1;\n          setIsDropTarget(true);\n        },\n        onDragOver: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          // Without this the browser refuses the drop and opens the file instead.\n          event.preventDefault();\n          event.dataTransfer.dropEffect = \"copy\";\n        },\n        onDragLeave: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          dragDepth.current = Math.max(0, dragDepth.current - 1);\n          if (dragDepth.current === 0) {\n            setIsDropTarget(false);\n          }\n        },\n        onDrop: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          event.preventDefault();\n          endDrag();\n          uploadFilesRef.current(\n            acceptedFrom(event.dataTransfer.files, accept),\n          );\n        },\n      }\n    : {};\n\n  return {\n    dropProps,\n    isDropTarget,\n    uploadFiles: uploadFile ? uploadFiles : undefined,\n  };\n};\n"],"mappings":";;;;;;;;;;AAuBA,IAAM,gBAAgB,OAAoC,WACxD,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,SAAS,cAAc,MAAM,MAAM,CAAC;;;;;;;;AA6CtE,IAAa,iBAAiB,YAAiC;CAC7D,MAAM,EAAE,QAAQ,YAAY,YAAY,OAAO,UAAU,gBACvD;CAEF,MAAM,kBAAkB,4BACtB,kBACA,gBACF;CAEA,MAAM,YAAY,CAAC,CAAC,cAAc,CAAC;CAQnC,MAAM,WAAW,OAAO,KAAK;CAC7B,gBAAgB;EACd,SAAS,UAAU;CACrB,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,kBAAkB,YAAY,SAAS,SAAS,SAAS;CAQ/D,MAAM,gBAAgB,OAAO,KAAK;CAClC,gBAAgB;EACd,MAAM,WAAW,YAAY;EAE7B,IAAI,CAAC,UACH;EAGF,MAAM,sBAAsB;GAC1B,cAAc,UAAU;EAC1B;EAEA,SAAS,iBAAiB,SAAS,aAAa;EAChD,aAAa,SAAS,oBAAoB,SAAS,aAAa;CAClE,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,sBAAsB;EAC1B,MAAM,WAAW,YAAY;EAC7B,MAAM,WAAW,UAAU,CAAC,CAAC;EAC7B,OAAO;GACL,OAAO,UAAU,kBAAkB;GACnC,KAAK,UAAU,gBAAgB;EACjC;CACF;CAEA,MAAM,aAAa,SAAoB;EACrC,SAAS,UAAU,KAAK;EAExB,MAAM,WAAW,YAAY;EAC7B,IAAI,UAAU;GAMZ,SAAS,QAAQ,KAAK;GACtB,4BAA4B;IAC1B,SAAS,kBAAkB,KAAK,gBAAgB,KAAK,YAAY;GACnE,CAAC;EACH;EAEA,SAAS,KAAK,KAAK;CACrB;CAEA,MAAM,YAAY,OAChB,QACA,MACA,gBACG;EACH,SACE,gBAAgB,OAAO,kBAAkB,EAAE,MAAM,KAAK,KAAK,CAAC,GAC5D,QACF;EAEA,IAAI;GACF,MAAM,SAAS,MAAM,OAAO,IAAI;GAChC,MAAM,YAAY,cAAc;GAChC,MAAM,OAAO,mBACX,UAAU,GACV,aACA,qBAAqB,MAAM,MAAM,GACjC,UAAU,OACV,UAAU,GACZ;GAEA,IAAI,MACF,UAAU,IAAI;GAGhB,SACE,gBAAgB,OAAO,oBAAoB,EAAE,MAAM,KAAK,KAAK,CAAC,GAC9D,QACF;EACF,QAAQ;GACN,MAAM,YAAY,cAAc;GAChC,MAAM,OAAO,kBACX,UAAU,GACV,aACA,UAAU,OACV,UAAU,GACZ;GAEA,IAAI,MACF,UAAU,IAAI;GAGhB,SACE,gBAAgB,OAAO,iBAAiB,EAAE,MAAM,KAAK,KAAK,CAAC,GAC3D,WACF;EACF;CACF;CAEA,MAAM,eAAe,UAAkB;EACrC,IAAI,CAAC,cAAc,MAAM,WAAW,GAClC;EAGF,MAAM,WAAW,YAAY;EAC7B,MAAM,QACJ,YAAY,cAAc,UACtB,SAAS,iBACT,UAAU,CAAC,CAAC;EAElB,MAAM,UAAU,MAAM,KAAK,UAAU;GACnC;GACA,aAAa,kBAAkB,KAAK,IAAI;EAC1C,EAAE;EAEF,UACE,cACE,UAAU,GACV,QAAQ,KAAK,WAAW,OAAO,WAAW,CAAC,CAAC,KAAK,IAAI,GACrD,KACF,CACF;EACA,UAAU,MAAM;EAEhB,KAAK,MAAM,UAAU,SACnB,UAAe,YAAY,OAAO,MAAM,OAAO,WAAW;CAE9D;CAEA,MAAM,iBAAiB,OAAO,WAAW;CACzC,eAAe,UAAU;CAOzB,gBAAgB;EACd,MAAM,WAAW,YAAY;EAE7B,IAAI,CAAC,YAAY,CAAC,WAChB;EAGF,MAAM,eAAe,UAA0B;GAC7C,MAAM,QAAQ,aAAa,MAAM,eAAe,OAAO,MAAM;GAE7D,IAAI,MAAM,WAAW,GACnB;GAGF,MAAM,eAAe;GACrB,eAAe,QAAQ,KAAK;EAC9B;EAEA,SAAS,iBAAiB,SAAS,WAAW;EAC9C,aAAa,SAAS,oBAAoB,SAAS,WAAW;CAChE,GAAG;EAAC;EAAW;EAAQ;CAAW,CAAC;CAanC,MAAM,gBAAgB,UACpB,MAAM,aAAa,MAAM,SAAS,OAAO;CAM3C,MAAM,YAAY,OAAO,CAAC;CAC1B,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,MAAM,gBAAgB;EACpB,UAAU,UAAU;EACpB,gBAAgB,KAAK;CACvB;CA0CA,OAAO;EACL,WAzC2B,YACzB;GACE,cAAc,UAAU;IACtB,IAAI,CAAC,aAAa,KAAK,GACrB;IAEF,MAAM,eAAe;IACrB,UAAU,WAAW;IACrB,gBAAgB,IAAI;GACtB;GACA,aAAa,UAAU;IACrB,IAAI,CAAC,aAAa,KAAK,GACrB;IAGF,MAAM,eAAe;IACrB,MAAM,aAAa,aAAa;GAClC;GACA,cAAc,UAAU;IACtB,IAAI,CAAC,aAAa,KAAK,GACrB;IAEF,UAAU,UAAU,KAAK,IAAI,GAAG,UAAU,UAAU,CAAC;IACrD,IAAI,UAAU,YAAY,GACxB,gBAAgB,KAAK;GAEzB;GACA,SAAS,UAAU;IACjB,IAAI,CAAC,aAAa,KAAK,GACrB;IAEF,MAAM,eAAe;IACrB,QAAQ;IACR,eAAe,QACb,aAAa,MAAM,aAAa,OAAO,MAAM,CAC/C;GACF;EACF,IACA,CAAC;EAIH;EACA,aAAa,aAAa,cAAc,KAAA;CAC1C;AACF"}
+{"version":3,"file":"useFileUpload.mjs","names":["locales"],"sources":["../../../../../../../../src/components/MarkdownEditor/lib/useFileUpload.ts"],"sourcesContent":["import {\n  type DragEvent as ReactDragEvent,\n  type DragEventHandler,\n  type RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { announce } from \"@react-aria/live-announcer\";\nimport { matchesAccept } from \"@/lib/files/acceptedFiles\";\nimport {\n  insertAtCaret,\n  type MarkdownEditorUpload,\n  removePlaceholder,\n  replacePlaceholder,\n  uploadedFileMarkdown,\n  uploadPlaceholder,\n  type ValueEdit,\n} from \"@/components/MarkdownEditor/lib/fileUpload\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../locales/*.locale.json\";\n\n/** The files of a paste or a drop that `accept` covers. */\nconst acceptedFrom = (files: FileList | null | undefined, accept?: string) =>\n  Array.from(files ?? []).filter((file) => matchesAccept(file, accept));\n\n/** @internal */\nexport type MarkdownEditorFileUploadHandler = (\n  file: File,\n) => Promise<MarkdownEditorUpload>;\n\ninterface Options {\n  /** Which file types to take, as an `accept` attribute value. */\n  accept?: string;\n  /** Uploads one file. Uploading is off entirely while this is undefined. */\n  uploadFile?: MarkdownEditorFileUploadHandler;\n  /** Turns dropping, pasting and the toolbar button off. */\n  isDisabled?: boolean;\n  value: string;\n  onChange: (value: string) => void;\n  textAreaRef: RefObject<HTMLTextAreaElement | null>;\n}\n\ninterface DropProps {\n  onDragEnter?: DragEventHandler;\n  onDragOver?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: DragEventHandler;\n}\n\ninterface FileUpload {\n  /** Drop handling for the editor's root element. */\n  dropProps: DropProps;\n  /** Whether a drag is currently over the editor. */\n  isDropTarget: boolean;\n  /**\n   * Uploads the files the toolbar button picked. `undefined` while uploading is\n   * off.\n   */\n  uploadFiles?: (files: File[]) => void;\n}\n\n/**\n * Drop, paste and toolbar uploads for the `MarkdownEditor`: a placeholder\n * comment goes to the cursor right away and is replaced by a markdown link once\n * the consumer's upload resolves.\n *\n * @internal\n */\nexport const useFileUpload = (options: Options): FileUpload => {\n  const { accept, uploadFile, isDisabled, value, onChange, textAreaRef } =\n    options;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"MarkdownEditor\",\n  );\n\n  const isEnabled = !!uploadFile && !isDisabled;\n\n  /*\n   * An upload resolves long after the drop, and the editor has kept taking\n   * input in the meantime. The textarea's own value is the only one that is\n   * current by then — the `value` prop is a render old whenever two uploads\n   * resolve in the same tick.\n   */\n  const valueRef = useRef(value);\n  useEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  const readValue = () => textAreaRef.current?.value ?? valueRef.current;\n\n  /*\n   * A textarea keeps its `selectionStart` after losing focus, so the caret is\n   * still readable once the attachment button has taken the focus away. What it\n   * cannot tell apart is a caret at position 0 from one that was never placed —\n   * both read 0, and appending is the better answer for the second.\n   */\n  const wasFocusedRef = useRef(false);\n  useEffect(() => {\n    const textArea = textAreaRef.current;\n\n    if (!textArea) {\n      return;\n    }\n\n    const rememberFocus = () => {\n      wasFocusedRef.current = true;\n    };\n\n    textArea.addEventListener(\"focus\", rememberFocus);\n    return () => textArea.removeEventListener(\"focus\", rememberFocus);\n  }, [textAreaRef]);\n\n  const readSelection = () => {\n    const textArea = textAreaRef.current;\n    const fallback = readValue().length;\n    return {\n      start: textArea?.selectionStart ?? fallback,\n      end: textArea?.selectionEnd ?? fallback,\n    };\n  };\n\n  const applyEdit = (edit: ValueEdit) => {\n    valueRef.current = edit.value;\n\n    const textArea = textAreaRef.current;\n    if (textArea) {\n      /*\n       * Written before the re-render so an upload resolving in the same tick\n       * reads this one's result, and the selection restored after it, once\n       * React has rendered the controlled value.\n       */\n      textArea.value = edit.value;\n      requestAnimationFrame(() => {\n        textArea.setSelectionRange(edit.selectionStart, edit.selectionEnd);\n      });\n    }\n\n    onChange(edit.value);\n  };\n\n  const runUpload = async (\n    upload: MarkdownEditorFileUploadHandler,\n    file: File,\n    placeholder: string,\n  ) => {\n    announce(\n      stringFormatter.format(\"upload.pending\", { name: file.name }),\n      \"polite\",\n    );\n\n    try {\n      const result = await upload(file);\n      const selection = readSelection();\n      const edit = replacePlaceholder(\n        readValue(),\n        placeholder,\n        uploadedFileMarkdown(file, result),\n        selection.start,\n        selection.end,\n      );\n\n      if (edit) {\n        applyEdit(edit);\n      }\n\n      announce(\n        stringFormatter.format(\"upload.succeeded\", { name: file.name }),\n        \"polite\",\n      );\n    } catch {\n      const selection = readSelection();\n      const edit = removePlaceholder(\n        readValue(),\n        placeholder,\n        selection.start,\n        selection.end,\n      );\n\n      if (edit) {\n        applyEdit(edit);\n      }\n\n      announce(\n        stringFormatter.format(\"upload.failed\", { name: file.name }),\n        \"assertive\",\n      );\n    }\n  };\n\n  const uploadFiles = (files: File[]) => {\n    if (!uploadFile || files.length === 0) {\n      return;\n    }\n\n    const textArea = textAreaRef.current;\n    const caret =\n      textArea && wasFocusedRef.current\n        ? textArea.selectionStart\n        : readValue().length;\n\n    const uploads = files.map((file) => ({\n      file,\n      placeholder: uploadPlaceholder(file.name),\n    }));\n\n    applyEdit(\n      insertAtCaret(\n        readValue(),\n        uploads.map((upload) => upload.placeholder).join(\"\\n\"),\n        caret,\n      ),\n    );\n    textArea?.focus();\n\n    for (const upload of uploads) {\n      void runUpload(uploadFile, upload.file, upload.placeholder);\n    }\n  };\n\n  const uploadFilesRef = useRef(uploadFiles);\n  uploadFilesRef.current = uploadFiles;\n\n  /*\n   * The paste listener is attached imperatively rather than through react-aria's\n   * `useClipboard`, which calls `preventDefault` on every paste it sees and\n   * would take plain text pasting with it.\n   */\n  useEffect(() => {\n    const textArea = textAreaRef.current;\n\n    if (!textArea || !isEnabled) {\n      return;\n    }\n\n    const handlePaste = (event: ClipboardEvent) => {\n      const files = acceptedFrom(event.clipboardData?.files, accept);\n\n      if (files.length === 0) {\n        return;\n      }\n\n      event.preventDefault();\n      uploadFilesRef.current(files);\n    };\n\n    textArea.addEventListener(\"paste\", handlePaste);\n    return () => textArea.removeEventListener(\"paste\", handlePaste);\n  }, [isEnabled, accept, textAreaRef]);\n\n  /*\n   * Native handlers rather than react-aria's `useDrop`: that one claims every\n   * drag it sees — its `onDrop` calls `preventDefault` and `stopPropagation`\n   * unconditionally — which is right for a dedicated drop surface like\n   * `FileDropZone`, but here it would swallow a plain text drag into the\n   * textarea. A drag is claimed only when it carries files, and\n   * `dataTransfer.types` is the only place that says so: the public\n   * `DragTypes` of `getDropOperation` offers just `has(type)`, which cannot\n   * express it — the wildcard type is always true, and WebKit reports every\n   * file drag as an unknown type that answers true to anything.\n   */\n  const dragHasFiles = (event: ReactDragEvent) =>\n    event.dataTransfer.types.includes(\"Files\");\n\n  /*\n   * `dragenter` and `dragleave` fire again for every child the pointer\n   * crosses, so the highlight follows their balance rather than the last one.\n   */\n  const dragDepth = useRef(0);\n  const [isDropTarget, setIsDropTarget] = useState(false);\n\n  const endDrag = () => {\n    dragDepth.current = 0;\n    setIsDropTarget(false);\n  };\n\n  const dropProps: DropProps = isEnabled\n    ? {\n        onDragEnter: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          event.preventDefault();\n          dragDepth.current += 1;\n          setIsDropTarget(true);\n        },\n        onDragOver: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          // Without this the browser refuses the drop and opens the file instead.\n          event.preventDefault();\n          event.dataTransfer.dropEffect = \"copy\";\n        },\n        onDragLeave: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          dragDepth.current = Math.max(0, dragDepth.current - 1);\n          if (dragDepth.current === 0) {\n            setIsDropTarget(false);\n          }\n        },\n        onDrop: (event) => {\n          if (!dragHasFiles(event)) {\n            return;\n          }\n          event.preventDefault();\n          endDrag();\n          uploadFilesRef.current(\n            acceptedFrom(event.dataTransfer.files, accept),\n          );\n        },\n      }\n    : {};\n\n  return {\n    dropProps,\n    isDropTarget,\n    uploadFiles: uploadFile ? uploadFiles : undefined,\n  };\n};\n"],"mappings":";;;;;;;;;;AAuBA,IAAM,gBAAgB,OAAoC,WACxD,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,SAAS,cAAc,MAAM,MAAM,CAAC;;;;;;;;AA6CtE,IAAa,iBAAiB,YAAiC;CAC7D,MAAM,EAAE,QAAQ,YAAY,YAAY,OAAO,UAAU,gBACvD;CAEF,MAAM,kBAAkB,4BACtBA,kBACA,gBACF;CAEA,MAAM,YAAY,CAAC,CAAC,cAAc,CAAC;CAQnC,MAAM,WAAW,OAAO,KAAK;CAC7B,gBAAgB;EACd,SAAS,UAAU;CACrB,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,kBAAkB,YAAY,SAAS,SAAS,SAAS;CAQ/D,MAAM,gBAAgB,OAAO,KAAK;CAClC,gBAAgB;EACd,MAAM,WAAW,YAAY;EAE7B,IAAI,CAAC,UACH;EAGF,MAAM,sBAAsB;GAC1B,cAAc,UAAU;EAC1B;EAEA,SAAS,iBAAiB,SAAS,aAAa;EAChD,aAAa,SAAS,oBAAoB,SAAS,aAAa;CAClE,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,sBAAsB;EAC1B,MAAM,WAAW,YAAY;EAC7B,MAAM,WAAW,UAAU,CAAC,CAAC;EAC7B,OAAO;GACL,OAAO,UAAU,kBAAkB;GACnC,KAAK,UAAU,gBAAgB;EACjC;CACF;CAEA,MAAM,aAAa,SAAoB;EACrC,SAAS,UAAU,KAAK;EAExB,MAAM,WAAW,YAAY;EAC7B,IAAI,UAAU;GAMZ,SAAS,QAAQ,KAAK;GACtB,4BAA4B;IAC1B,SAAS,kBAAkB,KAAK,gBAAgB,KAAK,YAAY;GACnE,CAAC;EACH;EAEA,SAAS,KAAK,KAAK;CACrB;CAEA,MAAM,YAAY,OAChB,QACA,MACA,gBACG;EACH,SACE,gBAAgB,OAAO,kBAAkB,EAAE,MAAM,KAAK,KAAK,CAAC,GAC5D,QACF;EAEA,IAAI;GACF,MAAM,SAAS,MAAM,OAAO,IAAI;GAChC,MAAM,YAAY,cAAc;GAChC,MAAM,OAAO,mBACX,UAAU,GACV,aACA,qBAAqB,MAAM,MAAM,GACjC,UAAU,OACV,UAAU,GACZ;GAEA,IAAI,MACF,UAAU,IAAI;GAGhB,SACE,gBAAgB,OAAO,oBAAoB,EAAE,MAAM,KAAK,KAAK,CAAC,GAC9D,QACF;EACF,QAAQ;GACN,MAAM,YAAY,cAAc;GAChC,MAAM,OAAO,kBACX,UAAU,GACV,aACA,UAAU,OACV,UAAU,GACZ;GAEA,IAAI,MACF,UAAU,IAAI;GAGhB,SACE,gBAAgB,OAAO,iBAAiB,EAAE,MAAM,KAAK,KAAK,CAAC,GAC3D,WACF;EACF;CACF;CAEA,MAAM,eAAe,UAAkB;EACrC,IAAI,CAAC,cAAc,MAAM,WAAW,GAClC;EAGF,MAAM,WAAW,YAAY;EAC7B,MAAM,QACJ,YAAY,cAAc,UACtB,SAAS,iBACT,UAAU,CAAC,CAAC;EAElB,MAAM,UAAU,MAAM,KAAK,UAAU;GACnC;GACA,aAAa,kBAAkB,KAAK,IAAI;EAC1C,EAAE;EAEF,UACE,cACE,UAAU,GACV,QAAQ,KAAK,WAAW,OAAO,WAAW,CAAC,CAAC,KAAK,IAAI,GACrD,KACF,CACF;EACA,UAAU,MAAM;EAEhB,KAAK,MAAM,UAAU,SACnB,UAAe,YAAY,OAAO,MAAM,OAAO,WAAW;CAE9D;CAEA,MAAM,iBAAiB,OAAO,WAAW;CACzC,eAAe,UAAU;CAOzB,gBAAgB;EACd,MAAM,WAAW,YAAY;EAE7B,IAAI,CAAC,YAAY,CAAC,WAChB;EAGF,MAAM,eAAe,UAA0B;GAC7C,MAAM,QAAQ,aAAa,MAAM,eAAe,OAAO,MAAM;GAE7D,IAAI,MAAM,WAAW,GACnB;GAGF,MAAM,eAAe;GACrB,eAAe,QAAQ,KAAK;EAC9B;EAEA,SAAS,iBAAiB,SAAS,WAAW;EAC9C,aAAa,SAAS,oBAAoB,SAAS,WAAW;CAChE,GAAG;EAAC;EAAW;EAAQ;CAAW,CAAC;CAanC,MAAM,gBAAgB,UACpB,MAAM,aAAa,MAAM,SAAS,OAAO;CAM3C,MAAM,YAAY,OAAO,CAAC;CAC1B,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,MAAM,gBAAgB;EACpB,UAAU,UAAU;EACpB,gBAAgB,KAAK;CACvB;CA0CA,OAAO;EACL,WAzC2B,YACzB;GACE,cAAc,UAAU;IACtB,IAAI,CAAC,aAAa,KAAK,GACrB;IAEF,MAAM,eAAe;IACrB,UAAU,WAAW;IACrB,gBAAgB,IAAI;GACtB;GACA,aAAa,UAAU;IACrB,IAAI,CAAC,aAAa,KAAK,GACrB;IAGF,MAAM,eAAe;IACrB,MAAM,aAAa,aAAa;GAClC;GACA,cAAc,UAAU;IACtB,IAAI,CAAC,aAAa,KAAK,GACrB;IAEF,UAAU,UAAU,KAAK,IAAI,GAAG,UAAU,UAAU,CAAC;IACrD,IAAI,UAAU,YAAY,GACxB,gBAAgB,KAAK;GAEzB;GACA,SAAS,UAAU;IACjB,IAAI,CAAC,aAAa,KAAK,GACrB;IAEF,MAAM,eAAe;IACrB,QAAQ;IACR,eAAe,QACb,aAAa,MAAM,aAAa,OAAO,MAAM,CAC/C;GACF;EACF,IACA,CAAC;EAIH;EACA,aAAa,aAAa,cAAc,KAAA;CAC1C;AACF"}

package/dist/js/packages/components/src/components/MenuItem/MenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.mjs","names":[],"sources":["../../../../../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./MenuItem.module.scss\";\nimport clsx from \"clsx\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n\nexport interface MenuItemProps\n  extends\n    Omit<Aria.MenuItemProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  selectionVariant?: \"control\" | \"navigation\" | \"switch\";\n  /**\n   * Shows the checkbox of a multiple-selection item as partially checked,\n   * unless the item is selected.\n   */\n  isIndeterminate?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Marks the menu item as referring to the currently active page. */\n  \"aria-current\"?: string;\n}\n\nconst disablePendingProps = (props: MenuItemProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  ) {\n    props = { ...props };\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const MenuItem = flowComponent(\"MenuItem\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    children,\n    className,\n    selectionVariant,\n    isIndeterminate,\n    id,\n    ref,\n    \"aria-disabled\": ariaDisabled,\n    \"aria-current\": ariaCurrent,\n    isPending,\n    isSucceeded,\n    isFailed,\n    ...rest\n  } = props;\n\n  /**\n   * React Aria drops `aria-current` from the props it forwards to the DOM, so\n   * the current state is exposed as a data attribute (`data-*` passes the\n   * filter) — that is what the `menuItem` styling matches on. Every\n   * `aria-current` value marks the item as current, except an explicit\n   * \"false\".\n   */\n  const currentProps =\n    ariaCurrent && ariaCurrent !== \"false\" ? { \"data-current\": true } : {};\n\n  const rootClassName = clsx(\n    styles.menuItem /**\n     * Workaround warning: The Aria.MenuItem does not support \"aria-disabled\" by\n     * now, so this MenuItem will be visually disabled via CSS.\n     */,\n    (ariaDisabled || isFailed || isSucceeded || isPending) &&\n      styles.ariaDisabled,\n    className,\n  );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const stateIconElement = isSucceeded ? (\n    <IconSucceeded color=\"success\" />\n  ) : isFailed ? (\n    <IconFailed color=\"danger\" />\n  ) : isPending ? (\n    <LoadingSpinner />\n  ) : undefined;\n\n  const stateIcon = stateIconElement && (\n    <div className={styles.stateIcon}>{stateIconElement}</div>\n  );\n\n  return (\n    <Aria.MenuItem\n      {...rest}\n      {...currentProps}\n      key={id}\n      id={id}\n      className={rootClassName}\n      ref={ref}\n    >\n      {(props) => (\n        <>\n          <MenuItemContent\n            {...props}\n            selectionVariant={selectionVariant}\n            isIndeterminate={isIndeterminate}\n          >\n            {children}\n          </MenuItemContent>\n          {stateIcon}\n        </>\n      )}\n    </Aria.MenuItem>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;;;;AAkCA,IAAM,uBAAuB,UAAyB;CACpD,IACE,MAAM,aACN,MAAM,eACN,MAAM,YACN,MAAM,kBACN;EACA,QAAQ,EAAE,GAAG,MAAM;EACnB,MAAM,UAAU,KAAA;EAChB,MAAM,eAAe,KAAA;EACrB,MAAM,aAAa,KAAA;EACnB,MAAM,gBAAgB,KAAA;EACtB,MAAM,YAAY,KAAA;CACpB;CAEA,OAAO;AACT;;AAGA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,QAAQ,oBAAoB,KAAK;CAEjC,MAAM,EACJ,UACA,WACA,kBACA,iBACA,IACA,KACA,iBAAiB,cACjB,gBAAgB,aAChB,WACA,aACA,UACA,GAAG,SACD;;;;;;;;CASJ,MAAM,eACJ,eAAe,gBAAgB,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAEvE,MAAM,gBAAgB,KACpB,wBAAO,WAIN,gBAAgB,YAAY,eAAe,cAC1C,wBAAO,cACT,SACF;CAEA,2BACE,YACI,cACA,cACE,gBACA,WACE,aACA,QACV;CAEA,MAAM,mBAAmB,cACvB,oBAAC,eAAD,EAAe,OAAM,UAAW,CAAA,IAC9B,WACF,oBAAC,YAAD,EAAY,OAAM,SAAU,CAAA,IAC1B,YACF,oBAAC,gBAAD,CAAiB,CAAA,IACf,KAAA;CAEJ,MAAM,YAAY,oBAChB,oBAAC,OAAD;EAAK,WAAW,wBAAO;EAAY,UAAA;CAAsB,CAAA;CAG3D,OACE,8BAAC,KAAK,UAAN;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACD;EACJ,WAAW;EACN;CAcQ,IAZX,UACA,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,iBAAD;EACE,GAAI;EACc;EACD;EAEhB;CACc,CAAA,GAChB,SACD,EAAA,CAAA,CAES;AAEnB,CAAC"}
+{"version":3,"file":"MenuItem.mjs","names":["styles","_Fragment"],"sources":["../../../../../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./MenuItem.module.scss\";\nimport clsx from \"clsx\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n\nexport interface MenuItemProps\n  extends\n    Omit<Aria.MenuItemProps, \"children\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  selectionVariant?: \"control\" | \"navigation\" | \"switch\";\n  /**\n   * Shows the checkbox of a multiple-selection item as partially checked,\n   * unless the item is selected.\n   */\n  isIndeterminate?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Marks the menu item as referring to the currently active page. */\n  \"aria-current\"?: string;\n}\n\nconst disablePendingProps = (props: MenuItemProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  ) {\n    props = { ...props };\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const MenuItem = flowComponent(\"MenuItem\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    children,\n    className,\n    selectionVariant,\n    isIndeterminate,\n    id,\n    ref,\n    \"aria-disabled\": ariaDisabled,\n    \"aria-current\": ariaCurrent,\n    isPending,\n    isSucceeded,\n    isFailed,\n    ...rest\n  } = props;\n\n  /**\n   * React Aria drops `aria-current` from the props it forwards to the DOM, so\n   * the current state is exposed as a data attribute (`data-*` passes the\n   * filter) — that is what the `menuItem` styling matches on. Every\n   * `aria-current` value marks the item as current, except an explicit\n   * \"false\".\n   */\n  const currentProps =\n    ariaCurrent && ariaCurrent !== \"false\" ? { \"data-current\": true } : {};\n\n  const rootClassName = clsx(\n    styles.menuItem /**\n     * Workaround warning: The Aria.MenuItem does not support \"aria-disabled\" by\n     * now, so this MenuItem will be visually disabled via CSS.\n     */,\n    (ariaDisabled || isFailed || isSucceeded || isPending) &&\n      styles.ariaDisabled,\n    className,\n  );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const stateIconElement = isSucceeded ? (\n    <IconSucceeded color=\"success\" />\n  ) : isFailed ? (\n    <IconFailed color=\"danger\" />\n  ) : isPending ? (\n    <LoadingSpinner />\n  ) : undefined;\n\n  const stateIcon = stateIconElement && (\n    <div className={styles.stateIcon}>{stateIconElement}</div>\n  );\n\n  return (\n    <Aria.MenuItem\n      {...rest}\n      {...currentProps}\n      key={id}\n      id={id}\n      className={rootClassName}\n      ref={ref}\n    >\n      {(props) => (\n        <>\n          <MenuItemContent\n            {...props}\n            selectionVariant={selectionVariant}\n            isIndeterminate={isIndeterminate}\n          >\n            {children}\n          </MenuItemContent>\n          {stateIcon}\n        </>\n      )}\n    </Aria.MenuItem>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;;;;AAkCA,IAAM,uBAAuB,UAAyB;CACpD,IACE,MAAM,aACN,MAAM,eACN,MAAM,YACN,MAAM,kBACN;EACA,QAAQ,EAAE,GAAG,MAAM;EACnB,MAAM,UAAU,KAAA;EAChB,MAAM,eAAe,KAAA;EACrB,MAAM,aAAa,KAAA;EACnB,MAAM,gBAAgB,KAAA;EACtB,MAAM,YAAY,KAAA;CACpB;CAEA,OAAO;AACT;;AAGA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,QAAQ,oBAAoB,KAAK;CAEjC,MAAM,EACJ,UACA,WACA,kBACA,iBACA,IACA,KACA,iBAAiB,cACjB,gBAAgB,aAChB,WACA,aACA,UACA,GAAG,SACD;;;;;;;;CASJ,MAAM,eACJ,eAAe,gBAAgB,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAEvE,MAAM,gBAAgB,KACpBA,wBAAO,WAIN,gBAAgB,YAAY,eAAe,cAC1CA,wBAAO,cACT,SACF;CAEA,2BACE,YACI,cACA,cACE,gBACA,WACE,aACA,QACV;CAEA,MAAM,mBAAmB,cACvB,oBAAC,eAAD,EAAe,OAAM,UAAW,CAAA,IAC9B,WACF,oBAAC,YAAD,EAAY,OAAM,SAAU,CAAA,IAC1B,YACF,oBAAC,gBAAD,CAAiB,CAAA,IACf,KAAA;CAEJ,MAAM,YAAY,oBAChB,oBAAC,OAAD;EAAK,WAAWA,wBAAO;EAAY,UAAA;CAAsB,CAAA;CAG3D,OACE,8BAAC,KAAK,UAAN;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACD;EACJ,WAAW;EACN;CAcQ,IAZX,UACA,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,iBAAD;EACE,GAAI;EACc;EACD;EAEhB;CACc,CAAA,GAChB,SACD,EAAA,CAAA,CAES;AAEnB,CAAC"}