@mittwald/flow-react-components 0.2.0-alpha.31 → 0.2.0-alpha.33

package/dist/js/components/Label/Label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.mjs","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface LabelProps\n  extends PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /* @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent<\"Label\", HTMLLabelElement>(\n  \"Label\",\n  (props) => {\n    const {\n      children,\n      className,\n      optional,\n      isDisabled,\n      ref,\n      unstyled = false,\n      ...rest\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(styles.label, isDisabled && styles.disabled, className);\n\n    const optionalMarker = \" \" + stringFormatter.format(\"label.optional\");\n\n    return (\n      <ClearPropsContext>\n        <Aria.Label {...rest} className={rootClassName} ref={ref}>\n          {children}\n          {optional && optionalMarker}\n        </Aria.Label>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Label;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,aAAA,GAAgB,WAClB,SACA,GAAA,IAAA,CAAK,OAAO,KAAO,EAAA,UAAA,IAAc,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAE/D,IAAA,MAAM,cAAiB,GAAA,GAAA,GAAM,eAAgB,CAAA,MAAA,CAAO,gBAAgB,CAAA;AAEpE,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC7C,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,QAAY,IAAA;AAAA,KAAA,EACf,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Label.mjs","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface LabelProps\n  extends PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /* @internal */\n  unstyled?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Label = flowComponent<\"Label\", HTMLLabelElement>(\n  \"Label\",\n  (props) => {\n    const {\n      children,\n      className,\n      optional,\n      isDisabled,\n      ref,\n      unstyled = false,\n      ...rest\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(styles.label, isDisabled && styles.disabled, className);\n\n    const optionalMarker = \" \" + stringFormatter.format(\"label.optional\");\n\n    return (\n      <ClearPropsContext>\n        <Aria.Label {...rest} className={rootClassName} ref={ref}>\n          {children}\n          {optional && optionalMarker}\n        </Aria.Label>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Label;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA0BO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,aAAA,GAAgB,WAClB,SACA,GAAA,IAAA,CAAK,OAAO,KAAO,EAAA,UAAA,IAAc,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAE/D,IAAA,MAAM,cAAiB,GAAA,GAAA,GAAM,eAAgB,CAAA,MAAA,CAAO,gBAAgB,CAAA;AAEpE,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC7C,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,QAAY,IAAA;AAAA,KAAA,EACf,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/LabeledValue/LabeledValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledValue.mjs","sources":["../../../../src/components/LabeledValue/LabeledValue.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./LabeledValue.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface LabeledValueProps\n  extends PropsWithChildren,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const LabeledValue: FC<LabeledValueProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.labeledValue, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n    },\n    CopyButton: {\n      className: styles.button,\n      variant: \"plain\",\n      size: \"s\",\n    },\n    Button: {\n      className: styles.button,\n      variant: \"plain\",\n      size: \"s\",\n    },\n    Link: {\n      inline: true,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <div className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    </ClearPropsContext>\n  );\n};\n\nexport default LabeledValue;\n"],"names":[],"mappings":";;;;;;;;AAaa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,EAAc,SAAS,CAAA;AAEzD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,OAAS,EAAA,OAAA;AAAA,MACT,IAAM,EAAA;AAAA,KACR;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,OAAS,EAAA,OAAA;AAAA,MACT,IAAM,EAAA;AAAA,KACR;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA;AACV,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EACd,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LabeledValue.mjs","sources":["../../../../src/components/LabeledValue/LabeledValue.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./LabeledValue.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface LabeledValueProps\n  extends PropsWithChildren,\n    PropsWithClassName {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const LabeledValue: FC<LabeledValueProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.labeledValue, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n    },\n    CopyButton: {\n      className: styles.button,\n      variant: \"plain\",\n      size: \"s\",\n    },\n    Button: {\n      className: styles.button,\n      variant: \"plain\",\n      size: \"s\",\n    },\n    Link: {\n      inline: true,\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <div className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    </ClearPropsContext>\n  );\n};\n\nexport default LabeledValue;\n"],"names":[],"mappings":";;;;;;;;AAgBa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,EAAc,SAAS,CAAA;AAEzD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,OAAS,EAAA,OAAA;AAAA,MACT,IAAM,EAAA;AAAA,KACR;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,OAAS,EAAA,OAAA;AAAA,MACT,IAAM,EAAA;AAAA,KACR;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA;AACV,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EACd,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/LayoutCard/LayoutCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutCard.mjs","sources":["../../../../src/components/LayoutCard/LayoutCard.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./LayoutCard.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface LayoutCardProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"main\" | \"footer\" | \"header\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const LayoutCard = flowComponent(\"LayoutCard\", (props) => {\n  const { children, className, elementType = \"div\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.layoutCard, className);\n\n  const Element = elementType;\n\n  const propsContext: PropsContext = {\n    Tabs: {\n      className: styles.tabs,\n    },\n  };\n\n  return (\n    <Element className={rootClassName} {...rest} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Element>\n  );\n});\n\nexport default LayoutCard;\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,WAAA,GAAc,OAAO,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAEnE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EAAM,GAC3C,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LayoutCard.mjs","sources":["../../../../src/components/LayoutCard/LayoutCard.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./LayoutCard.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface LayoutCardProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"main\" | \"footer\" | \"header\">,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const LayoutCard = flowComponent(\"LayoutCard\", (props) => {\n  const { children, className, elementType = \"div\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.layoutCard, className);\n\n  const Element = elementType;\n\n  const propsContext: PropsContext = {\n    Tabs: {\n      className: styles.tabs,\n    },\n  };\n\n  return (\n    <Element className={rootClassName} {...rest} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Element>\n  );\n});\n\nexport default LayoutCard;\n"],"names":[],"mappings":";;;;;;;;AAmBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,WAAA,GAAc,OAAO,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAEnE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,UAAA,EAAY,SAAS,CAAA;AAEvD,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EAAM,GAC3C,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/LightBox/LightBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LightBox.mjs","sources":["../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\n/** @flr-generate all */\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: styles.actionGroup,\n      Button: { variant: \"soft\", color: \"light\" },\n      tunnelId: \"actionGroup\",\n      ignoreBreakpoint: true,\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <div className={styles.content}>{children}</div>\n          <div className={styles.actions}>\n            <Button color=\"light\" variant=\"soft\" onPress={controller?.close}>\n              <IconClose />\n            </Button>\n            <TunnelExit id=\"actionGroup\" />\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAY,GAAA,IAAA;AAAA,IACZ,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,QAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,WAAW,MAAO,CAAA,WAAA;AAAA,MAClB,MAAQ,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,OAAO,OAAQ,EAAA;AAAA,MAC1C,QAAU,EAAA,aAAA;AAAA,MACV,gBAAkB,EAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,UAAY,EAAA;AAAA,IAC7D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,UAAA;AAAA,MACZ,SAAW,EAAA,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,OAAA,EAAU,QAAS,EAAA,CAAA;AAAA,wBACzC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,OACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,KAAM,EAAA,OAAA,EAAQ,OAAQ,EAAA,MAAA,EAAO,SAAS,UAAY,EAAA,KAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,CACb,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,aAAc,EAAA;AAAA,SAC/B,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LightBox.mjs","sources":["../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: styles.actionGroup,\n      Button: { variant: \"soft\", color: \"light\" },\n      tunnelId: \"actionGroup\",\n      ignoreBreakpoint: true,\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <div className={styles.content}>{children}</div>\n          <div className={styles.actions}>\n            <Button color=\"light\" variant=\"soft\" onPress={controller?.close}>\n              <IconClose />\n            </Button>\n            <TunnelExit id=\"actionGroup\" />\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAmCO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAY,GAAA,IAAA;AAAA,IACZ,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,QAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,WAAW,MAAO,CAAA,WAAA;AAAA,MAClB,MAAQ,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,OAAO,OAAQ,EAAA;AAAA,MAC1C,QAAU,EAAA,aAAA;AAAA,MACV,gBAAkB,EAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,UAAY,EAAA;AAAA,IAC7D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,UAAA;AAAA,MACZ,SAAW,EAAA,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,OAAA,EAAU,QAAS,EAAA,CAAA;AAAA,wBACzC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,OACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,KAAM,EAAA,OAAA,EAAQ,OAAQ,EAAA,MAAA,EAAO,SAAS,UAAY,EAAA,KAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,CACb,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,aAAc,EAAA;AAAA,SAC/B,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/Link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType, PropsWithChildren } from \"react\";\nimport React, { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\n\nexport interface LinkProps\n  extends PropsWithChildren<\n      Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">\n    >,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n  \"aria-current\"?: string;\n  slot?: string;\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Link = flowComponent<\"Link\", HTMLAnchorElement>(\n  \"Link\",\n  (props) => {\n    const {\n      children,\n      className,\n      inline,\n      linkComponent: linkComponentFromProps,\n      color = \"primary\",\n      unstyled = false,\n      \"aria-current\": ariaCurrent,\n      ref,\n      slot: ignoredSlotProp,\n      ...rest\n    } = props;\n\n    const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n    const Link = linkComponentFromProps\n      ? linkComponentFromProps\n      : props.href && linkComponentFromContext\n        ? linkComponentFromContext\n        : Aria.Link;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(styles.link, inline && styles.inline, styles[color], className);\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        size: \"s\",\n      },\n    };\n\n    const unsupportedTypingsLinkProps = ariaCurrent\n      ? ({\n          \"aria-current\": true,\n        } as Record<string, unknown>)\n      : {};\n\n    return (\n      <ClearPropsContext>\n        <Link\n          {...unsupportedTypingsLinkProps}\n          {...rest}\n          className={rootClassName}\n          ref={ref}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n            <LinkIcon {...props} />\n          </PropsContextProvider>\n        </Link>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,IAAO,GAAA,aAAA;AAAA,EAClB,MAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAe,EAAA,sBAAA;AAAA,MACf,KAAQ,GAAA,SAAA;AAAA,MACR,QAAW,GAAA,KAAA;AAAA,MACX,cAAgB,EAAA,WAAA;AAAA,MAChB,GAAA;AAAA,MACA,IAAM,EAAA,eAAA;AAAA,MACN,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,EAAE,aAAA,EAAe,wBAAyB,EAAA,GAAI,WAAW,WAAW,CAAA;AAC1E,IAAA,MAAMA,QAAO,sBACT,GAAA,sBAAA,GACA,MAAM,IAAQ,IAAA,wBAAA,GACZ,2BACA,IAAK,CAAA,IAAA;AAEX,IAAA,MAAM,aAAgB,GAAA,QAAA,GAClB,SACA,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,MAAU,IAAA,MAAA,CAAO,MAAQ,EAAA,MAAA,CAAO,KAAK,CAAA,EAAG,SAAS,CAAA;AAEvE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,IAAM,EAAA;AAAA;AACR,KACF;AAEA,IAAA,MAAM,8BAA8B,WAC/B,GAAA;AAAA,MACC,cAAgB,EAAA;AAAA,QAElB,EAAC;AAEL,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAACA,KAAAA;AAAA,MAAA;AAAA,QACE,GAAG,2BAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QACX,GAAA;AAAA,QAEA,QAAA,kBAAA,IAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,KAAO,EAAA;AAAA,SACvB,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Link.mjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType, PropsWithChildren } from \"react\";\nimport React, { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./Link.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { linkContext } from \"@/components/Link/context\";\nimport { LinkIcon } from \"@/components/Link/components/LinkIcon\";\n\nexport interface LinkProps\n  extends PropsWithChildren<\n      Omit<Aria.LinkProps, \"children\" | \"slot\" | \"className\">\n    >,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Whether the link should be styled for being displayed inside a text. */\n  inline?: boolean;\n  /** An alternative link component. */\n  linkComponent?: ComponentType<Omit<ComponentProps<\"a\">, \"ref\">>;\n  /** The color of the link. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n  \"aria-current\"?: string;\n  slot?: string;\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Link = flowComponent<\"Link\", HTMLAnchorElement>(\n  \"Link\",\n  (props) => {\n    const {\n      children,\n      className,\n      inline,\n      linkComponent: linkComponentFromProps,\n      color = \"primary\",\n      unstyled = false,\n      \"aria-current\": ariaCurrent,\n      ref,\n      slot: ignoredSlotProp,\n      ...rest\n    } = props;\n\n    const { linkComponent: linkComponentFromContext } = useContext(linkContext);\n    const Link = linkComponentFromProps\n      ? linkComponentFromProps\n      : props.href && linkComponentFromContext\n        ? linkComponentFromContext\n        : Aria.Link;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(styles.link, inline && styles.inline, styles[color], className);\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        size: \"s\",\n      },\n    };\n\n    const unsupportedTypingsLinkProps = ariaCurrent\n      ? ({\n          \"aria-current\": true,\n        } as Record<string, unknown>)\n      : {};\n\n    return (\n      <ClearPropsContext>\n        <Link\n          {...unsupportedTypingsLinkProps}\n          {...rest}\n          className={rootClassName}\n          ref={ref}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n            <LinkIcon {...props} />\n          </PropsContextProvider>\n        </Link>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Link;\n"],"names":["Link"],"mappings":";;;;;;;;;;;;AAmCO,MAAM,IAAO,GAAA,aAAA;AAAA,EAClB,MAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAe,EAAA,sBAAA;AAAA,MACf,KAAQ,GAAA,SAAA;AAAA,MACR,QAAW,GAAA,KAAA;AAAA,MACX,cAAgB,EAAA,WAAA;AAAA,MAChB,GAAA;AAAA,MACA,IAAM,EAAA,eAAA;AAAA,MACN,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,EAAE,aAAA,EAAe,wBAAyB,EAAA,GAAI,WAAW,WAAW,CAAA;AAC1E,IAAA,MAAMA,QAAO,sBACT,GAAA,sBAAA,GACA,MAAM,IAAQ,IAAA,wBAAA,GACZ,2BACA,IAAK,CAAA,IAAA;AAEX,IAAA,MAAM,aAAgB,GAAA,QAAA,GAClB,SACA,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,MAAU,IAAA,MAAA,CAAO,MAAQ,EAAA,MAAA,CAAO,KAAK,CAAA,EAAG,SAAS,CAAA;AAEvE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA,IAAA;AAAA,QAClB,IAAM,EAAA;AAAA;AACR,KACF;AAEA,IAAA,MAAM,8BAA8B,WAC/B,GAAA;AAAA,MACC,cAAgB,EAAA;AAAA,QAElB,EAAC;AAEL,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAACA,KAAAA;AAAA,MAAA;AAAA,QACE,GAAG,2BAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QACX,GAAA;AAAA,QAEA,QAAA,kBAAA,IAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,KAAO,EAAA;AAAA,SACvB,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/List/components/Header/components/ViewModeMenu/ViewModeMenu.mjs

@@ -4,27 +4,29 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import locales from '../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
-import '@mittwald/react-tunnel';
-import '../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import 'clsx';
 import '../../../../../../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../../../../../../lib/slotContext/slotContext.mjs';
+import 'react-aria-components';
+import 'invariant';
 import '@tabler/icons-react';
-import 'clsx';
+import '../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconView } from '../../../../../Icon/components/icons/IconView.mjs';
 import ButtonView from '../../../../../../views/ButtonView.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
 import { ContextMenu } from '../../../../../ContextMenu/ContextMenu.mjs';
-import 'react-aria-components';
 import { ContextMenuTrigger } from '../../../../../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
 import 'mobx';
 import '../../../../../../lib/controller/overlay/context.mjs';
-import 'invariant';
 import '../../../../../Action/context.mjs';
 import '../../../../../Action/models/ActionStateContext.mjs';
 import '../../../../listContext.mjs';
-import { useList } from '../../../../hooks/useList.mjs';
 import MenuItemView from '../../../../../../views/MenuItemView.mjs';
 import TextView from '../../../../../../views/TextView.mjs';
 import '../ActiveFilters/ActiveFilters.mjs';
@@ -32,8 +34,6 @@ import '@chakra-ui/live-region';
 import SectionView from '../../../../../../views/SectionView.mjs';
 import HeadingView from '../../../../../../views/HeadingView.mjs';
 import '../../../../model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 
 const ViewModeMenu = () => {
   const stringFormatter = useLocalizedStringFormatter(locales);

package/dist/js/components/List/components/Items/Items.mjs

@@ -2,34 +2,35 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import { useList } from '../../hooks/useList.mjs';
-import styles from './Items.module.scss.mjs';
 import clsx from 'clsx';
-import { Item } from './components/Item/Item.mjs';
-import { FallbackItems } from './components/FallbackItems/FallbackItems.mjs';
-import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
-import DivView from '../../../../views/DivView.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
+import 'react-aria-components';
+import 'invariant';
+import { Item } from './components/Item/Item.mjs';
+import { useList } from '../../hooks/useList.mjs';
+import { EmptyView } from '../../views/EmptyView/EmptyView.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria';
 import '@tabler/icons-react';
-import 'react-aria-components';
-import 'invariant';
 import '@chakra-ui/live-region';
 import 'mobx';
 import '../../../../lib/controller/overlay/context.mjs';
 import '../../../Action/context.mjs';
 import '../../../Action/models/ActionStateContext.mjs';
-import { EmptyView } from '../../views/EmptyView/EmptyView.mjs';
 import '../../listContext.mjs';
 import '../Header/components/ActiveFilters/ActiveFilters.mjs';
+import DivView from '../../../../views/DivView.mjs';
 import '../../model/List.mjs';
-import 'react-children-utilities';
+import FallbackItemsView from '../../../../views/FallbackItemsView.mjs';
+import ItemsGridListView from '../../../../views/ItemsGridListView.mjs';
+import styles from './Items.module.scss.mjs';
 
 const Items = () => {
   const list = useList();
@@ -54,7 +55,7 @@ const Items = () => {
       style: {
         gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`
       },
-      children: isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItems, {}) : items
+      children: isInitiallyLoading ? /* @__PURE__ */ jsx(FallbackItemsView, {}) : items
     }
   ) });
 };

package/dist/js/components/List/components/Items/Items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Items.mjs","sources":["../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./Items.module.scss\";\nimport clsx from \"clsx\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { FallbackItems } from \"@/components/List/components/Items/components/FallbackItems/FallbackItems\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport DivView from \"@/views/DivView\";\nimport { EmptyView } from \"@/components/List\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode === \"tiles\";\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n        }}\n      >\n        {isInitiallyLoading ? <FallbackItems /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MAEC,QAAA,EAAA,kBAAA,mBAAsB,GAAA,CAAA,aAAA,EAAA,EAAc,CAAK,GAAA;AAAA;AAAA,GAE9C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Items.mjs","sources":["../../../../../../src/components/List/components/Items/Items.tsx"],"sourcesContent":["import { EmptyView } from \"@/components/List\";\nimport Item from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport DivView from \"@/views/DivView\";\nimport FallbackItemsView from \"@/views/FallbackItemsView\";\nimport ItemsGridListView from \"@/views/ItemsGridListView\";\nimport clsx from \"clsx\";\nimport type { FC } from \"react\";\nimport styles from \"./Items.module.scss\";\n\nexport const Items: FC = () => {\n  const list = useList();\n  const tiles = list.viewMode === \"tiles\";\n  const isLoading = list.loader.useIsLoading();\n  const isInitiallyLoading = list.loader.useIsInitiallyLoading();\n\n  if (!list.itemView) {\n    return null;\n  }\n\n  const items = list.items.entries.map((item) => (\n    <Item key={item.id} data={item.data} id={item.id} />\n  ));\n\n  const rootClassName = clsx(\n    styles.items,\n    isLoading && styles.isLoading,\n    tiles && styles.tiles,\n  );\n\n  return (\n    <DivView aria-hidden={isInitiallyLoading} aria-busy={isLoading}>\n      <ItemsGridListView\n        className={rootClassName}\n        {...list.componentProps}\n        renderEmptyState={() => <EmptyView />}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${list.itemView.tileMaxWidth}px, 1fr))`,\n        }}\n      >\n        {isInitiallyLoading ? <FallbackItemsView /> : items}\n      </ItemsGridListView>\n    </DivView>\n  );\n};\n\nexport default Items;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAY,MAAM;AAC7B,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,KAAA,GAAQ,KAAK,QAAa,KAAA,OAAA;AAChC,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,MAAA,CAAO,YAAa,EAAA;AAC3C,EAAM,MAAA,kBAAA,GAAqB,IAAK,CAAA,MAAA,CAAO,qBAAsB,EAAA;AAE7D,EAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,CAAI,CAAC,IACpC,qBAAA,GAAA,CAAC,IAAmB,EAAA,EAAA,IAAA,EAAM,KAAK,IAAM,EAAA,EAAA,EAAI,KAAK,EAAnC,EAAA,EAAA,IAAA,CAAK,EAAkC,CACnD,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,KAAA;AAAA,IACP,aAAa,MAAO,CAAA,SAAA;AAAA,IACpB,SAAS,MAAO,CAAA;AAAA,GAClB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,aAAa,EAAA,kBAAA,EAAoB,aAAW,SACnD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAK,CAAA,cAAA;AAAA,MACT,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,MACnC,KAAO,EAAA;AAAA,QACL,mBAAqB,EAAA,CAAA,yBAAA,EAA4B,IAAK,CAAA,QAAA,CAAS,YAAY,CAAA,SAAA;AAAA,OAC7E;AAAA,MAEC,QAAA,EAAA,kBAAA,mBAAsB,GAAA,CAAA,iBAAA,EAAA,EAAkB,CAAK,GAAA;AAAA;AAAA,GAElD,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs

@@ -1,10 +1,10 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { cloneElement } from 'react';
-import { useList } from '../../../../hooks/useList.mjs';
 import { SkeletonView } from '../Item/components/SkeletonView/SkeletonView.mjs';
 import { ItemContainer } from '../Item/Item.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import { cloneElement } from 'react';
 
 const FallbackItems = () => {
   const list = useList();

package/dist/js/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React, { cloneElement } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { SkeletonView } from \"@/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView\";\nimport { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\n\nexport const FallbackItems: FC = () => {\n  const list = useList();\n  const fallback = list.itemView?.fallback ?? <SkeletonView />;\n\n  return Array.from(Array(5)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      {cloneElement(fallback)}\n    </ItemContainer>\n  ));\n};\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,gBAAoB,MAAM;AACrC,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,QAAU,EAAA,QAAA,wBAAa,YAAa,EAAA,EAAA,CAAA;AAE1D,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,CAAA,yBACjC,aAAc,EAAA,EAAA,EAAA,EAAI,GAAG,IAAM,EAAA,CAAA,EACzB,uBAAa,QAAQ,CAAA,EAAA,EADqB,CAE7C,CACD,CAAA;AACH;;;;"}
+{"version":3,"file":"FallbackItems.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/FallbackItems/FallbackItems.tsx"],"sourcesContent":["import { SkeletonView } from \"@/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView\";\nimport { ItemContainer } from \"@/components/List/components/Items/components/Item/Item\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type { FC } from \"react\";\nimport { cloneElement } from \"react\";\n\nexport type FallbackItemsProps = never;\n\n/** @flr-generate all */\nexport const FallbackItems: FC<FallbackItemsProps> = () => {\n  const list = useList();\n  const fallback = list.itemView?.fallback ?? <SkeletonView />;\n\n  return Array.from(Array(5)).map((_, i) => (\n    <ItemContainer id={i} data={i as never} key={i}>\n      {cloneElement(fallback)}\n    </ItemContainer>\n  ));\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,gBAAwC,MAAM;AACzD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,QAAU,EAAA,QAAA,wBAAa,YAAa,EAAA,EAAA,CAAA;AAE1D,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,CAAA,yBACjC,aAAc,EAAA,EAAA,EAAA,EAAI,GAAG,IAAM,EAAA,CAAA,EACzB,uBAAa,QAAQ,CAAA,EAAA,EADqB,CAE7C,CACD,CAAA;AACH;;;;"}

package/dist/js/components/List/components/Items/components/Item/Item.mjs

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import styles from './Item.module.scss.mjs';
-import { useList } from '../../../../hooks/useList.mjs';
-import { SkeletonView } from './components/SkeletonView/SkeletonView.mjs';
 import { useGridItemProps } from './hooks/useGridItemProps.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
 import ItemsGridListItemView from '../../../../../../views/ItemsGridListItemView.mjs';
+import SkeletonViewView from '../../../../../../views/SkeletonViewView.mjs';
+import { Suspense } from 'react';
+import styles from './Item.module.scss.mjs';
 
 const Item = (props) => {
   const { id, data } = props;
@@ -28,7 +28,7 @@ const Item = (props) => {
       hasAction,
       isTile: list.viewMode === "tiles",
       ...gridItemProps,
-      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonView, {}), children })
+      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonViewView, {}), children })
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Suspense } from \"react\";\nimport styles from \"./Item.module.scss\";\nimport type { Key } from \"react-aria-components\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport { SkeletonView } from \"@/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView\";\nimport { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      hasAction={hasAction}\n      isTile={list.viewMode === \"tiles\"}\n      {...gridItemProps}\n    >\n      <Suspense fallback={<SkeletonView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode === \"tiles\"}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,IAAA,GAAO,CAAC,KAAiB,KAAA;AACpC,EAAM,MAAA,EAAE,EAAI,EAAA,IAAA,EAAS,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAS,EAAA,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,YAAY,QAAS,CAAA,SAAA,GAAY,QAAS,CAAA,SAAA,CAAU,IAAI,CAAI,GAAA,MAAA;AAClE,EAAA,MAAM,OAAO,QAAS,CAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAc,CAAA,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MACzB,GAAG,aAAA;AAAA,MAEJ,8BAAC,QAAS,EAAA,EAAA,QAAA,kBAAW,GAAA,CAAA,YAAA,EAAA,EAAa,GAAK,QAAS,EAAA;AAAA;AAAA,GAClD;AAEJ;AAEa,MAAA,aAAA,GAA2B,CAAC,KAAU,KAAA;AACjD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MAEzB,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"Item.mjs","sources":["../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport SkeletonViewView from \"@/views/SkeletonViewView\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n}\n\nexport const Item = (props: Props) => {\n  const { id, data } = props;\n  const list = useList();\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      hasAction={hasAction}\n      isTile={list.viewMode === \"tiles\"}\n      {...gridItemProps}\n    >\n      <Suspense fallback={<SkeletonViewView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const ItemContainer: FC<Props> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode === \"tiles\"}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;;;;;;AAca,MAAA,IAAA,GAAO,CAAC,KAAiB,KAAA;AACpC,EAAM,MAAA,EAAE,EAAI,EAAA,IAAA,EAAS,GAAA,KAAA;AACrB,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AAEtB,EAAA,MAAM,EAAE,aAAA,EAAe,QAAS,EAAA,GAAI,iBAAiB,KAAK,CAAA;AAE1D,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,YAAY,QAAS,CAAA,SAAA,GAAY,QAAS,CAAA,SAAA,CAAU,IAAI,CAAI,GAAA,MAAA;AAClE,EAAA,MAAM,OAAO,QAAS,CAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,MAAA;AACnD,EAAA,MAAM,YAAY,CAAC,CAAC,aAAc,CAAA,QAAA,IAAY,CAAC,CAAC,IAAA;AAEhD,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MACzB,GAAG,aAAA;AAAA,MAEJ,8BAAC,QAAS,EAAA,EAAA,QAAA,kBAAW,GAAA,CAAA,gBAAA,EAAA,EAAiB,GAAK,QAAS,EAAA;AAAA;AAAA,GACtD;AAEJ;AAEa,MAAA,aAAA,GAA2B,CAAC,KAAU,KAAA;AACjD,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,MAAA,EAAQ,KAAK,QAAa,KAAA,OAAA;AAAA,MAEzB,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs

@@ -1,34 +1,34 @@
 "use client"
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
+import { Avatar } from '../../../../../../../Avatar/Avatar.mjs';
 import { Heading } from '../../../../../../../Heading/Heading.mjs';
-import { Text } from '../../../../../../../Text/Text.mjs';
+import { Skeleton } from '../../../../../../../Skeleton/Skeleton.mjs';
 import { SkeletonText } from '../../../../../../../SkeletonText/SkeletonText.mjs';
-import '@mittwald/react-tunnel';
-import '../../../../../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import { Text } from '../../../../../../../Text/Text.mjs';
+import 'react';
 import '../../../../../../../../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { ListItemView } from '../../../../../ListItemView/ListItemView.mjs';
-import 'clsx';
-import 'react-aria-components';
 import '@tabler/icons-react';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../../../lib/slotContext/slotContext.mjs';
 import '../../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria';
-import '../../../../../../listContext.mjs';
+import 'react-aria-components';
+import '@chakra-ui/live-region';
 import { useList } from '../../../../../../hooks/useList.mjs';
+import { ListItemView } from '../../../../../ListItemView/ListItemView.mjs';
+import '../../../../../../listContext.mjs';
 import 'mobx';
 import '../../../../../../../../lib/controller/overlay/context.mjs';
 import 'invariant';
 import '../../../../../../../Action/context.mjs';
 import '../../../../../../../Action/models/ActionStateContext.mjs';
-import '@chakra-ui/live-region';
 import '../../../../../Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../../../../../../model/List.mjs';
-import { Skeleton } from '../../../../../../../Skeleton/Skeleton.mjs';
-import { Avatar } from '../../../../../../../Avatar/Avatar.mjs';
 import 'react-children-utilities';
 
 const SkeletonView = () => {

package/dist/js/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonView.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Heading } from \"@/components/Heading\";\nimport { Text } from \"@/components/Text\";\nimport SkeletonText from \"@/components/SkeletonText\";\nimport { ListItemView, useList } from \"@/components/List\";\nimport { Skeleton } from \"@/components/Skeleton\";\nimport { Avatar } from \"@/components/Avatar\";\n\nexport const SkeletonView: FC = () => {\n  const list = useList();\n\n  const showTiles = list.viewMode === \"tiles\";\n\n  return (\n    <ListItemView>\n      {showTiles && (\n        <Avatar>\n          <Skeleton style={{ aspectRatio: 16 / 9 }} />\n        </Avatar>\n      )}\n      <Heading>\n        <SkeletonText width=\"200px\" />\n      </Heading>\n      <Text>\n        <SkeletonText width=\"300px\" />\n      </Text>\n    </ListItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,eAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAM,MAAA,SAAA,GAAY,KAAK,QAAa,KAAA,OAAA;AAEpC,EAAA,4BACG,YACE,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,SAAA,oBAAA,GAAA,CAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,WAAa,EAAA,EAAA,GAAK,CAAE,EAAA,EAAG,CAC5C,EAAA,CAAA;AAAA,wBAED,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,SAAQ,CAC9B,EAAA,CAAA;AAAA,wBACC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,SAAQ,CAC9B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SkeletonView.mjs","sources":["../../../../../../../../../../src/components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.tsx"],"sourcesContent":["import { Avatar } from \"@/components/Avatar\";\nimport { Heading } from \"@/components/Heading\";\nimport { ListItemView, useList } from \"@/components/List\";\nimport { Skeleton } from \"@/components/Skeleton\";\nimport SkeletonText from \"@/components/SkeletonText\";\nimport { Text } from \"@/components/Text\";\nimport type { FC } from \"react\";\n\nexport type SkeletonViewProps = never;\n\n/** @flr-generate all */\nexport const SkeletonView: FC<SkeletonViewProps> = () => {\n  const list = useList();\n\n  const showTiles = list.viewMode === \"tiles\";\n\n  return (\n    <ListItemView>\n      {showTiles && (\n        <Avatar>\n          <Skeleton style={{ aspectRatio: 16 / 9 }} />\n        </Avatar>\n      )}\n      <Heading>\n        <SkeletonText width=\"200px\" />\n      </Heading>\n      <Text>\n        <SkeletonText width=\"300px\" />\n      </Text>\n    </ListItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,eAAsC,MAAM;AACvD,EAAA,MAAM,OAAO,OAAQ,EAAA;AAErB,EAAM,MAAA,SAAA,GAAY,KAAK,QAAa,KAAA,OAAA;AAEpC,EAAA,4BACG,YACE,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,SAAA,oBAAA,GAAA,CAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,WAAa,EAAA,EAAA,GAAK,CAAE,EAAA,EAAG,CAC5C,EAAA,CAAA;AAAA,wBAED,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,SAAQ,CAC9B,EAAA,CAAA;AAAA,wBACC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,SAAQ,CAC9B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs

@@ -2,31 +2,31 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { useState, useId, useRef, useEffect } from 'react';
+import 'clsx';
+import '../../../../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
+import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import 'object-code';
+import 'react-children-utilities';
 import '@mittwald/react-tunnel';
 import '../../../../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
-import '../../../../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
-import { PropsContextProvider } from '../../../../../../../lib/propsContext/PropsContextProvider.mjs';
-import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import { dynamic } from '../../../../../../../lib/propsContext/dynamicProps/dynamic.mjs';
-import 'react-aria';
-import '@tabler/icons-react';
-import 'clsx';
 import 'react-aria-components';
 import 'invariant';
+import { AccordionButton } from '../components/AccordionButton.mjs';
+import { useList } from '../../../../../hooks/useList.mjs';
+import '../../../../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import '@tabler/icons-react';
+import 'react-aria';
 import '@chakra-ui/live-region';
 import 'mobx';
 import '../../../../../../../lib/controller/overlay/context.mjs';
 import '../../../../../../Action/context.mjs';
 import '../../../../../../Action/models/ActionStateContext.mjs';
 import '../../../../../listContext.mjs';
-import { useList } from '../../../../../hooks/useList.mjs';
 import '../../../../Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../../../../../model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
-import { AccordionButton } from '../components/AccordionButton.mjs';
 
 const useGridItemProps = (props) => {
   const { data, children: childrenFromProps } = props;

package/dist/js/components/List/components/ListItemView/ListItemView.mjs

@@ -9,26 +9,26 @@ import FragmentView from '../../../../views/FragmentView.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import { OptionsButton } from '../Items/components/Item/components/OptionsButton/OptionsButton.mjs';
+import 'clsx';
+import 'object-code';
+import 'react-children-utilities';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
-import 'clsx';
 import 'react-aria-components';
+import 'invariant';
 import '@tabler/icons-react';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'invariant';
 import 'react-aria';
-import '../../listContext.mjs';
+import '@chakra-ui/live-region';
 import { useList } from '../../hooks/useList.mjs';
+import '../../listContext.mjs';
 import 'mobx';
 import '../../../../lib/controller/overlay/context.mjs';
 import '../../../Action/context.mjs';
 import '../../../Action/models/ActionStateContext.mjs';
-import '@chakra-ui/live-region';
 import '../Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../../model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 
 const ListItemView = (props) => {
   const { children } = props;

package/dist/js/components/List/components/Table/Table.mjs

@@ -2,29 +2,29 @@
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import clsx from 'clsx';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'react-aria';
-import '@tabler/icons-react';
-import clsx from 'clsx';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import 'react-aria-components';
 import 'invariant';
+import '@tabler/icons-react';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
 import '@chakra-ui/live-region';
+import { useList } from '../../hooks/useList.mjs';
 import 'mobx';
 import '../../../../lib/controller/overlay/context.mjs';
 import '../../../Action/context.mjs';
 import '../../../Action/models/ActionStateContext.mjs';
 import '../../listContext.mjs';
-import { useList } from '../../hooks/useList.mjs';
 import '../Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../../model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 import { TableLoadingView } from './components/TableLoadingView.mjs';
 import styles from './Table.module.css.mjs';
 import ListEmptyViewView from '../../../../views/ListEmptyViewView.mjs';

package/dist/js/components/List/typedList.mjs

@@ -10,26 +10,29 @@ import { TypedListStaticData } from './setupComponents/ListStaticData.mjs';
 import { TypedListSearch } from './setupComponents/ListSearch.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { ListItemView } from './components/ListItemView/ListItemView.mjs';
-import 'clsx';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../../lib/slotContext/slotContext.mjs';
 import 'react-aria-components';
+import 'invariant';
 import '@tabler/icons-react';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'invariant';
 import 'react-aria';
+import '@chakra-ui/live-region';
+import './listContext.mjs';
+import { ListItemView } from './components/ListItemView/ListItemView.mjs';
 import { TableColumn } from './setupComponents/TableColumn.mjs';
 import { TableCell } from './setupComponents/TableCell.mjs';
 import { TableHeader } from './setupComponents/TableHeader.mjs';
 import { TableRow } from './setupComponents/TableRow.mjs';
 import { TableBody } from './setupComponents/TableBody.mjs';
 import { Table } from './setupComponents/Table.mjs';
-import './listContext.mjs';
 
 const TypedList = () => List;
 const typedList = () => ({

package/dist/js/components/List/typedList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"typedList.mjs","sources":["../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\n\nexport const TypedList = <T>() =>\n  List as unknown as ComponentType<ListProps<T>>;\n\nexport const typedList = <T>() => ({\n  List: TypedList<T>(),\n  Filter: TypedListFilter<T>(),\n  Search: TypedListSearch<T>(),\n  Sorting: TypedListSorting<T>(),\n  Item: TypedListItem<T>(),\n  ItemView: ListItemView,\n  TableHeader: TableHeader<T>,\n  TableColumn: TableColumn<T>,\n  TableBody: TableBody<T>,\n  TableRow: TableRow<T>,\n  TableCell: TableCell<T>,\n  Table: Table<T>,\n  StaticData: TypedListStaticData<T>(),\n  LoaderAsync: TypedListLoaderAsync<T>(),\n  LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAAU;AAAA,EACjC,MAAM,SAAa,EAAA;AAAA,EACnB,QAAQ,eAAmB,EAAA;AAAA,EAC3B,QAAQ,eAAmB,EAAA;AAAA,EAC3B,SAAS,gBAAoB,EAAA;AAAA,EAC7B,MAAM,aAAiB,EAAA;AAAA,EACvB,QAAU,EAAA,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAuB,EAAA;AAAA,EACnC,aAAa,oBAAwB,EAAA;AAAA,EACrC,qBAAqB,4BAAgC;AACvD,CAAA;;;;"}
+{"version":3,"file":"typedList.mjs","sources":["../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\n\nexport const TypedList = <T>() =>\n  List as unknown as ComponentType<ListProps<T>>;\n\nexport const typedList = <T>() => ({\n  List: TypedList<T>(),\n  Filter: TypedListFilter<T>(),\n  Search: TypedListSearch<T>(),\n  Sorting: TypedListSorting<T>(),\n  Item: TypedListItem<T>(),\n  ItemView: ListItemView,\n  TableHeader: TableHeader<T>,\n  TableColumn: TableColumn<T>,\n  TableBody: TableBody<T>,\n  TableRow: TableRow<T>,\n  TableCell: TableCell<T>,\n  Table: Table<T>,\n  StaticData: TypedListStaticData<T>(),\n  LoaderAsync: TypedListLoaderAsync<T>(),\n  LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAAU;AAAA,EACjC,MAAM,SAAa,EAAA;AAAA,EACnB,QAAQ,eAAmB,EAAA;AAAA,EAC3B,QAAQ,eAAmB,EAAA;AAAA,EAC3B,SAAS,gBAAoB,EAAA;AAAA,EAC7B,MAAM,aAAiB,EAAA;AAAA,EACvB,QAAU,EAAA,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAuB,EAAA;AAAA,EACnC,aAAa,oBAAwB,EAAA;AAAA,EACrC,qBAAqB,4BAAgC;AACvD,CAAA;;;;"}

package/dist/js/components/Message/Message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Message.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\n\nexport interface MessageProps extends PropsWithChildren, PropsWithClassName {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/** @flr-generate all */\nexport const Message: FC<MessageProps> = (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n};\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAea,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Message.mjs","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Message.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { IconContextMenu } from \"@/components/Icon/components/icons\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\n\nexport interface MessageProps extends PropsWithChildren, PropsWithClassName {\n  /** Determines the color and orientation of the message. @default \"responder\" */\n  type?: \"responder\" | \"sender\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Message: FC<MessageProps> = (props) => {\n  const { type = \"responder\", children, className } = props;\n\n  const rootClassName = clsx(styles.message, styles[type], className);\n\n  const propsContext: PropsContext = {\n    Content: { className: styles.content },\n    Header: {\n      className: styles.header,\n      Button: {\n        className: styles.action,\n        size: \"s\",\n        variant: \"plain\",\n        color: \"secondary\",\n      },\n      ContextMenuTrigger: {\n        Button: {\n          className: styles.action,\n          size: \"s\",\n          variant: \"plain\",\n          color: \"secondary\",\n          children: <IconContextMenu />,\n        },\n      },\n      Text: { className: styles.date },\n      Align: {\n        className: styles.user,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <article className={rootClassName}>{children}</article>\n    </PropsContextProvider>\n  );\n};\n\nexport default Message;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,IAAA,GAAO,WAAa,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEpD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAI,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,IACrC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA,MAAA;AAAA,QAClB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA;AAAA,OACT;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,MAAQ,EAAA;AAAA,UACN,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,IAAM,EAAA,GAAA;AAAA,UACN,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,WAAA;AAAA,UACP,QAAA,sBAAW,eAAgB,EAAA,EAAA;AAAA;AAC7B,OACF;AAAA,MACA,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,QACL,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,SAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport styles from \"./Notification.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Link } from \"@/components/Link\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport interface NotificationProps\n  extends PropsWithChildren<ComponentProps<\"div\">>,\n    PropsWithStatus {\n  /** A link that is triggered when clicking the notification. */\n  href?: string;\n  /** Whether the notification should disappear automatically after some time. */\n  autoClose?: boolean;\n  /** Handler that is called when the notification is clicked. */\n  onClick?: () => void;\n  /**\n   * Handler that is called when the close button of the notification is\n   * clicked.\n   */\n  onClose?: () => void;\n}\n\n/** @flr-generate all */\nexport const Notification: FC<NotificationProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    role = \"alert\",\n    href,\n    onClick,\n    onClose,\n    autoClose: ignoredAutoClose,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.notification,\n    styles[status],\n    (onClick || onClose || href) && styles.hasLink,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 4,\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} />\n          {props.children}\n        </>\n      )),\n    },\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  const closeButton = onClose && (\n    <Button\n      size=\"s\"\n      className={styles.close}\n      variant=\"plain\"\n      color=\"secondary\"\n      onPress={onClose}\n    >\n      <IconClose />\n    </Button>\n  );\n\n  return (\n    <div {...rest} className={rootClassName} role={role}>\n      <Link unstyled href={href} className={styles.link} onPress={onClick}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Link>\n      {closeButton}\n    </div>\n  );\n};\n\nexport default Notification;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;AA6Ba,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAW,EAAA,gBAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,YAAA;AAAA,IACP,OAAO,MAAM,CAAA;AAAA,IACZ,CAAA,OAAA,IAAW,OAAW,IAAA,IAAA,KAAS,MAAO,CAAA,OAAA;AAAA,IACvC;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAU,MAAgB,EAAA,CAAA;AAAA,QAC1BA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,cAAc,OAClB,oBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,OAAS,EAAA,OAAA;AAAA,MAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,GACb;AAGF,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,IACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAC1D,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport styles from \"./Notification.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Link } from \"@/components/Link\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport interface NotificationProps\n  extends PropsWithChildren<ComponentProps<\"div\">>,\n    PropsWithStatus {\n  /** A link that is triggered when clicking the notification. */\n  href?: string;\n  /** Whether the notification should disappear automatically after some time. */\n  autoClose?: boolean;\n  /** Handler that is called when the notification is clicked. */\n  onClick?: () => void;\n  /**\n   * Handler that is called when the close button of the notification is\n   * clicked.\n   */\n  onClose?: () => void;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Notification: FC<NotificationProps> = (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    role = \"alert\",\n    href,\n    onClick,\n    onClose,\n    autoClose: ignoredAutoClose,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.notification,\n    styles[status],\n    (onClick || onClose || href) && styles.hasLink,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 4,\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} />\n          {props.children}\n        </>\n      )),\n    },\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  const closeButton = onClose && (\n    <Button\n      size=\"s\"\n      className={styles.close}\n      variant=\"plain\"\n      color=\"secondary\"\n      onPress={onClose}\n    >\n      <IconClose />\n    </Button>\n  );\n\n  return (\n    <div {...rest} className={rootClassName} role={role}>\n      <Link unstyled href={href} className={styles.link} onPress={onClick}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Link>\n      {closeButton}\n    </div>\n  );\n};\n\nexport default Notification;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;AAgCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAW,EAAA,gBAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,YAAA;AAAA,IACP,OAAO,MAAM,CAAA;AAAA,IACZ,CAAA,OAAA,IAAW,OAAW,IAAA,IAAA,KAAS,MAAO,CAAA,OAAA;AAAA,IACvC;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAU,MAAgB,EAAA,CAAA;AAAA,QAC1BA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,cAAc,OAClB,oBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,WAAA;AAAA,MACN,OAAS,EAAA,OAAA;AAAA,MAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA,GACb;AAGF,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,IACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAY,WAAW,MAAO,CAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAC1D,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/NumberField/NumberField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.mjs","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Button } from \"@/components/Button\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconMinus,\n  IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface NumberFieldProps\n  extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const NumberField = flowComponent<\"NumberField\", HTMLInputElement>(\n  \"NumberField\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(formFieldStyles.formField, className);\n\n    const propsContext: PropsContext = {\n      Label: {\n        className: formFieldStyles.label,\n        optional: !props.isRequired,\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Aria.NumberField {...rest} className={rootClassName}>\n          <Aria.Group className={styles.group}>\n            <Button\n              ariaSlot=\"decrement\"\n              className={styles.decrementButton}\n              size=\"s\"\n              variant=\"plain\"\n              color=\"secondary\"\n            >\n              <IconChevronDown />\n              <IconMinus className={styles.coarsePointerIcon} />\n            </Button>\n            <Aria.Input className={styles.input} ref={ref} />\n            <Button\n              ariaSlot=\"increment\"\n              className={styles.incrementButton}\n              size=\"s\"\n              variant=\"plain\"\n              color=\"secondary\"\n            >\n              <IconChevronUp />\n              <IconPlus className={styles.coarsePointerIcon} />\n            </Button>\n          </Aria.Group>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n          <FieldError className={formFieldStyles.fieldError} />\n        </Aria.NumberField>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAwBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,IAAA,CAAK,aAAL,EAAkB,GAAG,IAAM,EAAA,SAAA,EAAW,aACrC,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,8BAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,SAClD;AAAA,4BACC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAW,EAAA,MAAA,CAAO,OAAO,GAAU,EAAA,CAAA;AAAA,wBAC/C,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,8BACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,OACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,KAAA,EACrD,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"NumberField.mjs","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Button } from \"@/components/Button\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconMinus,\n  IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface NumberFieldProps\n  extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const NumberField = flowComponent<\"NumberField\", HTMLInputElement>(\n  \"NumberField\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(formFieldStyles.formField, className);\n\n    const propsContext: PropsContext = {\n      Label: {\n        className: formFieldStyles.label,\n        optional: !props.isRequired,\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Aria.NumberField {...rest} className={rootClassName}>\n          <Aria.Group className={styles.group}>\n            <Button\n              ariaSlot=\"decrement\"\n              className={styles.decrementButton}\n              size=\"s\"\n              variant=\"plain\"\n              color=\"secondary\"\n            >\n              <IconChevronDown />\n              <IconMinus className={styles.coarsePointerIcon} />\n            </Button>\n            <Aria.Input className={styles.input} ref={ref} />\n            <Button\n              ariaSlot=\"increment\"\n              className={styles.incrementButton}\n              size=\"s\"\n              variant=\"plain\"\n              color=\"secondary\"\n            >\n              <IconChevronUp />\n              <IconPlus className={styles.coarsePointerIcon} />\n            </Button>\n          </Aria.Group>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n          <FieldError className={formFieldStyles.fieldError} />\n        </Aria.NumberField>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA2BO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,IAAA,CAAK,aAAL,EAAkB,GAAG,IAAM,EAAA,SAAA,EAAW,aACrC,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,8BAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,SAClD;AAAA,4BACC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAW,EAAA,MAAA,CAAO,OAAO,GAAU,EAAA,CAAA;AAAA,wBAC/C,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAS,EAAA,WAAA;AAAA,YACT,WAAW,MAAO,CAAA,eAAA;AAAA,YAClB,IAAK,EAAA,GAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,8BACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,OACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,KAAA,EACrD,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}