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

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

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

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Recharts from 'recharts';
+import LegendContent from './components/LegendContent/LegendContent.mjs';
+
+const ChartLegend = (props) => {
+  const { formatter, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.Legend,
+    {
+      ...rest,
+      content: /* @__PURE__ */ jsx(LegendContent, { formatter })
+    }
+  );
+};
+
+export { ChartLegend, ChartLegend as default };
+//# sourceMappingURL=ChartLegend.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.mjs","sources":["../../../../../../src/components/ChartLegend/ChartLegend.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport LegendContent from \"./components/LegendContent/LegendContent\";\n\nexport type ChartLegendFormatter = (text: string) => string;\n\nexport interface WithChartLegendFormatters {\n  /**\n   * A formatter function for the texts of the Legend. Can be used for purposes\n   * like translations.\n   */\n  formatter?: ChartLegendFormatter;\n}\n\nexport type ChartLegendProps = Pick<\n  Recharts.LegendProps,\n  \"className\" | \"verticalAlign\"\n> &\n  WithChartLegendFormatters;\n\n/** @flr-generate all */\nexport const ChartLegend: FC<ChartLegendProps> = (props) => {\n  const { formatter, ...rest } = props;\n\n  return (\n    <Recharts.Legend\n      {...rest}\n      content={<LegendContent formatter={formatter} />}\n    />\n  );\n};\n\nexport default ChartLegend;\n"],"names":[],"mappings":";;;;AAqBa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,MAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAA,kBAAU,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA;AAAA;AAAA,GAChD;AAEJ;;;;"}

package/dist/js/components/src/components/ChartLegend/components/LegendContent/LegendContent.mjs

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
+import { Legend } from '../../../Legend/Legend.mjs';
+import { LegendItem } from '../../../Legend/components/LegendItem/LegendItem.mjs';
+
+const LegendContent = (props) => {
+  const { formatter, payload } = props;
+  return /* @__PURE__ */ jsx(Legend, { children: payload?.filter(
+    (entry) => entry.payload && "fill" in entry.payload && entry.payload?.fill !== "none"
+  ).map((entry, index) => {
+    return /* @__PURE__ */ jsx(
+      LegendItem,
+      {
+        title: entry.dataKey ? formatter ? formatter(entry.dataKey?.toString()) : entry.dataKey.toString() : "",
+        color: entry.payload && "fill" in entry.payload ? entry.payload?.fill : tokens.color.gray[100].value
+      },
+      `legendItem-${index}`
+    );
+  }) });
+};
+
+export { LegendContent as default };
+//# sourceMappingURL=LegendContent.mjs.map

package/dist/js/components/src/components/ChartLegend/components/LegendContent/LegendContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../src/components/ChartLegend/components/LegendContent/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"../../ChartLegend\";\nimport type { FC } from \"react\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n  const { formatter, payload } = props;\n\n  return (\n    <Legend>\n      {payload\n        ?.filter(\n          (entry) =>\n            entry.payload &&\n            \"fill\" in entry.payload &&\n            entry.payload?.fill !== \"none\",\n        )\n        .map((entry, index) => {\n          return (\n            <LegendItem\n              key={`legendItem-${index}`}\n              title={\n                entry.dataKey\n                  ? formatter\n                    ? formatter(entry.dataKey?.toString())\n                    : entry.dataKey.toString()\n                  : \"\"\n              }\n              color={\n                entry.payload && \"fill\" in entry.payload\n                  ? (entry.payload?.fill as string)\n                  : tokens.color.gray[100].value\n              }\n            />\n          );\n        })}\n    </Legend>\n  );\n};\n\nexport default LegendContent;\n"],"names":[],"mappings":";;;;;AAQM,MAAA,aAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,SAAW,EAAA,OAAA,EAAY,GAAA,KAAA;AAE/B,EACE,uBAAA,GAAA,CAAC,UACE,QACG,EAAA,OAAA,EAAA,MAAA;AAAA,IACA,CAAC,UACC,KAAM,CAAA,OAAA,IACN,UAAU,KAAM,CAAA,OAAA,IAChB,KAAM,CAAA,OAAA,EAAS,IAAS,KAAA;AAAA,GAE3B,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KAAU,KAAA;AACrB,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,KACE,EAAA,KAAA,CAAM,OACF,GAAA,SAAA,GACE,SAAU,CAAA,KAAA,CAAM,OAAS,EAAA,QAAA,EAAU,CAAA,GACnC,KAAM,CAAA,OAAA,CAAQ,UAChB,GAAA,EAAA;AAAA,QAEN,KACE,EAAA,KAAA,CAAM,OAAW,IAAA,MAAA,IAAU,KAAM,CAAA,OAAA,GAC5B,KAAM,CAAA,OAAA,EAAS,IAChB,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,CAAK,GAAG,CAAE,CAAA;AAAA,OAAA;AAAA,MAXxB,cAAc,KAAK,CAAA;AAAA,KAa1B;AAAA,GAEH,CACL,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Recharts from 'recharts';
+import { TooltipContent } from './components/TooltipContent.mjs';
+
+const ChartTooltip = (props) => {
+  const { formatter, headingFormatter, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.Tooltip,
+    {
+      ...rest,
+      content: (props2) => {
+        const {
+          formatter: ignoredFormatter,
+          labelFormatter: ignoredLabelFormatter,
+          ...rest2
+        } = props2;
+        return /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            formatter,
+            headingFormatter,
+            ...rest2
+          }
+        );
+      },
+      cursor: false
+    }
+  );
+};
+
+export { ChartTooltip, ChartTooltip as default };
+//# sourceMappingURL=ChartTooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.mjs","sources":["../../../../../../src/components/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { TooltipContent } from \"./components\";\n\nexport type TooltipLineFormatter = (\n  value: ValueType,\n  name: NameType,\n  index: number,\n  unit?: string | number,\n) => string;\n\nexport type TooltipHeadingFormatter = (title: string) => string;\n\nexport interface WithTooltipFormatters {\n  /**\n   * A formatter function for the lines in the tooltip. Can be used for purposes\n   * like translations.\n   */\n  formatter?: TooltipLineFormatter;\n  /**\n   * A formatter function for the heading of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  headingFormatter?: TooltipHeadingFormatter;\n}\n\nexport interface ChartTooltipProps\n  extends Pick<\n      Recharts.TooltipProps<ValueType, NameType>,\n      \"wrapperClassName\" | \"allowEscapeViewBox\"\n    >,\n    WithTooltipFormatters {}\n\n/** @flr-generate all */\nexport const ChartTooltip: FC<ChartTooltipProps> = (props) => {\n  const { formatter, headingFormatter, ...rest } = props;\n  return (\n    <Recharts.Tooltip\n      {...rest}\n      content={(props) => {\n        const {\n          formatter: ignoredFormatter,\n          labelFormatter: ignoredLabelFormatter,\n          ...rest\n        } = props;\n\n        return (\n          <TooltipContent\n            formatter={formatter}\n            headingFormatter={headingFormatter}\n            {...rest}\n          />\n        );\n      }}\n      cursor={false}\n    />\n  );\n};\n\nexport default ChartTooltip;\n"],"names":["props","rest"],"mappings":";;;;AAsCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,SAAA,EAAW,gBAAkB,EAAA,GAAG,MAAS,GAAA,KAAA;AACjD,EACE,uBAAA,GAAA;AAAA,IAAC,QAAS,CAAA,OAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAA,EAAS,CAACA,MAAU,KAAA;AAClB,QAAM,MAAA;AAAA,UACJ,SAAW,EAAA,gBAAA;AAAA,UACX,cAAgB,EAAA,qBAAA;AAAA,UAChB,GAAGC;AAAA,SACDD,GAAAA,MAAAA;AAEJ,QACE,uBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,SAAA;AAAA,YACA,gBAAA;AAAA,YACC,GAAGC;AAAA;AAAA,SACN;AAAA,OAEJ;AAAA,MACA,MAAQ,EAAA;AAAA;AAAA,GACV;AAEJ;;;;"}

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

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

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

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

package/dist/js/components/src/components/ChartTooltip/components/TooltipContent.mjs

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles$1 from '../ChartTooltip.module.scss.mjs';
+import styles from '../../Popover/Popover.module.scss.mjs';
+import { PopoverTip } from '../../Popover/components/PopoverTip/PopoverTip.mjs';
+import { Heading } from '../../Heading/Heading.mjs';
+import { LegendItem } from '../../Legend/components/LegendItem/LegendItem.mjs';
+
+const TooltipContent = (props) => {
+  const {
+    active,
+    payload,
+    formatter,
+    headingFormatter,
+    label,
+    wrapperClassName
+  } = props;
+  const className = clsx(wrapperClassName, styles.popover);
+  if (active && payload && payload.length) {
+    return /* @__PURE__ */ jsxs("div", { className, children: [
+      /* @__PURE__ */ jsx(PopoverTip, { className: styles$1.tip }),
+      /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+        /* @__PURE__ */ jsx(Heading, { level: 3, children: headingFormatter ? headingFormatter(label) : label }),
+        payload.filter((i) => i.fill !== "none").map((i, index) => /* @__PURE__ */ jsx(
+          LegendItem,
+          {
+            color: i.fill,
+            title: formatter ? formatter(i.value, i.dataKey, index, i.unit) : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : ""}`
+          },
+          i.dataKey
+        ))
+      ] })
+    ] });
+  }
+  return null;
+};
+
+export { TooltipContent };
+//# sourceMappingURL=TooltipContent.mjs.map

package/dist/js/components/src/components/ChartTooltip/components/TooltipContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../src/components/ChartTooltip/components/TooltipContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"../ChartTooltip.module.scss\";\nimport popoverStyles from \"../../Popover/Popover.module.scss\";\nimport { PopoverTip } from \"@/components/Popover/components/PopoverTip\";\nimport Heading from \"@/components/Heading\";\nimport { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type * as Recharts from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport type { WithTooltipFormatters } from \"../ChartTooltip\";\n\ninterface TooltipContentProps\n  extends Pick<\n      Recharts.TooltipContentProps<ValueType, NameType>,\n      \"active\" | \"payload\" | \"label\" | \"wrapperClassName\"\n    >,\n    WithTooltipFormatters {}\n\nexport const TooltipContent = (props: TooltipContentProps) => {\n  const {\n    active,\n    payload,\n    formatter,\n    headingFormatter,\n    label,\n    wrapperClassName,\n  } = props;\n  const className = clsx(wrapperClassName, popoverStyles.popover);\n\n  if (active && payload && payload.length) {\n    return (\n      <div className={className}>\n        <PopoverTip className={styles.tip} />\n        <div className={popoverStyles.content}>\n          <Heading level={3}>\n            {headingFormatter ? headingFormatter(label) : label}\n          </Heading>\n          {payload\n            .filter((i) => i.fill !== \"none\")\n            .map((i, index) => (\n              <LegendItem\n                color={i.fill}\n                title={\n                  formatter\n                    ? formatter(i.value, i.dataKey, index, i.unit)\n                    : `${i.dataKey} ${i.value}${i.unit ? ` ${i.unit}` : \"\"}`\n                }\n                key={i.dataKey}\n              />\n            ))}\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":["popoverStyles","styles"],"mappings":";;;;;;;;AAoBa,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,gBAAkB,EAAAA,MAAA,CAAc,OAAO,CAAA;AAE9D,EAAI,IAAA,MAAA,IAAU,OAAW,IAAA,OAAA,CAAQ,MAAQ,EAAA;AACvC,IACE,uBAAA,IAAA,CAAC,SAAI,SACH,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAC,QAAA,CAAO,GAAK,EAAA,CAAA;AAAA,sBAClC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,MAAA,CAAc,OAC5B,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,EACb,6BAAmB,gBAAiB,CAAA,KAAK,IAAI,KAChD,EAAA,CAAA;AAAA,QACC,OAAA,CACE,MAAO,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,MAAM,CAC/B,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,KACP,qBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAO,CAAE,CAAA,IAAA;AAAA,YACT,KAAA,EACE,SACI,GAAA,SAAA,CAAU,CAAE,CAAA,KAAA,EAAO,EAAE,OAAS,EAAA,KAAA,EAAO,CAAE,CAAA,IAAI,CAC3C,GAAA,CAAA,EAAG,EAAE,OAAO,CAAA,CAAA,EAAI,CAAE,CAAA,KAAK,CAAG,EAAA,CAAA,CAAE,OAAO,CAAI,CAAA,EAAA,CAAA,CAAE,IAAI,CAAA,CAAA,GAAK,EAAE,CAAA;AAAA,WAAA;AAAA,UAErD,CAAE,CAAA;AAAA,SAEV;AAAA,OACL,EAAA;AAAA,KACF,EAAA,CAAA;AAAA;AAIJ,EAAO,OAAA,IAAA;AACT;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.mjs","sources":["../../../../../../src/components/Chat/Chat.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./Chat.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface ChatProps extends PropsWithChildren, PropsWithClassName {\n  // Height of the chat component\n  height?: CSSProperties[\"height\"];\n}\n\n/** @flr-generate all */\nexport const Chat: FC<ChatProps> = (props) => {\n  const { height, className, children } = props;\n\n  const rootClassName = clsx(styles.chat, className);\n\n  const propsContext: PropsContext = {\n    MessageThread: {\n      tunnelId: \"messageThread\",\n    },\n    FileCardList: { className: styles.fileCardList, tunnelId: \"fileCardList\" },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      <div style={{ height }} className={rootClassName}>\n        <TunnelProvider>\n          <div className={styles.messageThreadContainer}>\n            <TunnelExit id=\"messageThread\" />\n          </div>\n          <div className={styles.controls}>{children}</div>\n          <TunnelExit id=\"fileCardList\" />\n        </TunnelProvider>\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default Chat;\n"],"names":[],"mappings":";;;;;;;;;AAaa,MAAA,IAAA,GAAsB,CAAC,KAAU,KAAA;AAC5C,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAExC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,aAAe,EAAA;AAAA,MACb,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAc,EAAE,SAAA,EAAW,MAAO,CAAA,YAAA,EAAc,UAAU,cAAe;AAAA,GAC3E;AAEA,EAAA,uBACG,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC7D,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,MAAO,EAAA,EAAG,SAAW,EAAA,aAAA,EACjC,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,sBAAA,EACrB,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,iBAAgB,CACjC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UAAW,QAAS,EAAA,CAAA;AAAA,oBAC3C,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,cAAe,EAAA;AAAA,GAAA,EAChC,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  IconCheckboxChecked,\n  IconCheckboxEmpty,\n  IconCheckboxIndeterminate,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckboxProps\n  extends PropsWithChildren<Omit<Aria.CheckboxProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Checkbox = flowComponent<\"Checkbox\", HTMLLabelElement>(\n  \"Checkbox\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkbox, className);\n\n    return (\n      <ClearPropsContext>\n        <Aria.Checkbox {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected, isIndeterminate }) => (\n            <>\n              {isSelected ? (\n                <IconCheckboxChecked className={styles.icon} />\n              ) : isIndeterminate ? (\n                <IconCheckboxIndeterminate className={styles.icon} />\n              ) : (\n                <IconCheckboxEmpty className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,QAAW,GAAA,aAAA;AAAA,EACtB,UAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,KAChD,QAAC,EAAA,CAAA,EAAE,UAAY,EAAA,eAAA,uBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,UAAA,uBACE,mBAAoB,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,IAC3C,eACF,mBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA,uBAElD,iBAAkB,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA;AAAA,MAE5C;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxButton.mjs","sources":["../../../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./CheckboxButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport { Checkbox } from \"@/components/Checkbox\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CheckboxButtonProps\n  extends CheckboxProps,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CheckboxButton = flowComponent<\"CheckboxButton\", HTMLLabelElement>(\n  \"CheckboxButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkboxButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Checkbox {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CheckboxButton;\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,cAAA,EAAgB,SAAS,CAAA;AAE3D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EAC5C,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./CheckboxGroup.module.scss\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    Checkbox: {\n      tunnelId: \"checkboxes\",\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n    },\n  };\n\n  return (\n    <Aria.CheckboxGroup {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxes\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,aAAL,EAAA,EAAoB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACtD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,YAAA,EAAa,CAC9B,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,KAAA,EAC9B,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../../../src/components/ClearPropsContext/ClearPropsContext.tsx"],"sourcesContent":["import { ClearPropsContextContent } from \"@/components/ClearPropsContext/components\";\nimport ClearPropsContextContentView from \"@/views/ClearPropsContextContentView\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children, ...restProps } = props;\n  return (\n    <ClearPropsContextContent {...restProps}>\n      <ClearPropsContextContentView {...restProps}>\n        {children}\n      </ClearPropsContextContentView>\n    </ClearPropsContextContent>\n  );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;AAMa,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,SAAA,EAAc,GAAA,KAAA;AACnC,EACE,uBAAA,GAAA,CAAC,4BAA0B,GAAG,SAAA,EAC5B,8BAAC,4BAA8B,EAAA,EAAA,GAAG,SAC/B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/ClearPropsContext/components/ClearPropsContextContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContextContent.mjs","sources":["../../../../../../../src/components/ClearPropsContext/components/ClearPropsContextContent.tsx"],"sourcesContent":["import { propsContext } from \"@/lib/propsContext/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextContentProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContextContent: FC<ClearPropsContextContentProps> = (\n  props,\n) => {\n  const { children } = props;\n  return <propsContext.Provider value={{}}>{children}</propsContext.Provider>;\n};\n\nexport default ClearPropsContextContent;\n"],"names":[],"mappings":";;;AAMa,MAAA,wBAAA,GAA8D,CACzE,KACG,KAAA;AACH,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,2BAAQ,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAO,EAAA,IAAK,QAAS,EAAA,CAAA;AACrD;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.mjs","sources":["../../../../../../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { SyntaxHighlighterProps } from \"react-syntax-highlighter\";\nimport SyntaxHighlighterNative from \"react-syntax-highlighter\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { CopyButton } from \"@/components/CopyButton\";\nimport styles from \"./CodeBlock.module.scss\";\n\nexport interface CodeBlockProps\n  extends Omit<SyntaxHighlighterProps, \"children\">,\n    PropsWithClassName {\n  /** Adds a copy icon to the code block to copy its content. */\n  copyable?: boolean;\n  /** The color of the code block. @default \"default\" */\n  color?: \"default\" | \"light\" | \"dark\";\n  /** The code to display inside the code block. */\n  code: string | string[];\n}\n\n// React 19 Types Fix\nconst SyntaxHighlighter =\n  SyntaxHighlighterNative as unknown as React.FC<SyntaxHighlighterProps>;\n\n/** @flr-generate all */\nexport const CodeBlock: FC<CodeBlockProps> = (props) => {\n  const { code, className, copyable, color = \"default\", ...rest } = props;\n\n  const rootClassName = clsx(styles.codeBlock, styles[color], className);\n\n  return (\n    <div className={rootClassName}>\n      <SyntaxHighlighter\n        customStyle={{\n          background: \"none\",\n          padding: \"none\",\n          margin: \"none\",\n        }}\n        useInlineStyles={false}\n        {...rest}\n      >\n        {code}\n      </SyntaxHighlighter>\n      {copyable && (\n        <CopyButton\n          className={styles.copyButton}\n          size=\"s\"\n          color={color === \"default\" ? \"dark\" : color}\n          text={code}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default CodeBlock;\n"],"names":[],"mappings":";;;;;;;AAqBA,MAAM,iBACJ,GAAA,uBAAA;AAGW,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,MAAM,SAAW,EAAA,QAAA,EAAU,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAElE,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAErE,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,aACd,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,WAAa,EAAA;AAAA,UACX,UAAY,EAAA,MAAA;AAAA,UACZ,OAAS,EAAA,MAAA;AAAA,UACT,MAAQ,EAAA;AAAA,SACV;AAAA,QACA,eAAiB,EAAA,KAAA;AAAA,QAChB,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC,QACC,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAO,CAAA,UAAA;AAAA,QAClB,IAAK,EAAA,GAAA;AAAA,QACL,KAAA,EAAO,KAAU,KAAA,SAAA,GAAY,MAAS,GAAA,KAAA;AAAA,QACtC,IAAM,EAAA;AAAA;AAAA;AACR,GAEJ,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Color.mjs","sources":["../../../../../../src/components/Color/Color.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Color.module.scss\";\n\nexport interface ColorProps extends PropsWithChildren {\n  /** The color of the element. @default \"blue\" */\n  color?: \"blue\" | \"violet\" | \"teal\" | \"lilac\";\n}\n\n/** @flr-generate all */\n\nexport const Color: FC<ColorProps> = (props) => {\n  const { children, color = \"blue\" } = props;\n\n  return <span className={color ? styles[color] : undefined}>{children}</span>;\n};\n\nexport default Color;\n"],"names":[],"mappings":";;;AAUa,MAAA,KAAA,GAAwB,CAAC,KAAU,KAAA;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,KAAQ,GAAA,MAAA,EAAW,GAAA,KAAA;AAErC,EAAO,uBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,KAAA,GAAQ,OAAO,KAAK,CAAA,GAAI,QAAY,QAAS,EAAA,CAAA;AACvE;;;;"}

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

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './ColumnLayout.module.scss.mjs';
+import { getColumns } from './lib/getColumns.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/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
+  } = props;
+  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 = {
+    "--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, { "aria-label": ariaLabel, className: styles.columnLayout, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
+});
+
+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 React 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 { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"ul\">,\n    PropsWithClassName {\n  /** Column layout for container size s. */\n  s?: number[];\n  /** Column layout for container size m. */\n  m?: number[];\n  /** Column layout for container size l. */\n  l?: number[];\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/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ColumnLayout = flowComponent(\"ColumnLayout\", (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  } = props;\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    \"--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 aria-label={ariaLabel} className={styles.columnLayout}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    </div>\n  );\n});\n\nexport default ColumnLayout;\n"],"names":[],"mappings":";;;;;;;;;;AA0CO,MAAM,YAAe,GAAA,aAAA,CAAc,cAAgB,EAAA,CAAC,KAAU,KAAA;AACnE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,GAAM,GAAA,GAAA;AAAA,IACN,MAAS,GAAA,GAAA;AAAA,IACT,SAAY,GAAA,GAAA;AAAA,IACZ,WAAc,GAAA,KAAA;AAAA,IACd,YAAc,EAAA;AAAA,GACZ,GAAA,KAAA;AAEJ,EAAA,MAAM,QAAW,GAAA,CAAA,GAAI,UAAW,CAAA,CAAC,CAAI,GAAA,KAAA;AACrC,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAA,GAAI,IAAI,QAAW,GAAA,SAAA;AACpD,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAI,GAAA,CAAA,IAAK,IAAI,QAAW,GAAA,aAAA;AAEzD,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,0BAAA,EAA4B,6BAA6B,MAAM,CAAA,CAAA,CAAA;AAAA,IAC/D,6BAAA,EAA+B,6BAA6B,SAAS,CAAA,CAAA;AAAA,GACvE;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,qBAAA,EAAuB,SAAS,CAAA;AAElE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,aAAe,EAAA;AAAA;AACjB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,YAAY,EAAA,SAAA,EAAW,SAAW,EAAA,MAAA,CAAO,cAChD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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[]): string => {\n  if (values.length < 1) {\n    throw new Error(\"Column layout array is empty\");\n  }\n\n  const fractionValues = values.map((value) => `${value}fr`);\n\n  return fractionValues.join(\" \");\n};\n"],"names":[],"mappings":"AAAa,MAAA,UAAA,GAAa,CAAC,MAA6B,KAAA;AACtD,EAAI,IAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AACrB,IAAM,MAAA,IAAI,MAAM,8BAA8B,CAAA;AAAA;AAGhD,EAAA,MAAM,iBAAiB,MAAO,CAAA,GAAA,CAAI,CAAC,KAAU,KAAA,CAAA,EAAG,KAAK,CAAI,EAAA,CAAA,CAAA;AAEzD,EAAO,OAAA,cAAA,CAAe,KAAK,GAAG,CAAA;AAChC;;;;"}

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

@@ -0,0 +1,95 @@
+"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 clsx from 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
+import { Options } from '../Options/Options.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import styles from './ComboBox.module.scss.mjs';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import locales from '../../../../_virtual/_.locale.json@51dcf4944c990e2cbe26472300dae78d.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import 'mobx';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+
+const ComboBox = flowComponent("ComboBox", (props) => {
+  const {
+    children,
+    className,
+    menuTrigger = "focus",
+    onChange = () => {
+    },
+    onSelectionChange = () => {
+    },
+    controller: controllerFromProps,
+    placeholder,
+    ...rest
+  } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const rootClassName = clsx(
+    styles.comboBox,
+    formFieldStyles.formField,
+    className
+  );
+  const propsContext = {
+    Label: {
+      className: formFieldStyles.label,
+      optional: !props.isRequired
+    },
+    FieldDescription: {
+      className: formFieldStyles.fieldDescription
+    },
+    FieldError: {
+      className: formFieldStyles.customFieldError
+    },
+    Option: {
+      tunnelId: "options"
+    }
+  };
+  const handleOnSelectionChange = (key) => {
+    onChange(String(key));
+    onSelectionChange(key);
+  };
+  const controllerFromContext = useOverlayController("ComboBox", {
+    reuseControllerFromContext: true
+  });
+  const controller = controllerFromProps ?? controllerFromContext;
+  return /* @__PURE__ */ jsx(
+    Aria.ComboBox,
+    {
+      menuTrigger,
+      className: rootClassName,
+      ...rest,
+      onSelectionChange: handleOnSelectionChange,
+      onOpenChange: (isOpen) => controller.setOpen(isOpen),
+      children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.input, children: [
+          /* @__PURE__ */ jsx(Aria.Input, { placeholder }),
+          /* @__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, children: /* @__PURE__ */ jsx(TunnelExit, { id: "options" }) })
+      ] }) })
+    }
+  );
+});
+
+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 React 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 formFieldStyles from \"@/components/FormField/FormField.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 { type OverlayController, useOverlayController } from \"@/lib/controller\";\n\nexport interface ComboBoxProps\n  extends Omit<Aria.ComboBoxProps<never>, \"children\">,\n    Pick<Aria.InputProps, \"placeholder\">,\n    PropsWithChildren,\n    FlowComponentProps {\n  onChange?: (value: string) => void;\n  controller?: OverlayController;\n}\n\nexport const ComboBox = flowComponent(\"ComboBox\", (props) => {\n  const {\n    children,\n    className,\n    menuTrigger = \"focus\",\n    onChange = () => {\n      // default: do nothing\n    },\n    onSelectionChange = () => {\n      // default: do nothing\n    },\n    controller: controllerFromProps,\n    placeholder,\n    ...rest\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const rootClassName = clsx(\n    styles.comboBox,\n    formFieldStyles.formField,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n    Option: {\n      tunnelId: \"options\",\n    },\n  };\n\n  const handleOnSelectionChange = (key: Key | null) => {\n    onChange(String(key));\n    onSelectionChange(key);\n  };\n\n  const controllerFromContext = useOverlayController(\"ComboBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Aria.ComboBox\n      menuTrigger={menuTrigger}\n      className={rootClassName}\n      {...rest}\n      onSelectionChange={handleOnSelectionChange}\n      onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <div className={styles.input}>\n            <Aria.Input placeholder={placeholder} />\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 controller={controller}>\n            <TunnelExit id=\"options\" />\n          </Options>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Aria.ComboBox>\n  );\n});\n\nexport default ComboBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd,WAAW,MAAM;AAAA,KAEjB;AAAA,IACA,oBAAoB,MAAM;AAAA,KAE1B;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,WAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,QAAA;AAAA,IACP,eAAgB,CAAA,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,GAAoB,KAAA;AACnD,IAAS,QAAA,CAAA,MAAA,CAAO,GAAG,CAAC,CAAA;AACpB,IAAA,iBAAA,CAAkB,GAAG,CAAA;AAAA,GACvB;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,UAAY,EAAA;AAAA,IAC7D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,WAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,iBAAmB,EAAA,uBAAA;AAAA,MACnB,YAAc,EAAA,CAAC,MAAW,KAAA,UAAA,CAAW,QAAQ,MAAM,CAAA;AAAA,MAEnD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,KACrB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,CAAK,KAAL,EAAA,EAAW,WAA0B,EAAA,CAAA;AAAA,0BACtC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,MAAA;AAAA,cAClB,YAAA,EAAY,eAAgB,CAAA,MAAA,CAAO,sBAAsB,CAAA;AAAA,cACzD,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA;AACnB,SACF,EAAA,CAAA;AAAA,QAEC,QAAA;AAAA,4BAEA,OAAQ,EAAA,EAAA,UAAA,EACP,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,WAAU,CAC3B,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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 React from \"react\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface ContentProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"span\">,\n    FlowComponentProps {\n  /** @internal */\n  clearPropsContext?: boolean;\n  /** @internal */\n  slot?: string;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Content = flowComponent(\"Content\", (props) => {\n  const {\n    children,\n    elementType = \"div\",\n    ref,\n    clearPropsContext = true,\n    ...rest\n  } = props;\n\n  const Element = elementType;\n\n  return (\n    <Wrap if={clearPropsContext}>\n      <ClearPropsContext>\n        <Element ref={ref} {...rest}>\n          {children}\n        </Element>\n      </ClearPropsContext>\n    </Wrap>\n  );\n});\n\nexport default Content;\n"],"names":[],"mappings":";;;;;;AAsBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,iBAAA,EACR,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,GAAW,EAAA,GAAG,IACpB,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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 ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\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    >,\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\nexport const ContextMenu = flowComponent(\"ContextMenu\", (props) => {\n  const {\n    children,\n    onAction,\n    selectionMode,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\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    <ClearPropsContext>\n      <Popover\n        {...rest}\n        controller={overlayController}\n        isDialogContent={false}\n        padding=\"s\"\n      >\n        <OverlayContextProvider\n          type=\"ContextMenu\"\n          controller={overlayController}\n        >\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            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    </ClearPropsContext>\n  );\n});\n\nexport default ContextMenu;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqCO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAY,EAAA,0BAAA;AAAA,IACZ,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,4BAAA,GAA+B,qBAAqB,aAAe,EAAA;AAAA,IACvE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,oBACJ,0BAA8B,IAAA,4BAAA;AAEhC,EAAM,MAAA,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,gBAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR,KACF;AAAA,IAEA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,QACR,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA;AAAA;AACR,OACF;AAAA,MACA,wBAA0B,EAAA;AAAA,KAC5B;AAAA,IAEA,kBAAoB,EAAA;AAAA,MAClB,QAAU,EAAA;AAAA,QACR,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA;AAAA;AACR;AACF;AACF,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,UAAY,EAAA,iBAAA;AAAA,MACZ,eAAiB,EAAA,KAAA;AAAA,MACjB,OAAQ,EAAA,GAAA;AAAA,MAER,QAAA,kBAAA,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,aAAA;AAAA,UACL,UAAY,EAAA,iBAAA;AAAA,UAEZ,QAAA,kBAAA,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,QAAA;AAAA,cACA,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,cACjD,YAAA;AAAA,cACA,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,iBAAA;AAAA,cACA,GAAA;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAc,mBAAoB,CAAA,aAAa,CACpD,EAAA,QAAA,EACH,CACF,EAAA;AAAA;AAAA;AACF;AAAA;AACF;AAAA,GAEJ,EAAA,CAAA;AAEJ,CAAC;;;;"}

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":";;;AAMa,MAAA,kBAAA,GAAkD,CAAC,KAC9D,qBAAA,GAAA,CAAC,KAAK,IAAL,EAAA,EAAW,GAAG,KAAO,EAAA;;;;"}

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 React 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\";\n\nexport type ContextMenuSectionProps = PropsWithChildren &\n  FlowComponentProps & {\n    selectionMode?: ContextMenuSelectionMode;\n  };\n\n/** @flr-generate all */\nexport const ContextMenuSection = flowComponent(\n  \"ContextMenuSection\",\n  (props) => {\n    const { children, selectionMode, ...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        {...rest}\n        selectionMode={getAriaSelectionMode(selectionMode)}\n        className={styles.section}\n      >\n        <PropsContextProvider props={propsContext} mergeInParentContext>\n          <Action skip>\n            <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n              {children}\n            </Action>\n          </Action>\n        </PropsContextProvider>\n      </Aria.MenuSection>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAsBO,MAAM,kBAAqB,GAAA,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,GAAG,MAAS,GAAA,KAAA;AAE7C,IAAM,MAAA,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY;AAAA,OACzB;AAAA,MACA,QAAU,EAAA;AAAA,QACR;AAAA;AACF,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,QACjD,WAAW,MAAO,CAAA,OAAA;AAAA,QAElB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,oBAAoB,EAAA,IAAA,EAC7D,8BAAC,MAAO,EAAA,EAAA,IAAA,EAAI,IACV,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAO,YAAc,EAAA,mBAAA,CAAoB,aAAa,CACpD,EAAA,QAAA,EACH,GACF,CACF,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

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 React from \"react\";\nimport 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\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);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAqB,GAAA,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAiB,GAAA,KAAA;AACtC,IACE,uBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAY,EAAA,aAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,SAAW,EAAA,eAAA;AAAA,QAEV;AAAA;AAAA,KACH;AAAA;AAGN;;;;"}

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\" ? undefined : \"ContextMenu\";\n};\n"],"names":[],"mappings":"AAMa,MAAA,oBAAA,GAAuB,CAClC,aACG,KAAA;AACH,EAAA,OAAO,aAAkB,KAAA,YAAA,GACrB,MACA,GAAA,aAAA,KAAkB,WAChB,UACA,GAAA,aAAA;AACR;AAEa,MAAA,2BAAA,GAA8B,CACzC,aACG,KAAA;AACH,EAAA,OAAO,aAAkB,KAAA,QAAA,IAAY,aAAkB,KAAA,UAAA,GACnD,SACA,GAAA,aAAA;AACN;AAEa,MAAA,mBAAA,GAAsB,CACjC,aACG,KAAA;AACH,EAAO,OAAA,aAAA,KAAkB,aAAa,MAAY,GAAA,aAAA;AACpD;;;;"}

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 React from \"react\";\nimport 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/**\n * @flr-generate all\n * @flr-clear-props-context\n */\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":";;;;;;;;;;;AAeO,MAAM,cAAiB,GAAA,aAAA,CAAc,gBAAkB,EAAA,CAAC,KAAU,KAAA;AACvE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,gBAAkB,EAAA;AAAA,IACnE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA;AACT,GACF;AAEA,EAAA,2BACG,OAAQ,EAAA,EAAA,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,cAAiB,EAAA,QAAA,EAAS,GACnD,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import 'react';
+import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import locales from '../../../../../../_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import '@tabler/icons-react';
+import 'clsx';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import { IconInfo } from '../../../Icon/components/icons/IconInfo.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, mergeInParentContext: true, children })
+      }
+    );
+  }
+);
+
+export { ContextualHelpTrigger };
+//# sourceMappingURL=ContextualHelpTrigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualHelpTrigger.mjs","sources":["../../../../../../../../src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport React from \"react\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { IconInfo } from \"@/components/Icon/components/icons\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type ContextualHelpTriggerProps = OverlayTriggerProps;\n\n/** @flr-generate all */\nexport const ContextualHelpTrigger = flowComponent(\n  \"ContextualHelpTrigger\",\n  (props) => {\n    const { children, ...triggerProps } = props;\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const propsContext: PropsContext = {\n      Button: {\n        \"aria-label\": stringFormatter.format(\n          \"contextualHelpButton.moreInformation\",\n        ),\n        children: <IconInfo />,\n        size: \"s\",\n        variant: \"plain\",\n        ariaSlot: null,\n      },\n    };\n\n    return (\n      <OverlayTrigger\n        overlayType=\"ContextualHelp\"\n        {...triggerProps}\n        component={Aria.DialogTrigger}\n      >\n        <PropsContextProvider props={propsContext} mergeInParentContext>\n          {children}\n        </PropsContextProvider>\n      </OverlayTrigger>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcO,MAAM,qBAAwB,GAAA,aAAA;AAAA,EACnC,uBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAiB,GAAA,KAAA;AACtC,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,MAAQ,EAAA;AAAA,QACN,cAAc,eAAgB,CAAA,MAAA;AAAA,UAC5B;AAAA,SACF;AAAA,QACA,QAAA,sBAAW,QAAS,EAAA,EAAA,CAAA;AAAA,QACpB,IAAM,EAAA,GAAA;AAAA,QACN,OAAS,EAAA,OAAA;AAAA,QACT,QAAU,EAAA;AAAA;AACZ,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAY,EAAA,gBAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,WAAW,IAAK,CAAA,aAAA;AAAA,QAEhB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,MAC5D,QACH,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

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

@@ -0,0 +1,53 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import copy from 'copy-to-clipboard';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconCopy } from '../Icon/components/icons/IconCopy.mjs';
+import locales from '../../../../_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { TooltipTrigger } from '../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
+import { Tooltip } from '../Tooltip/Tooltip.mjs';
+import { onlyText } from 'react-children-utilities';
+import { Action } from '../Action/Action.mjs';
+
+const CopyButton = flowComponent(
+  "CopyButton",
+  (props) => {
+    const {
+      text,
+      ref,
+      variant = "plain",
+      color = "secondary",
+      ...buttonProps
+    } = props;
+    const stringFormatter = useLocalizedStringFormatter(locales);
+    const tooltip = stringFormatter.format("copyButton.copy");
+    const copyValue = () => {
+      copy(onlyText(text));
+    };
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(Action, { action: copyValue, showFeedback: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          "aria-label": tooltip,
+          ...buttonProps,
+          ref,
+          variant,
+          color,
+          children: /* @__PURE__ */ jsx(IconCopy, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tooltip, { children: tooltip })
+    ] }) });
+  }
+);
+
+export { CopyButton, CopyButton as default };
+//# sourceMappingURL=CopyButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.mjs","sources":["../../../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps {\n  /** The text to copy. */\n  text: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CopyButton = flowComponent<\"CopyButton\", HTMLButtonElement>(\n  \"CopyButton\",\n  (props) => {\n    const {\n      text,\n      ref,\n      variant = \"plain\",\n      color = \"secondary\",\n      ...buttonProps\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n    const copyValue = () => {\n      copy(onlyText(text));\n    };\n\n    return (\n      <ClearPropsContext>\n        <TooltipTrigger>\n          <Action action={copyValue} showFeedback>\n            <Button\n              aria-label={tooltip}\n              {...buttonProps}\n              ref={ref}\n              variant={variant}\n              color={color}\n            >\n              <IconCopy />\n            </Button>\n          </Action>\n          <Tooltip>{tooltip}</Tooltip>\n        </TooltipTrigger>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA0BO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAU,GAAA,OAAA;AAAA,MACV,KAAQ,GAAA,WAAA;AAAA,MACR,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,KACrB;AAEA,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,EAAA,OAAA;AAAA,UACX,GAAG,WAAA;AAAA,UACJ,GAAA;AAAA,UACA,OAAA;AAAA,UACA,KAAA;AAAA,UAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,OAEd,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,KAAA,EACpB,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.mjs","sources":["../../../../../../src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./CounterBadge.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CounterBadgeProps\n  extends PropsWithElementType<\"span\">,\n    FlowComponentProps {\n  /** The number displayed inside the badge. */\n  count?: number;\n}\n\n/** @flr-generate all */\nexport const CounterBadge = flowComponent(\"CounterBadge\", (props) => {\n  const { className, count, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.counterBadge, className);\n\n  return (\n    <span className={rootClassName} {...rest} aria-hidden ref={ref}>\n      {count && count > 99 ? \"99+\" : count}\n    </span>\n  );\n});\n\nexport default CounterBadge;\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,YAAe,GAAA,aAAA,CAAc,cAAgB,EAAA,CAAC,KAAU,KAAA;AACnE,EAAA,MAAM,EAAE,SAAW,EAAA,KAAA,EAAO,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE3C,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,EAAc,SAAS,CAAA;AAEzD,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,aAAA,EAAgB,GAAG,IAAA,EAAM,aAAW,EAAA,IAAA,EAAC,GACnD,EAAA,QAAA,EAAA,KAAA,IAAS,KAAQ,GAAA,EAAA,GAAK,QAAQ,KACjC,EAAA,CAAA;AAEJ,CAAC;;;;"}