@mittwald/flow-react-components 0.2.0-alpha.7 → 0.2.0-alpha.70

package/dist/js/components/Tabs/components/TabTitle/TabTitle.mjs

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import styles from './TabTitle.module.scss.mjs';
+import { Text } from '../../../Text/Text.mjs';
+import { useTabContext } from '../Tab/context.mjs';
+import { TunnelEntry } from '@mittwald/react-tunnel';
+import { MenuItem } from '../../../MenuItem/MenuItem.mjs';
+
+const TabTitle = (props) => {
+  const { children, className, ...rest } = props;
+  const { id } = useTabContext();
+  const titleClassName = clsx(styles.tabTitle, className);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TunnelEntry, { id: "Titles", children: /* @__PURE__ */ jsx(Aria.Tab, { ...rest, id, className: titleClassName, children: (p) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { emulateBoldWidth: true, children: /* @__PURE__ */ jsx("span", { className: styles.text, children }) }),
+      /* @__PURE__ */ jsx(TunnelEntry, { id: "ActiveTitle", children: p.isSelected && children })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(TunnelEntry, { id: "ContextMenuItems", children: /* @__PURE__ */ jsx(MenuItem, { className: styles.menuItem, id, children }) })
+  ] });
+};
+
+export { TabTitle, TabTitle as default };
+//# sourceMappingURL=TabTitle.mjs.map

package/dist/js/components/Tabs/components/TabTitle/TabTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTitle.mjs","sources":["../../../../../../src/components/Tabs/components/TabTitle/TabTitle.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./TabTitle.module.scss\";\nimport { Text } from \"@/components/Text\";\nimport { useTabContext } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport { MenuItem } from \"@/components/MenuItem\";\n\nexport interface TabTitleProps\n  extends Omit<Aria.TabProps, \"children\" | \"id\" | \"isDisabled\">,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const TabTitle: FC<TabTitleProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const { id } = useTabContext();\n  const titleClassName = clsx(styles.tabTitle, className);\n\n  return (\n    <>\n      <TunnelEntry id=\"Titles\">\n        <Aria.Tab {...rest} id={id} className={titleClassName}>\n          {(p) => (\n            <>\n              <Text emulateBoldWidth>\n                <span className={styles.text}>{children}</span>\n              </Text>\n              <TunnelEntry id=\"ActiveTitle\">\n                {p.isSelected && children}\n              </TunnelEntry>\n            </>\n          )}\n        </Aria.Tab>\n      </TunnelEntry>\n\n      <TunnelEntry id=\"ContextMenuItems\">\n        <MenuItem className={styles.menuItem} id={id}>\n          {children}\n        </MenuItem>\n      </TunnelEntry>\n    </>\n  );\n};\n\nexport default TabTitle;\n"],"names":[],"mappings":";;;;;;;;;;AAea,MAAA,QAAA,GAA8B,CAAC,KAAU,KAAA;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,aAAc,EAAA;AAC7B,EAAA,MAAM,cAAiB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAEtD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAG,QACd,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAK,GAAL,EAAA,EAAU,GAAG,IAAA,EAAM,EAAQ,EAAA,SAAA,EAAW,cACpC,EAAA,QAAA,EAAA,CAAC,sBAEE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,kBAAgB,IACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,IAAO,EAAA,QAAA,EAAS,CAC1C,EAAA,CAAA;AAAA,0BACC,WAAY,EAAA,EAAA,EAAA,EAAG,aACb,EAAA,QAAA,EAAA,CAAA,CAAE,cAAc,QACnB,EAAA;AAAA,KAAA,EACF,GAEJ,CACF,EAAA,CAAA;AAAA,oBAEA,GAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAG,kBACd,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,EACnC,EAAA,QAAA,EACH,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Tabs/components/TabTitle/TabTitle.module.scss.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+const tabTitle = "flow--tabs--tab-title";
+const text = "flow--tabs--tab-title--text";
+const menuItem = "flow--tabs--tab-title--menu-item";
+const styles = {
+	tabTitle: tabTitle,
+	text: text,
+	menuItem: menuItem
+};
+
+export { styles as default, menuItem, tabTitle, text };
+//# sourceMappingURL=TabTitle.module.scss.mjs.map

package/dist/js/components/Tabs/components/TabTitle/TabTitle.module.scss.mjs.map

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

package/dist/js/components/Tabs/components/TabTitle/TabTitleCollapsed.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './TabTitle.module.scss.mjs';
+import clsx from 'clsx';
+import { TunnelExit } from '@mittwald/react-tunnel';
+
+const TabTitleCollapsed = (props) => {
+  const { className, ...rest } = props;
+  const rootClassName = clsx(className, styles.tabTitle);
+  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, "data-selected": true, children: /* @__PURE__ */ jsx(TunnelExit, { id: "ActiveTitle" }) });
+};
+
+export { TabTitleCollapsed, TabTitleCollapsed as default };
+//# sourceMappingURL=TabTitleCollapsed.mjs.map

package/dist/js/components/Tabs/components/TabTitle/TabTitleCollapsed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTitleCollapsed.mjs","sources":["../../../../../../src/components/Tabs/components/TabTitle/TabTitleCollapsed.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./TabTitle.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\n\ninterface Props extends PropsWithClassName {\n  id?: string;\n}\n\nexport const TabTitleCollapsed: FC<Props> = (props) => {\n  const { className, ...rest } = props;\n\n  const rootClassName = clsx(className, styles.tabTitle);\n\n  return (\n    <div {...rest} className={rootClassName} data-selected>\n      <TunnelExit id=\"ActiveTitle\" />\n    </div>\n  );\n};\n\nexport default TabTitleCollapsed;\n"],"names":[],"mappings":";;;;;;AAWa,MAAA,iBAAA,GAA+B,CAAC,KAAU,KAAA;AACrD,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,SAAW,EAAA,MAAA,CAAO,QAAQ,CAAA;AAErD,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,eAAa,EAAA,IAAA,EACpD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,aAAA,EAAc,CAC/B,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Text/Text.mjs

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import '../../lib/propsContext/propsContext.mjs';
+import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import invariant from 'invariant';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { EmulatedBoldText } from '../EmulatedBoldText/EmulatedBoldText.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
+import clsx from 'clsx';
+import styles from './Text.module.scss.mjs';
+
+const Text = flowComponent("Text", (props) => {
+  const {
+    children,
+    className,
+    elementType = "span",
+    emulateBoldWidth,
+    ref,
+    color,
+    align = "start",
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    styles.text,
+    color && styles[color],
+    align && styles[`align-${align}`],
+    className
+  );
+  const textProps = { ...rest, className: rootClassName };
+  const propsContext = {
+    Link: {
+      inline: true
+    }
+  };
+  const childrenElement = /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Wrap, { if: emulateBoldWidth, children: /* @__PURE__ */ jsx(EmulatedBoldText, { children }) }) });
+  if (!props.slot) {
+    const Element = elementType;
+    return /* @__PURE__ */ jsx(Element, { ...textProps, ref, children: childrenElement });
+  }
+  invariant(
+    typeof elementType === "string",
+    "'elementType' in Text component must be of type string"
+  );
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Aria.Text, { ...textProps, elementType, ref, children: childrenElement }) });
+});
+
+export { Text, Text as default };
+//# sourceMappingURL=Text.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps\n  extends PropsWithChildren,\n    Omit<Aria.TextProps, \"children\" | \"elementType\">,\n    PropsWithElementType<\"span\" | \"div\" | \"p\">,\n    FlowComponentProps {\n  /* Whether the elements width should match the width it would have with mold text. */\n  emulateBoldWidth?: boolean;\n  /* The color of the text. */\n  color?: \"light\" | \"dark\";\n  /* The alignment of the text. @default \"start\" */\n  align?: \"start\" | \"end\" | \"center\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Text = flowComponent<\"Text\", HTMLDivElement>(\"Text\", (props) => {\n  const {\n    children,\n    className,\n    elementType = \"span\",\n    emulateBoldWidth,\n    ref,\n    color,\n    align = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.text,\n    color && styles[color],\n    align && styles[`align-${align}`],\n    className,\n  );\n\n  const textProps = { ...rest, className: rootClassName };\n\n  const propsContext: PropsContext = {\n    Link: {\n      inline: true,\n    },\n  };\n\n  const childrenElement = (\n    <PropsContextProvider props={propsContext}>\n      <Wrap if={emulateBoldWidth}>\n        <EmulatedBoldText>{children}</EmulatedBoldText>\n      </Wrap>\n    </PropsContextProvider>\n  );\n\n  if (!props.slot) {\n    const Element = elementType;\n    return (\n      <Element {...textProps} ref={ref}>\n        {childrenElement}\n      </Element>\n    );\n  }\n\n  invariant(\n    typeof elementType === \"string\",\n    \"'elementType' in Text component must be of type string\",\n  );\n\n  return (\n    <ClearPropsContext>\n      <Aria.Text {...textProps} elementType={elementType} ref={ref}>\n        {childrenElement}\n      </Aria.Text>\n    </ClearPropsContext>\n  );\n});\n\nexport default Text;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA+BO,MAAM,IAAO,GAAA,aAAA,CAAsC,MAAQ,EAAA,CAAC,KAAU,KAAA;AAC3E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAc,GAAA,MAAA;AAAA,IACd,gBAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAQ,GAAA,OAAA;AAAA,IACR,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,IAAA;AAAA,IACP,KAAA,IAAS,OAAO,KAAK,CAAA;AAAA,IACrB,KAAS,IAAA,MAAA,CAAO,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,IAChC;AAAA,GACF;AAEA,EAAA,MAAM,SAAY,GAAA,EAAE,GAAG,IAAA,EAAM,WAAW,aAAc,EAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA;AACV,GACF;AAEA,EAAA,MAAM,eACJ,mBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,gBACR,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAkB,EAAA,EAAA,QAAA,EAAS,GAC9B,CACF,EAAA,CAAA;AAGF,EAAI,IAAA,CAAC,MAAM,IAAM,EAAA;AACf,IAAA,MAAM,OAAU,GAAA,WAAA;AAChB,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,SAAA,EAAW,KACrB,QACH,EAAA,eAAA,EAAA,CAAA;AAAA;AAIJ,EAAA,SAAA;AAAA,IACE,OAAO,WAAgB,KAAA,QAAA;AAAA,IACvB;AAAA,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EAAW,GAAG,SAAW,EAAA,WAAA,EAA0B,GACjD,EAAA,QAAA,EAAA,eAAA,EACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+const text = "flow--text";
+const light = "flow--text--light";
+const dark = "flow--text--dark";
+const styles = {
+	text: text,
+	light: light,
+	dark: dark,
+	"align-start": "flow--text--align-start",
+	"align-center": "flow--text--align-center",
+	"align-end": "flow--text--align-end"
+};
+
+export { dark, styles as default, light, text };
+//# sourceMappingURL=Text.module.scss.mjs.map

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

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

package/dist/js/components/TextArea/TextArea.mjs

@@ -0,0 +1,56 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
+import styles from './TextArea.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
+import { mergeRefs } from '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const TextArea = flowComponent("TextArea", (props) => {
+  const {
+    children,
+    placeholder,
+    rows = 5,
+    autoResizeMaxRows = rows,
+    ref,
+    ...rest
+  } = props;
+  const resizeRef = useRef(null);
+  const getHeight = (rows2) => {
+    return `calc(var(--line-height--m) * ${rows2} + (var(--form-control--padding-y) * 2))`;
+  };
+  const updateHeight = () => {
+    if (resizeRef.current && rows !== autoResizeMaxRows) {
+      resizeRef.current.style.height = "0px";
+      const scrollHeight = resizeRef.current.scrollHeight;
+      resizeRef.current.style.height = scrollHeight + "px";
+    }
+  };
+  const input = /* @__PURE__ */ jsx(
+    Aria.TextArea,
+    {
+      rows,
+      placeholder,
+      className: styles.textArea,
+      ref: mergeRefs(
+        ref,
+        resizeRef
+      ),
+      onChange: updateHeight,
+      style: {
+        minHeight: getHeight(rows),
+        maxHeight: getHeight(autoResizeMaxRows)
+      }
+    }
+  );
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
+});
+
+export { TextArea, TextArea as default };
+//# sourceMappingURL=TextArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.mjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import type { ForwardedRef } from \"react\";\nimport React, { useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface TextAreaProps\n  extends Omit<TextFieldBaseProps, \"input\">,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\">,\n    FlowComponentProps {\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    ...rest\n  } = props;\n\n  const resizeRef = useRef<HTMLTextAreaElement>(null);\n\n  const getHeight = (rows: number) => {\n    return `calc(var(--line-height--m) * ${rows} + (var(--form-control--padding-y) * 2))`;\n  };\n\n  const updateHeight = () => {\n    if (resizeRef.current && rows !== autoResizeMaxRows) {\n      // https://stackoverflow.com/a/60795884\n      resizeRef.current.style.height = \"0px\";\n      const scrollHeight = resizeRef.current.scrollHeight;\n      resizeRef.current.style.height = scrollHeight + \"px\";\n    }\n  };\n\n  const input = (\n    <Aria.TextArea\n      rows={rows}\n      placeholder={placeholder}\n      className={styles.textArea}\n      ref={mergeRefs(\n        ref as ForwardedRef<HTMLTextAreaElement | null>,\n        resizeRef,\n      )}\n      onChange={updateHeight}\n      style={{\n        minHeight: getHeight(rows),\n        maxHeight: getHeight(autoResizeMaxRows),\n      }}\n    />\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":";;;;;;;;;;;;AA0BO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,SAAA,GAAY,OAA4B,IAAI,CAAA;AAElD,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,SAAA,CAAU,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAEnD,MAAU,SAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AACjC,MAAM,MAAA,YAAA,GAAe,UAAU,OAAQ,CAAA,YAAA;AACvC,MAAU,SAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AAClD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,QAAA;AAAA,MAClB,GAAK,EAAA,SAAA;AAAA,QACH,GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,KAAO,EAAA;AAAA,QACL,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,QACzB,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

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

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

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

package/dist/js/components/TextField/TextField.mjs

@@ -0,0 +1,30 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
+import styles from './TextField.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const TextField = flowComponent("TextField", (props) => {
+  const { children, placeholder, ref, form, ...rest } = props;
+  const input = /* @__PURE__ */ jsx(
+    Aria.Input,
+    {
+      form,
+      placeholder,
+      className: styles.textField,
+      ref
+    }
+  );
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
+});
+
+export { TextField, TextField as default };
+//# sourceMappingURL=TextField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.mjs","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextField.module.scss\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, placeholder, ref, form, ...rest } = props;\n\n  const input = (\n    <Aria.Input\n      form={form}\n      placeholder={placeholder}\n      className={styles.textField}\n      ref={ref}\n    />\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;;;;;;AAoBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const textField = "flow--text-field";
+const styles = {
+	textField: textField
+};
+
+export { styles as default, textField };
+//# sourceMappingURL=TextField.module.scss.mjs.map

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

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

package/dist/js/components/TextFieldBase/TextFieldBase.mjs

@@ -0,0 +1,67 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import * as Aria from 'react-aria-components';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
+import locales from '../../_virtual/_.locale.json@444629885187f8ca5450a1c8b14fb45c.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+
+const TextFieldBase = (props) => {
+  const { children, className, input, showCharacterCount, ...rest } = props;
+  const [charactersCount, setCharactersCount] = useState(
+    props.value?.length ?? 0
+  );
+  const rootClassName = clsx(formFieldStyles.formField, className);
+  const translation = useLocalizedStringFormatter(locales);
+  const propsContext = {
+    Label: {
+      className: formFieldStyles.label,
+      optional: !props.isRequired
+    },
+    FieldDescription: {
+      className: formFieldStyles.fieldDescription
+    },
+    FieldError: {
+      className: formFieldStyles.customFieldError
+    }
+  };
+  const handleOnChange = (v) => {
+    if (showCharacterCount) {
+      setCharactersCount(v.length);
+    }
+    if (props.onChange) {
+      props.onChange(v);
+    }
+  };
+  const charactersCountDescription = translation.format(
+    "textFieldBase.characters",
+    {
+      count: charactersCount,
+      maxCount: props.maxLength ?? 0
+    }
+  );
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
+    Aria.TextField,
+    {
+      ...rest,
+      className: rootClassName,
+      onChange: handleOnChange,
+      children: [
+        input,
+        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }),
+        showCharacterCount && /* @__PURE__ */ jsx(FieldDescription, { className: formFieldStyles.fieldDescription, children: charactersCountDescription }),
+        /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
+      ]
+    }
+  ) });
+};
+
+export { TextFieldBase, TextFieldBase as default };
+//# sourceMappingURL=TextFieldBase.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode, Ref } from \"react\";\nimport React, { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface TextFieldBaseProps\n  extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">> {\n  ref?: Ref<HTMLInputElement>;\n  /** The input element */\n  input: ReactNode;\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\nexport const TextFieldBase: FC<TextFieldBaseProps> = (props) => {\n  const { children, className, input, showCharacterCount, ...rest } = props;\n  const [charactersCount, setCharactersCount] = useState(\n    props.value?.length ?? 0,\n  );\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const translation = useLocalizedStringFormatter(locales);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const handleOnChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (props.onChange) {\n      props.onChange(v);\n    }\n  };\n\n  const charactersCountDescription = translation.format(\n    \"textFieldBase.characters\",\n    {\n      count: charactersCount,\n      maxCount: props.maxLength ?? 0,\n    },\n  );\n\n  return (\n    <ClearPropsContext>\n      <Aria.TextField\n        {...rest}\n        className={rootClassName}\n        onChange={handleOnChange}\n      >\n        {input}\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        {showCharacterCount && (\n          <FieldDescription className={styles.fieldDescription}>\n            {charactersCountDescription}\n          </FieldDescription>\n        )}\n        <FieldError className={styles.fieldError} />\n      </Aria.TextField>\n    </ClearPropsContext>\n  );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;AAqBa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,kBAAoB,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,KAAA,CAAM,OAAO,MAAU,IAAA;AAAA,GACzB;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAM,MAAA,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA;AAE7B,IAAA,IAAI,MAAM,QAAU,EAAA;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA;AAClB,GACF;AAEA,EAAA,MAAM,6BAA6B,WAAY,CAAA,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAO,EAAA,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAa,IAAA;AAAA;AAC/B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,SAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,QAAU,EAAA,cAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,wBACA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,QACC,sCACE,GAAA,CAAA,gBAAA,EAAA,EAAiB,SAAW,EAAAA,eAAA,CAAO,kBACjC,QACH,EAAA,0BAAA,EAAA,CAAA;AAAA,wBAED,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,UAAY,EAAA;AAAA;AAAA;AAAA,GAE9C,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/TimeField/TimeField.mjs

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import clsx from 'clsx';
+import styles from './TimeField.module.scss.mjs';
+
+const TimeField = flowComponent("TimeField", (props) => {
+  const { children, errorMessage, className, ...rest } = props;
+  const rootClassName = clsx(formFieldStyles.formField, className);
+  const propsContext = {
+    Label: {
+      className: formFieldStyles.label,
+      optional: !props.isRequired,
+      isDisabled: rest.isDisabled
+    },
+    FieldDescription: {
+      className: formFieldStyles.fieldDescription
+    },
+    FieldError: {
+      className: formFieldStyles.customFieldError
+    }
+  };
+  return /* @__PURE__ */ jsxs(Aria.TimeField, { hourCycle: 24, className: rootClassName, ...rest, children: [
+    /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }),
+    /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError, children: errorMessage }),
+    /* @__PURE__ */ jsx(Aria.DateInput, { className: styles.dateInput, children: (segment) => /* @__PURE__ */ jsx(Aria.DateSegment, { segment }) })
+  ] });
+});
+
+export { TimeField, TimeField as default };
+//# sourceMappingURL=TimeField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.mjs","sources":["../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport clsx from \"clsx\";\nimport styles from \"./TimeField.module.scss\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">> {\n  /** An error message to be displayed below the field */\n  errorMessage?: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  const { children, errorMessage, className, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: rest.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <Aria.TimeField hourCycle={24} className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError}>\n        {errorMessage}\n      </FieldError>\n      <Aria.DateInput className={styles.dateInput}>\n        {(segment) => <Aria.DateSegment segment={segment} />}\n      </Aria.DateInput>\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"names":[],"mappings":";;;;;;;;;;;AAqBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,YAAA,EAAc,SAAW,EAAA,GAAG,MAAS,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,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA,UAAA;AAAA,MACjB,YAAY,IAAK,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,SAAL,EAAA,EAAe,WAAW,EAAI,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,IAC3D,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,YACpC,QACH,EAAA,YAAA,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,CAAK,SAAL,EAAA,EAAe,WAAW,MAAO,CAAA,SAAA,EAC/B,QAAC,EAAA,CAAA,OAAA,qBAAa,GAAA,CAAA,IAAA,CAAK,WAAL,EAAA,EAAiB,SAAkB,CACpD,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const dateInput = "flow--time-field--date-input";
+const styles = {
+	dateInput: dateInput
+};
+
+export { dateInput, styles as default };
+//# sourceMappingURL=TimeField.module.scss.mjs.map

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

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

package/dist/js/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import 'react';
+import styles from './Tooltip.module.scss.mjs';
+import clsx from 'clsx';
+
+const Tooltip = (props) => {
+  const { children, className, ...rest } = props;
+  const rootClassName = clsx(styles.tooltip, className);
+  return /* @__PURE__ */ jsxs(Aria.Tooltip, { ...rest, className: rootClassName, children: [
+    /* @__PURE__ */ jsx(Aria.OverlayArrow, { className: styles.tip, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    children
+  ] });
+};
+
+export { Tooltip, Tooltip as default };
+//# sourceMappingURL=Tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  return (\n    <Aria.Tooltip {...rest} className={rootClassName}>\n      <Aria.OverlayArrow className={styles.tip}>\n        <svg viewBox=\"0 0 8 8\">\n          <path d=\"M0 0 L4 4 L8 0\" />\n        </svg>\n      </Aria.OverlayArrow>\n      {children}\n    </Aria.Tooltip>\n  );\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;;;AAWa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,4BACG,IAAK,CAAA,OAAA,EAAL,EAAc,GAAG,IAAA,EAAM,WAAW,aACjC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,CAAA,YAAA,EAAL,EAAkB,SAAA,EAAW,OAAO,GACnC,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,OAAA,EAAQ,WACX,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,gBAAA,EAAiB,GAC3B,CACF,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

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

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

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

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

package/dist/js/components/Tooltip/components/TooltipTrigger/TooltipTrigger.mjs

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

package/dist/js/components/Tooltip/components/TooltipTrigger/TooltipTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.mjs","sources":["../../../../../../src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\n\nexport type TooltipTriggerProps = PropsWithChildren<\n  Omit<Aria.TooltipTriggerComponentProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const TooltipTrigger: FC<TooltipTriggerProps> = (props) => {\n  const { children, ...rest } = props;\n\n  return <Aria.TooltipTrigger {...rest}>{children}</Aria.TooltipTrigger>;\n};\n\nexport default TooltipTrigger;\n"],"names":[],"mappings":";;;;AASa,MAAA,cAAA,GAA0C,CAAC,KAAU,KAAA;AAChE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,IAAA,EAAS,GAAA,KAAA;AAE9B,EAAA,2BAAQ,IAAK,CAAA,cAAA,EAAL,EAAqB,GAAG,MAAO,QAAS,EAAA,CAAA;AAClD;;;;"}

package/dist/js/components/Wrap/Wrap.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const Wrap = (props) => {
+  const { if: _if, children } = props;
+  if (_if) {
+    return children;
+  }
+  return children.props.children;
+};
+
+export { Wrap };
+//# sourceMappingURL=Wrap.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrap.mjs","sources":["../../../../src/components/Wrap/Wrap.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactElement } from \"react\";\n\nexport const Wrap: FC<{\n  if: unknown;\n  children: ReactElement<PropsWithChildren>;\n}> = (props) => {\n  const { if: _if, children } = props;\n\n  if (_if) {\n    return children;\n  }\n\n  return children.props.children;\n};\n"],"names":[],"mappings":"AAEa,MAAA,IAAA,GAGR,CAAC,KAAU,KAAA;AACd,EAAA,MAAM,EAAE,EAAA,EAAI,GAAK,EAAA,QAAA,EAAa,GAAA,KAAA;AAE9B,EAAA,IAAI,GAAK,EAAA;AACP,IAAO,OAAA,QAAA;AAAA;AAGT,EAAA,OAAO,SAAS,KAAM,CAAA,QAAA;AACxB;;;;"}

package/dist/js/components/Wrap/index.mjs

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

package/dist/js/components/Wrap/index.mjs.map

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

package/dist/js/components/propTypes/index.mjs

@@ -0,0 +1,74 @@
+const propsContextSupportingComponentsMap = {
+  Action: true,
+  ActionGroup: true,
+  Avatar: true,
+  Alert: true,
+  AlertBadge: true,
+  AlertIcon: true,
+  Align: true,
+  Badge: true,
+  Button: true,
+  Checkbox: true,
+  CheckboxButton: true,
+  CheckboxGroup: true,
+  ComboBox: true,
+  Content: true,
+  ContextMenu: true,
+  ContextMenuSection: true,
+  ContextMenuTrigger: true,
+  ContextualHelp: true,
+  ContextualHelpTrigger: true,
+  CopyButton: true,
+  CounterBadge: true,
+  CountryOptions: true,
+  DatePicker: true,
+  DateRangePicker: true,
+  FieldDescription: true,
+  FieldError: true,
+  FileCard: true,
+  FileCardList: true,
+  FileField: true,
+  Header: true,
+  Heading: true,
+  Icon: true,
+  Image: true,
+  Initials: true,
+  Label: true,
+  LayoutCard: true,
+  LightBox: true,
+  Link: true,
+  List: true,
+  ListSummary: true,
+  MenuItem: true,
+  Message: true,
+  MessageThread: true,
+  Modal: true,
+  ModalTrigger: true,
+  NumberField: true,
+  Radio: true,
+  Option: true,
+  Popover: true,
+  PopoverTrigger: true,
+  RadioButton: true,
+  RadioGroup: true,
+  SearchField: true,
+  Section: true,
+  Segment: true,
+  SegmentedControl: true,
+  Select: true,
+  Slider: true,
+  Switch: true,
+  Tabs: true,
+  TabTitle: true,
+  TestComponent: true,
+  Text: true,
+  TextArea: true,
+  TextField: true,
+  TimeField: true
+};
+const propsContextSupportingComponents = Object.keys(
+  propsContextSupportingComponentsMap
+);
+
+export { propsContextSupportingComponents };
+//# sourceMappingURL=index.mjs.map

package/dist/js/components/propTypes/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  Align: AlignProps;\n  Avatar: AvatarProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  Icon: IconProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListSummary: ListSummaryProps;\n  MenuItem: MenuItemProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  Action: true,\n  ActionGroup: true,\n  Avatar: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  Align: true,\n  Badge: true,\n  Button: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  Header: true,\n  Heading: true,\n  Icon: true,\n  Image: true,\n  Initials: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  Link: true,\n  List: true,\n  ListSummary: true,\n  MenuItem: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Popover: true,\n  PopoverTrigger: true,\n  RadioButton: true,\n  RadioGroup: true,\n  SearchField: true,\n  Section: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"AA6IA,MAAM,mCAGF,GAAA;AAAA,EACF,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,IAAA;AAAA,EACb,MAAQ,EAAA,IAAA;AAAA,EACR,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,KAAO,EAAA,IAAA;AAAA,EACP,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,QAAU,EAAA,IAAA;AAAA,EACV,cAAgB,EAAA,IAAA;AAAA,EAChB,aAAe,EAAA,IAAA;AAAA,EACf,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,IAAA;AAAA,EACb,kBAAoB,EAAA,IAAA;AAAA,EACpB,kBAAoB,EAAA,IAAA;AAAA,EACpB,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,UAAY,EAAA,IAAA;AAAA,EACZ,YAAc,EAAA,IAAA;AAAA,EACd,cAAgB,EAAA,IAAA;AAAA,EAChB,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,gBAAkB,EAAA,IAAA;AAAA,EAClB,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,YAAc,EAAA,IAAA;AAAA,EACd,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA,IAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,WAAa,EAAA,IAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,aAAe,EAAA,IAAA;AAAA,EACf,KAAO,EAAA,IAAA;AAAA,EACP,YAAc,EAAA,IAAA;AAAA,EACd,WAAa,EAAA,IAAA;AAAA,EACb,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,cAAgB,EAAA,IAAA;AAAA,EAChB,WAAa,EAAA,IAAA;AAAA,EACb,UAAY,EAAA,IAAA;AAAA,EACZ,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,aAAe,EAAA,IAAA;AAAA,EACf,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAA;AAEO,MAAM,mCAAmC,MAAO,CAAA,IAAA;AAAA,EACrD;AACF;;;;"}