npm - @mittwald/flow-react-components - Versions diffs - 0.2.0-alpha.31 → 0.2.0-alpha.33 - Mend

@mittwald/flow-react-components 0.2.0-alpha.31 → 0.2.0-alpha.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (204) hide show

package/dist/js/components/ProgressBar/ProgressBar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.mjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/.locale.json\";\n\nexport interface ProgressBarProps\n extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n PropsWithStatus {\n /* Whether the max value should be displayed. /\n showMaxValue?: boolean;\n /* The size variant of the progress bar @default \"m\" /\n size?: \"s\" \| \"m\";\n}\n\n/* @flr-generate all */\nexport const ProgressBar: FC<ProgressBarProps> = (props) => {\n const {\n children,\n className,\n status = \"info\",\n showMaxValue,\n size = \"m\",\n ...rest\n } = props;\n\n const rootClassName = clsx(\n className,\n styles.progressBar,\n styles[`size-${size}`],\n styles[status],\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const formatter = useNumberFormatter(props.formatOptions);\n\n const maxValueText =\n showMaxValue && props.maxValue\n ? formatter.format(props.maxValue)\n : undefined;\n\n const propsContext: PropsContext = {\n Label: {\n className: styles.label,\n unstyled: true,\n },\n };\n\n return (\n <Aria.ProgressBar className={rootClassName} {...rest}>\n {({ percentage, valueText }) => (\n <PropsContextProvider props={propsContext}>\n {children}\n <span className={styles.value}>\n {maxValueText\n ? `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`\n : valueText}\n </span>\n <div className={styles.bar}>\n <div className={styles.fill} style={{ width: percentage + \"%\" }} />\n </div>\n </PropsContextProvider>\n )}\n </Aria.ProgressBar>\n );\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;~~AAqBa~~,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,SAAA,GAAY,kBAAmB,CAAA,KAAA,CAAM,aAAa,CAAA;AAExD,EAAM,MAAA,YAAA,GACJ,gBAAgB,KAAM,CAAA,QAAA,GAClB,UAAU,MAAO,CAAA,KAAA,CAAM,QAAQ,CAC/B,GAAA,MAAA;AAEN,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,IAAK,CAAA,WAAA,EAAL,EAAiB,SAAA,EAAW,eAAgB,GAAG,IAAA,EAC7C,QAAC,EAAA,CAAA,EAAE,YAAY,SAAU,EAAA,qBACvB,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EACrB,yBACG,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,eAAA,CAAgB,OAAO,gBAAgB,CAAC,CAAI,CAAA,EAAA,YAAY,KACxE,SACN,EAAA,CAAA;AAAA,wBACC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,UAAa,GAAA,GAAA,IAAO,CACnE,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ProgressBar.mjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/.locale.json\";\n\nexport interface ProgressBarProps\n extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n PropsWithStatus {\n /* Whether the max value should be displayed. /\n showMaxValue?: boolean;\n /* The size variant of the progress bar @default \"m\" /\n size?: \"s\" \| \"m\";\n}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const ProgressBar: FC<ProgressBarProps> = (props) => {\n const {\n children,\n className,\n status = \"info\",\n showMaxValue,\n size = \"m\",\n ...rest\n } = props;\n\n const rootClassName = clsx(\n className,\n styles.progressBar,\n styles[`size-${size}`],\n styles[status],\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const formatter = useNumberFormatter(props.formatOptions);\n\n const maxValueText =\n showMaxValue && props.maxValue\n ? formatter.format(props.maxValue)\n : undefined;\n\n const propsContext: PropsContext = {\n Label: {\n className: styles.label,\n unstyled: true,\n },\n };\n\n return (\n <Aria.ProgressBar className={rootClassName} {...rest}>\n {({ percentage, valueText }) => (\n <PropsContextProvider props={propsContext}>\n {children}\n <span className={styles.value}>\n {maxValueText\n ? `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`\n : valueText}\n </span>\n <div className={styles.bar}>\n <div className={styles.fill} style={{ width: percentage + \"%\" }} />\n </div>\n </PropsContextProvider>\n )}\n </Aria.ProgressBar>\n );\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;AAwBa,MAAA,WAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAO,CAAA,WAAA;AAAA,IACP,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAM,MAAA,SAAA,GAAY,kBAAmB,CAAA,KAAA,CAAM,aAAa,CAAA;AAExD,EAAM,MAAA,YAAA,GACJ,gBAAgB,KAAM,CAAA,QAAA,GAClB,UAAU,MAAO,CAAA,KAAA,CAAM,QAAQ,CAC/B,GAAA,MAAA;AAEN,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,KAAA;AAAA,MAClB,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,2BACG,IAAK,CAAA,WAAA,EAAL,EAAiB,SAAA,EAAW,eAAgB,GAAG,IAAA,EAC7C,QAAC,EAAA,CAAA,EAAE,YAAY,SAAU,EAAA,qBACvB,IAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EACrB,yBACG,CAAG,EAAA,SAAS,CAAI,CAAA,EAAA,eAAA,CAAgB,OAAO,gBAAgB,CAAC,CAAI,CAAA,EAAA,YAAY,KACxE,SACN,EAAA,CAAA;AAAA,wBACC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,UAAa,GAAA,GAAA,IAAO,CACnE,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/RadioGroup/components/Radio/Radio.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.mjs","sources":["../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\n\nexport interface RadioProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Radio = flowComponent<\"Radio\", HTMLLabelElement>(\n \"Radio\",\n (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.radio, className);\n\n return (\n <ClearPropsContext>\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {({ isSelected }) => (\n <>\n {isSelected ? (\n <IconRadioOn className={styles.icon} />\n ) : (\n <IconRadioOff className={styles.icon} />\n )}\n {children}\n </>\n )}\n </Aria.Radio>\n </ClearPropsContext>\n );\n },\n);\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;~~AAeO~~,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,OAAL,EAAY,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC7C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MACC,UAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,oBAEpC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,MAEvC;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"Radio.mjs","sources":["../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\n\nexport interface RadioProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const Radio = flowComponent<\"Radio\", HTMLLabelElement>(\n \"Radio\",\n (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.radio, className);\n\n return (\n <ClearPropsContext>\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {({ isSelected }) => (\n <>\n {isSelected ? (\n <IconRadioOn className={styles.icon} />\n ) : (\n <IconRadioOff className={styles.icon} />\n )}\n {children}\n </>\n )}\n </Aria.Radio>\n </ClearPropsContext>\n );\n },\n);\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,KAAQ,GAAA,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,OAAL,EAAY,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC7C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MACC,UAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,oBAEpC,GAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,MAEvC;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/RadioGroup/components/RadioButton/RadioButton.mjs.map CHANGED Viewed

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

package/dist/js/components/SearchField/SearchField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchField.mjs","sources":["../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SearchFieldProps\n extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n FlowComponentProps {}\n\n/* @flr-generate all */\nexport const SearchField = flowComponent<\"SearchField\", HTMLInputElement>(\n \"SearchField\",\n (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(\n formFieldStyles.formField,\n styles.searchField,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const searchText = stringFormatter.format(`searchField.search`);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n };\n\n return (\n <ClearPropsContext>\n <Aria.SearchField\n aria-label={searchText}\n {...rest}\n className={rootClassName}\n >\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n <div className={styles.inputContainer}>\n <IconSearch className={styles.searchIcon} />\n <Aria.Input\n placeholder={searchText}\n className={styles.input}\n ref={ref}\n />\n <Button\n className={styles.clearButton}\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconClose />\n </Button>\n </div>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.SearchField>\n </ClearPropsContext>\n );\n },\n);\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;~~AAqBO~~,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,eAAgB,CAAA,SAAA;AAAA,MAChB,MAAO,CAAA,WAAA;AAAA,MACP;AAAA,KACF;AAEA,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACC,YAAY,EAAA,UAAA;AAAA,QACX,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,0BACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,4BAC1C,GAAA;AAAA,cAAC,IAAK,CAAA,KAAA;AAAA,cAAL;AAAA,gBACC,WAAa,EAAA,UAAA;AAAA,gBACb,WAAW,MAAO,CAAA,KAAA;AAAA,gBAClB;AAAA;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,WACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,KAEvD,EAAA,CAAA;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"SearchField.mjs","sources":["../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface SearchFieldProps\n extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n FlowComponentProps {}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const SearchField = flowComponent<\"SearchField\", HTMLInputElement>(\n \"SearchField\",\n (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(\n formFieldStyles.formField,\n styles.searchField,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const searchText = stringFormatter.format(`searchField.search`);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n };\n\n return (\n <ClearPropsContext>\n <Aria.SearchField\n aria-label={searchText}\n {...rest}\n className={rootClassName}\n >\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n <div className={styles.inputContainer}>\n <IconSearch className={styles.searchIcon} />\n <Aria.Input\n placeholder={searchText}\n className={styles.input}\n ref={ref}\n />\n <Button\n className={styles.clearButton}\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconClose />\n </Button>\n </div>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.SearchField>\n </ClearPropsContext>\n );\n },\n);\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAwBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,eAAgB,CAAA,SAAA;AAAA,MAChB,MAAO,CAAA,WAAA;AAAA,MACP;AAAA,KACF;AAEA,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,UAAA,GAAa,eAAgB,CAAA,MAAA,CAAO,CAAoB,kBAAA,CAAA,CAAA;AAE9D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,KAAO,EAAA;AAAA,QACL,WAAW,eAAgB,CAAA,KAAA;AAAA,QAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,OACnB;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,WAAW,eAAgB,CAAA;AAAA,OAC7B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,KACF;AAEA,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACC,YAAY,EAAA,UAAA;AAAA,QACX,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,aAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,0BACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,UAAY,EAAA,CAAA;AAAA,4BAC1C,GAAA;AAAA,cAAC,IAAK,CAAA,KAAA;AAAA,cAAL;AAAA,gBACC,WAAa,EAAA,UAAA;AAAA,gBACb,WAAW,MAAO,CAAA,KAAA;AAAA,gBAClB;AAAA;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAW,MAAO,CAAA,WAAA;AAAA,gBAClB,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,WAAA;AAAA,gBAEN,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,WACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,KAEvD,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/SegmentedControl/components/Segment/Segment.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Segment.mjs","sources":["../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\n\nexport interface SegmentProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Segment = flowComponent<\"Segment\", HTMLLabelElement>(\n \"Segment\",\n (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.segment, className);\n\n return (\n <ClearPropsContext>\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {children}\n <IconCheck className={styles.checkmark} />\n </Aria.Radio>\n </ClearPropsContext>\n );\n },\n);\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;~~AAeO~~,MAAM,OAAU,GAAA,aAAA;AAAA,EACrB,SAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC7C,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACA,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,SAAW,EAAA;AAAA,KAAA,EAC1C,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"Segment.mjs","sources":["../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\n\nexport interface SegmentProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const Segment = flowComponent<\"Segment\", HTMLLabelElement>(\n \"Segment\",\n (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.segment, className);\n\n return (\n <ClearPropsContext>\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {children}\n <IconCheck className={styles.checkmark} />\n </Aria.Radio>\n </ClearPropsContext>\n );\n },\n);\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,OAAU,GAAA,aAAA;AAAA,EACrB,SAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,GAC7C,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACA,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,SAAW,EAAA;AAAA,KAAA,EAC1C,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/Select/Select.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.mjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\n\nexport interface SelectProps\n extends PropsWithChildren<\n Omit<Aria.SelectProps<{ example: string }>, \"children\" \| \"className\">\n >,\n FlowComponentProps,\n PropsWithClassName {\n /** Handler that is called when the selected value changes. /\n onChange?: (value: string \| number) => void;\n /* An overlay controller to control the select option popover state. /\n controller?: OverlayController;\n}\n\n/* @flr-generate all */\nexport const Select = flowComponent(\"Select\", (props) => {\n const {\n children,\n className,\n onChange = () => {\n // default: do nothing\n },\n onSelectionChange = () => {\n // default: do nothing\n },\n controller: controllerFromProps,\n ref,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.select,\n formFieldStyles.formField,\n className,\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n Option: {\n tunnelId: \"options\",\n },\n };\n\n const handleOnSelectionChange = (id: Key) => {\n onChange(String(id));\n onSelectionChange(id);\n };\n\n const controllerFromContext = useOverlayController(\"Select\", {\n reuseControllerFromContext: true,\n });\n\n const controller = controllerFromProps ?? controllerFromContext;\n\n const isOpen = controller.useIsOpen();\n\n return (\n <Aria.Select\n {...rest}\n className={rootClassName}\n ref={ref}\n onSelectionChange={handleOnSelectionChange}\n onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n isOpen={isOpen}\n >\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <Aria.Button className={styles.toggle}>\n <Aria.SelectValue />\n <IconChevronDown />\n </Aria.Button>\n\n {children}\n <Options controller={controller}>\n <TunnelExit id=\"options\" />\n </Options>\n\n <FieldError className={formFieldStyles.fieldError} />\n </TunnelProvider>\n </PropsContextProvider>\n </Aria.Select>\n );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;~~AA+BO~~,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAW,MAAM;AAAA,KAEjB;AAAA,IACA,oBAAoB,MAAM;AAAA,KAE1B;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,eAAgB,CAAA,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,EAAY,KAAA;AAC3C,IAAS,QAAA,CAAA,MAAA,CAAO,EAAE,CAAC,CAAA;AACnB,IAAA,iBAAA,CAAkB,EAAE,CAAA;AAAA,GACtB;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,QAAU,EAAA;AAAA,IAC3D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,GAAA;AAAA,MACA,iBAAmB,EAAA,uBAAA;AAAA,MACnB,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,SAAA,EAAW,OAAO,MAC7B,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,8BACjB,eAAgB,EAAA,EAAA;AAAA,SACnB,EAAA,CAAA;AAAA,QAEC,QAAA;AAAA,4BACA,OAAQ,EAAA,EAAA,UAAA,EACP,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,WAAU,CAC3B,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,OAAA,EACrD,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"Select.mjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\n\nexport interface SelectProps\n extends PropsWithChildren<\n Omit<Aria.SelectProps<{ example: string }>, \"children\" \| \"className\">\n >,\n FlowComponentProps,\n PropsWithClassName {\n /** Handler that is called when the selected value changes. /\n onChange?: (value: string \| number) => void;\n /* An overlay controller to control the select option popover state. /\n controller?: OverlayController;\n}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const Select = flowComponent(\"Select\", (props) => {\n const {\n children,\n className,\n onChange = () => {\n // default: do nothing\n },\n onSelectionChange = () => {\n // default: do nothing\n },\n controller: controllerFromProps,\n ref,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.select,\n formFieldStyles.formField,\n className,\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n Option: {\n tunnelId: \"options\",\n },\n };\n\n const handleOnSelectionChange = (id: Key) => {\n onChange(String(id));\n onSelectionChange(id);\n };\n\n const controllerFromContext = useOverlayController(\"Select\", {\n reuseControllerFromContext: true,\n });\n\n const controller = controllerFromProps ?? controllerFromContext;\n\n const isOpen = controller.useIsOpen();\n\n return (\n <Aria.Select\n {...rest}\n className={rootClassName}\n ref={ref}\n onSelectionChange={handleOnSelectionChange}\n onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n isOpen={isOpen}\n >\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <Aria.Button className={styles.toggle}>\n <Aria.SelectValue />\n <IconChevronDown />\n </Aria.Button>\n\n {children}\n <Options controller={controller}>\n <TunnelExit id=\"options\" />\n </Options>\n\n <FieldError className={formFieldStyles.fieldError} />\n </TunnelProvider>\n </PropsContextProvider>\n </Aria.Select>\n );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;AAkCO,MAAM,MAAS,GAAA,aAAA,CAAc,QAAU,EAAA,CAAC,KAAU,KAAA;AACvD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAW,MAAM;AAAA,KAEjB;AAAA,IACA,oBAAoB,MAAM;AAAA,KAE1B;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,MAAA;AAAA,IACP,eAAgB,CAAA,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,EAAY,KAAA;AAC3C,IAAS,QAAA,CAAA,MAAA,CAAO,EAAE,CAAC,CAAA;AACnB,IAAA,iBAAA,CAAkB,EAAE,CAAA;AAAA,GACtB;AAEA,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,QAAU,EAAA;AAAA,IAC3D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,GAAA;AAAA,MACA,iBAAmB,EAAA,uBAAA;AAAA,MACnB,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,+BAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY,SAAA,EAAW,OAAO,MAC7B,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,8BACjB,eAAgB,EAAA,EAAA;AAAA,SACnB,EAAA,CAAA;AAAA,QAEC,QAAA;AAAA,4BACA,OAAQ,EAAA,EAAA,UAAA,EACP,8BAAC,UAAW,EAAA,EAAA,EAAA,EAAG,WAAU,CAC3B,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,OAAA,EACrD,CACF,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/Slider/Slider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.mjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React 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 \"react-aria\";\n\nexport interface SliderProps\n extends FlowComponentProps,\n PropsWithChildren<Aria.SliderProps>,\n Pick<Aria.SliderThumbProps, \"name\"> {\n showInitialMarker?: 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 ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.slider,\n isDisabled && styles.disabled,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const propsContext: PropsContext = {\n Label: {\n unstyled: true,\n },\n };\n\n return (\n <Aria.Slider\n className={rootClassName}\n isDisabled={isDisabled}\n defaultValue={defaultValue}\n {...rest}\n >\n <div className={styles.text}>\n <Aria.SliderOutput className={styles.value} />\n\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </div>\n\n <Aria.SliderTrack className={styles.track}>\n {({ state }) => (\n <>\n <Button\n onPress={() => state.decrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.decrement\")}\n size=\"s\"\n variant=\"plain\"\n className={styles.decrement}\n isDisabled={isDisabled}\n excludeFromTabOrder\n >\n <IconMinus />\n </Button>\n\n <Button\n onPress={() => state.incrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.increment\")}\n size=\"s\"\n variant=\"plain\"\n className={styles.increment}\n isDisabled={isDisabled}\n excludeFromTabOrder\n >\n <IconPlus />\n </Button>\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\n <Aria.SliderThumb name={name} className={styles.thumb} />\n </>\n )}\n </Aria.SliderTrack>\n </Aria.Slider>\n );\n});\n\nexport default Slider;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;~~AAsBO~~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"}
1	+ {"version":3,"file":"Slider.mjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React 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 \"react-aria\";\n\nexport interface SliderProps\n extends FlowComponentProps,\n PropsWithChildren<Aria.SliderProps>,\n Pick<Aria.SliderThumbProps, \"name\"> {\n showInitialMarker?: boolean;\n}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n /\nexport const Slider = flowComponent(\"Slider\", (props) => {\n const {\n className,\n children,\n name,\n isDisabled,\n defaultValue,\n showInitialMarker,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.slider,\n isDisabled && styles.disabled,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const propsContext: PropsContext = {\n Label: {\n unstyled: true,\n },\n };\n\n return (\n <Aria.Slider\n className={rootClassName}\n isDisabled={isDisabled}\n defaultValue={defaultValue}\n {...rest}\n >\n <div className={styles.text}>\n <Aria.SliderOutput className={styles.value} />\n\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </div>\n\n <Aria.SliderTrack className={styles.track}>\n {({ state }) => (\n <>\n <Button\n onPress={() => state.decrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.decrement\")}\n size=\"s\"\n variant=\"plain\"\n className={styles.decrement}\n isDisabled={isDisabled}\n excludeFromTabOrder\n >\n <IconMinus />\n </Button>\n\n <Button\n onPress={() => state.incrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.increment\")}\n size=\"s\"\n variant=\"plain\"\n className={styles.increment}\n isDisabled={isDisabled}\n excludeFromTabOrder\n >\n <IconPlus />\n </Button>\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\n <Aria.SliderThumb name={name} className={styles.thumb} />\n </>\n )}\n </Aria.SliderTrack>\n </Aria.Slider>\n );\n});\n\nexport default Slider;\n"],"names":[],"mappings":"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"}

package/dist/js/components/Switch/Switch.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React 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 { Label } from \"@/components/Label\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SwitchProps\n extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n FlowComponentProps {\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\", HTMLLabelElement>(\n \"Switch\",\n (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 styles[`label-${labelPosition}`],\n className,\n );\n\n return (\n <ClearPropsContext>\n <Aria.Switch {...rest} className={rootClassName} ref={ref}>\n {({ isSelected }) => (\n <>\n <div className={styles.track}>\n <div className={styles.handle}>\n {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n </div>\n </div>\n {children && <Label className={styles.label}>{children}</Label>}\n </>\n )}\n </Aria.Switch>\n </ClearPropsContext>\n );\n },\n);\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;~~AAsBO~~,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAgB,GAAA,UAAA;AAAA,MAChB,GAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,MAC/B;AAAA,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,QAAL,EAAa,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC9C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,KAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,MACpB,EAAA,QAAA,EAAA,UAAA,uBAAc,SAAU,EAAA,EAAA,IAAA,EAAK,KAAI,CAAK,mBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,GAC7D,CACF,EAAA,CAAA;AAAA,MACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,KAAA,EACzD,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React 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 { Label } from \"@/components/Label\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SwitchProps\n extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n FlowComponentProps {\n /*\n Whether the label should appear before or after the switch. @default\n * \"trailing\"\n /\n labelPosition?: \"leading\" \| \"trailing\";\n}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const Switch = flowComponent<\"Switch\", HTMLLabelElement>(\n \"Switch\",\n (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 styles[`label-${labelPosition}`],\n className,\n );\n\n return (\n <ClearPropsContext>\n <Aria.Switch {...rest} className={rootClassName} ref={ref}>\n {({ isSelected }) => (\n <>\n <div className={styles.track}>\n <div className={styles.handle}>\n {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n </div>\n </div>\n {children && <Label className={styles.label}>{children}</Label>}\n </>\n )}\n </Aria.Switch>\n </ClearPropsContext>\n );\n },\n);\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyBO,MAAM,MAAS,GAAA,aAAA;AAAA,EACpB,QAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAgB,GAAA,UAAA;AAAA,MAChB,GAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,MACpB,MAAO,CAAA,MAAA;AAAA,MACP,MAAA,CAAO,CAAS,MAAA,EAAA,aAAa,CAAE,CAAA,CAAA;AAAA,MAC/B;AAAA,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,QAAL,EAAa,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GAC9C,EAAA,QAAA,EAAA,CAAC,EAAE,UAAA,uBAEA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,KAAA,EACrB,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,MACpB,EAAA,QAAA,EAAA,UAAA,uBAAc,SAAU,EAAA,EAAA,IAAA,EAAK,KAAI,CAAK,mBAAA,GAAA,CAAC,aAAU,IAAK,EAAA,GAAA,EAAI,GAC7D,CACF,EAAA,CAAA;AAAA,MACC,4BAAa,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,MAAA,CAAO,OAAQ,QAAS,EAAA;AAAA,KAAA,EACzD,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/Tabs/components/Tab/Tab.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.mjs","sources":["../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode } from \"react\";\nimport React, { useId } from \"react\";\nimport type { TabPanelRenderProps } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tab.module.scss\";\nimport clsx from \"clsx\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface TabProps\n extends Omit<Aria.TabPanelProps, \"children\">,\n PropsWithChildren {}\n\n/** @flr-generate all */\nexport const Tab: FC<TabProps> = (props) => {\n const { children, className, id: idFromProps, ...rest } = props;\n\n const rootClassName = clsx(styles.tabPanel, className);\n\n const generatedId = useId();\n const id = idFromProps ?? generatedId;\n\n const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {\n const isSelected = props.state.selectedKey === id;\n\n const propsContext: PropsContext = {\n Content: {\n wrapWith: <Activity isActive={isSelected} />,\n },\n Section: {\n wrapWith: <Activity isActive={isSelected} />,\n },\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[isSelected, children]}\n >\n {children}\n </PropsContextProvider>\n );\n };\n\n return (\n <TunnelEntry id=\"Panels\">\n <TabContextProvider value={{ id }}>\n <Aria.TabPanel\n className={rootClassName}\n shouldForceMount\n id={id}\n {...rest}\n >\n {TabPanelRenderer}\n </Aria.TabPanel>\n </TabContextProvider>\n </TunnelEntry>\n );\n};\n\nexport default Tab;\n"],"names":["props"],"mappings":";;;;;;;;;;;~~AAiBa~~,MAAA,GAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAI,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAE1D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,cAAc,KAAM,EAAA;AAC1B,EAAA,MAAM,KAAK,WAAe,IAAA,WAAA;AAE1B,EAAM,MAAA,gBAAA,GAAmB,CAACA,MAAmD,KAAA;AAC3E,IAAM,MAAA,UAAA,GAAaA,MAAM,CAAA,KAAA,CAAM,WAAgB,KAAA,EAAA;AAE/C,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA,OAC5C;AAAA,MACA,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA;AAC5C,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,UAAA,EAAY,QAAQ,CAAA;AAAA,QAElC;AAAA;AAAA,KACH;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,eAAY,EAAG,EAAA,QAAA,EACd,8BAAC,kBAAmB,EAAA,EAAA,KAAA,EAAO,EAAE,EAAA,EAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,gBAAgB,EAAA,IAAA;AAAA,MAChB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"Tab.mjs","sources":["../../../../../../src/components/Tabs/components/Tab/Tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode } from \"react\";\nimport React, { useId } from \"react\";\nimport type { TabPanelRenderProps } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Tab.module.scss\";\nimport clsx from \"clsx\";\nimport { TabContextProvider } from \"@/components/Tabs/components/Tab/context\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface TabProps\n extends Omit<Aria.TabPanelProps, \"children\">,\n PropsWithChildren {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const Tab: FC<TabProps> = (props) => {\n const { children, className, id: idFromProps, ...rest } = props;\n\n const rootClassName = clsx(styles.tabPanel, className);\n\n const generatedId = useId();\n const id = idFromProps ?? generatedId;\n\n const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {\n const isSelected = props.state.selectedKey === id;\n\n const propsContext: PropsContext = {\n Content: {\n wrapWith: <Activity isActive={isSelected} />,\n },\n Section: {\n wrapWith: <Activity isActive={isSelected} />,\n },\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[isSelected, children]}\n >\n {children}\n </PropsContextProvider>\n );\n };\n\n return (\n <TunnelEntry id=\"Panels\">\n <TabContextProvider value={{ id }}>\n <Aria.TabPanel\n className={rootClassName}\n shouldForceMount\n id={id}\n {...rest}\n >\n {TabPanelRenderer}\n </Aria.TabPanel>\n </TabContextProvider>\n </TunnelEntry>\n );\n};\n\nexport default Tab;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAoBa,MAAA,GAAA,GAAoB,CAAC,KAAU,KAAA;AAC1C,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAI,WAAa,EAAA,GAAG,MAAS,GAAA,KAAA;AAE1D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,MAAM,cAAc,KAAM,EAAA;AAC1B,EAAA,MAAM,KAAK,WAAe,IAAA,WAAA;AAE1B,EAAM,MAAA,gBAAA,GAAmB,CAACA,MAAmD,KAAA;AAC3E,IAAM,MAAA,UAAA,GAAaA,MAAM,CAAA,KAAA,CAAM,WAAgB,KAAA,EAAA;AAE/C,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA,OAC5C;AAAA,MACA,OAAS,EAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA;AAAA;AAC5C,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,UAAA,EAAY,QAAQ,CAAA;AAAA,QAElC;AAAA;AAAA,KACH;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,eAAY,EAAG,EAAA,QAAA,EACd,8BAAC,kBAAmB,EAAA,EAAA,KAAA,EAAO,EAAE,EAAA,EAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,gBAAgB,EAAA,IAAA;AAAA,MAChB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,KAEL,CACF,EAAA,CAAA;AAEJ;;;;"}

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

	@@ -1 +1 @@
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}\n\n/* @flr-generate all */\nexport const Text = flowComponent<\"Text\", HTMLDivElement>(\"Text\", (props) => {\n const {\n children,\n className,\n elementType = \"span\",\n emulateBoldWidth,\n ref,\n color,\n ...rest\n } = props;\n\n const rootClassName = clsx(styles.text, color && styles[color], className);\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":";;;;;;;;;;;;;~~AA0BO~~,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,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,aAAA,GAAgB,KAAK,MAAO,CAAA,IAAA,EAAM,SAAS,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAEzE,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;;;;"}
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}\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 ...rest\n } = props;\n\n const rootClassName = clsx(styles.text, color && styles[color], className);\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":";;;;;;;;;;;;;AA6BO,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,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,aAAA,GAAgB,KAAK,MAAO,CAAA,IAAA,EAAM,SAAS,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAEzE,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/TextArea/TextArea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
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/* @flr-generate all /\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":";;;;;;;;;;;;~~AAuBO~~,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;;;;"}
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/TextField/TextField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
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/** @flr-generate all */\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":";;;;;;;;;;;;~~AAiBO~~,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;;;;"}
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/TimeField/TimeField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
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/* @flr-generate all */\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":";;;;;;;;;;;~~AAkBO~~,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;;;;"}
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/flr-universal.mjs CHANGED Viewed

@@ -139,10 +139,10 @@ import './components/Link/context.mjs';
 import '@react-aria/form';
 import '@react-stately/form';
 import './lib/viewComponentContext/viewComponentContext.mjs';
+import './components/List/listContext.mjs';
 export { ListItemView } from './components/List/components/ListItemView/ListItemView.mjs';
 export { List } from './components/List/List.mjs';
 export { typedList } from './components/List/typedList.mjs';
-import './components/List/listContext.mjs';
 import 'react-markdown';
 export { Modal } from './components/Modal/Modal.mjs';
 export { ModalTrigger } from './components/Modal/components/ModalTrigger/ModalTrigger.mjs';

package/dist/js/icons.mjs CHANGED Viewed

@@ -1,6 +1,10 @@
 "use client"
 /* */
+export { isFlowComponentName } from './lib/propsContext/isFlowComponentName.mjs';
 export { flowComponent } from './lib/componentFactory/flowComponent.mjs';
+export { propsContext } from './lib/propsContext/propsContext.mjs';
+export { ClearPropsContext } from './lib/propsContext/ClearPropsContext.mjs';
+export { PropsContextProvider } from './lib/propsContext/PropsContextProvider.mjs';
+export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { ViewComponentContextProvider } from './lib/viewComponentContext/ViewComponentContextProvider.mjs';
-export { isFlowComponentName } from './lib/propsContext/isFlowComponentName.mjs';
 //# sourceMappingURL=icons.mjs.map

package/dist/js/icons.mjs.map CHANGED Viewed

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

package/dist/js/index.mjs CHANGED Viewed

@@ -159,19 +159,21 @@ export { LayoutCard } from './components/LayoutCard/LayoutCard.mjs';
 export { LightBox } from './components/LightBox/LightBox.mjs';
 export { LightBoxTrigger } from './components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs';
 export { Link } from './components/Link/Link.mjs';
-export { ListSummary } from './components/List/components/ListSummary/ListSummary.mjs';
-export { ListItemView } from './components/List/components/ListItemView/ListItemView.mjs';
-export { ListItemViewContent } from './components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
+export { FallbackItems } from './components/List/components/Items/components/FallbackItems/FallbackItems.mjs';
+export { SkeletonView } from './components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs';
 export { GridList } from './components/List/components/Items/views/GridList/GridList.mjs';
 export { GridListItem } from './components/List/components/Items/views/GridListItem/GridListItem.mjs';
+export { ListItemView } from './components/List/components/ListItemView/ListItemView.mjs';
+export { ListItemViewContent } from './components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
+export { ListSummary } from './components/List/components/ListSummary/ListSummary.mjs';
 export { EmptyView } from './components/List/views/EmptyView/EmptyView.mjs';
+export { useList } from './components/List/hooks/useList.mjs';
 export { List } from './components/List/List.mjs';
 export { TypedList, typedList } from './components/List/typedList.mjs';
-export { useList } from './components/List/hooks/useList.mjs';
 export { ListFilter, TypedListFilter } from './components/List/setupComponents/ListFilter.mjs';
-export { ListSorting, TypedListSorting } from './components/List/setupComponents/ListSorting.mjs';
 export { ListItem, TypedListItem } from './components/List/setupComponents/ListItem.mjs';
 export { ListLoaderAsync, TypedListLoaderAsync } from './components/List/setupComponents/ListLoaderAsync.mjs';
+export { ListSorting, TypedListSorting } from './components/List/setupComponents/ListSorting.mjs';
 export { ListStaticData, TypedListStaticData } from './components/List/setupComponents/ListStaticData.mjs';
 export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner.mjs';
 export { Markdown } from './components/Markdown/Markdown.mjs';

package/dist/js/index.mjs.map CHANGED Viewed

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

package/dist/js/internal.mjs CHANGED Viewed

@@ -1,6 +1,10 @@
 "use client"
 /* */
+export { isFlowComponentName } from './lib/propsContext/isFlowComponentName.mjs';
 export { flowComponent } from './lib/componentFactory/flowComponent.mjs';
+export { propsContext } from './lib/propsContext/propsContext.mjs';
+export { ClearPropsContext } from './lib/propsContext/ClearPropsContext.mjs';
+export { PropsContextProvider } from './lib/propsContext/PropsContextProvider.mjs';
+export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { ViewComponentContextProvider } from './lib/viewComponentContext/ViewComponentContextProvider.mjs';
-export { isFlowComponentName } from './lib/propsContext/isFlowComponentName.mjs';
 //# sourceMappingURL=internal.mjs.map

package/dist/js/internal.mjs.map CHANGED Viewed

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

package/dist/js/views/FallbackItemsView.mjs ADDED Viewed

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { FallbackItems } from '../components/List/components/Items/components/FallbackItems/FallbackItems.mjs';
+import 'clsx';
+import '../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../lib/slotContext/slotContext.mjs';
+import 'react-aria-components';
+import 'invariant';
+import '@tabler/icons-react';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
+import '@chakra-ui/live-region';
+import 'mobx';
+import '../lib/controller/overlay/context.mjs';
+import '../components/Action/context.mjs';
+import '../components/Action/models/ActionStateContext.mjs';
+import '../components/List/listContext.mjs';
+import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
+import '../components/List/model/List.mjs';
+const FallbackItemsView = (props) => {
+  const View = useContext(viewComponentContext)["FallbackItems"] ?? FallbackItems;
+  return /* @__PURE__ */ jsx(View, { ...props });
+};
+export { FallbackItemsView as default };
+//# sourceMappingURL=FallbackItemsView.mjs.map

package/dist/js/views/FallbackItemsView.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FallbackItemsView.mjs","sources":["../../../src/views/FallbackItemsView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport { FallbackItems, type FallbackItemsProps } from \"@/components/List\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst FallbackItemsView: FC<FallbackItemsProps> = (props) => {\n const View =\n useContext(viewComponentContext)[\"FallbackItems\"] ?? FallbackItems;\n return <View {...props} />;\n};\n\nexport default FallbackItemsView;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,iBAAA,GAA4C,CAAC,KAAU,KAAA;AAC3D,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,eAAe,CAAK,IAAA,aAAA;AACvD,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}

package/dist/js/views/ItemsGridListItemView.mjs CHANGED Viewed

@@ -2,29 +2,29 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
-import '@mittwald/react-tunnel';
-import '../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import 'clsx';
 import '../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'react-aria';
-import '@tabler/icons-react';
-import 'clsx';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../lib/slotContext/slotContext.mjs';
 import 'react-aria-components';
 import 'invariant';
+import '@tabler/icons-react';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
 import '@chakra-ui/live-region';
+import '../components/List/listContext.mjs';
+import { GridListItem } from '../components/List/components/Items/views/GridListItem/GridListItem.mjs';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
-import { GridListItem } from '../components/List/components/Items/views/GridListItem/GridListItem.mjs';
-import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../components/List/model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 const ItemsGridListItemView = (props) => {
   const View = useContext(viewComponentContext)["ItemsGridListItem"] ?? GridListItem;

package/dist/js/views/ItemsGridListView.mjs CHANGED Viewed

@@ -2,29 +2,29 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
-import '@mittwald/react-tunnel';
-import '../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import 'clsx';
 import '../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'react-aria';
-import '@tabler/icons-react';
-import 'clsx';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../lib/slotContext/slotContext.mjs';
 import 'react-aria-components';
 import 'invariant';
+import '@tabler/icons-react';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
 import '@chakra-ui/live-region';
+import '../components/List/listContext.mjs';
+import { GridList } from '../components/List/components/Items/views/GridList/GridList.mjs';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
-import { GridList } from '../components/List/components/Items/views/GridList/GridList.mjs';
-import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../components/List/model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 const ItemsGridListView = (props) => {
   const View = useContext(viewComponentContext)["ItemsGridList"] ?? GridList;

package/dist/js/views/ListEmptyViewView.mjs CHANGED Viewed

@@ -2,29 +2,29 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
-import '@mittwald/react-tunnel';
-import '../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import 'clsx';
 import '../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'react-aria';
-import '@tabler/icons-react';
-import 'clsx';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../lib/slotContext/slotContext.mjs';
 import 'react-aria-components';
 import 'invariant';
+import '@tabler/icons-react';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
 import '@chakra-ui/live-region';
+import '../components/List/listContext.mjs';
+import { EmptyView } from '../components/List/views/EmptyView/EmptyView.mjs';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
-import { EmptyView } from '../components/List/views/EmptyView/EmptyView.mjs';
-import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../components/List/model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 const ListEmptyViewView = (props) => {
   const View = useContext(viewComponentContext)["ListEmptyView"] ?? EmptyView;

package/dist/js/views/ListItemViewContentView.mjs CHANGED Viewed

@@ -2,29 +2,29 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
-import '@mittwald/react-tunnel';
-import '../lib/slotContext/slotContext.mjs';
-import '@react-aria/utils';
+import 'clsx';
 import '../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'react-aria';
-import '@tabler/icons-react';
-import 'clsx';
+import 'object-code';
+import 'react-children-utilities';
+import '@mittwald/react-tunnel';
+import '../lib/slotContext/slotContext.mjs';
 import 'react-aria-components';
 import 'invariant';
+import '@tabler/icons-react';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
 import '@chakra-ui/live-region';
+import '../components/List/listContext.mjs';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
 import { ListItemViewContent } from '../components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
-import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
 import '../components/List/model/List.mjs';
-import 'object-code';
-import 'react-children-utilities';
 const ListItemViewContentView = (props) => {
   const View = useContext(viewComponentContext)["ListItemViewContent"] ?? ListItemViewContent;

package/dist/js/views/SkeletonViewView.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { SkeletonView } from '../components/List/components/Items/components/Item/components/SkeletonView/SkeletonView.mjs';
+import '../lib/propsContext/propsContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import 'dot-prop';
+import '@tabler/icons-react';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../lib/slotContext/slotContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import 'react-aria';
+import 'react-aria-components';
+import 'invariant';
+import '@chakra-ui/live-region';
+import '../components/List/listContext.mjs';
+import 'mobx';
+import '../lib/controller/overlay/context.mjs';
+import '../components/Action/context.mjs';
+import '../components/Action/models/ActionStateContext.mjs';
+import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
+import '../components/List/model/List.mjs';
+import 'react-children-utilities';
+const SkeletonViewView = (props) => {
+  const View = useContext(viewComponentContext)["SkeletonView"] ?? SkeletonView;
+  return /* @__PURE__ */ jsx(View, { ...props });
+};
+export { SkeletonViewView as default };
+//# sourceMappingURL=SkeletonViewView.mjs.map