@mittwald/flow-react-components 0.2.0-alpha.864 → 0.2.0-alpha.866

package/dist/js/packages/components/src/components/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface SliderProps\n  extends\n    FlowComponentProps<HTMLInputElement>,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  /** Whether the marker for the initial value should be visible */\n  showInitialMarker?: boolean;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n  /** Whether the component is invalid. */\n  isInvalid?: boolean;\n  /** Hide Buttons, Label and Value */\n  sliderOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n  const {\n    className,\n    children,\n    name,\n    isDisabled,\n    defaultValue,\n    showInitialMarker,\n    isReadOnly,\n    ref,\n    step,\n    sliderOnly,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.slider,\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"Slider\");\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Slider\");\n\n  const objectRef = useObjectRef(ref);\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      tunnel: {\n        id: \"label\",\n        component: \"Slider\",\n      },\n      ...fieldPropsContext.Label,\n      className: styles.label,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <Aria.Slider\n        {...rest}\n        className={rootClassName}\n        isDisabled={isDisabled}\n        defaultValue={defaultValue}\n        step={step}\n      >\n        <PropsContextProvider props={propsContext}>\n          <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n\n          {!sliderOnly && (\n            <div className={styles.text}>\n              <Aria.SliderOutput className={styles.value} />{\" \"}\n              <UiComponentTunnelExit id=\"label\" component=\"Slider\" />\n            </div>\n          )}\n\n          <Aria.SliderTrack className={styles.track}>\n            {({ state }) => (\n              <PropsContextProvider\n                props={{\n                  Button: {\n                    isPending: false,\n                    isFailed: false,\n                    isSucceeded: false,\n                    isReadOnly: isReadOnly,\n                    excludeFromTabOrder: true,\n                    isDisabled,\n                    variant: \"plain\",\n                    color: \"secondary\",\n                    size: \"s\",\n                  },\n                }}\n              >\n                {!sliderOnly && (\n                  <>\n                    <Button\n                      onPress={() => state.decrementThumb(0, step)}\n                      aria-label={stringFormatter.format(\"decrement\")}\n                      className={styles.decrement}\n                    >\n                      <IconMinus />\n                    </Button>\n                    <Button\n                      onPress={() => state.incrementThumb(0, step)}\n                      aria-label={stringFormatter.format(\"increment\")}\n                      className={styles.increment}\n                    >\n                      <IconPlus />\n                    </Button>\n                  </>\n                )}\n\n                <div\n                  className={styles.fill}\n                  style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n                />\n\n                {showInitialMarker &&\n                  defaultValue &&\n                  typeof defaultValue === \"number\" && (\n                    <div\n                      className={styles.initialMarker}\n                      style={{\n                        left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n                      }}\n                    />\n                  )}\n                <Aria.SliderThumb\n                  inputRef={objectRef}\n                  name={name}\n                  className={styles.handle}\n                  isDisabled={isReadOnly}\n                />\n              </PropsContextProvider>\n            )}\n          </Aria.SliderTrack>\n          <FieldErrorView />\n        </PropsContextProvider>\n      </Aria.Slider>\n    </div>\n  );\n});\n\nexport default Slider;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider.mjs","names":[],"sources":["../../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface SliderProps\n  extends\n    FlowComponentProps<HTMLInputElement>,\n    PropsWithChildren<Aria.SliderProps>,\n    Pick<Aria.SliderThumbProps, \"name\"> {\n  /** Whether the marker for the initial value should be visible */\n  showInitialMarker?: boolean;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n  /** Whether the component is invalid. */\n  isInvalid?: boolean;\n  /** Hide Buttons, Label and Value */\n  sliderOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n  const {\n    className,\n    children,\n    name,\n    isDisabled,\n    defaultValue,\n    showInitialMarker,\n    isReadOnly,\n    ref,\n    step,\n    sliderOnly,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.slider,\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"Slider\");\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Slider\");\n\n  const objectRef = useObjectRef(ref);\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      tunnel: {\n        id: \"label\",\n        component: \"Slider\",\n      },\n      ...fieldPropsContext.Label,\n      className: styles.label,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <Aria.Slider\n        {...rest}\n        className={rootClassName}\n        isDisabled={isDisabled}\n        defaultValue={defaultValue}\n        step={step}\n      >\n        <PropsContextProvider props={propsContext}>\n          <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n\n          {!sliderOnly && (\n            <div className={styles.text}>\n              <Aria.SliderOutput className={styles.value} />{\" \"}\n              <UiComponentTunnelExit id=\"label\" component=\"Slider\" />\n            </div>\n          )}\n\n          <Aria.SliderTrack className={styles.track}>\n            {({ state }) => (\n              <PropsContextProvider\n                props={{\n                  Button: {\n                    isPending: false,\n                    isFailed: false,\n                    isSucceeded: false,\n                    isReadOnly: isReadOnly,\n                    excludeFromTabOrder: true,\n                    isDisabled,\n                    variant: \"plain\",\n                    color: \"secondary\",\n                    size: \"s\",\n                  },\n                }}\n              >\n                {!sliderOnly && (\n                  <>\n                    <Button\n                      onPress={() => state.decrementThumb(0, step)}\n                      aria-label={stringFormatter.format(\"decrement\")}\n                      className={styles.decrement}\n                    >\n                      <IconMinus />\n                    </Button>\n                    <Button\n                      onPress={() => state.incrementThumb(0, step)}\n                      aria-label={stringFormatter.format(\"increment\")}\n                      className={styles.increment}\n                    >\n                      <IconPlus />\n                    </Button>\n                  </>\n                )}\n\n                <div\n                  className={styles.fill}\n                  style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n                />\n\n                {showInitialMarker &&\n                  defaultValue &&\n                  typeof defaultValue === \"number\" && (\n                    <div\n                      className={styles.initialMarker}\n                      style={{\n                        left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n                      }}\n                    />\n                  )}\n                <Aria.SliderThumb\n                  inputRef={objectRef}\n                  name={name}\n                  className={styles.handle}\n                  isDisabled={isReadOnly}\n                />\n              </PropsContextProvider>\n            )}\n          </Aria.SliderTrack>\n          <FieldErrorView />\n        </PropsContextProvider>\n      </Aria.Slider>\n    </div>\n  );\n});\n\nexport default Slider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgCA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EACJ,WACA,UACA,MACA,YACA,cACA,mBACA,YACA,KACA,MACA,YACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,sBAAO,QACP,cAAc,sBAAO,UACrB,SACF;CAEA,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,QAAQ;CAErC,MAAM,kBAAkB,4BAA4B,kBAAS,QAAQ;CAErE,MAAM,YAAY,aAAa,GAAG;CAElC,MAAM,eAA6B;EACjC,GAAG;EACH,OAAO;GACL,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,GAAG,kBAAkB;GACrB,WAAW,sBAAO;EACpB;CACF;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;YACP,oBAAC,KAAK,QAAN;GACE,GAAI;GACJ,WAAW;GACC;GACE;GACR;aAEN,qBAAC,sBAAD;IAAsB,OAAO;cAA7B;KACE,oBAAC,0BAAD,EAA2B,SAAmC,CAAA;KAE7D,CAAC,cACA,qBAAC,OAAD;MAAK,WAAW,sBAAO;gBAAvB;OACE,oBAAC,KAAK,cAAN,EAAmB,WAAW,sBAAO,MAAQ,CAAA;OAAE;OAC/C,oBAAC,uBAAD;QAAuB,IAAG;QAAQ,WAAU;OAAU,CAAA;MACnD;;KAGP,oBAAC,KAAK,aAAN;MAAkB,WAAW,sBAAO;iBAChC,EAAE,YACF,qBAAC,sBAAD;OACE,OAAO,EACL,QAAQ;QACN,WAAW;QACX,UAAU;QACV,aAAa;QACD;QACZ,qBAAqB;QACrB;QACA,SAAS;QACT,OAAO;QACP,MAAM;OACR,EACF;iBAbF;QAeG,CAAC,cACA,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;SACE,eAAe,MAAM,eAAe,GAAG,IAAI;SAC3C,cAAY,gBAAgB,OAAO,WAAW;SAC9C,WAAW,sBAAO;mBAElB,oBAAC,WAAD,CAAY,CAAA;QACN,CAAA,GACR,oBAAC,QAAD;SACE,eAAe,MAAM,eAAe,GAAG,IAAI;SAC3C,cAAY,gBAAgB,OAAO,WAAW;SAC9C,WAAW,sBAAO;mBAElB,oBAAC,UAAD,CAAW,CAAA;QACL,CAAA,CACR,EAAA,CAAA;QAGJ,oBAAC,OAAD;SACE,WAAW,sBAAO;SAClB,OAAO,EAAE,OAAO,MAAM,gBAAgB,CAAC,IAAI,MAAM,IAAI;QACtD,CAAA;QAEA,qBACC,gBACA,OAAO,iBAAiB,YACtB,oBAAC,OAAD;SACE,WAAW,sBAAO;SAClB,OAAO,EACL,MAAM,QAAQ,MAAM,gBAAgB,YAAY,IAAI,IAAI,UAC1D;QACD,CAAA;QAEL,oBAAC,KAAK,aAAN;SACE,UAAU;SACJ;SACN,WAAW,sBAAO;SAClB,YAAY;QACb,CAAA;OACmB;;KAER,CAAA;KAClB,oBAAC,gBAAD,CAAiB,CAAA;IACG;;EACX,CAAA;CACV,CAAA;AAET,CAAC"}

package/dist/js/packages/components/src/components/Slider/Slider.module.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+var Slider_module_default = {
+	slider: "flow--slider",
+	text: "flow--slider--text",
+	value: "flow--slider--value",
+	label: "flow--slider--label",
+	track: "flow--slider--track",
+	fill: "flow--slider--fill",
+	initialMarker: "flow--slider--initial-marker",
+	handle: "flow--slider--handle",
+	increment: "flow--slider--increment",
+	decrement: "flow--slider--decrement",
+	disabled: "flow--slider--disabled"
+};
+//#endregion
+export { Slider_module_default as default };
+
+//# sourceMappingURL=Slider.module.mjs.map

package/dist/js/packages/components/src/components/Slider/Slider.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.mjs","names":[],"sources":["../../../../../../../src/components/Slider/Slider.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.slider {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  row-gap: var(--slider--spacing-y);\n\n  --button-size: calc(\n    var(--button--line-height-s) + var(--button--padding-s-y) * 2\n  );\n\n  .text {\n    text-align: center;\n    align-items: end;\n    padding-inline: calc(var(--button-size) + var(--slider--spacing-x));\n    padding-top: calc(var(--slider--spacing-y) / 2);\n\n    label {\n      margin: 0;\n    }\n\n    .value {\n      font-size: var(--font-size-text--s);\n      font-weight: var(--slider--value-font-weight);\n    }\n\n    .label {\n      display: inline-flex;\n      column-gap: var(--label--spacing);\n    }\n  }\n\n  .track {\n    grid-area: track;\n    position: relative;\n    height: var(--slider--track-height);\n    background-color: var(--slider--track-color--default);\n    width: 100%;\n    border-radius: var(--slider--corner-radius);\n    border: var(--slider--track-border-width) var(--slider--track-border-style)\n      var(--slider--track-border-color--default);\n  }\n\n  .fill {\n    position: absolute;\n    height: var(--slider--track-height);\n    background-color: var(--slider--color--default);\n    top: calc(50% - var(--slider--track-height) / 2);\n    border-radius: var(--slider--corner-radius);\n  }\n\n  .initialMarker {\n    position: absolute;\n    height: var(--slider--initial-marker-height);\n    width: var(--slider--initial-marker-border-width);\n    background-color: var(--slider--color--default);\n    top: calc(50% - var(--slider--initial-marker-height) / 2);\n    border-radius: var(--slider--corner-radius);\n  }\n\n  .handle {\n    width: var(--slider--handle-size);\n    height: var(--slider--handle-size);\n    border-radius: var(--slider--handle-corner-radius);\n    background-color: var(--slider--handle-fill-color);\n    border: var(--slider--handle-border-width) var(--slider--track-border-style)\n      var(--slider--color--default);\n    forced-color-adjust: none;\n    top: 50%;\n    transition-property: background-color;\n    transition-duration: var(--transition--duration--default);\n\n    &[data-dragging],\n    &[data-focus-visible] {\n      background-color: var(--slider--color--default);\n    }\n\n    &[data-focus-visible] {\n      @include focus.focus;\n\n      & {\n        outline-offset: var(--size-px--xs);\n      }\n    }\n  }\n\n  .increment,\n  .decrement {\n    position: absolute;\n    top: calc((var(--slider--spacing-y) + var(--button-size)) * -1);\n  }\n\n  .increment {\n    right: 0;\n  }\n\n  .decrement {\n    left: 0;\n  }\n\n  &.disabled {\n    .track {\n      background-color: var(--slider--track-color--disabled);\n      border-color: var(--slider--track-border-color--disabled);\n    }\n\n    .fill {\n      background-color: var(--slider--color--disabled);\n    }\n\n    .handle {\n      border-color: var(--slider--color--disabled);\n    }\n\n    .text {\n      color: var(--text--color--disabled);\n    }\n  }\n}\n\n/*\n.slider {\n\n\n\n\n\n\n\n\n\n}\n*/\n"],"mappings":""}

package/dist/js/packages/components/src/components/Slider/index.mjs

@@ -0,0 +1 @@
+import "./Slider.mjs";

package/dist/js/packages/components/src/components/SuspenseTrigger/SuspenseTrigger.mjs

@@ -1,17 +1,15 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { lazy } from 'react';
-
-const nonResolvingPromise = new Promise(
-  () => {
-  }
-);
-const NonResolvingLazy = lazy(() => nonResolvingPromise);
-const SuspenseTrigger = (props) => {
-  const { show = true } = props;
-  return show ? /* @__PURE__ */ jsx(NonResolvingLazy, {}) : null;
+import { lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SuspenseTrigger/SuspenseTrigger.tsx
+var nonResolvingPromise = new Promise(() => {});
+var NonResolvingLazy = lazy(() => nonResolvingPromise);
+var SuspenseTrigger = (props) => {
+	const { show = true } = props;
+	return show ? /* @__PURE__ */ jsx(NonResolvingLazy, {}) : null;
 };
+//#endregion
+export { SuspenseTrigger as default };
 
-export { SuspenseTrigger, SuspenseTrigger as default };
-//# sourceMappingURL=SuspenseTrigger.mjs.map
+//# sourceMappingURL=SuspenseTrigger.mjs.map

package/dist/js/packages/components/src/components/SuspenseTrigger/SuspenseTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n  show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n  () => {\n    // no resolve\n  },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n  const { show = true } = props;\n  return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"names":[],"mappings":";;;AAMA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA,EAEN;AACF,CAAA;AAEA,MAAM,gBAAA,GAAmB,IAAA,CAAK,MAAM,mBAAmB,CAAA;AAEhD,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAK,GAAI,KAAA;AACxB,EAAA,OAAO,IAAA,mBAAO,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,GAAK,IAAA;AACvC;;;;"}
+{"version":3,"file":"SuspenseTrigger.mjs","names":[],"sources":["../../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n  show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n  () => {\n    // no resolve\n  },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n  const { show = true } = props;\n  return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"mappings":";;;AAMA,IAAM,sBAAsB,IAAI,cACxB,CAEN,CACF;AAEA,IAAM,mBAAmB,WAAW,mBAAmB;AAEvD,IAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,OAAO,SAAS;CACxB,OAAO,OAAO,oBAAC,kBAAD,CAAmB,CAAA,IAAI;AACvC"}

package/dist/js/packages/components/src/components/SuspenseTrigger/index.mjs

@@ -0,0 +1 @@
+import "./SuspenseTrigger.mjs";

package/dist/js/packages/components/src/components/Switch/Switch.mjs

@@ -1,59 +1,57 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import styles from './Switch.module.scss.mjs';
-import clsx from 'clsx';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { IconCheck } from '../Icon/components/icons/IconCheck.mjs';
-import { IconClose } from '../Icon/components/icons/IconClose.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import styles$1 from '../Label/Label.module.scss.mjs';
-import { useObjectRef } from 'react-aria';
-
-const Switch = flowComponent("Switch", (props) => {
-  const {
-    children,
-    className,
-    labelPosition = "trailing",
-    ref,
-    ...rest
-  } = props;
-  const rootClassName = clsx(
-    styles.switch,
-    className,
-    styles[`label-${labelPosition}`]
-  );
-  const objectRef = useObjectRef(ref);
-  const {
-    FieldErrorView,
-    FieldErrorCaptureContext,
-    fieldPropsContext,
-    fieldProps
-  } = useFieldComponent(props, "Switch");
-  const propsContext = {
-    ...fieldPropsContext,
-    Label: {
-      ...fieldPropsContext.Label,
-      optional: false,
-      className: styles.label
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { ...fieldProps, children: [
-    /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(Aria.Switch, { ...rest, className: rootClassName, inputRef: objectRef, children: ({ isSelected }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
-      /* @__PURE__ */ jsx("div", { className: styles.track, children: /* @__PURE__ */ jsx("div", { className: styles.handle, children: isSelected ? /* @__PURE__ */ jsx(IconCheck, { size: "s" }) : /* @__PURE__ */ jsx(IconClose, { size: "s" }) }) }),
-      /* @__PURE__ */ jsx("div", { className: styles$1.label, children })
-    ] }) }) }),
-    /* @__PURE__ */ jsx(FieldErrorView, {})
-  ] });
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import "../../lib/propsContext/index.mjs";
+import IconCheck from "../Icon/components/icons/IconCheck.mjs";
+import IconClose from "../Icon/components/icons/IconClose.mjs";
+import "../Icon/components/icons/index.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import Switch_module_default from "./Switch.module.mjs";
+import Label_module_default from "../Label/Label.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+import { useObjectRef } from "react-aria";
+//#region src/components/Switch/Switch.tsx
+/** @flr-generate all */
+var Switch = flowComponent("Switch", (props) => {
+	const { children, className, labelPosition = "trailing", ref, ...rest } = props;
+	const rootClassName = clsx(Switch_module_default.switch, className, Switch_module_default[`label-${labelPosition}`]);
+	const objectRef = useObjectRef(ref);
+	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, fieldProps } = useFieldComponent(props, "Switch");
+	const propsContext = {
+		...fieldPropsContext,
+		Label: {
+			...fieldPropsContext.Label,
+			optional: false,
+			className: Switch_module_default.label
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		...fieldProps,
+		children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(Aria.Switch, {
+			...rest,
+			className: rootClassName,
+			inputRef: objectRef,
+			children: ({ isSelected }) => /* @__PURE__ */ jsxs(PropsContextProvider, {
+				props: propsContext,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: Switch_module_default.track,
+					children: /* @__PURE__ */ jsx("div", {
+						className: Switch_module_default.handle,
+						children: isSelected ? /* @__PURE__ */ jsx(IconCheck, { size: "s" }) : /* @__PURE__ */ jsx(IconClose, { size: "s" })
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: Label_module_default.label,
+					children
+				})]
+			})
+		}) }), /* @__PURE__ */ jsx(FieldErrorView, {})]
+	});
 });
+//#endregion
+export { Switch as default };
 
-export { Switch };
-//# sourceMappingURL=Switch.mjs.map
+//# sourceMappingURL=Switch.mjs.map

package/dist/js/packages/components/src/components/Switch/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport labelStyles from \"../Label/Label.module.scss\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface SwitchProps\n  extends\n    PropsWithChildren<Omit<Aria.SwitchProps, \"children\" | \"inputRef\">>,\n    FlowComponentProps<HTMLInputElement> {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n  const {\n    children,\n    className,\n    labelPosition = \"trailing\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.switch,\n    className,\n    styles[`label-${labelPosition}`],\n  );\n\n  const objectRef = useObjectRef(ref);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"Switch\");\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      ...fieldPropsContext.Label,\n      optional: false,\n      className: styles.label,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <Aria.Switch {...rest} className={rootClassName} inputRef={objectRef}>\n          {({ isSelected }) => (\n            <PropsContextProvider props={propsContext}>\n              <div className={styles.track}>\n                <div className={styles.handle}>\n                  {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n                </div>\n              </div>\n              <div className={labelStyles.label}>{children}</div>\n            </PropsContextProvider>\n          )}\n        </Aria.Switch>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Switch;\n"],"names":["labelStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA,GAAgB,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,CAAA,MAAA,EAAS,aAAa,CAAA,CAAE;AAAA,GACjC;AAEA,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAElC,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,iBAAA,CAAkB,KAAA,EAAO,QAAQ,CAAA;AAErC,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,GAAG,iBAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,GAAG,iBAAA,CAAkB,KAAA;AAAA,MACrB,QAAA,EAAU,KAAA;AAAA,MACV,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,UAAA,EACP,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,4BACC,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,QAAL,EAAa,GAAG,MAAM,SAAA,EAAW,aAAA,EAAe,QAAA,EAAU,SAAA,EACxD,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,KAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EACpB,QAAA,EAAA,UAAA,uBAAc,SAAA,EAAA,EAAU,IAAA,EAAK,KAAI,CAAA,mBAAK,GAAA,CAAC,aAAU,IAAA,EAAK,GAAA,EAAI,GAC7D,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAY,OAAQ,QAAA,EAAS;AAAA,KAAA,EAC/C,GAEJ,CAAA,EACF,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Switch.mjs","names":[],"sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport labelStyles from \"../Label/Label.module.scss\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface SwitchProps\n  extends\n    PropsWithChildren<Omit<Aria.SwitchProps, \"children\" | \"inputRef\">>,\n    FlowComponentProps<HTMLInputElement> {\n  /**\n   * Whether the label should appear before or after the switch. @default\n   * \"trailing\"\n   */\n  labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n  const {\n    children,\n    className,\n    labelPosition = \"trailing\",\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.switch,\n    className,\n    styles[`label-${labelPosition}`],\n  );\n\n  const objectRef = useObjectRef(ref);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"Switch\");\n\n  const propsContext: PropsContext = {\n    ...fieldPropsContext,\n    Label: {\n      ...fieldPropsContext.Label,\n      optional: false,\n      className: styles.label,\n    },\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <Aria.Switch {...rest} className={rootClassName} inputRef={objectRef}>\n          {({ isSelected }) => (\n            <PropsContextProvider props={propsContext}>\n              <div className={styles.track}>\n                <div className={styles.handle}>\n                  {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n                </div>\n              </div>\n              <div className={labelStyles.label}>{children}</div>\n            </PropsContextProvider>\n          )}\n        </Aria.Switch>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EACJ,UACA,WACA,gBAAgB,YAChB,KACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,sBAAO,QACP,WACA,sBAAO,SAAS,gBAClB;CAEA,MAAM,YAAY,aAAa,GAAG;CAElC,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,QAAQ;CAErC,MAAM,eAA6B;EACjC,GAAG;EACH,OAAO;GACL,GAAG,kBAAkB;GACrB,UAAU;GACV,WAAW,sBAAO;EACpB;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,GAAI;YAAT,CACE,oBAAC,0BAAD,EAAA,UACE,oBAAC,KAAK,QAAN;GAAa,GAAI;GAAM,WAAW;GAAe,UAAU;cACvD,EAAE,iBACF,qBAAC,sBAAD;IAAsB,OAAO;cAA7B,CACE,oBAAC,OAAD;KAAK,WAAW,sBAAO;eACrB,oBAAC,OAAD;MAAK,WAAW,sBAAO;gBACpB,aAAa,oBAAC,WAAD,EAAW,MAAK,IAAK,CAAA,IAAI,oBAAC,WAAD,EAAW,MAAK,IAAK,CAAA;KACzD,CAAA;IACF,CAAA,GACL,oBAAC,OAAD;KAAK,WAAW,qBAAY;KAAQ;IAAc,CAAA,CAC9B;;EAEb,CAAA,EACW,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACd;;AAET,CAAC"}

package/dist/js/packages/components/src/components/Switch/Switch.module.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+var Switch_module_default = {
+	"switch": "flow--switch",
+	"label-leading": "flow--switch--label-leading",
+	track: "flow--switch--track",
+	handle: "flow--switch--handle",
+	label: "flow--switch--label"
+};
+//#endregion
+export { Switch_module_default as default };
+
+//# sourceMappingURL=Switch.module.mjs.map

package/dist/js/packages/components/src/components/Switch/Switch.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.mjs","names":[],"sources":["../../../../../../../src/components/Switch/Switch.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/formControl\";\n\n.switch {\n  @include formControl.formHiddenInputScrollBehaviorFix;\n\n  display: flex;\n  align-items: center;\n  column-gap: var(--switch--label-to-track-spacing);\n\n  &.label-leading {\n    direction: rtl;\n  }\n\n  /* Elements */\n  .track {\n    width: var(--switch--track-width);\n    height: var(--switch--track-height);\n    background-color: var(--switch--track-background-color--default);\n    border-radius: var(--switch--track-corner-radius);\n    padding: var(--switch--track-padding);\n    flex-shrink: 0;\n    position: relative;\n    transition-property: background-color;\n    transition-duration: var(--transition--duration--default);\n    align-self: start;\n\n    @include focus.focus;\n  }\n\n  .handle {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--switch--handle-size);\n    height: var(--switch--handle-size);\n    background-color: var(--switch--handle-background-color);\n    border-radius: var(--corner-radius--round);\n    transition-property: transform;\n    transition-duration: var(--transition--duration--default);\n    transform: translateX(0);\n    position: absolute;\n    top: var(--switch--track-padding);\n    left: var(--switch--track-padding);\n  }\n\n  .label {\n    margin: 0;\n  }\n\n  /* States */\n\n  &[data-focus-visible] .track {\n    outline-style: solid;\n  }\n\n  &[data-selected] {\n    .track {\n      background-color: var(--switch--track-background-color--selected);\n    }\n\n    .handle {\n      transform: translate(100%);\n    }\n  }\n\n  &[data-disabled] {\n    .track {\n      background-color: var(--switch--track-background-color--disabled);\n      color: var(--switch--track-background-color--disabled);\n    }\n\n    .handle {\n      color: var(--switch--handle-content-color--disabled);\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Switch/index.mjs

@@ -0,0 +1 @@
+import "./Switch.mjs";

package/dist/js/packages/components/src/components/Table/Table.mjs

@@ -1,20 +1,24 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from './Table.module.scss.mjs';
-
-const Table = (props) => {
-  const { children, className, verticalAlign = "top", ...rest } = props;
-  const rootClassName = clsx(
-    styles.table,
-    styles[`vertical-align-${verticalAlign}`],
-    className
-  );
-  return /* @__PURE__ */ jsx("div", { className: styles.tableContainer, children: /* @__PURE__ */ jsx(Aria.Table, { className: rootClassName, ...rest, children }) });
+import Table_module_default from "./Table.module.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Table/Table.tsx
+/** @flr-generate all */
+var Table = (props) => {
+	const { children, className, verticalAlign = "top", ...rest } = props;
+	const rootClassName = clsx(Table_module_default.table, Table_module_default[`vertical-align-${verticalAlign}`], className);
+	return /* @__PURE__ */ jsx("div", {
+		className: Table_module_default.tableContainer,
+		children: /* @__PURE__ */ jsx(Aria.Table, {
+			className: rootClassName,
+			...rest,
+			children
+		})
+	});
 };
+//#endregion
+export { Table as default };
 
-export { Table };
-//# sourceMappingURL=Table.mjs.map
+//# sourceMappingURL=Table.mjs.map

package/dist/js/packages/components/src/components/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","sources":["../../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Aria.TableProps & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.table,\n    styles[`vertical-align-${verticalAlign}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <Aria.Table className={rootClassName} {...rest}>\n        {children}\n      </Aria.Table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,gBAAgB,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEhE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,MAAA,CAAO,CAAA,eAAA,EAAkB,aAAa,CAAA,CAAE,CAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACvC,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Table.mjs","names":[],"sources":["../../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Omit<Aria.TableProps, \"render\" | \"className\"> & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n  className?: string;\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.table,\n    styles[`vertical-align-${verticalAlign}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <Aria.Table className={rootClassName} {...rest}>\n        {children}\n      </Aria.Table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"mappings":";;;;;;AAYA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EAAE,UAAU,WAAW,gBAAgB,OAAO,GAAG,SAAS;CAEhE,MAAM,gBAAgB,KACpB,qBAAO,OACP,qBAAO,kBAAkB,kBACzB,SACF;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,qBAAO;YACrB,oBAAC,KAAK,OAAN;GAAY,WAAW;GAAe,GAAI;GACvC;EACS,CAAA;CACT,CAAA;AAET"}

package/dist/js/packages/components/src/components/Table/Table.module.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+var Table_module_default = {
+	tableContainer: "flow--table--table-container",
+	table: "flow--table",
+	column: "flow--table--column",
+	cell: "flow--table--cell",
+	"horizontal-align-center": "flow--table--horizontal-align-center",
+	"horizontal-align-end": "flow--table--horizontal-align-end",
+	header: "flow--table--header",
+	body: "flow--table--body",
+	row: "flow--table--row",
+	footer: "flow--table--footer",
+	"vertical-align-middle": "flow--table--vertical-align-middle"
+};
+//#endregion
+export { Table_module_default as default };
+
+//# sourceMappingURL=Table.module.mjs.map

package/dist/js/packages/components/src/components/Table/Table.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.mjs","names":[],"sources":["../../../../../../../src/components/Table/Table.module.scss"],"sourcesContent":[".tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  border-radius: var(--table--corner-radius);\n  overflow: hidden;\n  width: 100%;\n  border-width: var(--table--border-width);\n  border-style: var(--table--border-style);\n  border-color: var(--table--border-color);\n  border-spacing: 0;\n  background-color: var(--table--background-color);\n\n  .column {\n    font-weight: var(--table--header-font-weight);\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  .cell,\n  .column {\n    padding-inline: var(--table--padding-x);\n    padding-block: var(--table--padding-y);\n    text-align: start;\n    vertical-align: top;\n    border-style: var(--table--border-style);\n    border-color: var(--table--border-color);\n    border-width: 0;\n\n    > svg {\n      vertical-align: bottom;\n    }\n\n    &.horizontal-align-center {\n      text-align: center;\n    }\n\n    &.horizontal-align-end {\n      text-align: end;\n    }\n  }\n\n  .header {\n    .column {\n      border-block-end-width: var(--table--header-border-width);\n    }\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  :where(.body) {\n    :where(.row) {\n      &:where(:nth-of-type(odd):not(.footer)) {\n        background-color: var(--table--background-color-accent);\n      }\n\n      &:not(:last-child) {\n        .cell {\n          border-block-end-width: var(--table--border-width);\n        }\n      }\n\n      &.footer .cell {\n        border-block-start-width: var(--table--border-width);\n      }\n    }\n  }\n\n  &.vertical-align-middle {\n    .cell,\n    .column {\n      vertical-align: middle;\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Table/components/TableBody/TableBody.mjs

@@ -1,16 +1,22 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from '../../Table.module.scss.mjs';
-
-const TableBody = (props) => {
-  const { children, className, ...rest } = props;
-  const rootClassName = clsx(styles.body, className);
-  return /* @__PURE__ */ jsx(Aria.TableBody, { className: rootClassName, ...rest, children });
+import Table_module_default from "../../Table.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Table/components/TableBody/TableBody.tsx
+/** @flr-generate all */
+var TableBody = (props) => {
+	const { children, className, ...rest } = props;
+	const rootClassName = clsx(Table_module_default.body, className);
+	return /* @__PURE__ */ jsx(Aria.TableBody, {
+		className: rootClassName,
+		...rest,
+		children
+	});
 };
+//#endregion
+export { TableBody as default };
 
-export { TableBody };
-//# sourceMappingURL=TableBody.mjs.map
+//# sourceMappingURL=TableBody.mjs.map

package/dist/js/packages/components/src/components/Table/components/TableBody/TableBody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.body, className);\n\n  return (\n    <Aria.TableBody className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableBody>\n  );\n};\n\nexport default TableBody;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,WAAW,aAAA,EAAgB,GAAG,MAC3C,QAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableBody.mjs","names":[],"sources":["../../../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const rootClassName = clsx(styles.body, className);\n\n  return (\n    <Aria.TableBody className={rootClassName} {...rest}>\n      {children}\n    </Aria.TableBody>\n  );\n};\n\nexport default TableBody;\n"],"mappings":";;;;;;;AASA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,gBAAgB,KAAK,qBAAO,MAAM,SAAS;CAEjD,OACE,oBAAC,KAAK,WAAN;EAAgB,WAAW;EAAe,GAAI;EAC3C;CACa,CAAA;AAEpB"}

package/dist/js/packages/components/src/components/Table/components/TableBody/index.mjs

@@ -0,0 +1 @@
+import "./TableBody.mjs";

package/dist/js/packages/components/src/components/Table/components/TableCell/TableCell.mjs

@@ -1,32 +1,34 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from '../../Table.module.scss.mjs';
-import { SkeletonText } from '../../../SkeletonText/SkeletonText.mjs';
-import { TableColumn } from '../TableColumn/TableColumn.mjs';
-
-const TableCell = (props) => {
-  const {
-    children,
-    className,
-    rowHeader,
-    horizontalAlign = "start",
-    ...rest
-  } = props;
-  const rootClassName = clsx(
-    styles.cell,
-    styles[`horizontal-align-${horizontalAlign}`],
-    className
-  );
-  const content = /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(SkeletonText, { width: "100px" }), children });
-  if (rowHeader) {
-    return /* @__PURE__ */ jsx(TableColumn, { className: rootClassName, ...rest, children: content });
-  }
-  return /* @__PURE__ */ jsx(Aria.Cell, { className: rootClassName, ...rest, children: content });
+import SkeletonText from "../../../SkeletonText/SkeletonText.mjs";
+import "../../../SkeletonText/index.mjs";
+import Table_module_default from "../../Table.module.mjs";
+import TableColumn from "../TableColumn/TableColumn.mjs";
+import clsx from "clsx";
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Table/components/TableCell/TableCell.tsx
+/** @flr-generate all */
+var TableCell = (props) => {
+	const { children, className, rowHeader, horizontalAlign = "start", ...rest } = props;
+	const rootClassName = clsx(Table_module_default.cell, Table_module_default[`horizontal-align-${horizontalAlign}`], className);
+	const content = /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx(SkeletonText, { width: "100px" }),
+		children
+	});
+	if (rowHeader) return /* @__PURE__ */ jsx(TableColumn, {
+		className: rootClassName,
+		...rest,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Aria.Cell, {
+		className: rootClassName,
+		...rest,
+		children: content
+	});
 };
+//#endregion
+export { TableCell as default };
 
-export { TableCell };
-//# sourceMappingURL=TableCell.mjs.map
+//# sourceMappingURL=TableCell.mjs.map

package/dist/js/packages/components/src/components/Table/components/TableCell/TableCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.mjs","sources":["../../../../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table/components/TableColumn/TableColumn\";\n\nexport interface TableCellProps\n  extends\n    Omit<Aria.CellProps, \"children\" | \"style\" | \"render\">,\n    PropsWithChildren {\n  /** Use cell as row header */\n  rowHeader?: boolean;\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n  const {\n    children,\n    className,\n    rowHeader,\n    horizontalAlign = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.cell,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const content = (\n    <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n  );\n\n  if (rowHeader) {\n    return (\n      <TableColumn className={rootClassName} {...rest}>\n        {content}\n      </TableColumn>\n    );\n  }\n\n  return (\n    <Aria.Cell className={rootClassName} {...rest}>\n      {content}\n    </Aria.Cell>\n  );\n};\n\nexport default TableCell;\n"],"names":[],"mappings":";;;;;;;;AAmBO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA,GAAkB,OAAA;AAAA,IAClB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,IAAA;AAAA,IACP,MAAA,CAAO,CAAA,iBAAA,EAAoB,eAAe,CAAA,CAAE,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,OAAA,uBACH,QAAA,EAAA,EAAS,QAAA,sBAAW,YAAA,EAAA,EAAa,KAAA,EAAM,OAAA,EAAQ,CAAA,EAAK,QAAA,EAAS,CAAA;AAGhE,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,2BACG,WAAA,EAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,MACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,WAAW,aAAA,EAAgB,GAAG,MACtC,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableCell.mjs","names":[],"sources":["../../../../../../../../../src/components/Table/components/TableCell/TableCell.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\nimport { SkeletonText } from \"@/components/SkeletonText\";\nimport { TableColumn } from \"@/components/Table/components/TableColumn/TableColumn\";\n\nexport interface TableCellProps\n  extends\n    Omit<Aria.CellProps, \"children\" | \"style\" | \"render\">,\n    PropsWithChildren {\n  /** Use cell as row header */\n  rowHeader?: boolean;\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableCell: FC<TableCellProps> = (props) => {\n  const {\n    children,\n    className,\n    rowHeader,\n    horizontalAlign = \"start\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.cell,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const content = (\n    <Suspense fallback={<SkeletonText width=\"100px\" />}>{children}</Suspense>\n  );\n\n  if (rowHeader) {\n    return (\n      <TableColumn className={rootClassName} {...rest}>\n        {content}\n      </TableColumn>\n    );\n  }\n\n  return (\n    <Aria.Cell className={rootClassName} {...rest}>\n      {content}\n    </Aria.Cell>\n  );\n};\n\nexport default TableCell;\n"],"mappings":";;;;;;;;;;AAmBA,IAAa,aAAiC,UAAU;CACtD,MAAM,EACJ,UACA,WACA,WACA,kBAAkB,SAClB,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,qBAAO,MACP,qBAAO,oBAAoB,oBAC3B,SACF;CAEA,MAAM,UACJ,oBAAC,UAAD;EAAU,UAAU,oBAAC,cAAD,EAAc,OAAM,QAAS,CAAA;EAAI;CAAmB,CAAA;CAG1E,IAAI,WACF,OACE,oBAAC,aAAD;EAAa,WAAW;EAAe,GAAI;YACxC;CACU,CAAA;CAIjB,OACE,oBAAC,KAAK,MAAN;EAAW,WAAW;EAAe,GAAI;YACtC;CACQ,CAAA;AAEf"}

package/dist/js/packages/components/src/components/Table/components/TableCell/index.mjs

@@ -0,0 +1 @@
+import "./TableCell.mjs";

package/dist/js/packages/components/src/components/Table/components/TableColumn/TableColumn.mjs

@@ -1,23 +1,29 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import styles from '../../Table.module.scss.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
-
-const TableColumn = (props) => {
-  const { children, className, horizontalAlign = "start", ...rest } = props;
-  const rootClassName = clsx(
-    styles.column,
-    styles[`horizontal-align-${horizontalAlign}`],
-    className
-  );
-  const propsContext = { Checkbox: { slot: null } };
-  return /* @__PURE__ */ jsx(Aria.Column, { isRowHeader: true, className: rootClassName, ...rest, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+import PropsContextProvider from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
+import "../../../../lib/propsContext/index.mjs";
+import Table_module_default from "../../Table.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Table/components/TableColumn/TableColumn.tsx
+/** @flr-generate all */
+var TableColumn = (props) => {
+	const { children, className, horizontalAlign = "start", ...rest } = props;
+	const rootClassName = clsx(Table_module_default.column, Table_module_default[`horizontal-align-${horizontalAlign}`], className);
+	const propsContext = { Checkbox: { slot: null } };
+	return /* @__PURE__ */ jsx(Aria.Column, {
+		isRowHeader: true,
+		className: rootClassName,
+		...rest,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children
+		})
+	});
 };
+//#endregion
+export { TableColumn as default };
 
-export { TableColumn };
-//# sourceMappingURL=TableColumn.mjs.map
+//# sourceMappingURL=TableColumn.mjs.map

package/dist/js/packages/components/src/components/Table/components/TableColumn/TableColumn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../../src/components/Table/components/TableColumn/TableColumn.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 \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n  extends Omit<Aria.ColumnProps, \"children\">, PropsWithChildren {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,kBAAkB,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AACpE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,iBAAA,EAAoB,eAAe,CAAA,CAAE,CAAA;AAAA,IAC5C;AAAA,GACF;AAEA,EAAA,MAAM,eAA6B,EAAE,QAAA,EAAU,EAAE,IAAA,EAAM,MAAK,EAAE;AAE9D,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,MAAA,EAAL,EAAY,aAAW,IAAA,EAAC,SAAA,EAAW,aAAA,EAAgB,GAAG,MACrD,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableColumn.mjs","names":[],"sources":["../../../../../../../../../src/components/Table/components/TableColumn/TableColumn.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 \"../../Table.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface TableColumnProps\n  extends Omit<Aria.ColumnProps, \"children\">, PropsWithChildren {\n  /** Horizontal alignment of the cell content @default \"start\" */\n  horizontalAlign?: \"start\" | \"center\" | \"end\";\n}\n\n/** @flr-generate all */\nexport const TableColumn: FC<TableColumnProps> = (props) => {\n  const { children, className, horizontalAlign = \"start\", ...rest } = props;\n  const rootClassName = clsx(\n    styles.column,\n    styles[`horizontal-align-${horizontalAlign}`],\n    className,\n  );\n\n  const propsContext: PropsContext = { Checkbox: { slot: null } };\n\n  return (\n    <Aria.Column isRowHeader className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Column>\n  );\n};\n\nexport default TableColumn;\n"],"mappings":";;;;;;;;;AAcA,IAAa,eAAqC,UAAU;CAC1D,MAAM,EAAE,UAAU,WAAW,kBAAkB,SAAS,GAAG,SAAS;CACpE,MAAM,gBAAgB,KACpB,qBAAO,QACP,qBAAO,oBAAoB,oBAC3B,SACF;CAEA,MAAM,eAA6B,EAAE,UAAU,EAAE,MAAM,KAAK,EAAE;CAE9D,OACE,oBAAC,KAAK,QAAN;EAAa,aAAA;EAAY,WAAW;EAAe,GAAI;YACrD,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACX,CAAA;AAEjB"}

package/dist/js/packages/components/src/components/Table/components/TableColumn/index.mjs

@@ -0,0 +1 @@
+import "./TableColumn.mjs";