@mittwald/flow-react-components 0.2.0-alpha.35 → 0.2.0-alpha.351

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

@@ -1,57 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './ActionGroup.module.scss.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import clsx from 'clsx';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { TunnelProvider } from '@mittwald/react-tunnel';
-import { ActionStateContextProvider } from '../Action/models/ActionStateContext.mjs';
-import { getActionGroupSlot } from './lib/getActionGroupSlot.mjs';
-
-const ActionGroup = flowComponent(
-  "ActionGroup",
-  (props) => {
-    const {
-      children,
-      className,
-      ref,
-      ignoreBreakpoint,
-      spacing = "s",
-      ...rest
-    } = props;
-    const rootClassName = clsx(
-      styles.actionGroupContainer,
-      className,
-      ignoreBreakpoint && styles.ignoreBreakpoint,
-      styles[spacing]
-    );
-    const propsContext = {
-      Button: {
-        slot: dynamic((props2) => getActionGroupSlot(props2)),
-        className: dynamic((props2) => {
-          const slot = getActionGroupSlot(props2);
-          return clsx(props2.className, styles[slot]);
-        })
-      },
-      Switch: {
-        labelPosition: "leading",
-        className: dynamic((props2) => {
-          return clsx(props2.className, props2.slot && styles[props2.slot]);
-        })
-      },
-      Link: {
-        className: dynamic((props2) => {
-          return clsx(props2.className, props2.slot && styles[props2.slot]);
-        })
-      }
-    };
-    return /* @__PURE__ */ jsx(ActionStateContextProvider, { children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx("div", { className: styles.actionGroup, role: "group", children }) }) }) }) });
-  }
-);
-
-export { ActionGroup, ActionGroup as default };
-//# sourceMappingURL=ActionGroup.mjs.map

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

@@ -1 +0,0 @@
-{"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  /** Whether the breakpoints for a compact version should be ignored. */\n  ignoreBreakpoint?: boolean;\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      ignoreBreakpoint,\n      spacing = \"s\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(\n      styles.actionGroupContainer,\n      className,\n      ignoreBreakpoint && styles.ignoreBreakpoint,\n      styles[spacing],\n    );\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}>\n              <div className={styles.actionGroup} role=\"group\">\n                {children}\n              </div>\n            </div>\n          </TunnelProvider>\n        </PropsContextProvider>\n      </ActionStateContextProvider>\n    );\n  },\n);\n\nexport default ActionGroup;\n"],"names":["props"],"mappings":";;;;;;;;;;;;AAwBO,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,MACA,gBAAA;AAAA,MACA,OAAU,GAAA,GAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,oBAAA;AAAA,MACP,SAAA;AAAA,MACA,oBAAoB,MAAO,CAAA,gBAAA;AAAA,MAC3B,OAAO,OAAO;AAAA,KAChB;AAEA,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,IAAA,uBACG,GAAA,CAAA,0BAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,oBAAoB,EAAA,IAAA,EAC7D,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GACvC,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,WAAA,EAAa,IAAK,EAAA,OAAA,EACtC,QACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/ActionGroup/ActionGroup.module.scss.mjs

@@ -1,23 +0,0 @@
-"use client"
-/* */
-const actionGroup = "flow--action-group";
-const primary = "flow--action-group--primary";
-const secondary = "flow--action-group--secondary";
-const abort = "flow--action-group--abort";
-const actionGroupContainer = "flow--action-group--action-group-container";
-const ignoreBreakpoint = "flow--action-group--ignore-breakpoint";
-const s = "flow--action-group--s";
-const m = "flow--action-group--m";
-const styles = {
-	actionGroup: actionGroup,
-	primary: primary,
-	secondary: secondary,
-	abort: abort,
-	actionGroupContainer: actionGroupContainer,
-	ignoreBreakpoint: ignoreBreakpoint,
-	s: s,
-	m: m
-};
-
-export { abort, actionGroup, actionGroupContainer, styles as default, ignoreBreakpoint, m, primary, s, secondary };
-//# sourceMappingURL=ActionGroup.module.scss.mjs.map

package/dist/js/components/ActionGroup/ActionGroup.module.scss.mjs.map

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

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

@@ -1 +0,0 @@
-{"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/Activity/Activity.mjs

@@ -1,42 +0,0 @@
-"use client"
-/* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { lazy, useState, useEffect, Suspense } from 'react';
-import { useIsSSR } from 'react-aria';
-
-const nonResolvingPromise = new Promise(
-  () => {
-  }
-);
-const SuspenseTrigger = lazy(() => nonResolvingPromise);
-const Activity = (props) => {
-  const { children, isActive: isActiveFromProps = true, inactiveDelay } = props;
-  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);
-  const isSsr = useIsSSR();
-  useEffect(() => {
-    if (!inactiveDelay) {
-      return;
-    }
-    if (isActiveFromProps) {
-      setIsActiveState(true);
-    } else {
-      const timeout = setTimeout(() => {
-        setIsActiveState(false);
-      }, inactiveDelay);
-      return () => {
-        clearTimeout(timeout);
-      };
-    }
-  }, [isActiveFromProps, inactiveDelay]);
-  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;
-  if (isSsr) {
-    return isActive ? children : null;
-  }
-  return /* @__PURE__ */ jsxs(Suspense, { fallback: null, children: [
-    !isActive && /* @__PURE__ */ jsx(SuspenseTrigger, {}),
-    children
-  ] });
-};
-
-export { Activity };
-//# sourceMappingURL=Activity.mjs.map

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

@@ -1 +0,0 @@
-{"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};\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/Alert/Alert.mjs

@@ -1,38 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
-import '../../lib/propsContext/propsContext.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import styles from './Alert.module.scss.mjs';
-import clsx from 'clsx';
-import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const Alert = flowComponent("Alert", (props) => {
-  const { children, className, status = "info", ref, ...rest } = props;
-  const rootClassName = clsx(styles.alert, styles[status], className);
-  const propsContext = {
-    Heading: {
-      className: styles.heading,
-      level: 3,
-      size: "s",
-      children: dynamic((props2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(AlertIcon, { status }),
-        props2.children
-      ] }))
-    },
-    Content: {
-      className: styles.content,
-      Button: {
-        size: "s"
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx("aside", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
-});
-
-export { Alert, Alert as default };
-//# sourceMappingURL=Alert.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport styles from \"./Alert.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\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} />\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":";;;;;;;;;;;AAwBO,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,aAAU,MAAgB,EAAA,CAAA;AAAA,QAC1BA,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/Alert/Alert.module.scss.mjs

@@ -1,21 +0,0 @@
-"use client"
-/* */
-const alert = "flow--alert";
-const content = "flow--alert--content";
-const info = "flow--alert--info";
-const heading = "flow--alert--heading";
-const warning = "flow--alert--warning";
-const danger = "flow--alert--danger";
-const success = "flow--alert--success";
-const styles = {
-	alert: alert,
-	content: content,
-	info: info,
-	heading: heading,
-	warning: warning,
-	danger: danger,
-	success: success
-};
-
-export { alert, content, danger, styles as default, heading, info, success, warning };
-//# sourceMappingURL=Alert.module.scss.mjs.map

package/dist/js/components/Alert/Alert.module.scss.mjs.map

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

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

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import styles from './AlertBadge.module.scss.mjs';
-import clsx from 'clsx';
-import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
-import { Text } from '../Text/Text.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const AlertBadge = flowComponent(
-  "AlertBadge",
-  (props) => {
-    const { children, className, status = "info", ref, ...rest } = props;
-    const rootClassName = clsx(styles.alertBadge, styles[status], className);
-    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
-      /* @__PURE__ */ jsx(AlertIcon, { size: "s", className: styles.alertIcon, status }),
-      /* @__PURE__ */ jsx(Text, { className: styles.text, children })
-    ] }) });
-  }
-);
-
-export { AlertBadge, AlertBadge as default };
-//# sourceMappingURL=AlertBadge.mjs.map

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

@@ -1 +0,0 @@
-{"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 \"@/lib/propsContext\";\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/AlertIcon/AlertIcon.mjs

@@ -1,43 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import '@tabler/icons-react';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../lib/slotContext/slotContext.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';
-import styles from './AlertIcon.module.scss.mjs';
-
-const icons = {
-  danger: IconDanger,
-  info: IconInfo,
-  success: IconSuccess,
-  warning: IconWarning
-};
-const AlertIcon = (props) => {
-  const { status = "info", className, ...rest } = props;
-  const rootClassName = clsx(styles.alertIcon, styles[status], className);
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const Icon = icons[status];
-  const iconProps = {
-    className: rootClassName,
-    "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/AlertIcon/AlertIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertIcon.mjs","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport React 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 \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./AlertIcon.module.scss\";\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\", className, ...rest } = props;\n\n  const rootClassName = clsx(styles.alertIcon, styles[status], className);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    className: rootClassName,\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":";;;;;;;;;;;;;;;;;;;;AAkBA,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,MAAS,GAAA,MAAA,EAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEhD,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAEtE,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAuB,GAAA;AAAA,IAC3B,SAAW,EAAA,aAAA;AAAA,IACX,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/AlertIcon/AlertIcon.module.scss.mjs

@@ -1,17 +0,0 @@
-"use client"
-/* */
-const info = "flow--alert-icon--info";
-const alertIcon = "flow--alert-icon";
-const warning = "flow--alert-icon--warning";
-const danger = "flow--alert-icon--danger";
-const success = "flow--alert-icon--success";
-const styles = {
-	info: info,
-	alertIcon: alertIcon,
-	warning: warning,
-	danger: danger,
-	success: success
-};
-
-export { alertIcon, danger, styles as default, info, success, warning };
-//# sourceMappingURL=AlertIcon.module.scss.mjs.map

package/dist/js/components/AlertIcon/AlertIcon.module.scss.mjs.map

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

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

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './Align.module.scss.mjs';
-import clsx from 'clsx';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const Align = flowComponent("Align", (props) => {
-  const { children, className } = props;
-  const rootClassName = clsx(styles.align, className);
-  const propsContext = {
-    Text: { className: styles.text },
-    Button: { className: styles.button },
-    Avatar: { className: styles.avatar, size: "m" },
-    CopyButton: { size: "s", className: styles.copyButton },
-    Icon: { size: "s", className: styles.icon },
-    ContextualHelpTrigger: {
-      Button: {
-        className: styles.contextualHelpTriggerButton
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: rootClassName, children }) });
-});
-
-export { Align, Align as default };
-//# sourceMappingURL=Align.mjs.map

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

@@ -1 +0,0 @@
-{"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}>\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,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/Align/Align.module.scss.mjs

@@ -1,21 +0,0 @@
-"use client"
-/* */
-const align = "flow--align";
-const avatar = "flow--align--avatar";
-const text = "flow--align--text";
-const button = "flow--align--button";
-const copyButton = "flow--align--copy-button";
-const contextualHelpTriggerButton = "flow--align--contextual-help-trigger-button";
-const icon = "flow--align--icon";
-const styles = {
-	align: align,
-	avatar: avatar,
-	text: text,
-	button: button,
-	copyButton: copyButton,
-	contextualHelpTriggerButton: contextualHelpTriggerButton,
-	icon: icon
-};
-
-export { align, avatar, button, contextualHelpTriggerButton, copyButton, styles as default, icon, text };
-//# sourceMappingURL=Align.module.scss.mjs.map

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

@@ -1,44 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from './Avatar.module.scss.mjs';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { getColorFromChildren } from './lib/getColorFromChildren.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const avatarColors = [
-  "blue",
-  "teal",
-  "green",
-  "violet",
-  "lilac"
-];
-const Avatar = flowComponent(
-  "Avatar",
-  (props) => {
-    const { children, className, color, size = "m", ref } = props;
-    const rootClassName = clsx(
-      styles.avatar,
-      styles[`size-${size}`],
-      className,
-      styles[color ?? "blue"],
-      !color && styles[`dynamic-${getColorFromChildren(children)}`]
-    );
-    const propsContext = {
-      Initials: {
-        className: styles.initials
-      },
-      Icon: {
-        className: styles.icon
-      }
-    };
-    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx("div", { className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
-  }
-);
-
-export { Avatar, avatarColors, Avatar as default };
-//# sourceMappingURL=Avatar.mjs.map

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

@@ -1 +0,0 @@
-{"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 { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\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":";;;;;;;;;;AAWO,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/Avatar/Avatar.module.scss.mjs

@@ -1,32 +0,0 @@
-"use client"
-/* */
-const avatar = "flow--avatar";
-const icon = "flow--avatar--icon";
-const initials = "flow--avatar--initials";
-const blue = "flow--avatar--blue";
-const teal = "flow--avatar--teal";
-const green = "flow--avatar--green";
-const violet = "flow--avatar--violet";
-const lilac = "flow--avatar--lilac";
-const styles = {
-	avatar: avatar,
-	icon: icon,
-	initials: initials,
-	"size-m": "flow--avatar--size-m",
-	"size-xs": "flow--avatar--size-xs",
-	"size-s": "flow--avatar--size-s",
-	"size-l": "flow--avatar--size-l",
-	"dynamic-blue": "flow--avatar--dynamic-blue",
-	blue: blue,
-	"dynamic-teal": "flow--avatar--dynamic-teal",
-	teal: teal,
-	"dynamic-green": "flow--avatar--dynamic-green",
-	green: green,
-	"dynamic-violet": "flow--avatar--dynamic-violet",
-	violet: violet,
-	"dynamic-lilac": "flow--avatar--dynamic-lilac",
-	lilac: lilac
-};
-
-export { avatar, blue, styles as default, green, icon, initials, lilac, teal, violet };
-//# sourceMappingURL=Avatar.module.scss.mjs.map

package/dist/js/components/Avatar/Avatar.module.scss.mjs.map

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

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

@@ -1,26 +0,0 @@
-"use client"
-/* */
-import { hash } from 'object-code';
-import { isValidElement } from 'react';
-import { deepForEach } from 'react-children-utilities';
-import { avatarColors } from '../Avatar.mjs';
-
-const getColorFromChildren = (children) => {
-  const identifyingObject = [];
-  deepForEach(children, (c) => {
-    if (isValidElement(c)) {
-      identifyingObject.push({
-        props: c.props,
-        type: c.type
-      });
-    } else {
-      identifyingObject.push(c);
-    }
-  });
-  const propsCode = hash(identifyingObject);
-  const number = Math.abs(propsCode % (avatarColors.length - 1));
-  return avatarColors[number] ?? "blue";
-};
-
-export { getColorFromChildren };
-//# sourceMappingURL=getColorFromChildren.mjs.map

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

@@ -1 +0,0 @@
-{"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/Badge/Badge.mjs

@@ -1,85 +0,0 @@
-"use client"
-/* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import styles from './Badge.module.scss.mjs';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { Button } from '../Button/Button.mjs';
-import '@tabler/icons-react';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import { IconClose } from '../Icon/components/icons/IconClose.mjs';
-
-const Badge = flowComponent(
-  "Badge",
-  (props) => {
-    const {
-      children,
-      className,
-      color = "neutral",
-      ref,
-      onPress,
-      onClose,
-      isDisabled,
-      ...rest
-    } = props;
-    const rootClassName = clsx(
-      styles.badge,
-      styles[color],
-      isDisabled && styles.disabled,
-      className
-    );
-    const propsContext = {
-      Label: {
-        elementType: "span",
-        className: styles.scope,
-        unstyled: true
-      },
-      Text: {
-        elementType: "span",
-        className: styles.value
-      },
-      Button: {
-        Label: {
-          elementType: "span",
-          className: styles.scope,
-          unstyled: true
-        },
-        Text: {
-          elementType: "span",
-          className: styles.value
-        }
-      }
-    };
-    return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
-      !onPress && /* @__PURE__ */ jsx("div", { className: styles.content, children }),
-      onPress && /* @__PURE__ */ jsx(
-        Button,
-        {
-          isDisabled,
-          unstyled: true,
-          className: styles.button,
-          onPress,
-          children
-        }
-      ),
-      onClose && /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: styles.close,
-          size: "s",
-          color: "dark",
-          variant: "plain",
-          onPress: onClose,
-          isDisabled,
-          children: /* @__PURE__ */ jsx(IconClose, {})
-        }
-      )
-    ] }) });
-  }
-);
-
-export { Badge, Badge as default };
-//# sourceMappingURL=Badge.mjs.map

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

@@ -1 +0,0 @@
-{"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;;;;"}