@mittwald/flow-react-components 0.2.0-alpha.113 → 0.2.0-alpha.114

package/dist/js/components/src/components/AccentBox/AccentBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccentBox.mjs","sources":["../../../../../../src/components/AccentBox/AccentBox.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AccentBox.module.scss\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AccentBoxProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"article\">,\n    PropsWithClassName,\n    FlowComponentProps {\n  color?: \"blue\" | \"green\" | \"gradient\";\n}\n\n/** @flr-generate all */\nexport const AccentBox = flowComponent(\"AccentBox\", (props) => {\n  const { color = \"blue\", children, elementType = \"div\", className } = props;\n\n  const rootClassName = clsx(styles.accentBox, className, styles[color]);\n\n  const Element = elementType;\n\n  const contentColor = color === \"green\" ? \"dark\" : undefined;\n\n  const propsContext: PropsContext = {\n    Link: {\n      color: contentColor,\n    },\n    Text: { color: contentColor },\n    Heading: { color: contentColor },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Element className={rootClassName}>{children}</Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default AccentBox;\n"],"names":[],"mappings":";;;;;;;;;AAsBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,KAAQ,GAAA,MAAA,EAAQ,UAAU,WAAc,GAAA,KAAA,EAAO,WAAc,GAAA,KAAA;AAErE,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAErE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAM,MAAA,YAAA,GAAe,KAAU,KAAA,OAAA,GAAU,MAAS,GAAA,MAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,KACT;AAAA,IACA,IAAA,EAAM,EAAE,KAAA,EAAO,YAAa,EAAA;AAAA,IAC5B,OAAA,EAAS,EAAE,KAAA,EAAO,YAAa;AAAA,GACjC;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Accordion/Accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren, ReactNode } from \"react\";\nimport React, { useId, useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Accordion.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface AccordionProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** Whether the accordion should be initially expanded. */\n  defaultExpanded?: boolean;\n  /** The visual variant of the accordion. @default \"default\" */\n  variant?: \"default\" | \"outline\";\n}\n\n/** @flr-generate all */\nexport const Accordion: FC<AccordionProps> = (props) => {\n  const {\n    children,\n    className,\n    defaultExpanded = false,\n    variant = \"default\",\n    ...rest\n  } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const rootClassName = clsx(\n    styles.accordion,\n    expanded && styles.expanded,\n    className,\n    variant === \"outline\" && styles.outline,\n  );\n\n  const headerId = useId();\n  const contentId = useId();\n\n  const headerButton = (children: ReactNode) => (\n    <Button\n      unstyled\n      aria-expanded={expanded}\n      className={styles.headerButton}\n      onPress={() => setExpanded((expanded) => !expanded)}\n      aria-controls={contentId}\n    >\n      {children}\n      <IconChevronDown className={styles.chevron} />\n    </Button>\n  );\n\n  const propsContext: PropsContext = {\n    Content: {\n      className: styles.contentInner,\n      tunnelId: \"content\",\n    },\n    Heading: {\n      className: styles.header,\n      level: 4,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n    Label: {\n      className: styles.header,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider\n        mergeInParentContext\n        props={propsContext}\n        dependencies={[expanded]}\n      >\n        <TunnelProvider>\n          {children}\n          <div\n            aria-labelledby={headerId}\n            id={contentId}\n            role=\"region\"\n            hidden={!expanded}\n            className={styles.content}\n          >\n            <Activity isActive={expanded} inactiveDelay={1000}>\n              <TunnelExit id=\"content\" />\n            </Activity>\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"names":["children","expanded","props"],"mappings":";;;;;;;;;;;;;;;;;AAoBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAU,GAAA,SAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,eAAe,CAAA;AAExD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,SAAA;AAAA,IACP,YAAY,MAAO,CAAA,QAAA;AAAA,IACnB,SAAA;AAAA,IACA,OAAA,KAAY,aAAa,MAAO,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,WAAW,KAAM,EAAA;AACvB,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAM,MAAA,YAAA,GAAe,CAACA,SACpB,qBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,eAAe,EAAA,QAAA;AAAA,MACf,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,SAAS,MAAM,WAAA,CAAY,CAACC,SAAAA,KAAa,CAACA,SAAQ,CAAA;AAAA,MAClD,eAAe,EAAA,SAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QAAAD,SAAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,OAAS,EAAA;AAAA;AAAA;AAAA,GAC9C;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,UAAU,OAAQ,CAAA,CAACE,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,KAC3D;AAAA,IACA,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,UAAU,OAAQ,CAAA,CAACA,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA;AAC3D,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,EAAA,IAAA;AAAA,MACpB,KAAO,EAAA,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,MAEvB,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,iBAAiB,EAAA,QAAA;AAAA,YACjB,EAAI,EAAA,SAAA;AAAA,YACJ,IAAK,EAAA,QAAA;AAAA,YACL,QAAQ,CAAC,QAAA;AAAA,YACT,WAAW,MAAO,CAAA,OAAA;AAAA,YAElB,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,QAAU,EAAA,aAAA,EAAe,KAC3C,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Action/Action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.mjs","sources":["../../../../../../src/components/Action/Action.tsx"],"sourcesContent":["import React from \"react\";\nimport { ActionModel as ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { ActionContextProvider } from \"@/components/Action/context\";\nimport { useActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\nimport { useActionButtonState } from \"@/components/Action/hooks/useActionButtonState\";\nimport type { ComponentPropsContext } from \"@/lib/propsContext/types\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nconst actionButtonContext: ComponentPropsContext<\"Button\"> = {\n  onPress: dynamic((props) => {\n    const action = ActionModel.use();\n    const confirmAction = ActionModel.useConfirmationAction();\n    const isConfirmationButton =\n      useConfirmationModalButtonSlot(props) === \"primary\";\n    const isAbortButton = useConfirmationModalButtonSlot(props) === \"abort\";\n    if (isAbortButton) {\n      return action.confirmationModalController.close;\n    }\n    return isConfirmationButton ? confirmAction.execute : action.execute;\n  }),\n\n  isPending: dynamic((props) => useActionButtonState(props) === \"isPending\"),\n\n  isSucceeded: dynamic(\n    (props) => useActionButtonState(props) === \"isSucceeded\",\n  ),\n\n  isFailed: dynamic((props) => useActionButtonState(props) === \"isFailed\"),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return state === \"isExecuting\" || someActionInContextIsBusy;\n  }),\n};\n\nexport const Action = flowComponent(\"Action\", (props) => {\n  const { children, actionModel: actionModelFromProps, ...actionProps } = props;\n  const newActionModel = ActionModel.useNew(actionProps);\n  const actionModel = actionModelFromProps ?? newActionModel;\n\n  const propsContext: PropsContext = {\n    Button: actionButtonContext,\n\n    Link: {\n      onPress: dynamic(() => ActionModel.use().execute),\n    },\n\n    MenuItem: {\n      onAction: dynamic(() => ActionModel.use().execute),\n    },\n\n    Modal: {\n      slot: dynamic((props) => {\n        const { slot } = props;\n        const action = ActionModel.use();\n        action.needsConfirmation = slot === \"actionConfirm\";\n        return slot;\n      }),\n      isDismissable: dynamic((props) => {\n        const action = ActionModel.use();\n        const actionState = action.state.useValue();\n        return actionState === \"isExecuting\" || actionState === \"isPending\"\n          ? false\n          : props.isDismissable;\n      }),\n      controller: dynamic(() => {\n        const action = ActionModel.use();\n        return action.needsConfirmation\n          ? action.confirmationModalController\n          : action.getOverlayController(\"Modal\");\n      }),\n      ActionGroup: {\n        Button: actionButtonContext,\n      },\n    },\n  };\n\n  return (\n    <ActionContextProvider value={actionModel}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        {children}\n      </PropsContextProvider>\n    </ActionContextProvider>\n  );\n});\n\nexport default Action;\n"],"names":["props"],"mappings":"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"}

package/dist/js/components/src/components/Action/ActionStateContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionStateContext.mjs","sources":["../../../../../../src/components/Action/ActionStateContext.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { useEffect } from \"react\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport Action from \"@/components/Action/index\";\n\ninterface Props extends PropsWithChildren {\n  isStarted?: boolean;\n  hasSucceeded?: boolean;\n  hasFailedWithError?: unknown;\n}\n\nexport const ActionStateContext: FC<Props> = (props) => {\n  const { isStarted, hasFailedWithError, hasSucceeded, children } = props;\n  const action = ActionModel.useNew({});\n\n  useEffect(() => {\n    if (hasSucceeded) {\n      void action.state.onSucceeded();\n    } else if (hasFailedWithError) {\n      void action.state.onFailed(hasFailedWithError);\n    } else if (isStarted) {\n      void action.state.onAsyncStart();\n    }\n  }, [isStarted, hasFailedWithError, hasSucceeded]);\n\n  return <Action actionModel={action}>{children}</Action>;\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,kBAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAoB,EAAA,YAAA,EAAc,UAAa,GAAA,KAAA;AAClE,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,MAAO,CAAA,EAAE,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAK,KAAA,MAAA,CAAO,MAAM,WAAY,EAAA;AAAA,eACrB,kBAAoB,EAAA;AAC7B,MAAK,KAAA,MAAA,CAAO,KAAM,CAAA,QAAA,CAAS,kBAAkB,CAAA;AAAA,eACpC,SAAW,EAAA;AACpB,MAAK,KAAA,MAAA,CAAO,MAAM,YAAa,EAAA;AAAA;AACjC,GACC,EAAA,CAAC,SAAW,EAAA,kBAAA,EAAoB,YAAY,CAAC,CAAA;AAEhD,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA,EAAO,WAAa,EAAA,MAAA,EAAS,QAAS,EAAA,CAAA;AAChD;;;;"}

package/dist/js/components/src/components/Action/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../src/components/Action/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ActionModel } from \"@/components/Action/models/ActionModel\";\n\nexport const actionContext = createContext<ActionModel | undefined>(undefined);\nexport const ActionContextProvider = actionContext.Provider;\n"],"names":[],"mappings":";;AAGa,MAAA,aAAA,GAAgB,cAAuC,MAAS;AACtE,MAAM,wBAAwB,aAAc,CAAA;;;;"}

package/dist/js/components/src/components/Action/hooks/useActionButtonState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionButtonState.mjs","sources":["../../../../../../../src/components/Action/hooks/useActionButtonState.ts"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\nimport type { ActionStateValue } from \"@/components/Action/models/ActionState\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\n\nexport const useActionButtonState = (props: ButtonProps): ActionStateValue => {\n  const action = ActionModel.use();\n  const state = action.state.useValue();\n  const isConfirmationButton =\n    useConfirmationModalButtonSlot(props) === \"primary\";\n  const confirmationModalIsOpen =\n    action.confirmationModalController.useIsOpen();\n\n  if (\n    action.needsConfirmation &&\n    confirmationModalIsOpen &&\n    !isConfirmationButton\n  ) {\n    return \"isIdle\";\n  }\n\n  return state;\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,oBAAA,GAAuB,CAAC,KAAyC,KAAA;AAC5E,EAAM,MAAA,MAAA,GAAS,YAAY,GAAI,EAAA;AAC/B,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,KAAA,CAAM,QAAS,EAAA;AACpC,EAAM,MAAA,oBAAA,GACJ,8BAA+B,CAAA,KAAK,CAAM,KAAA,SAAA;AAC5C,EAAM,MAAA,uBAAA,GACJ,MAAO,CAAA,2BAAA,CAA4B,SAAU,EAAA;AAE/C,EAAA,IACE,MAAO,CAAA,iBAAA,IACP,uBACA,IAAA,CAAC,oBACD,EAAA;AACA,IAAO,OAAA,QAAA;AAAA;AAGT,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/js/components/src/components/Action/hooks/useConfirmationModalButtonSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationModalButtonSlot.mjs","sources":["../../../../../../../src/components/Action/hooks/useConfirmationModalButtonSlot.ts"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\nimport useContextSlot from \"@/lib/slotContext/useContextSlot\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport const useConfirmationModalButtonSlot = (\n  props: ButtonProps,\n): string | undefined => {\n  const inConfirmationModal = useContextSlot(\"Modal\") === \"actionConfirm\";\n  return inConfirmationModal ? getActionGroupSlot(props) : undefined;\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,8BAAA,GAAiC,CAC5C,KACuB,KAAA;AACvB,EAAM,MAAA,mBAAA,GAAsB,cAAe,CAAA,OAAO,CAAM,KAAA,eAAA;AACxD,EAAO,OAAA,mBAAA,GAAsB,kBAAmB,CAAA,KAAK,CAAI,GAAA,MAAA;AAC3D;;;;"}

package/dist/js/components/src/components/Action/lib/ariaLive.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@8b26c19d587a90f821a2307c8122f6d1.mjs';
+import { useEffect } from 'react';
+import { useLiveRegion } from '@chakra-ui/live-region';
+
+const useAriaAnnounceActionState = (actionState, options = {}) => {
+  const formater = useLocalizedStringFormatter(locales);
+  const {
+    isPendingText = formater.format("action.isPending"),
+    isSucceededText = formater.format("action.isSucceeded"),
+    isFailedText = formater.format("action.isFailed")
+  } = options;
+  const liveRegion = useLiveRegion({
+    "aria-live": "polite",
+    "aria-atomic": false,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  useEffect(() => {
+    if (actionState === "isPending") {
+      liveRegion.speak(isPendingText);
+    } else if (actionState === "isSucceeded") {
+      liveRegion.speak(isSucceededText);
+    } else if (actionState === "isFailed") {
+      liveRegion.speak(isFailedText);
+    }
+  }, [actionState]);
+};
+
+export { useAriaAnnounceActionState };
+//# sourceMappingURL=ariaLive.mjs.map

package/dist/js/components/src/components/Action/lib/ariaLive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ariaLive.mjs","sources":["../../../../../../../src/components/Action/lib/ariaLive.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport { useEffect } from \"react\";\nimport { useLiveRegion } from \"@chakra-ui/live-region\";\nimport type { ActionStateValue } from \"@/components/Action/models/ActionState\";\n\ninterface Options {\n  isPendingText?: string;\n  isSucceededText?: string;\n  isFailedText?: string;\n}\n\nexport const useAriaAnnounceActionState = (\n  actionState: ActionStateValue,\n  options: Options = {},\n): void => {\n  const formater = useLocalizedStringFormatter(locales);\n\n  const {\n    isPendingText = formater.format(\"action.isPending\"),\n    isSucceededText = formater.format(\"action.isSucceeded\"),\n    isFailedText = formater.format(\"action.isFailed\"),\n  } = options;\n\n  const liveRegion = useLiveRegion({\n    \"aria-live\": \"polite\",\n    \"aria-atomic\": false,\n    \"aria-relevant\": \"text additions\",\n    role: \"status\",\n  });\n\n  useEffect(() => {\n    if (actionState === \"isPending\") {\n      liveRegion.speak(isPendingText);\n    } else if (actionState === \"isSucceeded\") {\n      liveRegion.speak(isSucceededText);\n    } else if (actionState === \"isFailed\") {\n      liveRegion.speak(isFailedText);\n    }\n  }, [actionState]);\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,0BAA6B,GAAA,CACxC,WACA,EAAA,OAAA,GAAmB,EACV,KAAA;AACT,EAAM,MAAA,QAAA,GAAW,4BAA4B,OAAO,CAAA;AAEpD,EAAM,MAAA;AAAA,IACJ,aAAA,GAAgB,QAAS,CAAA,MAAA,CAAO,kBAAkB,CAAA;AAAA,IAClD,eAAA,GAAkB,QAAS,CAAA,MAAA,CAAO,oBAAoB,CAAA;AAAA,IACtD,YAAA,GAAe,QAAS,CAAA,MAAA,CAAO,iBAAiB;AAAA,GAC9C,GAAA,OAAA;AAEJ,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,WAAa,EAAA,QAAA;AAAA,IACb,aAAe,EAAA,KAAA;AAAA,IACf,eAAiB,EAAA,gBAAA;AAAA,IACjB,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAgB,WAAa,EAAA;AAC/B,MAAA,UAAA,CAAW,MAAM,aAAa,CAAA;AAAA,KAChC,MAAA,IAAW,gBAAgB,aAAe,EAAA;AACxC,MAAA,UAAA,CAAW,MAAM,eAAe,CAAA;AAAA,KAClC,MAAA,IAAW,gBAAgB,UAAY,EAAA;AACrC,MAAA,UAAA,CAAW,MAAM,YAAY,CAAA;AAAA;AAC/B,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAClB;;;;"}

package/dist/js/components/src/components/Action/models/ActionExecution.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionExecution.mjs","sources":["../../../../../../../src/components/Action/models/ActionExecution.tsx"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { ActionExecutionBatch } from \"@/components/Action/models/ActionExecutionBatch\";\n\nexport class ActionExecution {\n  private readonly action: ActionModel;\n\n  public constructor(action: ActionModel) {\n    this.action = action;\n  }\n\n  public execute = (...args: unknown[]): void => {\n    const batches = this.getBatchedActions();\n\n    const executeAllBatches = async () => {\n      for (const batch of batches) {\n        await batch.executeBatch(args);\n      }\n    };\n\n    void executeAllBatches().catch((error) => console.error(error));\n  };\n\n  private getBatchedActions = (): ActionExecutionBatch[] => {\n    let currentAction: ActionModel | undefined = this.action;\n\n    const batches: ActionExecutionBatch[] = [];\n    let currentBatch: ActionExecutionBatch = new ActionExecutionBatch(\n      this.action,\n    );\n\n    let skipCount = 0;\n\n    while (currentAction) {\n      const { action, break: $break, skip } = currentAction.actionProps;\n\n      if (currentAction.needsConfirmation) {\n        currentBatch.addAction(currentAction);\n        break;\n      }\n\n      if (skip) {\n        skipCount = skip === true ? 1 : skip;\n        currentAction = currentAction.parentAction;\n        continue;\n      }\n\n      if (skipCount > 0) {\n        currentAction = currentAction.parentAction;\n        skipCount--;\n        continue;\n      }\n\n      if ($break) {\n        break;\n      }\n\n      if (action) {\n        currentBatch.addAction(currentAction);\n      } else {\n        batches.push(currentBatch);\n        currentBatch = new ActionExecutionBatch(this.action);\n        currentBatch.addAction(currentAction);\n      }\n\n      currentAction = currentAction.parentAction;\n    }\n\n    batches.push(currentBatch);\n    return batches;\n  };\n}\n"],"names":[],"mappings":";;AAGO,MAAM,eAAgB,CAAA;AAAA,EACV,MAAA;AAAA,EAEV,YAAY,MAAqB,EAAA;AACtC,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA;AAAA;AAChB,EAEO,OAAA,GAAU,IAAI,IAA0B,KAAA;AAC7C,IAAM,MAAA,OAAA,GAAU,KAAK,iBAAkB,EAAA;AAEvC,IAAA,MAAM,oBAAoB,YAAY;AACpC,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAM,MAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAC/B,KACF;AAEA,IAAK,KAAA,iBAAA,GAAoB,KAAM,CAAA,CAAC,UAAU,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,GAChE;AAAA,EAEQ,oBAAoB,MAA8B;AACxD,IAAA,IAAI,gBAAyC,IAAK,CAAA,MAAA;AAElD,IAAA,MAAM,UAAkC,EAAC;AACzC,IAAA,IAAI,eAAqC,IAAI,oBAAA;AAAA,MAC3C,IAAK,CAAA;AAAA,KACP;AAEA,IAAA,IAAI,SAAY,GAAA,CAAA;AAEhB,IAAA,OAAO,aAAe,EAAA;AACpB,MAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAO,MAAQ,EAAA,IAAA,KAAS,aAAc,CAAA,WAAA;AAEtD,MAAA,IAAI,cAAc,iBAAmB,EAAA;AACnC,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AACpC,QAAA;AAAA;AAGF,MAAA,IAAI,IAAM,EAAA;AACR,QAAY,SAAA,GAAA,IAAA,KAAS,OAAO,CAAI,GAAA,IAAA;AAChC,QAAA,aAAA,GAAgB,aAAc,CAAA,YAAA;AAC9B,QAAA;AAAA;AAGF,MAAA,IAAI,YAAY,CAAG,EAAA;AACjB,QAAA,aAAA,GAAgB,aAAc,CAAA,YAAA;AAC9B,QAAA,SAAA,EAAA;AACA,QAAA;AAAA;AAGF,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA;AAAA;AAGF,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AAAA,OAC/B,MAAA;AACL,QAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AACzB,QAAe,YAAA,GAAA,IAAI,oBAAqB,CAAA,IAAA,CAAK,MAAM,CAAA;AACnD,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AAAA;AAGtC,MAAA,aAAA,GAAgB,aAAc,CAAA,YAAA;AAAA;AAGhC,IAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AACzB,IAAO,OAAA,OAAA;AAAA,GACT;AACF;;;;"}

package/dist/js/components/src/components/Action/models/ActionExecutionBatch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionExecutionBatch.mjs","sources":["../../../../../../../src/components/Action/models/ActionExecutionBatch.ts"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { callFunctionsInOrder } from \"@/lib/promises/callFunctionsInOrder\";\nimport { callAndReact } from \"@/lib/promises/callAndReact\";\nimport { getExecutionFunction } from \"@/components/Action/models/getExecutionFunction\";\n\nexport class ActionExecutionBatch {\n  private readonly actions: ActionModel[] = [];\n  public readonly baseAction: ActionModel;\n\n  constructor(baseAction: ActionModel) {\n    this.baseAction = baseAction;\n  }\n\n  public addAction(action: ActionModel): void {\n    this.actions.push(action);\n  }\n\n  public async executeBatch(args: unknown[]) {\n    if (this.actions.length === 0) {\n      return;\n    }\n\n    const batchFeedback =\n      this.actions[this.actions.length - 1]?.actionProps.showFeedback;\n\n    const executionState = this.baseAction.state.withFeedback(\n      this.baseAction.needsConfirmation ? false : batchFeedback,\n    );\n\n    const executionFunctions = this.actions.map((c) => getExecutionFunction(c));\n\n    const executeBatch = callFunctionsInOrder(executionFunctions);\n\n    let caughtError: unknown;\n\n    await callAndReact(() => executeBatch(...args), {\n      onAsync: () => executionState.onAsyncStart(),\n      then: () => executionState.onSucceeded(),\n      catch: (error) => {\n        executionState.onFailed(error);\n        caughtError = error;\n      },\n    });\n\n    if (caughtError) {\n      throw caughtError;\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,oBAAqB,CAAA;AAAA,EACf,UAAyB,EAAC;AAAA,EAC3B,UAAA;AAAA,EAEhB,YAAY,UAAyB,EAAA;AACnC,IAAA,IAAA,CAAK,UAAa,GAAA,UAAA;AAAA;AACpB,EAEO,UAAU,MAA2B,EAAA;AAC1C,IAAK,IAAA,CAAA,OAAA,CAAQ,KAAK,MAAM,CAAA;AAAA;AAC1B,EAEA,MAAa,aAAa,IAAiB,EAAA;AACzC,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AAC7B,MAAA;AAAA;AAGF,IAAM,MAAA,aAAA,GACJ,KAAK,OAAQ,CAAA,IAAA,CAAK,QAAQ,MAAS,GAAA,CAAC,GAAG,WAAY,CAAA,YAAA;AAErD,IAAM,MAAA,cAAA,GAAiB,IAAK,CAAA,UAAA,CAAW,KAAM,CAAA,YAAA;AAAA,MAC3C,IAAA,CAAK,UAAW,CAAA,iBAAA,GAAoB,KAAQ,GAAA;AAAA,KAC9C;AAEA,IAAM,MAAA,kBAAA,GAAqB,KAAK,OAAQ,CAAA,GAAA,CAAI,CAAC,CAAM,KAAA,oBAAA,CAAqB,CAAC,CAAC,CAAA;AAE1E,IAAM,MAAA,YAAA,GAAe,qBAAqB,kBAAkB,CAAA;AAE5D,IAAI,IAAA,WAAA;AAEJ,IAAA,MAAM,YAAa,CAAA,MAAM,YAAa,CAAA,GAAG,IAAI,CAAG,EAAA;AAAA,MAC9C,OAAA,EAAS,MAAM,cAAA,CAAe,YAAa,EAAA;AAAA,MAC3C,IAAA,EAAM,MAAM,cAAA,CAAe,WAAY,EAAA;AAAA,MACvC,KAAA,EAAO,CAAC,KAAU,KAAA;AAChB,QAAA,cAAA,CAAe,SAAS,KAAK,CAAA;AAC7B,QAAc,WAAA,GAAA,KAAA;AAAA;AAChB,KACD,CAAA;AAED,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,WAAA;AAAA;AACR;AAEJ;;;;"}

package/dist/js/components/src/components/Action/models/ActionModel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModel.mjs","sources":["../../../../../../../src/components/Action/models/ActionModel.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport invariant from \"invariant\";\nimport type { ActionProps } from \"@/components/Action/types\";\nimport { actionContext } from \"@/components/Action/context\";\nimport { ActionState } from \"@/components/Action/models/ActionState\";\nimport { ActionExecution } from \"@/components/Action/models/ActionExecution\";\nimport { ActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport type { OverlayContext } from \"@/lib/controller/overlay/context\";\nimport { useOverlayContext } from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ninterface InitObject {\n  actionProps: ActionProps;\n  parentAction?: ActionModel;\n  confirmationModalController: OverlayController;\n  needsConfirmation: boolean;\n  overlayContext: OverlayContext;\n  state: ActionState;\n}\n\nexport class ActionModel {\n  public state: ActionState;\n  public needsConfirmation: boolean;\n  public readonly actionProps: ActionProps;\n  public readonly parentAction?: ActionModel;\n  public readonly confirmationModalController: OverlayController;\n  public readonly overlayContext: OverlayContext;\n\n  private constructor(init: InitObject) {\n    const {\n      actionProps,\n      needsConfirmation,\n      parentAction,\n      overlayContext,\n      confirmationModalController,\n      state,\n    } = init;\n\n    this.actionProps = actionProps;\n    this.parentAction = parentAction;\n    this.confirmationModalController = confirmationModalController;\n    this.needsConfirmation = needsConfirmation;\n    this.overlayContext = overlayContext;\n    this.state = state;\n  }\n\n  public static useNew(\n    actionProps: ActionProps,\n    init: Partial<InitObject> = {},\n  ): ActionModel {\n    const parentAction = useContext(actionContext);\n    const overlayContext = useOverlayContext();\n    const confirmationModalController = OverlayController.useNew();\n    const state = ActionState.useNew();\n\n    return new ActionModel({\n      parentAction,\n      overlayContext,\n      confirmationModalController,\n      needsConfirmation: false,\n      actionProps,\n      state,\n      ...init,\n    });\n  }\n\n  public static use(): ActionModel {\n    const c = useContext(actionContext);\n    invariant(!!c, \"Action context is not defined\");\n    ActionStateContext.useRegisterState(c.state);\n    return c;\n  }\n\n  public static useConfirmationAction(): ActionModel {\n    const action = ActionModel.use();\n\n    return new ActionModel({\n      actionProps: action.actionProps,\n      confirmationModalController: action.confirmationModalController,\n      overlayContext: action.overlayContext,\n      state: action.state,\n      needsConfirmation: false,\n      parentAction: ActionModel.useNew(\n        {\n          closeOverlay: action.confirmationModalController,\n        },\n        {\n          parentAction: action.parentAction,\n        },\n      ),\n    });\n  }\n\n  public getOverlayController(\n    component: FlowComponentName,\n  ): OverlayController | undefined {\n    const getController = (\n      controller?: OverlayController | FlowComponentName,\n    ): OverlayController | undefined => {\n      return controller === undefined\n        ? undefined\n        : controller\n          ? this.overlayContext[component]\n          : undefined;\n    };\n\n    return (\n      getController(this.actionProps.openOverlay) ??\n      getController(this.actionProps.closeOverlay) ??\n      getController(this.actionProps.toggleOverlay)\n    );\n  }\n\n  public execute = (...args: unknown[]): void => {\n    new ActionExecution(this).execute(...args);\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;AAqBO,MAAM,WAAY,CAAA;AAAA,EAChB,KAAA;AAAA,EACA,iBAAA;AAAA,EACS,WAAA;AAAA,EACA,YAAA;AAAA,EACA,2BAAA;AAAA,EACA,cAAA;AAAA,EAER,YAAY,IAAkB,EAAA;AACpC,IAAM,MAAA;AAAA,MACJ,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,2BAAA;AAAA,MACA;AAAA,KACE,GAAA,IAAA;AAEJ,IAAA,IAAA,CAAK,WAAc,GAAA,WAAA;AACnB,IAAA,IAAA,CAAK,YAAe,GAAA,YAAA;AACpB,IAAA,IAAA,CAAK,2BAA8B,GAAA,2BAAA;AACnC,IAAA,IAAA,CAAK,iBAAoB,GAAA,iBAAA;AACzB,IAAA,IAAA,CAAK,cAAiB,GAAA,cAAA;AACtB,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AAAA;AACf,EAEA,OAAc,MAAA,CACZ,WACA,EAAA,IAAA,GAA4B,EACf,EAAA;AACb,IAAM,MAAA,YAAA,GAAe,WAAW,aAAa,CAAA;AAC7C,IAAA,MAAM,iBAAiB,iBAAkB,EAAA;AACzC,IAAM,MAAA,2BAAA,GAA8B,kBAAkB,MAAO,EAAA;AAC7D,IAAM,MAAA,KAAA,GAAQ,YAAY,MAAO,EAAA;AAEjC,IAAA,OAAO,IAAI,WAAY,CAAA;AAAA,MACrB,YAAA;AAAA,MACA,cAAA;AAAA,MACA,2BAAA;AAAA,MACA,iBAAmB,EAAA,KAAA;AAAA,MACnB,WAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAAA;AACH,EAEA,OAAc,GAAmB,GAAA;AAC/B,IAAM,MAAA,CAAA,GAAI,WAAW,aAAa,CAAA;AAClC,IAAU,SAAA,CAAA,CAAC,CAAC,CAAA,EAAG,+BAA+B,CAAA;AAC9C,IAAmB,kBAAA,CAAA,gBAAA,CAAiB,EAAE,KAAK,CAAA;AAC3C,IAAO,OAAA,CAAA;AAAA;AACT,EAEA,OAAc,qBAAqC,GAAA;AACjD,IAAM,MAAA,MAAA,GAAS,YAAY,GAAI,EAAA;AAE/B,IAAA,OAAO,IAAI,WAAY,CAAA;AAAA,MACrB,aAAa,MAAO,CAAA,WAAA;AAAA,MACpB,6BAA6B,MAAO,CAAA,2BAAA;AAAA,MACpC,gBAAgB,MAAO,CAAA,cAAA;AAAA,MACvB,OAAO,MAAO,CAAA,KAAA;AAAA,MACd,iBAAmB,EAAA,KAAA;AAAA,MACnB,cAAc,WAAY,CAAA,MAAA;AAAA,QACxB;AAAA,UACE,cAAc,MAAO,CAAA;AAAA,SACvB;AAAA,QACA;AAAA,UACE,cAAc,MAAO,CAAA;AAAA;AACvB;AACF,KACD,CAAA;AAAA;AACH,EAEO,qBACL,SAC+B,EAAA;AAC/B,IAAM,MAAA,aAAA,GAAgB,CACpB,UACkC,KAAA;AAClC,MAAA,OAAO,eAAe,MAClB,GAAA,MAAA,GACA,aACE,IAAK,CAAA,cAAA,CAAe,SAAS,CAC7B,GAAA,MAAA;AAAA,KACR;AAEA,IAAA,OACE,aAAc,CAAA,IAAA,CAAK,WAAY,CAAA,WAAW,CAC1C,IAAA,aAAA,CAAc,IAAK,CAAA,WAAA,CAAY,YAAY,CAAA,IAC3C,aAAc,CAAA,IAAA,CAAK,YAAY,aAAa,CAAA;AAAA;AAEhD,EAEO,OAAA,GAAU,IAAI,IAA0B,KAAA;AAC7C,IAAA,IAAI,eAAgB,CAAA,IAAI,CAAE,CAAA,OAAA,CAAQ,GAAG,IAAI,CAAA;AAAA,GAC3C;AACF;;;;"}

package/dist/js/components/src/components/Action/models/ActionState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionState.mjs","sources":["../../../../../../../src/components/Action/models/ActionState.ts"],"sourcesContent":["import {\n  action as mobxAction,\n  computed,\n  makeObservable,\n  observable,\n} from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { sleep } from \"@/lib/promises/sleep\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\n\nexport type ActionStateValue =\n  | \"isIdle\"\n  | \"isSucceeded\"\n  | \"isPending\"\n  | \"isExecuting\"\n  | \"isFailed\";\n\nconst duration = {\n  pending: 1000,\n  succeeded: 1500,\n  failed: 2000,\n};\n\nexport class ActionState {\n  private showFeedback?: boolean;\n  public state: ActionStateValue = \"isIdle\";\n  private setPendingTimeout: number | undefined;\n  public error: unknown;\n  private isAsync = false;\n\n  public constructor() {\n    makeObservable(this, {\n      state: observable,\n      updateState: mobxAction,\n      isBusy: computed,\n    });\n  }\n\n  public static useNew(): ActionState {\n    return useStatic(() => new ActionState());\n  }\n\n  public updateState(newState: ActionStateValue): void {\n    this.state = newState;\n  }\n\n  public useValue(): ActionStateValue {\n    return useSelector(() => this.state, [this]);\n  }\n\n  public useIsBusy(): boolean {\n    return useSelector(() => this.isBusy, [this]);\n  }\n\n  public get isBusy(): boolean {\n    return this.state !== \"isIdle\";\n  }\n\n  public onAsyncStart(): void {\n    this.isAsync = true;\n    this.updateState(\"isExecuting\");\n    this.setPendingTimeout = window.setTimeout(\n      () => this.startPending(),\n      duration.pending,\n    );\n  }\n\n  public async onSucceeded(): Promise<void> {\n    await this.onDone();\n  }\n\n  public async onFailed(error: unknown): Promise<void> {\n    this.error = error ?? new Error(\"Unknown error\");\n    await this.onDone();\n  }\n\n  public withFeedback(feedback?: boolean): ActionState {\n    this.showFeedback = feedback;\n    return this;\n  }\n\n  private async startFailedFeedback(): Promise<void> {\n    this.updateState(\"isFailed\");\n    await sleep(duration.failed);\n    this.resetAfterDone();\n  }\n\n  private async startSucceededFeedback(): Promise<void> {\n    this.updateState(\"isSucceeded\");\n    await sleep(duration.succeeded);\n    this.resetAfterDone();\n  }\n\n  private resetAfterDone(): void {\n    this.updateState(\"isIdle\");\n    this.isAsync = false;\n    this.error = undefined;\n  }\n\n  private async onDone(): Promise<void> {\n    if (this.setPendingTimeout) {\n      window.clearTimeout(this.setPendingTimeout);\n    }\n    if (this.error) {\n      await this.startFailedFeedback();\n    } else if (\n      this.showFeedback !== false &&\n      (this.showFeedback || this.isAsync)\n    ) {\n      await this.startSucceededFeedback();\n    } else {\n      this.resetAfterDone();\n    }\n  }\n\n  private startPending(): void {\n    this.updateState(\"isPending\");\n  }\n}\n"],"names":["mobxAction"],"mappings":"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"}

package/dist/js/components/src/components/Action/models/ActionStateContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionStateContext.mjs","sources":["../../../../../../../src/components/Action/models/ActionStateContext.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { createContext, useContext, useEffect } from \"react\";\nimport type { ActionState } from \"@/components/Action/models/ActionState\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\n\nexport class ActionStateContext {\n  public states = new Set<ActionState>();\n\n  public constructor() {\n    makeObservable(this, {\n      states: observable,\n      addState: action,\n      removeState: action,\n      isBusy: computed,\n    });\n  }\n\n  public static useNew(): ActionStateContext {\n    return useStatic(() => new ActionStateContext());\n  }\n\n  public static useRegisterState(state: ActionState): void {\n    const context = useActionStateContext();\n\n    useEffect(() => {\n      context?.addState(state);\n      return () => {\n        context?.removeState(state);\n      };\n    }, [context, state]);\n  }\n\n  public addState(state: ActionState): void {\n    this.states.add(state);\n  }\n\n  public removeState(state: ActionState): void {\n    this.states.delete(state);\n  }\n\n  public useIsBusy(): boolean {\n    return useSelector(() => this.isBusy);\n  }\n\n  public get isBusy(): boolean {\n    for (const s of this.states) {\n      if (s.isBusy) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n\nconst context = createContext<ActionStateContext | undefined>(undefined);\n\nexport const ActionStateContextProvider: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  const ctx = ActionStateContext.useNew();\n  return <context.Provider value={ctx}>{children}</context.Provider>;\n};\n\nexport const useActionStateContext = (): ActionStateContext => {\n  const newContext = ActionStateContext.useNew();\n  return useContext(context) ?? newContext;\n};\n"],"names":["context"],"mappings":";;;;;;AAOO,MAAM,kBAAmB,CAAA;AAAA,EACvB,MAAA,uBAAa,GAAiB,EAAA;AAAA,EAE9B,WAAc,GAAA;AACnB,IAAA,cAAA,CAAe,IAAM,EAAA;AAAA,MACnB,MAAQ,EAAA,UAAA;AAAA,MACR,QAAU,EAAA,MAAA;AAAA,MACV,WAAa,EAAA,MAAA;AAAA,MACb,MAAQ,EAAA;AAAA,KACT,CAAA;AAAA;AACH,EAEA,OAAc,MAA6B,GAAA;AACzC,IAAA,OAAO,SAAU,CAAA,MAAM,IAAI,kBAAA,EAAoB,CAAA;AAAA;AACjD,EAEA,OAAc,iBAAiB,KAA0B,EAAA;AACvD,IAAA,MAAMA,WAAU,qBAAsB,EAAA;AAEtC,IAAA,SAAA,CAAU,MAAM;AACd,MAAAA,QAAAA,EAAS,SAAS,KAAK,CAAA;AACvB,MAAA,OAAO,MAAM;AACX,QAAAA,QAAAA,EAAS,YAAY,KAAK,CAAA;AAAA,OAC5B;AAAA,KACC,EAAA,CAACA,QAAS,EAAA,KAAK,CAAC,CAAA;AAAA;AACrB,EAEO,SAAS,KAA0B,EAAA;AACxC,IAAK,IAAA,CAAA,MAAA,CAAO,IAAI,KAAK,CAAA;AAAA;AACvB,EAEO,YAAY,KAA0B,EAAA;AAC3C,IAAK,IAAA,CAAA,MAAA,CAAO,OAAO,KAAK,CAAA;AAAA;AAC1B,EAEO,SAAqB,GAAA;AAC1B,IAAO,OAAA,WAAA,CAAY,MAAM,IAAA,CAAK,MAAM,CAAA;AAAA;AACtC,EAEA,IAAW,MAAkB,GAAA;AAC3B,IAAW,KAAA,MAAA,CAAA,IAAK,KAAK,MAAQ,EAAA;AAC3B,MAAA,IAAI,EAAE,MAAQ,EAAA;AACZ,QAAO,OAAA,IAAA;AAAA;AACT;AAEF,IAAO,OAAA,KAAA;AAAA;AAEX;AAEA,MAAM,OAAA,GAAU,cAA8C,MAAS,CAAA;AAE1D,MAAA,0BAAA,GAAoD,CAAC,KAAU,KAAA;AAC1E,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAM,MAAA,GAAA,GAAM,mBAAmB,MAAO,EAAA;AACtC,EAAA,2BAAQ,OAAQ,CAAA,QAAA,EAAR,EAAiB,KAAA,EAAO,KAAM,QAAS,EAAA,CAAA;AACjD;AAEO,MAAM,wBAAwB,MAA0B;AAC7D,EAAM,MAAA,UAAA,GAAa,mBAAmB,MAAO,EAAA;AAC7C,EAAO,OAAA,UAAA,CAAW,OAAO,CAAK,IAAA,UAAA;AAChC;;;;"}

package/dist/js/components/src/components/Action/models/getExecutionFunction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getExecutionFunction.mjs","sources":["../../../../../../../src/components/Action/models/getExecutionFunction.ts"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { ActionFn } from \"@/components/Action\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nconst voidAction = () => {\n  // do nothing\n};\n\nexport function getExecutionFunction(action: ActionModel): ActionFn {\n  if (action.needsConfirmation) {\n    return action.confirmationModalController.open;\n  }\n\n  const getOverlayController = (\n    from: OverlayController | FlowComponentName,\n  ): OverlayController | undefined => {\n    if (typeof from === \"string\") {\n      return action.getOverlayController(from);\n    }\n    return from;\n  };\n\n  const {\n    action: actionProp,\n    onAction: actionFn = actionProp,\n    toggleOverlay,\n    closeOverlay,\n    openOverlay,\n  } = action.actionProps;\n\n  const maybeAction = actionFn\n    ? actionFn\n    : openOverlay\n      ? getOverlayController(openOverlay)?.open\n      : closeOverlay\n        ? getOverlayController(closeOverlay)?.close\n        : toggleOverlay\n          ? getOverlayController(toggleOverlay)?.toggle\n          : voidAction;\n\n  return maybeAction ?? voidAction;\n}\n"],"names":[],"mappings":"AAKA,MAAM,aAAa,MAAM;AAEzB,CAAA;AAEO,SAAS,qBAAqB,MAA+B,EAAA;AAClE,EAAA,IAAI,OAAO,iBAAmB,EAAA;AAC5B,IAAA,OAAO,OAAO,2BAA4B,CAAA,IAAA;AAAA;AAG5C,EAAM,MAAA,oBAAA,GAAuB,CAC3B,IACkC,KAAA;AAClC,IAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,MAAO,OAAA,MAAA,CAAO,qBAAqB,IAAI,CAAA;AAAA;AAEzC,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAM,MAAA;AAAA,IACJ,MAAQ,EAAA,UAAA;AAAA,IACR,UAAU,QAAW,GAAA,UAAA;AAAA,IACrB,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACE,MAAO,CAAA,WAAA;AAEX,EAAA,MAAM,cAAc,QAChB,GAAA,QAAA,GACA,WACE,GAAA,oBAAA,CAAqB,WAAW,CAAG,EAAA,IAAA,GACnC,YACE,GAAA,oBAAA,CAAqB,YAAY,CAAG,EAAA,KAAA,GACpC,gBACE,oBAAqB,CAAA,aAAa,GAAG,MACrC,GAAA,UAAA;AAEV,EAAA,OAAO,WAAe,IAAA,UAAA;AACxB;;;;"}

package/dist/js/components/src/components/ActionGroup/ActionGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.mjs","sources":["../../../../../../src/components/ActionGroup/ActionGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ActionGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\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 { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { ActionStateContextProvider } from \"@/components/Action/models/ActionStateContext\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport interface ActionGroupProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** The spacing between the buttons inside the action group. @default \"m\" */\n  spacing?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const ActionGroup = flowComponent<\"ActionGroup\", HTMLDivElement>(\n  \"ActionGroup\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n\n      spacing = \"s\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(styles.actionGroup, className, styles[spacing]);\n\n    const propsContext: PropsContext = {\n      Button: {\n        slot: dynamic((props) => getActionGroupSlot(props)),\n        className: dynamic((props) => {\n          const slot = getActionGroupSlot(props);\n          return clsx(props.className, styles[slot]);\n        }),\n      },\n      Switch: {\n        labelPosition: \"leading\",\n        className: dynamic((props) => {\n          return clsx(props.className, props.slot && styles[props.slot]);\n        }),\n      },\n      Link: {\n        className: dynamic((props) => {\n          return clsx(props.className, props.slot && styles[props.slot]);\n        }),\n      },\n    };\n\n    return (\n      <ActionStateContextProvider>\n        <PropsContextProvider props={propsContext} mergeInParentContext>\n          <TunnelProvider>\n            <div {...rest} className={rootClassName} ref={ref} role=\"group\">\n              {children}\n            </div>\n          </TunnelProvider>\n        </PropsContextProvider>\n      </ActionStateContextProvider>\n    );\n  },\n);\n\nexport default ActionGroup;\n"],"names":["props"],"mappings":";;;;;;;;;;;;;AAsBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MAEA,OAAU,GAAA,GAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,aAAa,SAAW,EAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAEzE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,MAAQ,EAAA;AAAA,QACN,MAAM,OAAQ,CAAA,CAACA,MAAU,KAAA,kBAAA,CAAmBA,MAAK,CAAC,CAAA;AAAA,QAClD,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,UAAM,MAAA,IAAA,GAAO,mBAAmBA,MAAK,CAAA;AACrC,UAAA,OAAO,IAAKA,CAAAA,MAAAA,CAAM,SAAW,EAAA,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,SAC1C;AAAA,OACH;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,aAAe,EAAA,SAAA;AAAA,QACf,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,UAAO,OAAA,IAAA,CAAKA,OAAM,SAAWA,EAAAA,MAAAA,CAAM,QAAQ,MAAOA,CAAAA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,SAC9D;AAAA,OACH;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,SAAA,EAAW,OAAQ,CAAA,CAACA,MAAU,KAAA;AAC5B,UAAO,OAAA,IAAA,CAAKA,OAAM,SAAWA,EAAAA,MAAAA,CAAM,QAAQ,MAAOA,CAAAA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,SAC9D;AAAA;AACH,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,8BACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAAc,EAAA,oBAAA,EAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,aAAe,EAAA,GAAA,EAAU,MAAK,OACrD,EAAA,QAAA,EACH,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/src/components/ActionGroup/lib/getActionGroupSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getActionGroupSlot.mjs","sources":["../../../../../../../src/components/ActionGroup/lib/getActionGroupSlot.tsx"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\n\nexport const getActionGroupSlot = (props: ButtonProps): string => {\n  const { slot: slotFromProps, ...buttonProps } = props;\n\n  const guessedSlot =\n    buttonProps.color === undefined ||\n    buttonProps.color === \"primary\" ||\n    buttonProps.color === \"danger\" ||\n    buttonProps.color === \"accent\"\n      ? \"primary\"\n      : \"abort\";\n\n  return slotFromProps ?? guessedSlot;\n};\n"],"names":[],"mappings":"AAEa,MAAA,kBAAA,GAAqB,CAAC,KAA+B,KAAA;AAChE,EAAA,MAAM,EAAE,IAAA,EAAM,aAAe,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEhD,EAAA,MAAM,WACJ,GAAA,WAAA,CAAY,KAAU,KAAA,MAAA,IACtB,WAAY,CAAA,KAAA,KAAU,SACtB,IAAA,WAAA,CAAY,KAAU,KAAA,QAAA,IACtB,WAAY,CAAA,KAAA,KAAU,WAClB,SACA,GAAA,OAAA;AAEN,EAAA,OAAO,aAAiB,IAAA,WAAA;AAC1B;;;;"}

package/dist/js/components/src/components/Activity/Activity.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Activity.mjs","sources":["../../../../../../src/components/Activity/Activity.tsx"],"sourcesContent":["import type { ComponentType, FC, PropsWithChildren } from \"react\";\nimport React, { lazy, Suspense, useEffect, useState } from \"react\";\nimport { useIsSSR } from \"react-aria\";\n\nexport interface ActivityProps extends PropsWithChildren {\n  isActive?: boolean;\n  inactiveDelay?: number;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n  () => {\n    // no resolve\n  },\n);\n\nconst SuspenseTrigger = lazy(() => nonResolvingPromise);\n\nexport const Activity: FC<ActivityProps> = (props) => {\n  const { children, isActive: isActiveFromProps = true, inactiveDelay } = props;\n\n  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);\n  const isSsr = useIsSSR();\n\n  useEffect(() => {\n    if (!inactiveDelay) {\n      return;\n    }\n\n    if (isActiveFromProps) {\n      setIsActiveState(true);\n    } else {\n      const timeout = setTimeout(() => {\n        setIsActiveState(false);\n      }, inactiveDelay);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [isActiveFromProps, inactiveDelay]);\n\n  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;\n\n  if (isSsr) {\n    return isActive ? children : null;\n  }\n\n  return (\n    <Suspense fallback={null}>\n      {!isActive && <SuspenseTrigger />}\n      {children}\n    </Suspense>\n  );\n};\nexport default Activity;\n"],"names":[],"mappings":";;;;AASA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA;AAGR,CAAA;AAEA,MAAM,eAAA,GAAkB,IAAK,CAAA,MAAM,mBAAmB,CAAA;AAEzC,MAAA,QAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,EAAE,QAAU,EAAA,QAAA,EAAU,iBAAoB,GAAA,IAAA,EAAM,eAAkB,GAAA,KAAA;AAExE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,iBAAiB,CAAA;AACpE,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,aAAe,EAAA;AAClB,MAAA;AAAA;AAGF,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,KAChB,MAAA;AACL,MAAM,MAAA,OAAA,GAAU,WAAW,MAAM;AAC/B,QAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,SACrB,aAAa,CAAA;AAEhB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,OAAO,CAAA;AAAA,OACtB;AAAA;AACF,GACC,EAAA,CAAC,iBAAmB,EAAA,aAAa,CAAC,CAAA;AAErC,EAAM,MAAA,QAAA,GAAW,gBAAgB,aAAgB,GAAA,iBAAA;AAEjD,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,OAAO,WAAW,QAAW,GAAA,IAAA;AAAA;AAG/B,EACE,uBAAA,IAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,IACjB,EAAA,QAAA,EAAA;AAAA,IAAC,CAAA,QAAA,wBAAa,eAAgB,EAAA,EAAA,CAAA;AAAA,IAC9B;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Alert/Alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./Alert.module.scss\";\n\nexport interface AlertProps\n  extends PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Alert = flowComponent<\"Alert\", HTMLElement>(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alert, styles[status], className);\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <aside {...rest} className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </aside>\n    </ClearPropsContext>\n  );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;;AAoBO,MAAM,KAAQ,GAAA,aAAA,CAAoC,OAAS,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,IAAM,EAAA,GAAA;AAAA,MACN,QAAU,EAAA,OAAA,CAAQ,CAACA,MAAAA,qBAEf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,QAClDA,MAAM,CAAA;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,OAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR;AACF,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EACzC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/AlertBadge/AlertBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.mjs","sources":["../../../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithClassName, PropsWithStatus } from \"@/lib/types/props\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertBadgeProps\n  extends PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps,\n    PropsWithClassName {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const AlertBadge = flowComponent<\"AlertBadge\", HTMLDivElement>(\n  \"AlertBadge\",\n  (props) => {\n    const { children, className, status = \"info\", ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n    return (\n      <ClearPropsContext>\n        <div className={rootClassName} {...rest} ref={ref}>\n          <AlertIcon size=\"s\" className={styles.alertIcon} status={status} />\n          <Text className={styles.text}>{children}</Text>\n        </div>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;;;AAqBO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,QAAQ,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE/D,IAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEvE,IACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,aAAgB,EAAA,GAAG,MAAM,GACvC,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,SAAW,EAAA,MAAA,CAAO,WAAW,MAAgB,EAAA,CAAA;AAAA,sBAChE,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,MAAO,QAAS,EAAA;AAAA,KAAA,EAC1C,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/src/components/AlertIcon/AlertIcon.mjs

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '@tabler/icons-react';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import '../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import 'dot-prop';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconDanger } from '../Icon/components/icons/IconDanger.mjs';
+import { IconInfo } from '../Icon/components/icons/IconInfo.mjs';
+import { IconSuccess } from '../Icon/components/icons/IconSuccess.mjs';
+import { IconWarning } from '../Icon/components/icons/IconWarning.mjs';
+import locales from '../../../../_virtual/_.locale.json@24b745a6ce9353be513d1f98e927d8d3.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+
+const icons = {
+  danger: IconDanger,
+  info: IconInfo,
+  success: IconSuccess,
+  warning: IconWarning
+};
+const AlertIcon = (props) => {
+  const { status = "info", ...rest } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const Icon = icons[status];
+  const iconProps = {
+    status,
+    "aria-label": stringFormatter.format(`alertIcon.${status}`),
+    ...rest
+  };
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Icon, { ...iconProps }) });
+};
+
+export { AlertIcon, AlertIcon as default };
+//# sourceMappingURL=AlertIcon.mjs.map

package/dist/js/components/src/components/AlertIcon/AlertIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\n\nexport interface AlertIconProps extends PropsWithStatus, IconProps {}\n\nconst icons: Record<Status, ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n};\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    status,\n    \"aria-label\": stringFormatter.format(`alertIcon.${status}`),\n    ...rest,\n  };\n\n  return (\n    <ClearPropsContext>\n      <Icon {...iconProps} />\n    </ClearPropsContext>\n  );\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,KAAuC,GAAA;AAAA,EAC3C,MAAQ,EAAA,UAAA;AAAA,EACR,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,WAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAMa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAErC,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAuB,GAAA;AAAA,IAC3B,MAAA;AAAA,IACA,YAAc,EAAA,eAAA,CAAgB,MAAO,CAAA,CAAA,UAAA,EAAa,MAAM,CAAE,CAAA,CAAA;AAAA,IAC1D,GAAG;AAAA,GACL;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,WAAW,CACvB,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Align/Align.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Align.mjs","sources":["../../../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport PropsContextProvider from \"@/lib/propsContext/PropsContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Align = flowComponent(\"Align\", (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.align, className);\n\n  const propsContext: PropsContext = {\n    Text: { className: styles.text },\n    Button: { className: styles.button },\n    Avatar: { className: styles.avatar, size: \"m\" },\n    CopyButton: { size: \"s\", className: styles.copyButton },\n    Icon: { size: \"s\", className: styles.icon },\n    ContextualHelpTrigger: {\n      Button: {\n        className: styles.contextualHelpTriggerButton,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={rootClassName}>{children}</div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAmBO,MAAM,KAAQ,GAAA,aAAA,CAAc,OAAS,EAAA,CAAC,KAAU,KAAA;AACrD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,IAAK,EAAA;AAAA,IAC/B,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,MAAO,EAAA;AAAA,IACnC,QAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,MAAM,GAAI,EAAA;AAAA,IAC9C,YAAY,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,UAAW,EAAA;AAAA,IACtD,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,SAAA,EAAW,OAAO,IAAK,EAAA;AAAA,IAC1C,qBAAuB,EAAA;AAAA,MACrB,MAAQ,EAAA;AAAA,QACN,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/AreaChart/AreaChart.mjs

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as Recharts from 'recharts';
+import { Children, cloneElement } from 'react';
+import { Area } from './components/Area/Area.mjs';
+import { CartesianGrid } from '../CartesianGrid/CartesianGrid.mjs';
+import clsx from 'clsx';
+import styles from './AreaChart.module.scss.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
+
+const AreaChart = (props) => {
+  const { children, data, className, height, ...rest } = props;
+  const rootClassName = clsx(styles.areaChart, className);
+  const areasWithoutDots = [];
+  const areasWithDots = [];
+  const otherChildren = [];
+  const gridChildren = [];
+  Children.forEach(children, (child, index) => {
+    if (!child) return;
+    const element = child;
+    if (element.type === CartesianGrid) {
+      gridChildren.push(element);
+    } else if (element.type === Area) {
+      areasWithoutDots.push(
+        cloneElement(element, {
+          onlyDots: false,
+          key: `area-${index}`
+        })
+      );
+      areasWithDots.push(
+        cloneElement(element, {
+          onlyDots: true,
+          key: `area-dots-${index}`
+        })
+      );
+    } else {
+      otherChildren.push(element);
+    }
+  });
+  return /* @__PURE__ */ jsx(Wrap, { if: height, children: /* @__PURE__ */ jsx("div", { style: { height }, children: /* @__PURE__ */ jsx(Recharts.ResponsiveContainer, { children: /* @__PURE__ */ jsxs(Recharts.AreaChart, { data, className: rootClassName, ...rest, children: [
+    gridChildren,
+    areasWithoutDots,
+    otherChildren,
+    areasWithDots
+  ] }) }) }) });
+};
+
+export { AreaChart, AreaChart as default };
+//# sourceMappingURL=AreaChart.mjs.map

package/dist/js/components/src/components/AreaChart/AreaChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.mjs","sources":["../../../../../../src/components/AreaChart/AreaChart.tsx"],"sourcesContent":["import * as Recharts from \"recharts\";\nimport type { CategoricalChartProps } from \"recharts/types/chart/generateCategoricalChart\";\nimport {\n  Children,\n  cloneElement,\n  type FC,\n  type PropsWithChildren,\n  type ReactElement,\n} from \"react\";\nimport { Area, type AreaProps } from \"./components/Area\";\nimport CartesianGrid from \"../CartesianGrid\";\nimport clsx from \"clsx\";\nimport styles from \"./AreaChart.module.scss\";\nimport Wrap from \"../Wrap\";\n\nexport interface AreaChartProps\n  extends Pick<\n      CategoricalChartProps,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n}\n\n/** @flr-generate all */\nexport const AreaChart: FC<AreaChartProps> = (props) => {\n  const { children, data, className, height, ...rest } = props;\n\n  const rootClassName = clsx(styles.areaChart, className);\n\n  // render order: grid, areas without dots, other children, areas with dots\n  // this is needed to ensure that the dots will always overlay the areas\n  const areasWithoutDots: ReactElement[] = [];\n  const areasWithDots: ReactElement[] = [];\n  const otherChildren: ReactElement[] = [];\n  const gridChildren: ReactElement[] = [];\n\n  Children.forEach(children, (child, index) => {\n    if (!child) return;\n    const element = child as ReactElement;\n\n    if (element.type === CartesianGrid) {\n      gridChildren.push(element);\n    } else if (element.type === Area) {\n      areasWithoutDots.push(\n        cloneElement(element as ReactElement<AreaProps>, {\n          onlyDots: false,\n          key: `area-${index}`,\n        }),\n      );\n      areasWithDots.push(\n        cloneElement(element as ReactElement<AreaProps>, {\n          onlyDots: true,\n          key: `area-dots-${index}`,\n        }),\n      );\n    } else {\n      otherChildren.push(element);\n    }\n  });\n\n  return (\n    <Wrap if={height}>\n      <div style={{ height }}>\n        <Recharts.ResponsiveContainer>\n          <Recharts.AreaChart data={data} className={rootClassName} {...rest}>\n            {gridChildren}\n            {areasWithoutDots}\n            {otherChildren}\n            {areasWithDots}\n          </Recharts.AreaChart>\n        </Recharts.ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default AreaChart;\n"],"names":[],"mappings":";;;;;;;;;AAyBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,WAAW,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAItD,EAAA,MAAM,mBAAmC,EAAC;AAC1C,EAAA,MAAM,gBAAgC,EAAC;AACvC,EAAA,MAAM,gBAAgC,EAAC;AACvC,EAAA,MAAM,eAA+B,EAAC;AAEtC,EAAA,QAAA,CAAS,OAAQ,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,KAAU,KAAA;AAC3C,IAAA,IAAI,CAAC,KAAO,EAAA;AACZ,IAAA,MAAM,OAAU,GAAA,KAAA;AAEhB,IAAI,IAAA,OAAA,CAAQ,SAAS,aAAe,EAAA;AAClC,MAAA,YAAA,CAAa,KAAK,OAAO,CAAA;AAAA,KAC3B,MAAA,IAAW,OAAQ,CAAA,IAAA,KAAS,IAAM,EAAA;AAChC,MAAiB,gBAAA,CAAA,IAAA;AAAA,QACf,aAAa,OAAoC,EAAA;AAAA,UAC/C,QAAU,EAAA,KAAA;AAAA,UACV,GAAA,EAAK,QAAQ,KAAK,CAAA;AAAA,SACnB;AAAA,OACH;AACA,MAAc,aAAA,CAAA,IAAA;AAAA,QACZ,aAAa,OAAoC,EAAA;AAAA,UAC/C,QAAU,EAAA,IAAA;AAAA,UACV,GAAA,EAAK,aAAa,KAAK,CAAA;AAAA,SACxB;AAAA,OACH;AAAA,KACK,MAAA;AACL,MAAA,aAAA,CAAc,KAAK,OAAO,CAAA;AAAA;AAC5B,GACD,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,QAAK,EAAI,EAAA,MAAA,EACR,8BAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EACZ,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAS,mBAAT,EAAA,EACC,+BAAC,QAAS,CAAA,SAAA,EAAT,EAAmB,IAAY,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,IAC3D,EAAA,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/AreaChart/AreaChart.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const areaChart = "flow--area-chart";
+const styles = {
+	areaChart: areaChart
+};
+
+export { areaChart, styles as default };
+//# sourceMappingURL=AreaChart.module.scss.mjs.map

package/dist/js/components/src/components/AreaChart/AreaChart.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/components/src/components/AreaChart/components/Area/Area.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Recharts from 'recharts';
+import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
+import { AreaDot } from '../AreaDot/AreaDot.mjs';
+import { getCategoricalColorValue } from '../../../../lib/tokens/getCategoricalColorValue.mjs';
+
+const Area = (props) => {
+  const {
+    color = "sea-green",
+    stackId = "1",
+    fillOpacity = 1,
+    onlyDots = true,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.Area,
+    {
+      stackId,
+      fillOpacity,
+      ...rest,
+      activeDot: onlyDots ? /* @__PURE__ */ jsx(AreaDot, { color: getCategoricalColorValue(color) }) : false,
+      fill: onlyDots ? "none" : getCategoricalColorValue(color),
+      stroke: onlyDots ? "none" : tokens.area["border-color"].value,
+      strokeWidth: onlyDots ? void 0 : tokens.area["border-width"].value
+    }
+  );
+};
+
+export { Area, Area as default };
+//# sourceMappingURL=Area.mjs.map

package/dist/js/components/src/components/AreaChart/components/Area/Area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Area.mjs","sources":["../../../../../../../../src/components/AreaChart/components/Area/Area.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalColors } from \"@/lib/tokens/CategoricalColors\";\nimport { getCategoricalColorValue } from \"@/lib/tokens/getCategoricalColorValue\";\n\nexport interface AreaProps\n  extends Pick<\n    Recharts.AreaProps,\n    | \"className\"\n    | \"dataKey\"\n    | \"stackId\"\n    | \"fillOpacity\"\n    | \"key\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"type\"\n    | \"unit\"\n  > {\n  /** The color of the area. @default \"sea-green\" */\n  color?: CategoricalColors;\n  /** @internal */\n  onlyDots?: boolean;\n}\n\n/** @flr-generate all */\nexport const Area: FC<AreaProps> = (props) => {\n  const {\n    color = \"sea-green\",\n    stackId = \"1\",\n    fillOpacity = 1,\n    onlyDots = true,\n    ...rest\n  } = props;\n\n  return (\n    <Recharts.Area\n      stackId={stackId}\n      fillOpacity={fillOpacity}\n      {...rest}\n      activeDot={\n        onlyDots ? <AreaDot color={getCategoricalColorValue(color)} /> : false\n      }\n      fill={onlyDots ? \"none\" : getCategoricalColorValue(color)}\n      stroke={onlyDots ? \"none\" : tokens.area[\"border-color\"].value}\n      strokeWidth={onlyDots ? undefined : tokens.area[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Area;\n"],"names":[],"mappings":";;;;;;;AA2Ba,MAAA,IAAA,GAAsB,CAAC,KAAU,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,KAAQ,GAAA,WAAA;AAAA,IACR,OAAU,GAAA,GAAA;AAAA,IACV,WAAc,GAAA,CAAA;AAAA,IACd,QAAW,GAAA,IAAA;AAAA,IACX,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,IAAA;AAAA,IAAT;AAAA,MACC,OAAA;AAAA,MACA,WAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA,EACE,2BAAY,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,wBAAyB,CAAA,KAAK,GAAG,CAAK,GAAA,KAAA;AAAA,MAEnE,IAAM,EAAA,QAAA,GAAW,MAAS,GAAA,wBAAA,CAAyB,KAAK,CAAA;AAAA,MACxD,QAAQ,QAAW,GAAA,MAAA,GAAS,MAAO,CAAA,IAAA,CAAK,cAAc,CAAE,CAAA,KAAA;AAAA,MACxD,aAAa,QAAW,GAAA,MAAA,GAAY,MAAO,CAAA,IAAA,CAAK,cAAc,CAAE,CAAA;AAAA;AAAA,GAClE;AAEJ;;;;"}

package/dist/js/components/src/components/AreaChart/components/AreaDot/AreaDot.mjs

@@ -0,0 +1,30 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const AreaDot = ({
+  cx,
+  cy,
+  color
+}) => {
+  if (cx === void 0 || cy === void 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      x: cx - 7,
+      y: cy - 7,
+      width: 14,
+      height: 14,
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "white" }),
+        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "4", stroke: color, strokeWidth: "2", fill: "white" })
+      ]
+    }
+  );
+};
+
+export { AreaDot };
+//# sourceMappingURL=AreaDot.mjs.map

package/dist/js/components/src/components/AreaChart/components/AreaDot/AreaDot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaDot.mjs","sources":["../../../../../../../../src/components/AreaChart/components/AreaDot/AreaDot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type * as Recharts from \"recharts\";\n\nexport const AreaDot: FC<Recharts.DotProps & { color: string }> = ({\n  cx,\n  cy,\n  color,\n}) => {\n  if (cx === undefined || cy === undefined) return null;\n\n  return (\n    <svg\n      x={cx - 7}\n      y={cy - 7}\n      width={14}\n      height={14}\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"7\" cy=\"7\" r=\"7\" fill=\"white\" />\n      <circle cx=\"7\" cy=\"7\" r=\"4\" stroke={color} strokeWidth=\"2\" fill=\"white\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAGO,MAAM,UAAqD,CAAC;AAAA,EACjE,EAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,EAAO,KAAA,MAAA,IAAa,EAAO,KAAA,MAAA,EAAkB,OAAA,IAAA;AAEjD,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAG,EAAK,GAAA,CAAA;AAAA,MACR,GAAG,EAAK,GAAA,CAAA;AAAA,MACR,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,QAAA,EAAA,EAAO,IAAG,GAAI,EAAA,EAAA,EAAG,KAAI,CAAE,EAAA,GAAA,EAAI,MAAK,OAAQ,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAA,QAAA,EAAA,EAAO,EAAG,EAAA,GAAA,EAAI,EAAG,EAAA,GAAA,EAAI,CAAE,EAAA,GAAA,EAAI,MAAQ,EAAA,KAAA,EAAO,WAAY,EAAA,GAAA,EAAI,MAAK,OAAQ,EAAA;AAAA;AAAA;AAAA,GAC1E;AAEJ;;;;"}

package/dist/js/components/src/components/Avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","sources":["../../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { getColorFromChildren } from \"@/components/Avatar/lib/getColorFromChildren\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport const avatarColors = [\n  \"blue\",\n  \"teal\",\n  \"green\",\n  \"violet\",\n  \"lilac\",\n] as const;\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Avatar = flowComponent<\"Avatar\", HTMLDivElement>(\n  \"Avatar\",\n  (props) => {\n    const { children, className, color, size = \"m\", ref } = props;\n\n    const rootClassName = clsx(\n      styles.avatar,\n      styles[`size-${size}`],\n      className,\n      styles[color ?? \"blue\"],\n      !color && styles[`dynamic-${getColorFromChildren(children)}`],\n    );\n\n    const propsContext: PropsContext = {\n      Initials: {\n        className: styles.initials,\n      },\n      Icon: {\n        className: styles.icon,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <div className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </div>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;;;AAYO,MAAM,YAAe,GAAA;AAAA,EAC1B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAiBO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,IAAO,GAAA,GAAA,EAAK,KAAQ,GAAA,KAAA;AAExD,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,SAAA;AAAA,MACA,MAAA,CAAO,SAAS,MAAM,CAAA;AAAA,MACtB,CAAC,KAAS,IAAA,MAAA,CAAO,WAAW,oBAAqB,CAAA,QAAQ,CAAC,CAAE,CAAA;AAAA,KAC9D;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,QAAU,EAAA;AAAA,QACR,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,GAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/src/components/Avatar/lib/getColorFromChildren.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColorFromChildren.mjs","sources":["../../../../../../../src/components/Avatar/lib/getColorFromChildren.ts"],"sourcesContent":["import { hash as objectHash } from \"object-code\";\nimport type { ReactNode } from \"react\";\nimport { isValidElement } from \"react\";\nimport { deepForEach } from \"react-children-utilities\";\nimport type { AvatarColors } from \"@/components/Avatar/Avatar\";\nimport { avatarColors } from \"@/components/Avatar/Avatar\";\n\nexport const getColorFromChildren = (\n  children: ReactNode | undefined,\n): AvatarColors => {\n  const identifyingObject: (ReactNode | object)[] = [];\n\n  deepForEach(children, (c) => {\n    if (isValidElement(c)) {\n      identifyingObject.push({\n        props: c.props,\n        type: c.type,\n      });\n    } else {\n      identifyingObject.push(c);\n    }\n  });\n\n  const propsCode = objectHash(identifyingObject);\n  const number = Math.abs(propsCode % (avatarColors.length - 1));\n\n  return avatarColors[number] ?? \"blue\";\n};\n"],"names":["objectHash"],"mappings":";;;;;AAOa,MAAA,oBAAA,GAAuB,CAClC,QACiB,KAAA;AACjB,EAAA,MAAM,oBAA4C,EAAC;AAEnD,EAAY,WAAA,CAAA,QAAA,EAAU,CAAC,CAAM,KAAA;AAC3B,IAAI,IAAA,cAAA,CAAe,CAAC,CAAG,EAAA;AACrB,MAAA,iBAAA,CAAkB,IAAK,CAAA;AAAA,QACrB,OAAO,CAAE,CAAA,KAAA;AAAA,QACT,MAAM,CAAE,CAAA;AAAA,OACT,CAAA;AAAA,KACI,MAAA;AACL,MAAA,iBAAA,CAAkB,KAAK,CAAC,CAAA;AAAA;AAC1B,GACD,CAAA;AAED,EAAM,MAAA,SAAA,GAAYA,KAAW,iBAAiB,CAAA;AAC9C,EAAA,MAAM,SAAS,IAAK,CAAA,GAAA,CAAI,SAAa,IAAA,YAAA,CAAa,SAAS,CAAE,CAAA,CAAA;AAE7D,EAAO,OAAA,YAAA,CAAa,MAAM,CAAK,IAAA,MAAA;AACjC;;;;"}

package/dist/js/components/src/components/AvatarStack/AvatarStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.mjs","sources":["../../../../../../src/components/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { Children } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./AvatarStack.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { Avatar } from \"@/components/Avatar\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface AvatarStackProps\n  extends PropsWithClassName,\n    PropsWithChildren {\n  /**\n   * The total count of items, as avatars should only be displayed for the first\n   * view\n   */\n  totalCount?: number;\n  /** The onPress action of the additional items count element */\n  onCountPress?: () => void;\n  /** The size of the avatars inside the stack. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const AvatarStack: FC<AvatarStackProps> = (props) => {\n  const {\n    className,\n    children,\n    totalCount = 0,\n    size = \"m\",\n    onCountPress,\n  } = props;\n\n  const avatarCount = Children.count(children);\n\n  const additionalItemsCount = totalCount - avatarCount;\n\n  const rootClassName = clsx(\n    styles.avatarStack,\n    styles[`size-${size}`],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Avatar: { className: styles.avatar, size },\n    Button: {\n      className: styles.avatar,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div className={rootClassName}>\n        {children}\n        {additionalItemsCount > 0 && (\n          <Wrap if={onCountPress}>\n            <Button onPress={onCountPress}>\n              <Avatar size={size}>+{additionalItemsCount}</Avatar>\n            </Button>\n          </Wrap>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default AvatarStack;\n"],"names":[],"mappings":";;;;;;;;;;;AA0Ba,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,CAAA;AAAA,IACb,IAAO,GAAA,GAAA;AAAA,IACP;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,WAAA,GAAc,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA;AAE3C,EAAA,MAAM,uBAAuB,UAAa,GAAA,WAAA;AAE1C,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,MAAQ,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,QAAQ,IAAK,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA;AAAA;AACpB,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aACb,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,oBAAuB,GAAA,CAAA,oBACrB,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,YAAA,EACR,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,YAAA,EACf,QAAC,kBAAA,IAAA,CAAA,MAAA,EAAA,EAAO,IAAY,EAAA,QAAA,EAAA;AAAA,MAAA,GAAA;AAAA,MAAE;AAAA,KAAA,EAAqB,GAC7C,CACF,EAAA;AAAA,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport const badgeColors = [\n  \"neutral\",\n  \"blue\",\n  \"navy\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  \"green\",\n  \"orange\",\n  \"red\",\n  \"dark\",\n  \"light\",\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName {\n  /** Handler that is called when the badge is pressed. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when the badges close icon is pressed. */\n  onClose?: (e: PressEvent) => void;\n  /** The color of the badge. @default \"neutral\" */\n  color?: BadgeColors;\n  /** Whether the badge is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Badge = flowComponent<\"Badge\", HTMLDivElement>(\n  \"Badge\",\n  (props) => {\n    const {\n      children,\n      className,\n      color = \"neutral\",\n      ref,\n      onPress,\n      onClose,\n      isDisabled,\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.badge,\n      styles[color],\n      isDisabled && styles.disabled,\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Label: {\n        elementType: \"span\",\n        className: styles.scope,\n        unstyled: true,\n      },\n      Text: {\n        elementType: \"span\",\n        className: styles.value,\n      },\n      Button: {\n        Label: {\n          elementType: \"span\",\n          className: styles.scope,\n          unstyled: true,\n        },\n        Text: {\n          elementType: \"span\",\n          className: styles.value,\n        },\n      },\n    };\n\n    return (\n      <PropsContextProvider props={propsContext}>\n        <div className={rootClassName} {...rest} ref={ref}>\n          {!onPress && <div className={styles.content}>{children}</div>}\n          {onPress && (\n            <Button\n              isDisabled={isDisabled}\n              unstyled\n              className={styles.button}\n              onPress={onPress}\n            >\n              {children}\n            </Button>\n          )}\n          {onClose && (\n            <Button\n              className={styles.close}\n              size=\"s\"\n              color=\"dark\"\n              variant=\"plain\"\n              onPress={onClose}\n              isDisabled={isDisabled}\n            >\n              <IconClose />\n            </Button>\n          )}\n        </div>\n      </PropsContextProvider>\n    );\n  },\n);\n\nexport default Badge;\n"],"names":[],"mappings":";;;;;;;;;;;;AA6CO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAQ,GAAA,SAAA;AAAA,MACR,GAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,KAAA;AAAA,MACP,OAAO,KAAK,CAAA;AAAA,MACZ,cAAc,MAAO,CAAA,QAAA;AAAA,MACrB;AAAA,KACF;AAEA,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAa,EAAA,MAAA;AAAA,QACb,WAAW,MAAO,CAAA,KAAA;AAAA,QAClB,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,MAAA;AAAA,QACb,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,WAAa,EAAA,MAAA;AAAA,UACb,WAAW,MAAO,CAAA,KAAA;AAAA,UAClB,QAAU,EAAA;AAAA,SACZ;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,WAAa,EAAA,MAAA;AAAA,UACb,WAAW,MAAO,CAAA;AAAA;AACpB;AACF,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,SAAI,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EAAM,GACtC,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,2BAAY,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SAAU,QAAS,EAAA,CAAA;AAAA,MACtD,OACC,oBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA;AAAA,UACA,QAAQ,EAAA,IAAA;AAAA,UACR,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,OAAA;AAAA,UAEC;AAAA;AAAA,OACH;AAAA,MAED,OACC,oBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,MAAO,CAAA,KAAA;AAAA,UAClB,IAAK,EAAA,GAAA;AAAA,UACL,KAAM,EAAA,MAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,OAAS,EAAA,OAAA;AAAA,UACT,UAAA;AAAA,UAEA,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,KAAA,EAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/src/components/Breadcrumb/Breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.mjs","sources":["../../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface BreadcrumbProps\n  extends Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.breadcrumb, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":[],"mappings":";;;;;;;;;;AAqBa,MAAA,UAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,YAAY,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAEtE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA,IAAA;AAAA,MACV,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAA,sBAAW,cAAe,EAAA,EAAA;AAAA;AAC5B,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,WAAL,EAAA,EAAkB,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EACrC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.mjs","sources":["../../../../../../../../src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronRight } from \"@/components/Icon/components/icons\";\n\nexport type BreadcrumbItemProps = PropsWithChildren;\n\nexport const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {\n  const { children } = props;\n\n  const rootClassName = clsx(styles.breadcrumbItem);\n\n  return (\n    <Aria.Breadcrumb className={rootClassName}>\n      {children}\n      <IconChevronRight size=\"s\" className={styles.icon} />\n    </Aria.Breadcrumb>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASa,MAAA,cAAA,GAA0C,CAAC,KAAU,KAAA;AAChE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AAErB,EAAM,MAAA,aAAA,GAAgB,IAAK,CAAA,MAAA,CAAO,cAAc,CAAA;AAEhD,EAAA,uBACG,IAAA,CAAA,IAAA,CAAK,UAAL,EAAA,EAAgB,WAAW,aACzB,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,gBAAiB,EAAA,EAAA,IAAA,EAAK,GAAI,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sources":["../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\n\nexport interface ButtonProps\n  extends PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | \"dark\" | \"light\";\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string | null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"]\n  ) {\n    props = { ...props };\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n    props.onKeyDown = undefined;\n    props.onKeyUp = undefined;\n  }\n\n  return props;\n};\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Button = flowComponent<\"Button\", HTMLButtonElement>(\n  \"Button\",\n  (props) => {\n    props = disablePendingProps(props);\n\n    const {\n      color = \"primary\",\n      variant = \"solid\",\n      children,\n      className,\n      size = \"m\",\n      isPending,\n      isSucceeded,\n      isFailed,\n      \"aria-disabled\": ariaDisabled,\n      ref,\n      slot: ignoredSlotProp,\n      ariaSlot: slot,\n      unstyled,\n      ...restProps\n    } = props;\n\n    const rootClassName = unstyled\n      ? className\n      : clsx(\n          styles.button,\n          isPending && styles.isPending,\n          isSucceeded && styles.isSucceeded,\n          isFailed && styles.isFailed,\n          styles[`size-${size}`],\n          styles[color],\n          styles[variant],\n          className,\n          /**\n           * Workaround warning: The Aria.Button does not support\n           * \"aria-disabled\" by now, so this Button will be visually disabled\n           * via CSS.\n           */\n          ariaDisabled && styles.ariaDisabled,\n        );\n\n    useAriaAnnounceActionState(\n      isPending\n        ? \"isPending\"\n        : isSucceeded\n          ? \"isSucceeded\"\n          : isFailed\n            ? \"isFailed\"\n            : \"isIdle\",\n    );\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        \"aria-hidden\": true,\n        size,\n      },\n      Text: {\n        className: styles.text,\n      },\n      Avatar: {\n        className: styles.avatar,\n      },\n      CounterBadge: {\n        className: styles.counterBadge,\n      },\n      Image: {\n        className: styles.image,\n      },\n    };\n\n    const StateIconComponent = isSucceeded\n      ? IconSucceeded\n      : isFailed\n        ? IconFailed\n        : isPending\n          ? LoadingSpinner\n          : undefined;\n\n    const stateIcon = StateIconComponent && (\n      <StateIconComponent\n        size={size}\n        className={styles.stateIcon}\n        status={isFailed ? \"danger\" : isSucceeded ? \"success\" : undefined}\n      />\n    );\n\n    const isStringContent = typeof children === \"string\";\n\n    return (\n      <ClearPropsContext>\n        <Aria.Button\n          className={rootClassName}\n          ref={ref}\n          slot={slot}\n          {...restProps}\n        >\n          <PropsContextProvider props={propsContext}>\n            <Wrap if={!unstyled}>\n              <span className={styles.content}>\n                <Wrap if={isStringContent}>\n                  <Text className={styles.text}>{children}</Text>\n                </Wrap>\n              </span>\n            </Wrap>\n          </PropsContextProvider>\n          {stateIcon}\n        </Aria.Button>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Button;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/Calendar/Calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.mjs","sources":["../../../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\n\nexport const Calendar: FC = () => {\n  return (\n    <Aria.Calendar className={styles.calendar}>\n      <CalendarHeader />\n      <Aria.CalendarGrid weekdayStyle=\"short\">\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.Calendar>\n  );\n};\n\nexport default Calendar;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,WAAe,MAAM;AAChC,EAAA,4BACG,IAAK,CAAA,QAAA,EAAL,EAAc,SAAA,EAAW,OAAO,QAC/B,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,CAAA;AAAA,oBACf,GAAA,CAAA,IAAA,CAAK,YAAL,EAAA,EAAkB,YAAa,EAAA,OAAA,EAC7B,QAAC,EAAA,CAAA,IAAA,qBAAU,GAAA,CAAA,IAAA,CAAK,YAAL,EAAA,EAAkB,MAAY,CAC5C,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Calendar/RangeCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.mjs","sources":["../../../../../../src/components/Calendar/RangeCalendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\nimport clsx from \"clsx\";\n\nexport const RangeCalendar: FC = () => {\n  return (\n    <Aria.RangeCalendar className={clsx(styles.calendar, styles.range)}>\n      <CalendarHeader />\n      <Aria.CalendarGrid>\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.RangeCalendar>\n  );\n};\n\nexport default RangeCalendar;\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,gBAAoB,MAAM;AACrC,EACE,uBAAA,IAAA,CAAC,IAAK,CAAA,aAAA,EAAL,EAAmB,SAAA,EAAW,KAAK,MAAO,CAAA,QAAA,EAAU,MAAO,CAAA,KAAK,CAC/D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAK,CAAA,YAAA,EAAL,EACE,QAAA,EAAA,CAAC,IAAS,qBAAA,GAAA,CAAC,IAAK,CAAA,YAAA,EAAL,EAAkB,IAAA,EAAY,CAC5C,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.mjs","sources":["../../../../../../../../src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\n\nexport const CalendarHeader: FC = () => {\n  return (\n    <header>\n      <Button ariaSlot=\"previous\" variant=\"plain\" color=\"secondary\">\n        <IconChevronLeft />\n      </Button>\n      <Aria.Heading />\n      <Button ariaSlot=\"next\" variant=\"plain\" color=\"secondary\">\n        <IconChevronRight />\n      </Button>\n    </header>\n  );\n};\n\nexport default CalendarHeader;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASO,MAAM,iBAAqB,MAAM;AACtC,EAAA,4BACG,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,UAAS,UAAW,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,WAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAgB,CACnB,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,CAAA;AAAA,oBACd,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAS,MAAO,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,WAAA,EAC5C,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,CACpB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianGrid/CartesianGrid.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Recharts from 'recharts';
+import tokens from '../../../../design-tokens/dist/variables.json.mjs';
+
+const CartesianGrid = (props) => {
+  const { vertical = false, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.CartesianGrid,
+    {
+      vertical,
+      ...rest,
+      stroke: tokens["cartesian-grid"].color.value,
+      strokeWidth: tokens["cartesian-grid"]["stroke-width"].value
+    }
+  );
+};
+
+export { CartesianGrid, CartesianGrid as default };
+//# sourceMappingURL=CartesianGrid.mjs.map

package/dist/js/components/src/components/CartesianGrid/CartesianGrid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianGrid.mjs","sources":["../../../../../../src/components/CartesianGrid/CartesianGrid.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type CartesianGridProps = Pick<\n  Recharts.CartesianGridProps,\n  \"className\" | \"vertical\" | \"horizontal\" | \"strokeDasharray\"\n>;\n\n/** @flr-generate all */\nexport const CartesianGrid: FC<CartesianGridProps> = (props) => {\n  const { vertical = false, ...rest } = props;\n\n  return (\n    <Recharts.CartesianGrid\n      vertical={vertical}\n      {...rest}\n      stroke={tokens[\"cartesian-grid\"].color.value}\n      strokeWidth={tokens[\"cartesian-grid\"][\"stroke-width\"].value}\n    />\n  );\n};\n\nexport default CartesianGrid;\n"],"names":[],"mappings":";;;;AAUa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAA,GAAW,KAAO,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtC,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,aAAA;AAAA,IAAT;AAAA,MACC,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,MAAQ,EAAA,MAAA,CAAO,gBAAgB,CAAA,CAAE,KAAM,CAAA,KAAA;AAAA,MACvC,WAAa,EAAA,MAAA,CAAO,gBAAgB,CAAA,CAAE,cAAc,CAAE,CAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianGrid/index.mjs

@@ -0,0 +1,6 @@
+import { CartesianGrid } from './CartesianGrid.mjs';
+
+
+
+export { CartesianGrid, CartesianGrid as default };
+//# sourceMappingURL=index.mjs.map