@mittwald/flow-react-components 1.5.0-next.8 → 1.5.0

package/dist/js/packages/components/src/components/Icon/components/icons/IconRefresh.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconRefresh.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconRefresh.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconRefresh as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconRefresh: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Refresh\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconRefresh;\n"],"mappings":";;;;;;;;AAOA,IAAa,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconRefresh.mjs","names":["IconRefresh","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconRefresh.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconRefresh as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconRefresh: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Refresh\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconRefresh;\n"],"mappings":";;;;;;;;AAOA,IAAaA,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconRegistry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconRegistry.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconRegistry.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconRegistry as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconRegistry: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Registry\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconRegistry;\n"],"mappings":";;;;;;;;AAOA,IAAa,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconRegistry.mjs","names":["IconRegistry","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconRegistry.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconRegistry as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconRegistry: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Registry\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconRegistry;\n"],"mappings":";;;;;;;;AAOA,IAAaA,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSave.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSave.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSave.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSave as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSave: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Save\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSave;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSave.mjs","names":["IconSave","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSave.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSave as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSave: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Save\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSave;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSearch.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSearch.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSearch as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSearch: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Search\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSearch;\n"],"mappings":";;;;;;;;AAOA,IAAa,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSearch.mjs","names":["IconSearch","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSearch.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSearch as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSearch: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Search\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSearch;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSecurity.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSecurity.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSecurity.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSecurity as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSecurity: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Security\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSecurity;\n"],"mappings":";;;;;;;;AAOA,IAAa,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSecurity.mjs","names":["IconSecurity","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSecurity.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSecurity as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSecurity: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Security\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSecurity;\n"],"mappings":";;;;;;;;AAOA,IAAaA,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSend.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSend.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSend.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSend as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSend: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Send\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSend;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSend.mjs","names":["IconSend","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSend.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSend as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSend: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Send\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSend;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconServer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconServer.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconServer.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconServer as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconServer: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Server\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconServer;\n"],"mappings":";;;;;;;;AAOA,IAAa,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconServer.mjs","names":["IconServer","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconServer.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconServer as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconServer: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Server\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconServer;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSettings.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSettings.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSettings.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSettings as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSettings: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Settings\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSettings;\n"],"mappings":";;;;;;;;AAOA,IAAa,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSettings.mjs","names":["IconSettings","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSettings.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSettings as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSettings: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Settings\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSettings;\n"],"mappings":";;;;;;;;AAOA,IAAaA,kBACX,UACG;CAEH,MAAM,OADc,eAAe,UACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconShare.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconShare.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconShare.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconShare as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconShare: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Share\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconShare;\n"],"mappings":";;;;;;;;AAOA,IAAa,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconShare.mjs","names":["IconShare","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconShare.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconShare as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconShare: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Share\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconShare;\n"],"mappings":";;;;;;;;AAOA,IAAaA,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconShow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconShow.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconShow.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconShow as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconShow: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Show\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconShow;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconShow.mjs","names":["IconShow","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconShow.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconShow as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconShow: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Show\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconShow;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSorting.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSorting.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSorting.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSorting as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSorting: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Sorting\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSorting;\n"],"mappings":";;;;;;;;AAOA,IAAa,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSorting.mjs","names":["IconSorting","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSorting.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSorting as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSorting: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Sorting\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSorting;\n"],"mappings":";;;;;;;;AAOA,IAAaA,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSsh.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSsh.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSsh.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSsh as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSsh: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Ssh\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSsh;\n"],"mappings":";;;;;;;;AAOA,IAAa,aACX,UACG;CAEH,MAAM,OADc,eAAe,KACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSsh.mjs","names":["IconSsh","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSsh.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSsh as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSsh: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Ssh\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSsh;\n"],"mappings":";;;;;;;;AAOA,IAAaA,aACX,UACG;CAEH,MAAM,OADc,eAAe,KACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSshKey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSshKey.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSshKey.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSshKey as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSshKey: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"SshKey\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSshKey;\n"],"mappings":";;;;;;;;AAOA,IAAa,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSshKey.mjs","names":["IconSshKey","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSshKey.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSshKey as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSshKey: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"SshKey\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSshKey;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSshSftp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSshSftp.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSshSftp.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSshSftp as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSshSftp: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"SshSftp\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSshSftp;\n"],"mappings":";;;;;;;;AAOA,IAAa,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSshSftp.mjs","names":["IconSshSftp","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSshSftp.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSshSftp as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSshSftp: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"SshSftp\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSshSftp;\n"],"mappings":";;;;;;;;AAOA,IAAaA,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconStack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconStack.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStack.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStack as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStack: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Stack\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStack;\n"],"mappings":";;;;;;;;AAOA,IAAa,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconStack.mjs","names":["IconStack","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStack.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStack as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStack: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Stack\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStack;\n"],"mappings":";;;;;;;;AAOA,IAAaA,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconStar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconStar.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStar.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStar as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStar: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Star\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStar;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconStar.mjs","names":["IconStar","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStar.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStar as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStar: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Star\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStar;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconStarFilled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconStarFilled.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStarFilled.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStarFilled as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStarFilled: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"StarFilled\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStarFilled;\n"],"mappings":";;;;;;;;AAOA,IAAa,oBAER,UAAU;CAEb,MAAM,OADc,eAAe,YACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconStarFilled.mjs","names":["IconStarFilled","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStarFilled.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStarFilled as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStarFilled: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"StarFilled\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStarFilled;\n"],"mappings":";;;;;;;;AAOA,IAAaA,oBAER,UAAU;CAEb,MAAM,OADc,eAAe,YACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconStart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconStart.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStart.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStart as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStart: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Start\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStart;\n"],"mappings":";;;;;;;;AAOA,IAAa,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconStart.mjs","names":["IconStart","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStart.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStart as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStart: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Start\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStart;\n"],"mappings":";;;;;;;;AAOA,IAAaA,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconStrikeThrough.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconStrikeThrough.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStrikeThrough.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStrikeThrough as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStrikeThrough: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"StrikeThrough\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStrikeThrough;\n"],"mappings":";;;;;;;;AAOA,IAAa,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconStrikeThrough.mjs","names":["IconStrikeThrough","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconStrikeThrough.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconStrikeThrough as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconStrikeThrough: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"StrikeThrough\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconStrikeThrough;\n"],"mappings":";;;;;;;;AAOA,IAAaA,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSubdomain.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSubdomain.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSubdomain.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSubdomain as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSubdomain: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Subdomain\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSubdomain;\n"],"mappings":";;;;;;;;AAOA,IAAa,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSubdomain.mjs","names":["IconSubdomain","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSubdomain.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSubdomain as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSubdomain: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Subdomain\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSubdomain;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSucceeded.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSucceeded.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSucceeded.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSucceeded as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSucceeded: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Succeeded\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSucceeded;\n"],"mappings":";;;;;;;;AAOA,IAAa,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSucceeded.mjs","names":["IconSucceeded","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSucceeded.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSucceeded as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSucceeded: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Succeeded\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSucceeded;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSuccess.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSuccess.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSuccess.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSuccess as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSuccess: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Success\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSuccess;\n"],"mappings":";;;;;;;;AAOA,IAAa,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSuccess.mjs","names":["IconSuccess","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSuccess.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSuccess as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSuccess: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Success\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSuccess;\n"],"mappings":";;;;;;;;AAOA,IAAaA,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconSupport.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconSupport.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSupport.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSupport as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSupport: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Support\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSupport;\n"],"mappings":";;;;;;;;AAOA,IAAa,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconSupport.mjs","names":["IconSupport","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconSupport.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSupport as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconSupport: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Support\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconSupport;\n"],"mappings":";;;;;;;;AAOA,IAAaA,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconTerminate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconTerminate.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconTerminate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconTerminate as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconTerminate: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Terminate\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconTerminate;\n"],"mappings":";;;;;;;;AAOA,IAAa,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconTerminate.mjs","names":["IconTerminate","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconTerminate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconTerminate as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconTerminate: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Terminate\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconTerminate;\n"],"mappings":";;;;;;;;AAOA,IAAaA,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconTicket.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconTicket.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconTicket.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconTicket as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconTicket: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Ticket\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconTicket;\n"],"mappings":";;;;;;;;AAOA,IAAa,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconTicket.mjs","names":["IconTicket","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconTicket.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconTicket as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconTicket: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Ticket\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconTicket;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconTime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconTime.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconTime.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconTime as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconTime: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Time\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconTime;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconTime.mjs","names":["IconTime","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconTime.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconTime as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconTime: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Time\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconTime;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconUnavailable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconUnavailable.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUnavailable.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUnavailable as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUnavailable: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Unavailable\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUnavailable;\n"],"mappings":";;;;;;;;AAOA,IAAa,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconUnavailable.mjs","names":["IconUnavailable","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUnavailable.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUnavailable as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUnavailable: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"Unavailable\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUnavailable;\n"],"mappings":";;;;;;;;AAOA,IAAaA,qBAER,UAAU;CAEb,MAAM,OADc,eAAe,aACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconUndo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconUndo.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUndo.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUndo as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUndo: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Undo\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUndo;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconUndo.mjs","names":["IconUndo","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUndo.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUndo as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUndo: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Undo\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUndo;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconUnorderedList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconUnorderedList.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUnorderedList.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUnorderedList as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUnorderedList: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"UnorderedList\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUnorderedList;\n"],"mappings":";;;;;;;;AAOA,IAAa,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconUnorderedList.mjs","names":["IconUnorderedList","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUnorderedList.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUnorderedList as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUnorderedList: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"UnorderedList\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUnorderedList;\n"],"mappings":";;;;;;;;AAOA,IAAaA,uBAER,UAAU;CAEb,MAAM,OADc,eAAe,eACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconUpload.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUpload.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUpload as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUpload: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Upload\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUpload;\n"],"mappings":";;;;;;;;AAOA,IAAa,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconUpload.mjs","names":["IconUpload","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUpload.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUpload as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUpload: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Upload\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUpload;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconUser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconUser.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUser.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUser as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUser: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"User\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUser;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconUser.mjs","names":["IconUser","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconUser.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconUser as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconUser: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"User\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconUser;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconVhost.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconVhost.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconVhost.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconVhost as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconVhost: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Vhost\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconVhost;\n"],"mappings":";;;;;;;;AAOA,IAAa,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconVhost.mjs","names":["IconVhost","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconVhost.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconVhost as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconVhost: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Vhost\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconVhost;\n"],"mappings":";;;;;;;;AAOA,IAAaA,eACX,UACG;CAEH,MAAM,OADc,eAAe,OACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconView.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconView.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconView as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconView: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"View\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconView;\n"],"mappings":";;;;;;;;AAOA,IAAa,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconView.mjs","names":["IconView","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconView.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconView as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconView: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"View\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconView;\n"],"mappings":";;;;;;;;AAOA,IAAaA,cACX,UACG;CAEH,MAAM,OADc,eAAe,MACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconVolume.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconVolume.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconVolume.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconVolume as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconVolume: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Volume\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconVolume;\n"],"mappings":";;;;;;;;AAOA,IAAa,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconVolume.mjs","names":["IconVolume","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconVolume.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconVolume as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconVolume: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Volume\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconVolume;\n"],"mappings":";;;;;;;;AAOA,IAAaA,gBACX,UACG;CAEH,MAAM,OADc,eAAe,QACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/Icon/components/icons/IconWarning.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconWarning.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconWarning.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconWarning as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconWarning: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Warning\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconWarning;\n"],"mappings":";;;;;;;;AAOA,IAAa,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}
+{"version":3,"file":"IconWarning.mjs","names":["IconWarning","IconImport","View"],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconWarning.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconWarning as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconWarning: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  const fromContext = useContextIcon(\"Warning\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconWarning;\n"],"mappings":";;;;;;;;AAOA,IAAaA,iBACX,UACG;CAEH,MAAM,OADc,eAAe,SACtB,KAAeC;CAC5B,OACE,oBAACC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"IllustratedMessage.mjs","names":[],"sources":["../../../../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">>, FlowComponentProps {\n  /** The color of the illustrated message. @default \"default\" */\n  color?: \"default\" | \"danger\" | \"unavailable\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage = flowComponent(\n  \"IllustratedMessage\",\n  (props) => {\n    const { className, children, color = \"default\", ...rest } = props;\n\n    const rootClassName = clsx(\n      styles.illustratedMessage,\n      color !== \"default\" && styles[color],\n      className,\n    );\n\n    const alphaColor = isAlphaColor(color) ? color : undefined;\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        size: \"l\",\n      },\n      Heading: {\n        className: styles.heading,\n        color,\n      },\n      Text: {\n        className: styles.text,\n        color: alphaColor,\n      },\n      Button: {\n        color: alphaColor,\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        className: styles.actionGroup,\n      },\n      ProgressBar: { className: styles.progressBar },\n    };\n\n    return (\n      <div {...rest} className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    );\n  },\n);\n\nexport default IllustratedMessage;\n"],"mappings":";;;;;;;;;;AAkBA,IAAa,qBAAqB,cAChC,uBACC,UAAU;CACT,MAAM,EAAE,WAAW,UAAU,QAAQ,WAAW,GAAG,SAAS;CAE5D,MAAM,gBAAgB,KACpB,kCAAO,oBACP,UAAU,aAAa,kCAAO,QAC9B,SACF;CAEA,MAAM,aAAa,aAAa,KAAK,IAAI,QAAQ,KAAA;CAEjD,MAAM,eAA6B;EACjC,MAAM;GACJ,WAAW,kCAAO;GAClB,MAAM;EACR;EACA,SAAS;GACP,WAAW,kCAAO;GAClB;EACF;EACA,MAAM;GACJ,WAAW,kCAAO;GAClB,OAAO;EACT;EACA,QAAQ,EACN,OAAO,WACT;EACA,aAAa;GACX,eAAe;GACf,WAAW,kCAAO;EACpB;EACA,aAAa,EAAE,WAAW,kCAAO,YAAY;CAC/C;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;EAAM,WAAW;EACxB,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACnB,CAAA;AAET,CACF"}
+{"version":3,"file":"IllustratedMessage.mjs","names":["styles"],"sources":["../../../../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">>, FlowComponentProps {\n  /** The color of the illustrated message. @default \"default\" */\n  color?: \"default\" | \"danger\" | \"unavailable\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage = flowComponent(\n  \"IllustratedMessage\",\n  (props) => {\n    const { className, children, color = \"default\", ...rest } = props;\n\n    const rootClassName = clsx(\n      styles.illustratedMessage,\n      color !== \"default\" && styles[color],\n      className,\n    );\n\n    const alphaColor = isAlphaColor(color) ? color : undefined;\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        size: \"l\",\n      },\n      Heading: {\n        className: styles.heading,\n        color,\n      },\n      Text: {\n        className: styles.text,\n        color: alphaColor,\n      },\n      Button: {\n        color: alphaColor,\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        className: styles.actionGroup,\n      },\n      ProgressBar: { className: styles.progressBar },\n    };\n\n    return (\n      <div {...rest} className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    );\n  },\n);\n\nexport default IllustratedMessage;\n"],"mappings":";;;;;;;;;;AAkBA,IAAa,qBAAqB,cAChC,uBACC,UAAU;CACT,MAAM,EAAE,WAAW,UAAU,QAAQ,WAAW,GAAG,SAAS;CAE5D,MAAM,gBAAgB,KACpBA,kCAAO,oBACP,UAAU,aAAaA,kCAAO,QAC9B,SACF;CAEA,MAAM,aAAa,aAAa,KAAK,IAAI,QAAQ,KAAA;CAEjD,MAAM,eAA6B;EACjC,MAAM;GACJ,WAAWA,kCAAO;GAClB,MAAM;EACR;EACA,SAAS;GACP,WAAWA,kCAAO;GAClB;EACF;EACA,MAAM;GACJ,WAAWA,kCAAO;GAClB,OAAO;EACT;EACA,QAAQ,EACN,OAAO,WACT;EACA,aAAa;GACX,eAAe;GACf,WAAWA,kCAAO;EACpB;EACA,aAAa,EAAE,WAAWA,kCAAO,YAAY;CAC/C;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;EAAM,WAAW;EACxB,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACnB,CAAA;AAET,CACF"}

package/dist/js/packages/components/src/components/Image/Image.mjs

@@ -1,14 +1,37 @@
 "use client"
 /* */
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import Image_module_default from "./Image.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Image/Image.tsx
+/** Aspect ratio of an image skeleton without `aspectRatio`. */
+var skeletonAspectRatio = 16 / 9;
+/** The `width`/`height` attribute as a CSS length — `"200"` means 200px. */
+var toCssLength = (value) => typeof value === "string" && /^\d+(\.\d+)?$/.test(value) ? Number(value) : value;
 /** @flr-generate all */
 var Image = flowComponent("Image", (props) => {
 	const { className, withBorder, withRoundedCorners = true, style, aspectRatio, width, height, ref, ...rest } = props;
+	const isSkeleton = useSkeletonMode();
 	const rootClassName = clsx(Image_module_default.image, withBorder && Image_module_default.border, withRoundedCorners && Image_module_default.roundedCorners, aspectRatio && Image_module_default.aspectRatio, className);
+	if (isSkeleton) {
+		const skeletonClassName = clsx(Image_module_default.image, Image_module_default.skeleton, withBorder && Image_module_default.border, withRoundedCorners && Image_module_default.roundedCorners, className);
+		const skeletonWidth = toCssLength(width);
+		const skeletonHeight = toCssLength(height);
+		const skeletonStyle = {
+			...style,
+			aspectRatio: aspectRatio ?? skeletonAspectRatio,
+			width: skeletonWidth ?? (skeletonHeight === void 0 ? "100%" : void 0),
+			height: skeletonHeight
+		};
+		return /* @__PURE__ */ jsx("span", {
+			className: skeletonClassName,
+			style: skeletonStyle,
+			"aria-hidden": true,
+			inert: true
+		});
+	}
 	return /* @__PURE__ */ jsx("img", {
 		ref,
 		className: rootClassName,

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

@@ -1 +1 @@
-{"version":3,"file":"Image.mjs","names":[],"sources":["../../../../../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\nimport type { ComponentProps } from \"react\";\nimport styles from \"./Image.module.scss\";\n\nexport interface ImageProps\n  extends\n    Omit<ComponentProps<\"img\">, \"ref\">,\n    FlowComponentProps<HTMLImageElement> {\n  /** Display the image with a border. */\n  withBorder?: boolean;\n  /**\n   * Display the image with rounded corners.\n   *\n   * @default true\n   */\n  withRoundedCorners?: boolean;\n  /**\n   * The aspect ratio of the images container. Larger images will be centered\n   * and their overflow will be hidden.\n   */\n  aspectRatio?: number;\n}\n\n/** @flr-generate all */\nexport const Image = flowComponent(\"Image\", (props) => {\n  const {\n    className,\n    withBorder,\n    withRoundedCorners = true,\n    style,\n    aspectRatio,\n    width,\n    height,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.image,\n    withBorder && styles.border,\n    withRoundedCorners && styles.roundedCorners,\n    aspectRatio && styles.aspectRatio,\n    className,\n  );\n\n  return (\n    <img\n      ref={ref}\n      className={rootClassName}\n      style={{\n        ...style,\n        ...(aspectRatio !== undefined && { aspectRatio }),\n        ...(width !== undefined && { width }),\n        ...(height !== undefined && { height }),\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport default Image;\n"],"mappings":";;;;;;;;AA0BA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,WACA,YACA,qBAAqB,MACrB,OACA,aACA,OACA,QACA,KACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,qBAAO,OACP,cAAc,qBAAO,QACrB,sBAAsB,qBAAO,gBAC7B,eAAe,qBAAO,aACtB,SACF;CAEA,OACE,oBAAC,OAAD;EACO;EACL,WAAW;EACX,OAAO;GACL,GAAG;GACH,GAAI,gBAAgB,KAAA,KAAa,EAAE,YAAY;GAC/C,GAAI,UAAU,KAAA,KAAa,EAAE,MAAM;GACnC,GAAI,WAAW,KAAA,KAAa,EAAE,OAAO;EACvC;EACA,GAAI;CACL,CAAA;AAEL,CAAC"}
+{"version":3,"file":"Image.mjs","names":["styles"],"sources":["../../../../../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, CSSProperties } from \"react\";\nimport styles from \"./Image.module.scss\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\n/** Aspect ratio of an image skeleton without `aspectRatio`. */\nconst skeletonAspectRatio = 16 / 9;\n\n/** The `width`/`height` attribute as a CSS length — `\"200\"` means 200px. */\nconst toCssLength = (value: number | string | undefined) =>\n  typeof value === \"string\" && /^\\d+(\\.\\d+)?$/.test(value)\n    ? Number(value)\n    : value;\n\nexport interface ImageProps\n  extends\n    Omit<ComponentProps<\"img\">, \"ref\">,\n    FlowComponentProps<HTMLImageElement> {\n  /** Display the image with a border. */\n  withBorder?: boolean;\n  /**\n   * Display the image with rounded corners.\n   *\n   * @default true\n   */\n  withRoundedCorners?: boolean;\n  /**\n   * The aspect ratio of the images container. Larger images will be centered\n   * and their overflow will be hidden.\n   */\n  aspectRatio?: number;\n}\n\n/** @flr-generate all */\nexport const Image = flowComponent(\"Image\", (props) => {\n  const {\n    className,\n    withBorder,\n    withRoundedCorners = true,\n    style,\n    aspectRatio,\n    width,\n    height,\n    ref,\n    ...rest\n  } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.image,\n    withBorder && styles.border,\n    withRoundedCorners && styles.roundedCorners,\n    aspectRatio && styles.aspectRatio,\n    className,\n  );\n\n  /* No `<img>`, so the skeleton issues no request. Without both dimensions\n     the aspect ratio sizes it, filling the width when it has neither. */\n  if (isSkeleton) {\n    const skeletonClassName = clsx(\n      styles.image,\n      styles.skeleton,\n      withBorder && styles.border,\n      withRoundedCorners && styles.roundedCorners,\n      className,\n    );\n\n    const skeletonWidth = toCssLength(width);\n    const skeletonHeight = toCssLength(height);\n\n    const skeletonStyle: CSSProperties = {\n      ...style,\n      aspectRatio: aspectRatio ?? skeletonAspectRatio,\n      width:\n        skeletonWidth ?? (skeletonHeight === undefined ? \"100%\" : undefined),\n      height: skeletonHeight,\n    };\n\n    return (\n      <span\n        className={skeletonClassName}\n        style={skeletonStyle}\n        aria-hidden\n        inert\n      />\n    );\n  }\n\n  return (\n    <img\n      ref={ref}\n      className={rootClassName}\n      style={{\n        ...style,\n        ...(aspectRatio !== undefined && { aspectRatio }),\n        ...(width !== undefined && { width }),\n        ...(height !== undefined && { height }),\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport default Image;\n"],"mappings":";;;;;;;;;AAQA,IAAM,sBAAsB,KAAK;;AAGjC,IAAM,eAAe,UACnB,OAAO,UAAU,YAAY,gBAAgB,KAAK,KAAK,IACnD,OAAO,KAAK,IACZ;;AAsBN,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,WACA,YACA,qBAAqB,MACrB,OACA,aACA,OACA,QACA,KACA,GAAG,SACD;CAEJ,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,qBAAO,OACP,cAAcA,qBAAO,QACrB,sBAAsBA,qBAAO,gBAC7B,eAAeA,qBAAO,aACtB,SACF;CAIA,IAAI,YAAY;EACd,MAAM,oBAAoB,KACxBA,qBAAO,OACPA,qBAAO,UACP,cAAcA,qBAAO,QACrB,sBAAsBA,qBAAO,gBAC7B,SACF;EAEA,MAAM,gBAAgB,YAAY,KAAK;EACvC,MAAM,iBAAiB,YAAY,MAAM;EAEzC,MAAM,gBAA+B;GACnC,GAAG;GACH,aAAa,eAAe;GAC5B,OACE,kBAAkB,mBAAmB,KAAA,IAAY,SAAS,KAAA;GAC5D,QAAQ;EACV;EAEA,OACE,oBAAC,QAAD;GACE,WAAW;GACX,OAAO;GACP,eAAA;GACA,OAAA;EACD,CAAA;CAEL;CAEA,OACE,oBAAC,OAAD;EACO;EACL,WAAW;EACX,OAAO;GACL,GAAG;GACH,GAAI,gBAAgB,KAAA,KAAa,EAAE,YAAY;GAC/C,GAAI,UAAU,KAAA,KAAa,EAAE,MAAM;GACnC,GAAI,WAAW,KAAA,KAAa,EAAE,OAAO;EACvC;EACA,GAAI;CACL,CAAA;AAEL,CAAC"}

package/dist/js/packages/components/src/components/Image/Image.module.mjs

@@ -5,13 +5,17 @@ var image = "flow--image";
 var border = "flow--image--border";
 var roundedCorners = "flow--image--rounded-corners";
 var aspectRatio = "flow--image--aspect-ratio";
+var skeleton = "flow--image--skeleton";
 var Image_module_default = {
 	image,
 	border,
 	roundedCorners,
-	aspectRatio
+	aspectRatio,
+	skeleton,
+	"skeleton-surface-shimmer": "flow--image--skeleton-surface-shimmer",
+	"skeleton-text-shimmer": "flow--image--skeleton-text-shimmer"
 };
 //#endregion
-export { aspectRatio, border, Image_module_default as default, image, roundedCorners };
+export { aspectRatio, border, Image_module_default as default, image, roundedCorners, skeleton };
 
 //# sourceMappingURL=Image.module.mjs.map

package/dist/js/packages/components/src/components/Image/Image.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.module.mjs","names":[],"sources":["../../../../../../../src/components/Image/Image.module.scss"],"sourcesContent":[".image {\n  max-width: 100%;\n\n  &.border {\n    border-width: var(--image--border-width);\n    border-style: var(--image--border-style);\n    border-color: var(--image--border-color);\n  }\n\n  &.roundedCorners {\n    border-radius: var(--image--corner-radius);\n    overflow: hidden;\n  }\n\n  &:where(.aspectRatio) {\n    overflow-clip-margin: unset;\n    object-fit: cover;\n    width: fit-content;\n    overflow: hidden;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Image.module.mjs","names":[],"sources":["../../../../../../../src/components/Image/Image.module.scss"],"sourcesContent":["@use \"@/styles/mixins/skeleton\";\n\n.image {\n  max-width: 100%;\n\n  &.border {\n    border-width: var(--image--border-width);\n    border-style: var(--image--border-style);\n    border-color: var(--image--border-color);\n  }\n\n  &.roundedCorners {\n    border-radius: var(--image--corner-radius);\n    overflow: hidden;\n  }\n\n  &:where(.aspectRatio) {\n    overflow-clip-margin: unset;\n    object-fit: cover;\n    width: fit-content;\n    overflow: hidden;\n  }\n\n  /* SkeletonMode */\n\n  &.skeleton {\n    @include skeleton.shape;\n\n    --skeleton-radius: 0;\n\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  &.skeleton.roundedCorners {\n    --skeleton-radius: var(--image--corner-radius);\n  }\n}\n\n@include skeleton.keyframes;\n"],"mappings":""}

package/dist/js/packages/components/src/components/ImageCropper/ImageCropper.mjs

@@ -1,5 +1,6 @@
 "use client"
 /* */
+import { SkeletonModeReset, useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { IconDanger } from "../Icon/components/icons/IconDanger.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Text } from "../Text/Text.mjs";
@@ -32,7 +33,8 @@ var ImageCropper = (props) => {
 	/** Reports every image at most once, no matter how many crops fail on it. */
 	const errorReported = useRef(false);
 	const stringFormatter = useLocalizedStringFormatter(__locale_default, "ImageCropper");
-	const rootClassName = clsx(ImageCropper_module_default.imageCropper, className);
+	const isSkeleton = useSkeletonMode();
+	const rootClassName = clsx(ImageCropper_module_default.imageCropper, isSkeleton && ImageCropper_module_default.skeleton, className);
 	const reportError = (reason, message) => {
 		if (errorReported.current) return;
 		errorReported.current = true;
@@ -64,30 +66,33 @@ var ImageCropper = (props) => {
 		children: [/* @__PURE__ */ jsx(IconDanger, {}), /* @__PURE__ */ jsx(Text, { children: stringFormatter.format("error.text") })]
 	});
 	const errorElement = error ? errorView ?? defaultErrorView : void 0;
-	return /* @__PURE__ */ jsxs("div", {
+	const errorContainer = /* @__PURE__ */ jsx("div", {
+		className: ImageCropper_module_default.errorViewContainer,
+		children: errorElement
+	});
+	const cropper = /* @__PURE__ */ jsx(Cropper, {
+		style: { containerStyle: { borderRadius: "calc(var(--image-cropper--corner-radius) - 1px)" } },
+		aspect: aspectRatio,
+		crop,
+		image: imageSrc,
+		onCropChange: setCrop,
+		zoom,
+		onZoomChange: setZoom,
+		mediaProps: { onError: () => reportError("load", `Failed to load image "${imageSrc}"`) },
+		onMediaLoaded: () => setMediaLoaded(true),
+		onCropComplete: (_, croppedAreaPixels) => {
+			if (mediaLoaded) debouncedCropComplete(croppedAreaPixels);
+		},
+		...rest
+	});
+	return /* @__PURE__ */ jsx("div", {
 		className: rootClassName,
 		style: { width },
-		children: [/* @__PURE__ */ jsx("div", {
+		inert: isSkeleton || void 0,
+		children: /* @__PURE__ */ jsxs(SkeletonModeReset, { children: [/* @__PURE__ */ jsx("div", {
 			className: ImageCropper_module_default.cropperContainer,
 			style: { height },
-			children: errorElement ? /* @__PURE__ */ jsx("div", {
-				className: ImageCropper_module_default.errorViewContainer,
-				children: errorElement
-			}) : /* @__PURE__ */ jsx(Cropper, {
-				style: { containerStyle: { borderRadius: "calc(var(--image-cropper--corner-radius) - 1px)" } },
-				aspect: aspectRatio,
-				crop,
-				image: imageSrc,
-				onCropChange: setCrop,
-				zoom,
-				onZoomChange: setZoom,
-				mediaProps: { onError: () => reportError("load", `Failed to load image "${imageSrc}"`) },
-				onMediaLoaded: () => setMediaLoaded(true),
-				onCropComplete: (_, croppedAreaPixels) => {
-					if (mediaLoaded) debouncedCropComplete(croppedAreaPixels);
-				},
-				...rest
-			})
+			children: !isSkeleton && (errorElement ? errorContainer : cropper)
 		}), !errorElement && /* @__PURE__ */ jsx(Slider, {
 			minValue: 1,
 			maxValue: 3,
@@ -96,7 +101,7 @@ var ImageCropper = (props) => {
 			sliderOnly: true,
 			onChange: (zoom) => setZoom(zoom),
 			"aria-label": stringFormatter.format("zoom")
-		})]
+		})] })
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ImageCropper.mjs","names":[],"sources":["../../../../../../../src/components/ImageCropper/ImageCropper.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type FC,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport Cropper, { type Area, type CropperProps } from \"react-easy-crop\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./ImageCropper.module.scss\";\nimport { Slider } from \"@/components/Slider\";\nimport { getCroppedImageFile } from \"@/components/ImageCropper/lib/getCroppedImageFile\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport { useImageSrc } from \"@/lib/hooks/useImageSrc\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport { IconDanger } from \"@/components/Icon/components/icons\";\nimport { Text } from \"@/components/Text\";\n\n/** Why an {@link ImageCropper} cannot work with the given image. */\nexport interface ImageCropperError {\n  /**\n   * `\"load\"` — the image itself could not be loaded. `\"crop\"` — the image is\n   * displayed, but reading it into a canvas to produce the cropped file failed\n   * (a cross-origin image without CORS headers, for example).\n   */\n  reason: \"load\" | \"crop\";\n  /** Technical message, meant for logging — not for display. */\n  message: string;\n}\n\nexport interface ImageCropperProps\n  extends PropsWithClassName, Partial<Pick<CropperProps, \"cropShape\">> {\n  /** The image file to crop. */\n  image?: File | string;\n  /** Callback on crop complete. */\n  onCropComplete?: (croppedImage: File) => void;\n  /**\n   * Callback when the image cannot be cropped, because it failed to load or\n   * could not be read.\n   */\n  onError?: (error: ImageCropperError) => void;\n  /**\n   * View that is shown instead of the cropper when the image cannot be cropped.\n   * Defaults to a localized error message.\n   */\n  errorView?: ReactNode;\n  /** The width of the component. @default 300 */\n  width?: CSSProperties[\"width\"];\n  /** The height of the component. @default 300 */\n  height?: CSSProperties[\"height\"];\n  /** The aspect ratio of the crop shape. */\n  aspectRatio?: number;\n}\n\n/**\n * @flr-generate all\n * @flowStatus new\n */\nexport const ImageCropper: FC<ImageCropperProps> = (props) => {\n  const {\n    image,\n    className,\n    onCropComplete,\n    onError,\n    errorView,\n    width = 300,\n    height = 300,\n    aspectRatio,\n    ...rest\n  } = props;\n\n  const imageSrc = useImageSrc(image);\n\n  const [mediaLoaded, setMediaLoaded] = useState(false);\n  const [error, setError] = useState<ImageCropperError>();\n  const [crop, setCrop] = useState({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState(1);\n\n  /** Reports every image at most once, no matter how many crops fail on it. */\n  const errorReported = useRef(false);\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"ImageCropper\");\n  const rootClassName = clsx(styles.imageCropper, className);\n\n  const reportError = (\n    reason: ImageCropperError[\"reason\"],\n    message: string,\n  ): void => {\n    if (errorReported.current) {\n      return;\n    }\n    errorReported.current = true;\n\n    const imageCropperError: ImageCropperError = { reason, message };\n    setError(imageCropperError);\n    onError?.(imageCropperError);\n  };\n\n  const debouncedCropComplete = useDebouncedCallback(\n    async (croppedAreaPixels: Area) => {\n      if (!croppedAreaPixels) {\n        return;\n      }\n\n      let croppedImageFile: File;\n\n      try {\n        croppedImageFile = await getCroppedImageFile(\n          imageSrc,\n          image ?? \"\",\n          croppedAreaPixels,\n        );\n      } catch (cause) {\n        reportError(\n          \"crop\",\n          cause instanceof Error ? cause.message : String(cause),\n        );\n        return;\n      }\n\n      onCropComplete?.(croppedImageFile);\n    },\n    500,\n    {\n      leading: true,\n    },\n  );\n\n  useEffect(() => {\n    setMediaLoaded(false);\n    setError(undefined);\n    errorReported.current = false;\n  }, [imageSrc]);\n\n  const defaultErrorView = (\n    <IllustratedMessage color=\"danger\">\n      <IconDanger />\n      <Text>{stringFormatter.format(\"error.text\")}</Text>\n    </IllustratedMessage>\n  );\n\n  const errorElement = error ? (errorView ?? defaultErrorView) : undefined;\n\n  return (\n    <div className={rootClassName} style={{ width }}>\n      <div className={styles.cropperContainer} style={{ height }}>\n        {errorElement ? (\n          <div className={styles.errorViewContainer}>{errorElement}</div>\n        ) : (\n          <Cropper\n            style={{\n              containerStyle: {\n                borderRadius: \"calc(var(--image-cropper--corner-radius) - 1px)\",\n              },\n            }}\n            aspect={aspectRatio}\n            crop={crop}\n            image={imageSrc}\n            onCropChange={setCrop}\n            zoom={zoom}\n            onZoomChange={setZoom}\n            mediaProps={{\n              onError: () =>\n                reportError(\"load\", `Failed to load image \"${imageSrc}\"`),\n            }}\n            onMediaLoaded={() => setMediaLoaded(true)}\n            onCropComplete={(_, croppedAreaPixels) => {\n              if (mediaLoaded) {\n                debouncedCropComplete(croppedAreaPixels);\n              }\n            }}\n            {...rest}\n          />\n        )}\n      </div>\n      {!errorElement && (\n        <Slider\n          minValue={1}\n          maxValue={3}\n          step={0.01}\n          value={zoom}\n          sliderOnly\n          onChange={(zoom) => setZoom(zoom as number)}\n          aria-label={stringFormatter.format(\"zoom\")}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ImageCropper;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8DA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EACJ,OACA,WACA,gBACA,SACA,WACA,QAAQ,KACR,SAAS,KACT,aACA,GAAG,SACD;CAEJ,MAAM,WAAW,YAAY,KAAK;CAElC,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,CAAC,OAAO,YAAY,SAA4B;CACtD,MAAM,CAAC,MAAM,WAAW,SAAS;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAC/C,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;;CAGlC,MAAM,gBAAgB,OAAO,KAAK;CAElC,MAAM,kBAAkB,4BAA4B,kBAAS,cAAc;CAC3E,MAAM,gBAAgB,KAAK,4BAAO,cAAc,SAAS;CAEzD,MAAM,eACJ,QACA,YACS;EACT,IAAI,cAAc,SAChB;EAEF,cAAc,UAAU;EAExB,MAAM,oBAAuC;GAAE;GAAQ;EAAQ;EAC/D,SAAS,iBAAiB;EAC1B,UAAU,iBAAiB;CAC7B;CAEA,MAAM,wBAAwB,qBAC5B,OAAO,sBAA4B;EACjC,IAAI,CAAC,mBACH;EAGF,IAAI;EAEJ,IAAI;GACF,mBAAmB,MAAM,oBACvB,UACA,SAAS,IACT,iBACF;EACF,SAAS,OAAO;GACd,YACE,QACA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,CACvD;GACA;EACF;EAEA,iBAAiB,gBAAgB;CACnC,GACA,KACA,EACE,SAAS,KACX,CACF;CAEA,gBAAgB;EACd,eAAe,KAAK;EACpB,SAAS,KAAA,CAAS;EAClB,cAAc,UAAU;CAC1B,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,mBACJ,qBAAC,oBAAD;EAAoB,OAAM;EAA1B,UAAA,CACE,oBAAC,YAAD,CAAa,CAAA,GACb,oBAAC,MAAD,EAAA,UAAO,gBAAgB,OAAO,YAAY,EAAQ,CAAA,CAChC;;CAGtB,MAAM,eAAe,QAAS,aAAa,mBAAoB,KAAA;CAE/D,OACE,qBAAC,OAAD;EAAK,WAAW;EAAe,OAAO,EAAE,MAAM;EAA9C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,4BAAO;GAAkB,OAAO,EAAE,OAAO;GACtD,UAAA,eACC,oBAAC,OAAD;IAAK,WAAW,4BAAO;IAAqB,UAAA;GAAkB,CAAA,IAE9D,oBAAC,SAAD;IACE,OAAO,EACL,gBAAgB,EACd,cAAc,kDAChB,EACF;IACA,QAAQ;IACF;IACN,OAAO;IACP,cAAc;IACR;IACN,cAAc;IACd,YAAY,EACV,eACE,YAAY,QAAQ,yBAAyB,SAAS,EAAE,EAC5D;IACA,qBAAqB,eAAe,IAAI;IACxC,iBAAiB,GAAG,sBAAsB;KACxC,IAAI,aACF,sBAAsB,iBAAiB;IAE3C;IACA,GAAI;GACL,CAAA;EAEA,CAAA,GACJ,CAAC,gBACA,oBAAC,QAAD;GACE,UAAU;GACV,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAA;GACA,WAAW,SAAS,QAAQ,IAAc;GAC1C,cAAY,gBAAgB,OAAO,MAAM;EAC1C,CAAA,CAEA;;AAET"}
+{"version":3,"file":"ImageCropper.mjs","names":["locales","styles"],"sources":["../../../../../../../src/components/ImageCropper/ImageCropper.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type FC,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport Cropper, { type Area, type CropperProps } from \"react-easy-crop\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./ImageCropper.module.scss\";\nimport { Slider } from \"@/components/Slider\";\nimport { getCroppedImageFile } from \"@/components/ImageCropper/lib/getCroppedImageFile\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport { useImageSrc } from \"@/lib/hooks/useImageSrc\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport { IconDanger } from \"@/components/Icon/components/icons\";\nimport { Text } from \"@/components/Text\";\nimport {\n  SkeletonModeReset,\n  useSkeletonMode,\n} from \"@/components/SkeletonMode/skeletonModeContext\";\n\n/** Why an {@link ImageCropper} cannot work with the given image. */\nexport interface ImageCropperError {\n  /**\n   * `\"load\"` — the image itself could not be loaded. `\"crop\"` — the image is\n   * displayed, but reading it into a canvas to produce the cropped file failed\n   * (a cross-origin image without CORS headers, for example).\n   */\n  reason: \"load\" | \"crop\";\n  /** Technical message, meant for logging — not for display. */\n  message: string;\n}\n\nexport interface ImageCropperProps\n  extends PropsWithClassName, Partial<Pick<CropperProps, \"cropShape\">> {\n  /** The image file to crop. */\n  image?: File | string;\n  /** Callback on crop complete. */\n  onCropComplete?: (croppedImage: File) => void;\n  /**\n   * Callback when the image cannot be cropped, because it failed to load or\n   * could not be read.\n   */\n  onError?: (error: ImageCropperError) => void;\n  /**\n   * View that is shown instead of the cropper when the image cannot be cropped.\n   * Defaults to a localized error message.\n   */\n  errorView?: ReactNode;\n  /** The width of the component. @default 300 */\n  width?: CSSProperties[\"width\"];\n  /** The height of the component. @default 300 */\n  height?: CSSProperties[\"height\"];\n  /** The aspect ratio of the crop shape. */\n  aspectRatio?: number;\n}\n\n/**\n * @flr-generate all\n * @flowStatus new\n */\nexport const ImageCropper: FC<ImageCropperProps> = (props) => {\n  const {\n    image,\n    className,\n    onCropComplete,\n    onError,\n    errorView,\n    width = 300,\n    height = 300,\n    aspectRatio,\n    ...rest\n  } = props;\n\n  const imageSrc = useImageSrc(image);\n\n  const [mediaLoaded, setMediaLoaded] = useState(false);\n  const [error, setError] = useState<ImageCropperError>();\n  const [crop, setCrop] = useState({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState(1);\n\n  /** Reports every image at most once, no matter how many crops fail on it. */\n  const errorReported = useRef(false);\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"ImageCropper\");\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.imageCropper,\n    isSkeleton && styles.skeleton,\n    className,\n  );\n\n  const reportError = (\n    reason: ImageCropperError[\"reason\"],\n    message: string,\n  ): void => {\n    if (errorReported.current) {\n      return;\n    }\n    errorReported.current = true;\n\n    const imageCropperError: ImageCropperError = { reason, message };\n    setError(imageCropperError);\n    onError?.(imageCropperError);\n  };\n\n  const debouncedCropComplete = useDebouncedCallback(\n    async (croppedAreaPixels: Area) => {\n      if (!croppedAreaPixels) {\n        return;\n      }\n\n      let croppedImageFile: File;\n\n      try {\n        croppedImageFile = await getCroppedImageFile(\n          imageSrc,\n          image ?? \"\",\n          croppedAreaPixels,\n        );\n      } catch (cause) {\n        reportError(\n          \"crop\",\n          cause instanceof Error ? cause.message : String(cause),\n        );\n        return;\n      }\n\n      onCropComplete?.(croppedImageFile);\n    },\n    500,\n    {\n      leading: true,\n    },\n  );\n\n  useEffect(() => {\n    setMediaLoaded(false);\n    setError(undefined);\n    errorReported.current = false;\n  }, [imageSrc]);\n\n  const defaultErrorView = (\n    <IllustratedMessage color=\"danger\">\n      <IconDanger />\n      <Text>{stringFormatter.format(\"error.text\")}</Text>\n    </IllustratedMessage>\n  );\n\n  const errorElement = error ? (errorView ?? defaultErrorView) : undefined;\n\n  const errorContainer = (\n    <div className={styles.errorViewContainer}>{errorElement}</div>\n  );\n\n  const cropper = (\n    <Cropper\n      style={{\n        containerStyle: {\n          borderRadius: \"calc(var(--image-cropper--corner-radius) - 1px)\",\n        },\n      }}\n      aspect={aspectRatio}\n      crop={crop}\n      image={imageSrc}\n      onCropChange={setCrop}\n      zoom={zoom}\n      onZoomChange={setZoom}\n      mediaProps={{\n        onError: () =>\n          reportError(\"load\", `Failed to load image \"${imageSrc}\"`),\n      }}\n      onMediaLoaded={() => setMediaLoaded(true)}\n      onCropComplete={(_, croppedAreaPixels) => {\n        if (mediaLoaded) {\n          debouncedCropComplete(croppedAreaPixels);\n        }\n      }}\n      {...rest}\n    />\n  );\n\n  return (\n    <div\n      className={rootClassName}\n      style={{ width }}\n      inert={isSkeleton || undefined}\n    >\n      <SkeletonModeReset>\n        <div className={styles.cropperContainer} style={{ height }}>\n          {/* The skeleton is one surface in the size of cropper and slider.\n              It mounts no cropper, so the image is not loaded. */}\n          {!isSkeleton && (errorElement ? errorContainer : cropper)}\n        </div>\n        {!errorElement && (\n          <Slider\n            minValue={1}\n            maxValue={3}\n            step={0.01}\n            value={zoom}\n            sliderOnly\n            onChange={(zoom) => setZoom(zoom as number)}\n            aria-label={stringFormatter.format(\"zoom\")}\n          />\n        )}\n      </SkeletonModeReset>\n    </div>\n  );\n};\n\nexport default ImageCropper;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EACJ,OACA,WACA,gBACA,SACA,WACA,QAAQ,KACR,SAAS,KACT,aACA,GAAG,SACD;CAEJ,MAAM,WAAW,YAAY,KAAK;CAElC,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,CAAC,OAAO,YAAY,SAA4B;CACtD,MAAM,CAAC,MAAM,WAAW,SAAS;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAC/C,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;;CAGlC,MAAM,gBAAgB,OAAO,KAAK;CAElC,MAAM,kBAAkB,4BAA4BA,kBAAS,cAAc;CAC3E,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBC,4BAAO,cACP,cAAcA,4BAAO,UACrB,SACF;CAEA,MAAM,eACJ,QACA,YACS;EACT,IAAI,cAAc,SAChB;EAEF,cAAc,UAAU;EAExB,MAAM,oBAAuC;GAAE;GAAQ;EAAQ;EAC/D,SAAS,iBAAiB;EAC1B,UAAU,iBAAiB;CAC7B;CAEA,MAAM,wBAAwB,qBAC5B,OAAO,sBAA4B;EACjC,IAAI,CAAC,mBACH;EAGF,IAAI;EAEJ,IAAI;GACF,mBAAmB,MAAM,oBACvB,UACA,SAAS,IACT,iBACF;EACF,SAAS,OAAO;GACd,YACE,QACA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,CACvD;GACA;EACF;EAEA,iBAAiB,gBAAgB;CACnC,GACA,KACA,EACE,SAAS,KACX,CACF;CAEA,gBAAgB;EACd,eAAe,KAAK;EACpB,SAAS,KAAA,CAAS;EAClB,cAAc,UAAU;CAC1B,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,mBACJ,qBAAC,oBAAD;EAAoB,OAAM;EAA1B,UAAA,CACE,oBAAC,YAAD,CAAa,CAAA,GACb,oBAAC,MAAD,EAAA,UAAO,gBAAgB,OAAO,YAAY,EAAQ,CAAA,CAChC;;CAGtB,MAAM,eAAe,QAAS,aAAa,mBAAoB,KAAA;CAE/D,MAAM,iBACJ,oBAAC,OAAD;EAAK,WAAWA,4BAAO;EAAqB,UAAA;CAAkB,CAAA;CAGhE,MAAM,UACJ,oBAAC,SAAD;EACE,OAAO,EACL,gBAAgB,EACd,cAAc,kDAChB,EACF;EACA,QAAQ;EACF;EACN,OAAO;EACP,cAAc;EACR;EACN,cAAc;EACd,YAAY,EACV,eACE,YAAY,QAAQ,yBAAyB,SAAS,EAAE,EAC5D;EACA,qBAAqB,eAAe,IAAI;EACxC,iBAAiB,GAAG,sBAAsB;GACxC,IAAI,aACF,sBAAsB,iBAAiB;EAE3C;EACA,GAAI;CACL,CAAA;CAGH,OACE,oBAAC,OAAD;EACE,WAAW;EACX,OAAO,EAAE,MAAM;EACf,OAAO,cAAc,KAAA;EAErB,UAAA,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,OAAD;GAAK,WAAWA,4BAAO;GAAkB,OAAO,EAAE,OAAO;GAGtD,UAAA,CAAC,eAAe,eAAe,iBAAiB;EAC9C,CAAA,GACJ,CAAC,gBACA,oBAAC,QAAD;GACE,UAAU;GACV,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAA;GACA,WAAW,SAAS,QAAQ,IAAc;GAC1C,cAAY,gBAAgB,OAAO,MAAM;EAC1C,CAAA,CAEc,EAAA,CAAA;CAChB,CAAA;AAET"}