@mittwald/flow-react-components 0.2.0-alpha.75 → 0.2.0-alpha.77

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

@@ -1 +1 @@
-{"version":3,"file":"FileField.mjs","sources":["../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport React, { useMemo, useRef } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileField = flowComponent<\"FileField\", HTMLInputElement>(\n  \"FileField\",\n  (props) => {\n    const {\n      children,\n      ref,\n      isRequired,\n      isInvalid,\n      isDisabled,\n      validationBehavior,\n      onChange,\n      ...restInputProps\n    } = props;\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const formValidationState = useFormValidationState({\n      value: undefined,\n      validationBehavior,\n      isInvalid,\n    });\n\n    useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n    const inputProps = useMemo(\n      () => ({\n        ...restInputProps,\n        ref: inputRef,\n        \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n        value: undefined,\n      }),\n      [formValidationState, isRequired, ...Object.values(restInputProps)],\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    };\n\n    return (\n      <InputContext.Provider value={inputProps}>\n        <FieldErrorContext.Provider\n          value={formValidationState.displayValidation}\n        >\n          <PropsContextProvider props={propsContext}>\n            <div\n              data-required={!!isRequired || undefined}\n              data-invalid={\n                formValidationState.displayValidation.isInvalid || undefined\n              }\n              className={formFieldStyles.formField}\n            >\n              <FileInput ref={ref} onChange={onChange} isDisabled={isDisabled}>\n                {children}\n              </FileInput>\n            </div>\n          </PropsContextProvider>\n        </FieldErrorContext.Provider>\n      </InputContext.Provider>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AA8BO,MAAM,SAAY,GAAA,aAAA;AAAA,EACvB,WAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,IAAA,MAAM,sBAAsB,sBAAuB,CAAA;AAAA,MACjD,KAAO,EAAA,MAAA;AAAA,MACP,kBAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAsB,EAAA,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,IAAA,MAAM,UAAa,GAAA,OAAA;AAAA,MACjB,OAAO;AAAA,QACL,GAAG,cAAA;AAAA,QACH,GAAK,EAAA,QAAA;AAAA,QACL,cAAA,EAAgB,oBAAoB,iBAAkB,CAAA,SAAA;AAAA,QACtD,KAAO,EAAA;AAAA,OACT,CAAA;AAAA,MACA,CAAC,mBAAqB,EAAA,UAAA,EAAY,GAAG,MAAO,CAAA,MAAA,CAAO,cAAc,CAAC;AAAA,KACpE;AAEA,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,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAO,UAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAkB,CAAA,QAAA;AAAA,MAAlB;AAAA,QACC,OAAO,mBAAoB,CAAA,iBAAA;AAAA,QAE3B,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,eAAA,EAAe,CAAC,CAAC,UAAc,IAAA,MAAA;AAAA,YAC/B,cAAA,EACE,mBAAoB,CAAA,iBAAA,CAAkB,SAAa,IAAA,MAAA;AAAA,YAErD,WAAW,eAAgB,CAAA,SAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,GAAU,EAAA,QAAA,EAAoB,YACtC,QACH,EAAA;AAAA;AAAA,SAEJ,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"FileField.mjs","sources":["../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport { useMemo, useRef } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n}\n\n/** @flr-generate all */\nexport const FileField = flowComponent<\"FileField\", HTMLInputElement>(\n  \"FileField\",\n  (props) => {\n    const {\n      children,\n      ref,\n      isRequired,\n      isInvalid,\n      isDisabled,\n      validationBehavior,\n      onChange,\n      ...restInputProps\n    } = props;\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const formValidationState = useFormValidationState({\n      value: undefined,\n      validationBehavior,\n      isInvalid,\n    });\n\n    useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n    const inputProps = useMemo(\n      () => ({\n        ...restInputProps,\n        ref: inputRef,\n        \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n        value: undefined,\n      }),\n      [formValidationState, isRequired, ...Object.values(restInputProps)],\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    };\n\n    return (\n      <InputContext.Provider value={inputProps}>\n        <FieldErrorContext.Provider\n          value={formValidationState.displayValidation}\n        >\n          <PropsContextProvider props={propsContext}>\n            <div\n              data-required={!!isRequired || undefined}\n              data-invalid={\n                formValidationState.displayValidation.isInvalid || undefined\n              }\n              className={formFieldStyles.formField}\n            >\n              <FileInput ref={ref} onChange={onChange} isDisabled={isDisabled}>\n                {children}\n              </FileInput>\n            </div>\n          </PropsContextProvider>\n        </FieldErrorContext.Provider>\n      </InputContext.Provider>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AA2BO,MAAM,SAAY,GAAA,aAAA;AAAA,EACvB,WAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,IAAA,MAAM,sBAAsB,sBAAuB,CAAA;AAAA,MACjD,KAAO,EAAA,MAAA;AAAA,MACP,kBAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAsB,EAAA,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,IAAA,MAAM,UAAa,GAAA,OAAA;AAAA,MACjB,OAAO;AAAA,QACL,GAAG,cAAA;AAAA,QACH,GAAK,EAAA,QAAA;AAAA,QACL,cAAA,EAAgB,oBAAoB,iBAAkB,CAAA,SAAA;AAAA,QACtD,KAAO,EAAA;AAAA,OACT,CAAA;AAAA,MACA,CAAC,mBAAqB,EAAA,UAAA,EAAY,GAAG,MAAO,CAAA,MAAA,CAAO,cAAc,CAAC;AAAA,KACpE;AAEA,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,uBACG,GAAA,CAAA,YAAA,CAAa,QAAb,EAAA,EAAsB,OAAO,UAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAkB,CAAA,QAAA;AAAA,MAAlB;AAAA,QACC,OAAO,mBAAoB,CAAA,iBAAA;AAAA,QAE3B,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,eAAA,EAAe,CAAC,CAAC,UAAc,IAAA,MAAA;AAAA,YAC/B,cAAA,EACE,mBAAoB,CAAA,iBAAA,CAAkB,SAAa,IAAA,MAAA;AAAA,YAErD,WAAW,eAAgB,CAAA,SAAA;AAAA,YAE3B,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,GAAU,EAAA,QAAA,EAAoB,YACtC,QACH,EAAA;AAAA;AAAA,SAEJ,EAAA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/HeaderNavigation/HeaderNavigation.mjs

@@ -1,13 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
+import { Text } from '../Text/Text.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
 import clsx from 'clsx';
 import styles from './HeaderNavigation.module.scss.mjs';
-import { Text } from '../Text/Text.mjs';
 
 const HeaderNavigation = (props) => {
   const { children, className, color = "primary", ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigation.mjs","sources":["../../../../src/components/HeaderNavigation/HeaderNavigation.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport styles from \"./HeaderNavigation.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Text } from \"@/components/Text\";\n\nexport interface HeaderNavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {\n  /** The color of the header navigation. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const HeaderNavigation: FC<HeaderNavigationProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.headerNavigation, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.link,\n      unstyled: true,\n      children: dynamic((props) => (\n        <Text emulateBoldWidth>{props.children}</Text>\n      )),\n    },\n    Button: {\n      className: styles.button,\n      color,\n      variant: \"plain\",\n      wrapWith: <li />,\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <ul>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ul>\n    </nav>\n  );\n};\n\nexport default HeaderNavigation;\n"],"names":["props"],"mappings":";;;;;;;;;AAuBa,MAAA,gBAAA,GAA8C,CAAC,KAAU,KAAA;AACpE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,kBAAkB,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAE5E,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,QAAA,EAAU,OAAQ,CAAA,CAACA,MACjB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,gBAAA,EAAgB,IAAE,EAAA,QAAA,EAAAA,MAAM,CAAA,QAAA,EAAS,CACxC;AAAA,KACH;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAA;AAAA,MACA,OAAS,EAAA,OAAA;AAAA,MACT,QAAA,sBAAW,IAAG,EAAA,EAAA;AAAA;AAChB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,aAAe,EAAA,IAAA,EAAK,cAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HeaderNavigation.mjs","sources":["../../../../src/components/HeaderNavigation/HeaderNavigation.tsx"],"sourcesContent":["import { Text } from \"@/components/Text\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport styles from \"./HeaderNavigation.module.scss\";\n\nexport interface HeaderNavigationProps\n  extends PropsWithChildren<ComponentProps<\"nav\">>,\n    PropsWithClassName {\n  /** The color of the header navigation. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/** @flr-generate all */\nexport const HeaderNavigation: FC<HeaderNavigationProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.headerNavigation, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      wrapWith: <li />,\n      className: styles.link,\n      unstyled: true,\n      children: dynamic((props) => (\n        <Text emulateBoldWidth>{props.children}</Text>\n      )),\n    },\n    Button: {\n      className: styles.button,\n      color,\n      variant: \"plain\",\n      wrapWith: <li />,\n    },\n  };\n\n  return (\n    <nav className={rootClassName} role=\"navigation\" {...rest}>\n      <ul>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </ul>\n    </nav>\n  );\n};\n\nexport default HeaderNavigation;\n"],"names":["props"],"mappings":";;;;;;;;AAmBa,MAAA,gBAAA,GAA8C,CAAC,KAAU,KAAA;AACpE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,QAAQ,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,kBAAkB,MAAO,CAAA,KAAK,GAAG,SAAS,CAAA;AAE5E,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,QAAA,sBAAW,IAAG,EAAA,EAAA,CAAA;AAAA,MACd,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,QAAU,EAAA,IAAA;AAAA,MACV,QAAA,EAAU,OAAQ,CAAA,CAACA,MACjB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,gBAAA,EAAgB,IAAE,EAAA,QAAA,EAAAA,MAAM,CAAA,QAAA,EAAS,CACxC;AAAA,KACH;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAA;AAAA,MACA,OAAS,EAAA,OAAA;AAAA,MACT,QAAA,sBAAW,IAAG,EAAA,EAAA;AAAA;AAChB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,aAAe,EAAA,IAAA,EAAK,cAAc,GAAG,IAAA,EACnD,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Heading/Heading.mjs

@@ -1,15 +1,14 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import styles from './Heading.module.scss.mjs';
-import clsx from 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import * as Aria from 'react-aria-components';
+import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import clsx from 'clsx';
+import * as Aria from 'react-aria-components';
+import styles from './Heading.module.scss.mjs';
 
 const Heading = flowComponent("Heading", (props) => {
   const {
@@ -45,7 +44,7 @@ const Heading = flowComponent("Heading", (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
     Aria.Heading,
     {
       level,

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.mjs","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["export * from \"./view\";\nimport React from \"react\";\nimport styles from \"./Heading.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { ClearPropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface HeadingProps extends Aria.HeadingProps, FlowComponentProps {\n  /** The font size of the heading. */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\n  /** The color of the heading. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Heading = flowComponent(\"Heading\", (props) => {\n  const {\n    children,\n    className,\n    level = 2,\n    color = \"primary\",\n    size,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.heading,\n    size && styles[size],\n    styles[color],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      \"aria-hidden\": true,\n      className: styles.icon,\n    },\n    AlertBadge: {\n      tunnelId: \"headingContent\",\n    },\n    Badge: {\n      tunnelId: \"headingContent\",\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"headingContent\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <TunnelProvider>\n        <Aria.Heading\n          level={level}\n          className={rootClassName}\n          {...rest}\n          ref={ref}\n        >\n          <span className={styles.headingText}>\n            <PropsContextProvider props={propsContext}>\n              {children}\n            </PropsContextProvider>\n          </span>\n          <span className={styles.headingContent}>\n            <TunnelExit id=\"headingContent\" />\n          </span>\n        </Aria.Heading>\n      </TunnelProvider>\n    </ClearPropsContext>\n  );\n});\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;AAsBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,KAAQ,GAAA,SAAA;AAAA,IACR,IAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,IAAA,IAAQ,OAAO,IAAI,CAAA;AAAA,IACnB,OAAO,KAAK,CAAA;AAAA,IACZ;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,gBAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,OAAA;AAAA,IAAL;AAAA,MACC,KAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,MAAO,CAAA,WAAA,EACtB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,gBACtB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,gBAAA,EAAiB,CAClC,EAAA;AAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Heading.mjs","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["export * from \"./view\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Heading.module.scss\";\n\nexport interface HeadingProps extends Aria.HeadingProps, FlowComponentProps {\n  /** The font size of the heading. */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\n  /** The color of the heading. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/** @flr-generate all */\nexport const Heading = flowComponent(\"Heading\", (props) => {\n  const {\n    children,\n    className,\n    level = 2,\n    color = \"primary\",\n    size,\n    ref,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.heading,\n    size && styles[size],\n    styles[color],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      \"aria-hidden\": true,\n      className: styles.icon,\n    },\n    AlertBadge: {\n      tunnelId: \"headingContent\",\n    },\n    Badge: {\n      tunnelId: \"headingContent\",\n    },\n    ContextualHelpTrigger: {\n      tunnelId: \"headingContent\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContextView>\n      <TunnelProvider>\n        <Aria.Heading\n          level={level}\n          className={rootClassName}\n          {...rest}\n          ref={ref}\n        >\n          <span className={styles.headingText}>\n            <PropsContextProvider props={propsContext}>\n              {children}\n            </PropsContextProvider>\n          </span>\n          <span className={styles.headingContent}>\n            <TunnelExit id=\"headingContent\" />\n          </span>\n        </Aria.Heading>\n      </TunnelProvider>\n    </ClearPropsContextView>\n  );\n});\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,KAAQ,GAAA,SAAA;AAAA,IACR,IAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,OAAA;AAAA,IACP,IAAA,IAAQ,OAAO,IAAI,CAAA;AAAA,IACnB,OAAO,KAAK,CAAA;AAAA,IACZ;AAAA,GACF;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,WAAW,MAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,gBAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA;AAAA;AACZ;AACF,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,OAAA;AAAA,IAAL;AAAA,MACC,KAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,MAAO,CAAA,WAAA,EACtB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,gBACtB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,gBAAA,EAAiB,CAClC,EAAA;AAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/Icon/Icon.mjs

@@ -1,16 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import styles from './Icon.module.scss.mjs';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { ClearPropsContext } from '../../lib/propsContext/ClearPropsContext.mjs';
-import '@react-aria/utils';
-import 'remeda';
-import 'dot-prop';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { cloneElement } from '../../lib/react/cloneElement.mjs';
+import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
+import clsx from 'clsx';
+import React from 'react';
+import styles from './Icon.module.scss.mjs';
 
 const Icon = flowComponent("Icon", (props) => {
   const {
@@ -43,7 +39,7 @@ const Icon = flowComponent("Icon", (props) => {
       )})`
     );
   }
-  return /* @__PURE__ */ jsx(ClearPropsContext, { children: cloneElement(iconElement, iconProps) });
+  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: cloneElement(iconElement, iconProps) });
 });
 
 export { Icon, Icon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nexport interface IconProps\n  extends PropsWithChildren<Omit<SvgAttributeProps, \"name\">>,\n    FlowComponentProps,\n    PropsWithStatus {\n  /** The size of the icon. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n  const {\n    className,\n    \"aria-label\": ariaLabel,\n    children,\n    size = \"m\",\n    status,\n    ref: ignoredRef,\n    ...svgAttributes\n  } = props;\n\n  const iconProps: SvgAttributeProps = {\n    ...svgAttributes,\n    focusable: \"false\",\n    role: \"img\",\n    \"aria-hidden\": !ariaLabel,\n    \"aria-label\": ariaLabel,\n    className: clsx(\n      styles.icon,\n      className,\n      styles[`size-${size}`],\n      status && styles[status],\n    ),\n  };\n\n  const iconElement = React.Children.toArray(children)[0];\n\n  if (!React.isValidElement(iconElement)) {\n    throw new Error(\n      `Expected children of Icon component to be a valid React element (got ${String(\n        children,\n      )})`,\n    );\n  }\n\n  return (\n    <ClearPropsContext>\n      {cloneElement(iconElement, iconProps)}\n    </ClearPropsContext>\n  );\n});\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,IAAO,GAAA,aAAA,CAAc,MAAQ,EAAA,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,YAAc,EAAA,SAAA;AAAA,IACd,QAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,MAAA;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAA+B,GAAA;AAAA,IACnC,GAAG,aAAA;AAAA,IACH,SAAW,EAAA,OAAA;AAAA,IACX,IAAM,EAAA,KAAA;AAAA,IACN,eAAe,CAAC,SAAA;AAAA,IAChB,YAAc,EAAA,SAAA;AAAA,IACd,SAAW,EAAA,IAAA;AAAA,MACT,MAAO,CAAA,IAAA;AAAA,MACP,SAAA;AAAA,MACA,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,MAAA,IAAU,OAAO,MAAM;AAAA;AACzB,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,CAAA,QAAA,CAAS,OAAQ,CAAA,QAAQ,EAAE,CAAC,CAAA;AAEtD,EAAA,IAAI,CAAC,KAAA,CAAM,cAAe,CAAA,WAAW,CAAG,EAAA;AACtC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAwE,qEAAA,EAAA,MAAA;AAAA,QACtE;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA;AAGF,EAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACE,QAAa,EAAA,YAAA,CAAA,WAAA,EAAa,SAAS,CACtC,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nexport interface IconProps\n  extends PropsWithChildren<Omit<SvgAttributeProps, \"name\">>,\n    FlowComponentProps,\n    PropsWithStatus {\n  /** The size of the icon. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n  const {\n    className,\n    \"aria-label\": ariaLabel,\n    children,\n    size = \"m\",\n    status,\n    ref: ignoredRef,\n    ...svgAttributes\n  } = props;\n\n  const iconProps: SvgAttributeProps = {\n    ...svgAttributes,\n    focusable: \"false\",\n    role: \"img\",\n    \"aria-hidden\": !ariaLabel,\n    \"aria-label\": ariaLabel,\n    className: clsx(\n      styles.icon,\n      className,\n      styles[`size-${size}`],\n      status && styles[status],\n    ),\n  };\n\n  const iconElement = React.Children.toArray(children)[0];\n\n  if (!React.isValidElement(iconElement)) {\n    throw new Error(\n      `Expected children of Icon component to be a valid React element (got ${String(\n        children,\n      )})`,\n    );\n  }\n\n  return (\n    <ClearPropsContextView>\n      {cloneElement(iconElement, iconProps)}\n    </ClearPropsContextView>\n  );\n});\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,IAAO,GAAA,aAAA,CAAc,MAAQ,EAAA,CAAC,KAAU,KAAA;AACnD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,YAAc,EAAA,SAAA;AAAA,IACd,QAAA;AAAA,IACA,IAAO,GAAA,GAAA;AAAA,IACP,MAAA;AAAA,IACA,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAA+B,GAAA;AAAA,IACnC,GAAG,aAAA;AAAA,IACH,SAAW,EAAA,OAAA;AAAA,IACX,IAAM,EAAA,KAAA;AAAA,IACN,eAAe,CAAC,SAAA;AAAA,IAChB,YAAc,EAAA,SAAA;AAAA,IACd,SAAW,EAAA,IAAA;AAAA,MACT,MAAO,CAAA,IAAA;AAAA,MACP,SAAA;AAAA,MACA,MAAA,CAAO,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA,MACrB,MAAA,IAAU,OAAO,MAAM;AAAA;AACzB,GACF;AAEA,EAAA,MAAM,cAAc,KAAM,CAAA,QAAA,CAAS,OAAQ,CAAA,QAAQ,EAAE,CAAC,CAAA;AAEtD,EAAA,IAAI,CAAC,KAAA,CAAM,cAAe,CAAA,WAAW,CAAG,EAAA;AACtC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAwE,qEAAA,EAAA,MAAA;AAAA,QACtE;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA;AAGF,EAAA,uBACG,GAAA,CAAA,qBAAA,EAAA,EACE,QAAa,EAAA,YAAA,CAAA,WAAA,EAAa,SAAS,CACtC,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/Icon/components/icons/IconApp.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconAppWindow } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconApp = (props) => {

package/dist/js/components/Icon/components/icons/IconApp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconApp.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconApp.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAppWindow as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconApp: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconApp;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,OAAA,GAA6D,CACxE,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,iBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconApp.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconApp.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAppWindow as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconApp: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconApp;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,OAAA,GAA6D,CACxE,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,iBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconAttachment.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconPaperclip } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconAttachment = (props) => {

package/dist/js/components/Icon/components/icons/IconAttachment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconAttachment.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconAttachment.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconPaperclip as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconAttachment: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconAttachment;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,cAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,iBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconAttachment.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconAttachment.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconPaperclip as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconAttachment: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconAttachment;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,cAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,iBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconAutoresponder.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconArrowBackUpDouble } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconAutoresponder = (props) => {

package/dist/js/components/Icon/components/icons/IconAutoresponder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconAutoresponder.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconAutoresponder.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconArrowBackUpDouble as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconAutoresponder: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconAutoresponder;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,iBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,yBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconAutoresponder.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconAutoresponder.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconArrowBackUpDouble as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconAutoresponder: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconAutoresponder;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,iBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,yBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconBackLink.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconArrowLeft } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconBackLink = (props) => {

package/dist/js/components/Icon/components/icons/IconBackLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconBackLink.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconBackLink.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconArrowLeft as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconBackLink: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconBackLink;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,YAAA,GAAkE,CAC7E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,iBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconBackLink.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconBackLink.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconArrowLeft as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconBackLink: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconBackLink;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,YAAA,GAAkE,CAC7E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,iBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconBackup.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconHistory } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconBackup = (props) => {

package/dist/js/components/Icon/components/icons/IconBackup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconBackup.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconBackup.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconHistory as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconBackup: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconBackup;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,UAAA,GAAgE,CAC3E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,eAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconBackup.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconBackup.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconHistory as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconBackup: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconBackup;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,UAAA,GAAgE,CAC3E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,eAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconBulb.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconBulb as IconBulb$1 } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconBulb = (props) => {

package/dist/js/components/Icon/components/icons/IconBulb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconBulb.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconBulb.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBulb as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconBulb: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconBulb;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,QAAA,GAA8D,CACzE,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,cAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconBulb.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconBulb.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconBulb as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconBulb: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconBulb;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,QAAA,GAA8D,CACzE,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,cAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCalendar.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconCalendar as IconCalendar$1 } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCalendar = (props) => {

package/dist/js/components/Icon/components/icons/IconCalendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCalendar.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCalendar.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCalendar as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCalendar: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCalendar;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,YAAA,GAAkE,CAC7E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,kBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCalendar.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCalendar.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCalendar as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCalendar: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCalendar;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,YAAA,GAAkE,CAC7E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,kBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCamera.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconCamera as IconCamera$1 } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCamera = (props) => {

package/dist/js/components/Icon/components/icons/IconCamera.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCamera.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCamera.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCamera as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCamera: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCamera;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,UAAA,GAAgE,CAC3E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,gBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCamera.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCamera.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCamera as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCamera: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCamera;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,UAAA,GAAgE,CAC3E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,gBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCertificate.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconFileCertificate } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCertificate = (props) => {

package/dist/js/components/Icon/components/icons/IconCertificate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCertificate.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCertificate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconFileCertificate as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCertificate: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCertificate;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,eAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,uBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCertificate.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCertificate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconFileCertificate as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCertificate: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCertificate;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,eAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,uBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconChangelog.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconClipboardList } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconChangelog = (props) => {

package/dist/js/components/Icon/components/icons/IconChangelog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconChangelog.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconChangelog.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconClipboardList as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconChangelog: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconChangelog;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,aAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,qBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconChangelog.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconChangelog.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconClipboardList as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconChangelog: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconChangelog;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,aAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,qBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCheck.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconCheck as IconCheck$1 } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCheck = (props) => {

package/dist/js/components/Icon/components/icons/IconCheck.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCheck.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheck.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheck as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheck: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheck;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,SAAA,GAA+D,CAC1E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,eAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCheck.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheck.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconCheck as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheck: FC<Omit<ComponentProps<typeof Icon>, \"children\">> = (\n  props,\n) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheck;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,SAAA,GAA+D,CAC1E,KACG,KAAA;AACH,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,eAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCheckboxChecked.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconSquareCheckFilled } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCheckboxChecked = (props) => {

package/dist/js/components/Icon/components/icons/IconCheckboxChecked.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCheckboxChecked.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheckboxChecked.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSquareCheckFilled as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheckboxChecked: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheckboxChecked;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,mBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,yBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCheckboxChecked.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheckboxChecked.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSquareCheckFilled as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheckboxChecked: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheckboxChecked;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,mBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,yBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCheckboxEmpty.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconSquare } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCheckboxEmpty = (props) => {

package/dist/js/components/Icon/components/icons/IconCheckboxEmpty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCheckboxEmpty.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheckboxEmpty.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSquare as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheckboxEmpty: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheckboxEmpty;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,iBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,cAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCheckboxEmpty.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheckboxEmpty.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSquare as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheckboxEmpty: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheckboxEmpty;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,iBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,cAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconCheckboxIndeterminate.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconSquareMinusFilled } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconCheckboxIndeterminate = (props) => {

package/dist/js/components/Icon/components/icons/IconCheckboxIndeterminate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconCheckboxIndeterminate.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheckboxIndeterminate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSquareMinusFilled as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheckboxIndeterminate: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheckboxIndeterminate;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;AAMa,MAAA,yBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,yBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IconCheckboxIndeterminate.mjs","sources":["../../../../../../src/components/Icon/components/icons/IconCheckboxIndeterminate.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconSquareMinusFilled as Tabler } from \"@tabler/icons-react\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\n\nexport const IconCheckboxIndeterminate: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  return (\n    <View {...props}>\n      <Tabler />\n    </View>\n  );\n};\n\nexport default IconCheckboxIndeterminate;\n"],"names":["View","Tabler"],"mappings":";;;;;;;;;;;;;AAMa,MAAA,yBAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,2BACGA,QAAM,EAAA,EAAA,GAAG,KACR,EAAA,QAAA,kBAAA,GAAA,CAACC,yBAAO,CACV,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Icon/components/icons/IconChevronDown.mjs

@@ -3,13 +3,14 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import { IconChevronDown as IconChevronDown$1 } from '@tabler/icons-react';
-import 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
+import '@mittwald/react-tunnel';
+import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
+import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
-import '@mittwald/react-tunnel';
-import '../../../../lib/slotContext/slotContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
+import 'clsx';
 import IconView from '../../../../views/IconView.mjs';
 
 const IconChevronDown = (props) => {