@mittwald/flow-react-components 0.2.0-alpha.6 → 0.2.0-alpha.600

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

@@ -0,0 +1,78 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from './ColumnLayout.module.scss.mjs';
+import { getColumns } from './lib/getColumns.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const ColumnLayout = flowComponent(
+  "ColumnLayout",
+  (props) => {
+    const {
+      children,
+      className,
+      s,
+      m,
+      l,
+      gap = "m",
+      rowGap = gap,
+      columnGap = gap,
+      elementType = "div",
+      "aria-label": ariaLabel,
+      ref,
+      style: styleFromProps
+    } = props;
+    let elementClassName = styles.columnLayout;
+    s?.map((v, i) => {
+      if (v === null) {
+        elementClassName = clsx(elementClassName, styles[`hide-s-${i + 1}`]);
+      }
+    });
+    m?.map((v, i) => {
+      if (v === null) {
+        elementClassName = clsx(elementClassName, styles[`hide-m-${i + 1}`]);
+      }
+    });
+    l?.map((v, i) => {
+      if (v === null) {
+        elementClassName = clsx(elementClassName, styles[`hide-l-${i + 1}`]);
+      }
+    });
+    const columnsS = s ? getColumns(s) : "1fr";
+    const columnsM = m ? getColumns(m) : s ? columnsS : "1fr 1fr";
+    const columnsL = l ? getColumns(l) : m || s ? columnsM : "1fr 1fr 1fr";
+    const style = {
+      ...styleFromProps,
+      "--column-layout--columns-s": columnsS,
+      "--column-layout--columns-m": columnsM,
+      "--column-layout--columns-l": columnsL,
+      "--column-layout--row-gap": `var(--column-layout--gap--${rowGap})`,
+      "--column-layout--column-gap": `var(--column-layout--gap--${columnGap})`
+    };
+    const rootClassName = clsx(styles.columnLayoutContainer, className);
+    const Element = elementType;
+    const propsContext = {
+      Section: {
+        hideSeparator: true
+      }
+    };
+    return /* @__PURE__ */ jsx("div", { className: rootClassName, style, children: /* @__PURE__ */ jsx(
+      Element,
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: elementClassName,
+        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
+      }
+    ) });
+  },
+  {
+    type: "layout"
+  }
+);
+
+export { ColumnLayout, ColumnLayout as default };
+//# sourceMappingURL=ColumnLayout.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnLayout.mjs","sources":["../../../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { CSSProperties, PropsWithChildren } from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { getColumns } from \"./lib/getColumns\";\nimport clsx from \"clsx\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps<\n  T extends keyof HTMLElementTagNameMap = \"div\" | \"ul\",\n> extends PropsWithChildren,\n    PropsWithElementType<T>,\n    PropsWithClassName,\n    FlowComponentProps<HTMLElementTagNameMap[T]> {\n  /** Column layout for container size s. */\n  s?: (number | null)[];\n  /** Column layout for container size m. */\n  m?: (number | null)[];\n  /** Column layout for container size l. */\n  l?: (number | null)[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/** @flr-generate all */\nexport const ColumnLayout = flowComponent(\n  \"ColumnLayout\",\n  (props) => {\n    const {\n      children,\n      className,\n      s,\n      m,\n      l,\n      gap = \"m\",\n      rowGap = gap,\n      columnGap = gap,\n      elementType = \"div\",\n      \"aria-label\": ariaLabel,\n      ref,\n      style: styleFromProps,\n    } = props;\n\n    let elementClassName = styles.columnLayout;\n\n    s?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(elementClassName, styles[`hide-s-${i + 1}`]);\n      }\n    });\n    m?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(elementClassName, styles[`hide-m-${i + 1}`]);\n      }\n    });\n    l?.map((v, i) => {\n      if (v === null) {\n        elementClassName = clsx(elementClassName, styles[`hide-l-${i + 1}`]);\n      }\n    });\n\n    const columnsS = s ? getColumns(s) : \"1fr\";\n    const columnsM = m ? getColumns(m) : s ? columnsS : \"1fr 1fr\";\n    const columnsL = l ? getColumns(l) : m || s ? columnsM : \"1fr 1fr 1fr\";\n\n    const style = {\n      ...styleFromProps,\n      \"--column-layout--columns-s\": columnsS,\n      \"--column-layout--columns-m\": columnsM,\n      \"--column-layout--columns-l\": columnsL,\n      \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n      \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n    } as CSSProperties;\n\n    const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n    const Element = elementType;\n\n    const propsContext: PropsContext = {\n      Section: {\n        hideSeparator: true,\n      },\n    };\n\n    return (\n      <div className={rootClassName} style={style}>\n        <Element\n          ref={ref as never}\n          aria-label={ariaLabel}\n          className={elementClassName}\n        >\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Element>\n      </div>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ColumnLayout;\n"],"names":[],"mappings":";;;;;;;;AA2CO,MAAM,YAAA,GAAe,aAAA;AAAA,EAC1B,cAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,CAAA;AAAA,MACA,CAAA;AAAA,MACA,CAAA;AAAA,MACA,GAAA,GAAM,GAAA;AAAA,MACN,MAAA,GAAS,GAAA;AAAA,MACT,SAAA,GAAY,GAAA;AAAA,MACZ,WAAA,GAAc,KAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,KACT,GAAI,KAAA;AAEJ,IAAA,IAAI,mBAAmB,MAAA,CAAO,YAAA;AAE9B,IAAA,CAAA,EAAG,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM;AACf,MAAA,IAAI,MAAM,IAAA,EAAM;AACd,QAAA,gBAAA,GAAmB,KAAK,gBAAA,EAAkB,MAAA,CAAO,UAAU,CAAA,GAAI,CAAC,EAAE,CAAC,CAAA;AAAA,MACrE;AAAA,IACF,CAAC,CAAA;AACD,IAAA,CAAA,EAAG,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM;AACf,MAAA,IAAI,MAAM,IAAA,EAAM;AACd,QAAA,gBAAA,GAAmB,KAAK,gBAAA,EAAkB,MAAA,CAAO,UAAU,CAAA,GAAI,CAAC,EAAE,CAAC,CAAA;AAAA,MACrE;AAAA,IACF,CAAC,CAAA;AACD,IAAA,CAAA,EAAG,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM;AACf,MAAA,IAAI,MAAM,IAAA,EAAM;AACd,QAAA,gBAAA,GAAmB,KAAK,gBAAA,EAAkB,MAAA,CAAO,UAAU,CAAA,GAAI,CAAC,EAAE,CAAC,CAAA;AAAA,MACrE;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,QAAA,GAAW,CAAA,GAAI,UAAA,CAAW,CAAC,CAAA,GAAI,KAAA;AACrC,IAAA,MAAM,WAAW,CAAA,GAAI,UAAA,CAAW,CAAC,CAAA,GAAI,IAAI,QAAA,GAAW,SAAA;AACpD,IAAA,MAAM,WAAW,CAAA,GAAI,UAAA,CAAW,CAAC,CAAA,GAAI,CAAA,IAAK,IAAI,QAAA,GAAW,aAAA;AAEzD,IAAA,MAAM,KAAA,GAAQ;AAAA,MACZ,GAAG,cAAA;AAAA,MACH,4BAAA,EAA8B,QAAA;AAAA,MAC9B,4BAAA,EAA8B,QAAA;AAAA,MAC9B,4BAAA,EAA8B,QAAA;AAAA,MAC9B,0BAAA,EAA4B,6BAA6B,MAAM,CAAA,CAAA,CAAA;AAAA,MAC/D,6BAAA,EAA+B,6BAA6B,SAAS,CAAA,CAAA;AAAA,KACvE;AAEA,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,qBAAA,EAAuB,SAAS,CAAA;AAElE,IAAA,MAAM,OAAA,GAAU,WAAA;AAEhB,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,OAAA,EAAS;AAAA,QACP,aAAA,EAAe;AAAA;AACjB,KACF;AAEA,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAe,KAAA,EAC7B,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAA,EAAY,SAAA;AAAA,QACZ,SAAA,EAAW,gBAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH;AAAA;AAAA,KACF,EACF,CAAA;AAAA,EAEJ,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA;AAEV;;;;"}

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

@@ -0,0 +1,26 @@
+"use client"
+/* */
+const columnLayoutContainer = "flow--column-layout--column-layout-container";
+const columnLayout = "flow--column-layout";
+const styles = {
+	columnLayoutContainer: columnLayoutContainer,
+	columnLayout: columnLayout,
+	"hide-l-1": "flow--column-layout--hide-l-1",
+	"hide-l-2": "flow--column-layout--hide-l-2",
+	"hide-l-3": "flow--column-layout--hide-l-3",
+	"hide-l-4": "flow--column-layout--hide-l-4",
+	"hide-l-5": "flow--column-layout--hide-l-5",
+	"hide-m-1": "flow--column-layout--hide-m-1",
+	"hide-m-2": "flow--column-layout--hide-m-2",
+	"hide-m-3": "flow--column-layout--hide-m-3",
+	"hide-m-4": "flow--column-layout--hide-m-4",
+	"hide-m-5": "flow--column-layout--hide-m-5",
+	"hide-s-1": "flow--column-layout--hide-s-1",
+	"hide-s-2": "flow--column-layout--hide-s-2",
+	"hide-s-3": "flow--column-layout--hide-s-3",
+	"hide-s-4": "flow--column-layout--hide-s-4",
+	"hide-s-5": "flow--column-layout--hide-s-5"
+};
+
+export { columnLayout, columnLayoutContainer, styles as default };
+//# sourceMappingURL=ColumnLayout.module.scss.mjs.map

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

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

package/dist/js/components/src/components/ColumnLayout/lib/getColumns.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const getColumns = (values) => {
+  const fractionValues = values.filter((v) => v !== null).map((value) => `${value}fr`);
+  return fractionValues.join(" ");
+};
+
+export { getColumns };
+//# sourceMappingURL=getColumns.mjs.map

package/dist/js/components/src/components/ColumnLayout/lib/getColumns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColumns.mjs","sources":["../../../../../../../src/components/ColumnLayout/lib/getColumns.ts"],"sourcesContent":["export const getColumns = (values: (number | null)[]): string => {\n  const fractionValues = values\n    .filter((v) => v !== null)\n    .map((value) => `${value}fr`);\n\n  return fractionValues.join(\" \");\n};\n"],"names":[],"mappings":"AAAO,MAAM,UAAA,GAAa,CAAC,MAAA,KAAsC;AAC/D,EAAA,MAAM,cAAA,GAAiB,MAAA,CACpB,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,KAAM,IAAI,CAAA,CACxB,GAAA,CAAI,CAAC,KAAA,KAAU,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,CAAA;AAE9B,EAAA,OAAO,cAAA,CAAe,KAAK,GAAG,CAAA;AAChC;;;;"}

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

@@ -0,0 +1,105 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
+import { Options } from '../Options/Options.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import clsx from 'clsx';
+import styles from './ComboBox.module.scss.mjs';
+import locales from '../../../../_virtual/_.locale.json@51dcf4944c990e2cbe26472300dae78d.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import 'mobx';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+
+const ComboBox = flowComponent("ComboBox", (props) => {
+  const {
+    children,
+    className,
+    menuTrigger = "focus",
+    onChange,
+    onSelectionChange,
+    placeholder,
+    ref,
+    renderEmptyState,
+    ...rest
+  } = props;
+  const {
+    FieldErrorView,
+    FieldErrorCaptureContext,
+    fieldProps,
+    fieldPropsContext
+  } = useFieldComponent(props);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const rootClassName = clsx(fieldProps.className, styles.comboBox, className);
+  const propsContext = {
+    Option: {
+      tunnelId: "options"
+    },
+    ...fieldPropsContext
+  };
+  const handleSelectionChange = (key) => {
+    if (key === null) {
+      return;
+    }
+    onChange?.(String(key));
+    onSelectionChange?.(key);
+  };
+  const controller = useOverlayController("ComboBox", {
+    reuseControllerFromContext: false
+  });
+  return /* @__PURE__ */ jsx(
+    Aria.ComboBox,
+    {
+      ...fieldProps,
+      menuTrigger,
+      className: rootClassName,
+      ...rest,
+      onSelectionChange: handleSelectionChange,
+      onOpenChange: (isOpen) => {
+        controller.setOpen(isOpen);
+      },
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+        /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.input, children: [
+            /* @__PURE__ */ jsx(Aria.Input, { placeholder, ref }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: styles.toggle,
+                "aria-label": stringFormatter.format("comboBox.showOptions"),
+                variant: "plain",
+                color: "secondary",
+                children: /* @__PURE__ */ jsx(IconChevronDown, {})
+              }
+            )
+          ] }),
+          children,
+          /* @__PURE__ */ jsx(
+            Options,
+            {
+              controller,
+              onOpenChange: () => {
+              },
+              renderEmptyState,
+              children: /* @__PURE__ */ jsx(TunnelExit, { id: "options" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(FieldErrorView, {})
+      ] }) })
+    }
+  );
+});
+
+export { ComboBox, ComboBox as default };
+//# sourceMappingURL=ComboBox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.mjs","sources":["../../../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Button } from \"@/components/Button\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { Options } from \"@/components/Options\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./ComboBox.module.scss\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface ComboBoxProps\n  extends Omit<Aria.ComboBoxProps<never>, \"children\">,\n    Pick<Aria.InputProps, \"placeholder\">,\n    Pick<OptionsProps, \"renderEmptyState\">,\n    PropsWithChildren,\n    FlowComponentProps<HTMLInputElement> {\n  onChange?: (value: string) => void;\n}\n\n/** @flr-generate all */\nexport const ComboBox = flowComponent(\"ComboBox\", (props) => {\n  const {\n    children,\n    className,\n    menuTrigger = \"focus\",\n    onChange,\n    onSelectionChange,\n    placeholder,\n    ref,\n    renderEmptyState,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const rootClassName = clsx(fieldProps.className, styles.comboBox, className);\n\n  const propsContext: PropsContext = {\n    Option: {\n      tunnelId: \"options\",\n    },\n    ...fieldPropsContext,\n  };\n\n  const handleSelectionChange = (key: Key | null) => {\n    if (key === null) {\n      return;\n    }\n    onChange?.(String(key));\n    onSelectionChange?.(key);\n  };\n\n  const controller = useOverlayController(\"ComboBox\", {\n    reuseControllerFromContext: false,\n  });\n\n  return (\n    <Aria.ComboBox\n      {...fieldProps}\n      menuTrigger={menuTrigger}\n      className={rootClassName}\n      {...rest}\n      onSelectionChange={handleSelectionChange}\n      onOpenChange={(isOpen) => {\n        controller.setOpen(isOpen);\n      }}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <FieldErrorCaptureContext>\n            <div className={styles.input}>\n              <Aria.Input placeholder={placeholder} ref={ref} />\n              <Button\n                className={styles.toggle}\n                aria-label={stringFormatter.format(\"comboBox.showOptions\")}\n                variant=\"plain\"\n                color=\"secondary\"\n              >\n                <IconChevronDown />\n              </Button>\n            </div>\n\n            {children}\n\n            <Options\n              controller={controller}\n              onOpenChange={() => {\n                // cut-off to avoid double controller state changes\n              }}\n              renderEmptyState={renderEmptyState}\n            >\n              <TunnelExit id=\"options\" />\n            </Options>\n          </FieldErrorCaptureContext>\n          <FieldErrorView />\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Aria.ComboBox>\n  );\n});\n\nexport default ComboBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA,GAAc,OAAA;AAAA,IACd,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAA;AAAA,IACA,gBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,gBAAgB,IAAA,CAAK,UAAA,CAAW,SAAA,EAAW,MAAA,CAAO,UAAU,SAAS,CAAA;AAE3E,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,qBAAA,GAAwB,CAAC,GAAA,KAAoB;AACjD,IAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,GAAW,MAAA,CAAO,GAAG,CAAC,CAAA;AACtB,IAAA,iBAAA,GAAoB,GAAG,CAAA;AAAA,EACzB,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,qBAAqB,UAAA,EAAY;AAAA,IAClD,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,QAAA;AAAA,IAAL;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,WAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,iBAAA,EAAmB,qBAAA;AAAA,MACnB,YAAA,EAAc,CAAC,MAAA,KAAW;AACxB,QAAA,UAAA,CAAW,QAAQ,MAAM,CAAA;AAAA,MAC3B,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,KAAA,EACrB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAW,WAAA,EAA0B,GAAA,EAAU,CAAA;AAAA,4BAChD,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAA,CAAO,MAAA;AAAA,gBAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,sBAAsB,CAAA;AAAA,gBACzD,OAAA,EAAQ,OAAA;AAAA,gBACR,KAAA,EAAM,WAAA;AAAA,gBAEN,8BAAC,eAAA,EAAA,EAAgB;AAAA;AAAA;AACnB,WAAA,EACF,CAAA;AAAA,UAEC,QAAA;AAAA,0BAED,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,UAAA;AAAA,cACA,cAAc,MAAM;AAAA,cAEpB,CAAA;AAAA,cACA,gBAAA;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,SAAA,EAAU;AAAA;AAAA;AAC3B,SAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB,CAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const comboBox = "flow--combo-box";
+const input = "flow--combo-box--input";
+const toggle = "flow--combo-box--toggle";
+const styles = {
+	comboBox: comboBox,
+	input: input,
+	toggle: toggle
+};
+
+export { comboBox, styles as default, input, toggle };
+//# sourceMappingURL=ComboBox.module.scss.mjs.map

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

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

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const Content = flowComponent("Content", (props) => {
+  const { children, elementType = "div", ref, ...rest } = props;
+  const Element = elementType;
+  return /* @__PURE__ */ jsx(Element, { ref, ...rest, children });
+});
+
+export { Content, Content as default };
+//# sourceMappingURL=Content.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.mjs","sources":["../../../../../../src/components/Content/Content.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ContentProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"span\">,\n    FlowComponentProps {\n  /** @internal */\n  slot?: string;\n}\n\n/** @flr-generate all */\nexport const Content = flowComponent(\"Content\", (props) => {\n  const { children, elementType = \"div\", ref, ...rest } = props;\n\n  const Element = elementType;\n\n  return (\n    <Element ref={ref} {...rest}>\n      {children}\n    </Element>\n  );\n});\n\nexport default Content;\n"],"names":[],"mappings":";;;AAcO,MAAM,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,GAAc,OAAO,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAExD,EAAA,MAAM,OAAA,GAAU,WAAA;AAEhB,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,GAAA,EAAW,GAAG,MACpB,QAAA,EACH,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,79 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Action } from '../Action/Action.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+import { getAriaSelectionMode, getMenuItemSelectionVariant, getCloseOverlayType } from './lib.mjs';
+import { Popover } from '../Popover/Popover.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import 'mobx';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import ContextMenuContentView from '../../views/ContextMenuContentView.mjs';
+import styles from './ContextMenu.module.scss.mjs';
+
+const ContextMenu = flowComponent("ContextMenu", (props) => {
+  const {
+    children,
+    onAction,
+    selectionMode,
+    selectedKeys,
+    defaultSelectedKeys,
+    disabledKeys,
+    onSelectionChange,
+    renderEmptyState,
+    ref,
+    controller: overlayControllerFromProps,
+    ...rest
+  } = props;
+  const overlayControllerFromContext = useOverlayController("ContextMenu", {
+    reuseControllerFromContext: true
+  });
+  const overlayController = overlayControllerFromProps ?? overlayControllerFromContext;
+  const selectionVariant = getMenuItemSelectionVariant(selectionMode);
+  const propsContext = {
+    MenuItem: {
+      selectionVariant,
+      Avatar: {
+        size: "l"
+      }
+    },
+    Section: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      },
+      renderContextMenuSection: true
+    },
+    ContextMenuSection: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(Popover, { ...rest, controller: overlayController, isDialogContent: false, children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "ContextMenu", controller: overlayController, children: /* @__PURE__ */ jsx(
+    ContextMenuContentView,
+    {
+      className: styles.contextMenu,
+      onAction,
+      selectionMode: getAriaSelectionMode(selectionMode),
+      selectedKeys,
+      defaultSelectedKeys,
+      disabledKeys,
+      onSelectionChange,
+      renderEmptyState,
+      ref,
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Action, { closeOverlay: getCloseOverlayType(selectionMode), children }) })
+    }
+  ) }) });
+});
+
+export { ContextMenu, ContextMenu as default };
+//# sourceMappingURL=ContextMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.mjs","sources":["../../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  getCloseOverlayType,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport type { MenuItemProps } from \"@/components/MenuItem\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { OverlayContextProvider } from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ContextMenuContentView from \"@/views/ContextMenuContentView\";\nimport type * as Aria from \"react-aria-components\";\nimport styles from \"./ContextMenu.module.scss\";\n\nexport interface ContextMenuProps\n  extends Omit<PopoverProps, \"withTip\">,\n    Pick<\n      Aria.MenuProps<MenuItemProps>,\n      | \"onAction\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disabledKeys\"\n      | \"renderEmptyState\"\n    >,\n    FlowComponentProps {\n  /** The type of selection that is allowed in the context menu. */\n  selectionMode?: ContextMenuSelectionMode;\n  /** Sets the context menu to a fixed width. */\n  width?: string | number;\n}\n\n/** @flr-generate all */\nexport const ContextMenu = flowComponent(\"ContextMenu\", (props) => {\n  const {\n    children,\n    onAction,\n    selectionMode,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    renderEmptyState,\n    ref,\n    controller: overlayControllerFromProps,\n    ...rest\n  } = props;\n\n  const overlayControllerFromContext = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: true,\n  });\n\n  const overlayController =\n    overlayControllerFromProps ?? overlayControllerFromContext;\n\n  const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n  const propsContext: PropsContext = {\n    MenuItem: {\n      selectionVariant,\n      Avatar: {\n        size: \"l\",\n      },\n    },\n\n    Section: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n      renderContextMenuSection: true,\n    },\n\n    ContextMenuSection: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n    },\n  };\n\n  return (\n    <Popover {...rest} controller={overlayController} isDialogContent={false}>\n      <OverlayContextProvider type=\"ContextMenu\" controller={overlayController}>\n        <ContextMenuContentView\n          className={styles.contextMenu}\n          onAction={onAction}\n          selectionMode={getAriaSelectionMode(selectionMode)}\n          selectedKeys={selectedKeys}\n          defaultSelectedKeys={defaultSelectedKeys}\n          disabledKeys={disabledKeys}\n          onSelectionChange={onSelectionChange}\n          renderEmptyState={renderEmptyState}\n          ref={ref}\n        >\n          <PropsContextProvider props={propsContext}>\n            <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n              {children}\n            </Action>\n          </PropsContextProvider>\n        </ContextMenuContentView>\n      </OverlayContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextMenu;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsCO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAA,EAAY,0BAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,4BAAA,GAA+B,qBAAqB,aAAA,EAAe;AAAA,IACvE,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,oBACJ,0BAAA,IAA8B,4BAAA;AAEhC,EAAA,MAAM,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,QAAA,EAAU;AAAA,MACR,gBAAA;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IAEA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA,QACR,MAAA,EAAQ;AAAA,UACN,IAAA,EAAM;AAAA;AACR,OACF;AAAA,MACA,wBAAA,EAA0B;AAAA,KAC5B;AAAA,IAEA,kBAAA,EAAoB;AAAA,MAClB,QAAA,EAAU;AAAA,QACR,MAAA,EAAQ;AAAA,UACN,IAAA,EAAM;AAAA;AACR;AACF;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAS,GAAG,IAAA,EAAM,UAAA,EAAY,iBAAA,EAAmB,eAAA,EAAiB,KAAA,EACjE,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,aAAA,EAAc,YAAY,iBAAA,EACrD,QAAA,kBAAA,GAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,QAAA;AAAA,MACA,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,MACjD,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,GAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,YAAA,EAAc,mBAAA,CAAoB,aAAa,CAAA,EACpD,QAAA,EACH,CAAA,EACF;AAAA;AAAA,KAEJ,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const contextMenu = "flow--context-menu";
+const section = "flow--context-menu--section";
+const styles = {
+	contextMenu: contextMenu,
+	section: section
+};
+
+export { contextMenu, styles as default, section };
+//# sourceMappingURL=ContextMenu.module.scss.mjs.map

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

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

package/dist/js/components/src/components/ContextMenu/components/ContextMenuContent/ContextMenuContent.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+
+const ContextMenuContent = (props) => /* @__PURE__ */ jsx(Aria.Menu, { ...props });
+
+export { ContextMenuContent, ContextMenuContent as default };
+//# sourceMappingURL=ContextMenuContent.mjs.map

package/dist/js/components/src/components/ContextMenu/components/ContextMenuContent/ContextMenuContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.mjs","sources":["../../../../../../../../src/components/ContextMenu/components/ContextMenuContent/ContextMenuContent.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { ComponentProps, FC } from \"react\";\n\nexport type ContextMenuContentProps = ComponentProps<typeof Aria.Menu>;\n\n/** @flr-generate all */\nexport const ContextMenuContent: FC<ContextMenuContentProps> = (props) => (\n  <Aria.Menu {...props} />\n);\n\nexport default ContextMenuContent;\n"],"names":[],"mappings":";;;AAMO,MAAM,kBAAA,GAAkD,CAAC,KAAA,qBAC9D,GAAA,CAAC,KAAK,IAAA,EAAL,EAAW,GAAG,KAAA,EAAO;;;;"}

package/dist/js/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import styles from '../../ContextMenu.module.scss.mjs';
+import { getAriaSelectionMode, getMenuItemSelectionVariant, getCloseOverlayType } from '../../lib.mjs';
+import { Action } from '../../../Action/Action.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+
+const ContextMenuSection = flowComponent(
+  "ContextMenuSection",
+  (props) => {
+    const { children, selectionMode, ref, ...rest } = props;
+    const selectionVariant = getMenuItemSelectionVariant(selectionMode);
+    const propsContext = {
+      Heading: {
+        level: 5,
+        wrapWith: /* @__PURE__ */ jsx(Aria.Header, {})
+      },
+      MenuItem: {
+        selectionVariant
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Aria.MenuSection,
+      {
+        ref,
+        ...rest,
+        selectionMode: getAriaSelectionMode(selectionMode),
+        className: styles.section,
+        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Action, { skip: true, children: /* @__PURE__ */ jsx(Action, { closeOverlay: getCloseOverlayType(selectionMode), children }) }) })
+      }
+    );
+  },
+  { type: "layout" }
+);
+
+export { ContextMenuSection, ContextMenuSection as default };
+//# sourceMappingURL=ContextMenuSection.mjs.map

package/dist/js/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSection.mjs","sources":["../../../../../../../../src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"../../ContextMenu.module.scss\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  getCloseOverlayType,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport { Action } from \"@/components/Action\";\nimport type { MenuItemProps } from \"@/components/MenuItem\";\n\nexport type ContextMenuSectionProps = PropsWithChildren &\n  FlowComponentProps &\n  Pick<\n    Aria.MenuSectionProps<MenuItemProps>,\n    \"defaultSelectedKeys\" | \"selectedKeys\"\n  > & {\n    selectionMode?: ContextMenuSelectionMode;\n  };\n\n/** @flr-generate all */\nexport const ContextMenuSection = flowComponent(\n  \"ContextMenuSection\",\n  (props) => {\n    const { children, selectionMode, ref, ...rest } = props;\n\n    const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n    const propsContext: PropsContext = {\n      Heading: {\n        level: 5,\n        wrapWith: <Aria.Header />,\n      },\n      MenuItem: {\n        selectionVariant,\n      },\n    };\n\n    return (\n      <Aria.MenuSection\n        ref={ref}\n        {...rest}\n        selectionMode={getAriaSelectionMode(selectionMode)}\n        className={styles.section}\n      >\n        <PropsContextProvider props={propsContext}>\n          <Action skip>\n            <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n              {children}\n            </Action>\n          </Action>\n        </PropsContextProvider>\n      </Aria.MenuSection>\n    );\n  },\n  { type: \"layout\" },\n);\n\nexport default ContextMenuSection;\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BO,MAAM,kBAAA,GAAqB,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,aAAA,EAAe,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAElD,IAAA,MAAM,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,CAAA;AAAA,QACP,QAAA,kBAAU,GAAA,CAAC,IAAA,CAAK,MAAA,EAAL,EAAY;AAAA,OACzB;AAAA,MACA,QAAA,EAAU;AAAA,QACR;AAAA;AACF,KACF;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA,CAAK,WAAA;AAAA,MAAL;AAAA,QACC,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QACJ,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,QACjD,WAAW,MAAA,CAAO,OAAA;AAAA,QAElB,8BAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,UAAO,IAAA,EAAI,IAAA,EACV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,cAAc,mBAAA,CAAoB,aAAa,CAAA,EACpD,QAAA,EACH,GACF,CAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,QAAA;AACV;;;;"}

package/dist/js/components/src/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react-aria-components';
+import '../../../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
+import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import MenuTriggerView from '../../../../views/MenuTriggerView.mjs';
+
+const ContextMenuTrigger = flowComponent(
+  "ContextMenuTrigger",
+  (props) => {
+    const { children, ...triggerProps } = props;
+    return /* @__PURE__ */ jsx(
+      OverlayTrigger,
+      {
+        overlayType: "ContextMenu",
+        ...triggerProps,
+        component: MenuTriggerView,
+        children
+      }
+    );
+  },
+  { type: "provider" }
+);
+
+export { ContextMenuTrigger, ContextMenuTrigger as default };
+//# sourceMappingURL=ContextMenuTrigger.mjs.map

package/dist/js/components/src/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.mjs","sources":["../../../../../../../../src/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.tsx"],"sourcesContent":["import type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport MenuTriggerView from \"@/views/MenuTriggerView\";\n\nexport type ContextMenuTriggerProps = OverlayTriggerProps;\n\n/** @flr-generate all */\nexport const ContextMenuTrigger = flowComponent(\n  \"ContextMenuTrigger\",\n  (props) => {\n    const { children, ...triggerProps } = props;\n    return (\n      <OverlayTrigger\n        overlayType=\"ContextMenu\"\n        {...triggerProps}\n        component={MenuTriggerView}\n      >\n        {children}\n      </OverlayTrigger>\n    );\n  },\n  { type: \"provider\" },\n);\n\nexport default ContextMenuTrigger;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAA,GAAqB,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAY,aAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,SAAA,EAAW,eAAA;AAAA,QAEV;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,UAAA;AACV;;;;"}

package/dist/js/components/src/components/ContextMenu/lib.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+const getAriaSelectionMode = (selectionMode) => {
+  return selectionMode === "navigation" ? "none" : selectionMode === "switch" ? "multiple" : selectionMode;
+};
+const getMenuItemSelectionVariant = (selectionMode) => {
+  return selectionMode === "single" || selectionMode === "multiple" ? "control" : selectionMode;
+};
+const getCloseOverlayType = (selectionMode) => {
+  return selectionMode === "multiple" || selectionMode === "switch" ? void 0 : "ContextMenu";
+};
+
+export { getAriaSelectionMode, getCloseOverlayType, getMenuItemSelectionVariant };
+//# sourceMappingURL=lib.mjs.map

package/dist/js/components/src/components/ContextMenu/lib.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.mjs","sources":["../../../../../../src/components/ContextMenu/lib.ts"],"sourcesContent":["export type ContextMenuSelectionMode =\n  | \"single\"\n  | \"multiple\"\n  | \"navigation\"\n  | \"switch\";\n\nexport const getAriaSelectionMode = (\n  selectionMode?: ContextMenuSelectionMode,\n) => {\n  return selectionMode === \"navigation\"\n    ? \"none\"\n    : selectionMode === \"switch\"\n      ? \"multiple\"\n      : selectionMode;\n};\n\nexport const getMenuItemSelectionVariant = (\n  selectionMode?: ContextMenuSelectionMode,\n) => {\n  return selectionMode === \"single\" || selectionMode === \"multiple\"\n    ? \"control\"\n    : selectionMode;\n};\n\nexport const getCloseOverlayType = (\n  selectionMode?: ContextMenuSelectionMode,\n) => {\n  return selectionMode === \"multiple\" || selectionMode === \"switch\"\n    ? undefined\n    : \"ContextMenu\";\n};\n"],"names":[],"mappings":"AAMO,MAAM,oBAAA,GAAuB,CAClC,aAAA,KACG;AACH,EAAA,OAAO,aAAA,KAAkB,YAAA,GACrB,MAAA,GACA,aAAA,KAAkB,WAChB,UAAA,GACA,aAAA;AACR;AAEO,MAAM,2BAAA,GAA8B,CACzC,aAAA,KACG;AACH,EAAA,OAAO,aAAA,KAAkB,QAAA,IAAY,aAAA,KAAkB,UAAA,GACnD,SAAA,GACA,aAAA;AACN;AAEO,MAAM,mBAAA,GAAsB,CACjC,aAAA,KACG;AACH,EAAA,OAAO,aAAA,KAAkB,UAAA,IAAc,aAAA,KAAkB,QAAA,GACrD,MAAA,GACA,aAAA;AACN;;;;"}

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

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Popover } from '../Popover/Popover.mjs';
+import styles from './ContextualHelp.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import 'mobx';
+import 'react';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+
+const ContextualHelp = flowComponent("ContextualHelp", (props) => {
+  const {
+    children,
+    controller: controllerFromProps,
+    ref: ignoredRef,
+    ...rest
+  } = props;
+  const controllerFromContext = useOverlayController("ContextualHelp", {
+    reuseControllerFromContext: true
+  });
+  const controller = controllerFromProps ?? controllerFromContext;
+  const propsContext = {
+    Heading: {
+      level: 5
+    }
+  };
+  return /* @__PURE__ */ jsx(Popover, { withTip: true, ...rest, controller, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: styles.contextualHelp, children }) }) });
+});
+
+export { ContextualHelp, ContextualHelp as default };
+//# sourceMappingURL=ContextualHelp.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualHelp.mjs","sources":["../../../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import type { PopoverProps } from \"@/components/Popover/Popover\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport styles from \"./ContextualHelp.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/** @flr-generate all */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 5,\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"names":[],"mappings":";;;;;;;;;;AAWO,MAAM,cAAA,GAAiB,aAAA,CAAc,gBAAA,EAAkB,CAAC,KAAA,KAAU;AACvE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,UAAA,EAAY,mBAAA;AAAA,IACZ,GAAA,EAAK,UAAA;AAAA,IACL,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,gBAAA,EAAkB;AAAA,IACnE,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAEA,EAAA,2BACG,OAAA,EAAA,EAAQ,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,cAAA,EAAiB,QAAA,EAAS,GACnD,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const contextualHelp = "flow--contextual-help";
+const styles = {
+	contextualHelp: contextualHelp
+};
+
+export { contextualHelp, styles as default };
+//# sourceMappingURL=ContextualHelp.module.scss.mjs.map

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

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

package/dist/js/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs

@@ -0,0 +1,48 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import '../../../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
+import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import locales from '../../../../../../_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import 'react';
+import '@tabler/icons-react';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconInfo } from '../../../Icon/components/icons/IconInfo.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+
+const ContextualHelpTrigger = flowComponent(
+  "ContextualHelpTrigger",
+  (props) => {
+    const { children, ...triggerProps } = props;
+    const stringFormatter = useLocalizedStringFormatter(locales);
+    const propsContext = {
+      Button: {
+        "aria-label": stringFormatter.format(
+          "contextualHelpButton.moreInformation"
+        ),
+        children: /* @__PURE__ */ jsx(IconInfo, {}),
+        size: "s",
+        variant: "plain",
+        ariaSlot: null
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      OverlayTrigger,
+      {
+        overlayType: "ContextualHelp",
+        ...triggerProps,
+        component: Aria.DialogTrigger,
+        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
+      }
+    );
+  },
+  { type: "provider" }
+);
+
+export { ContextualHelpTrigger, ContextualHelpTrigger as default };
+//# sourceMappingURL=ContextualHelpTrigger.mjs.map