@mittwald/flow-react-components 0.1.0-alpha.30 → 0.1.0-alpha.32

package/dist/types/lib/propsContext/types.d.ts

@@ -0,0 +1,8 @@
+import { FlowComponentName, FlowComponentPropName, FlowComponentPropType } from '../../components/propTypes';
+import { DynamicProp } from "./dynamicProps/types";
+export type PropsContext = Partial<{
+    [C in FlowComponentName]: ComponentPropsContext<C>;
+}>;
+export type ComponentPropsContext<C extends FlowComponentName> = Partial<{
+    [P in FlowComponentPropName<C>]: FlowComponentPropType<C, P> | DynamicProp<C, P>;
+}>;

package/dist/types/lib/propsContext/useProps.d.ts

@@ -0,0 +1,3 @@
+import { FlowComponentProps } from '../../components/propTypes';
+export declare const useProps: <C extends keyof import('../../components/propTypes').FlowComponentPropsTypes>(component: C, localProps: FlowComponentProps<C>) => FlowComponentProps<C>;
+export default useProps;

package/dist/types/lib/propsContext/useProps.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/types/props.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactHTML } from "react";
+export type Status = "info" | "success" | "warning" | "danger";
+export type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
+    status?: T;
+};
+export type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
+    elementType?: keyof ReactHTML;
+};

package/dist/types/lib/types/props.test-types.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{stylesInit.d.ts → types/styles/index.d.ts}

@@ -1,4 +1,2 @@
-declare const _default: {};
-export default _default;
-
-export { }
+declare const _default: {};
+export default _default;

package/package.json

@@ -1,41 +1,135 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.30",
+  "version": "0.1.0-alpha.32",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
   "repository": "https://github.com/mittwald/flow",
   "exports": {
-    "./Avatar": "./dist/Avatar.js",
-    "./Button": "./dist/Button.js",
-    "./Checkbox": "./dist/Checkbox.js",
-    "./ColumnLayout": "./dist/ColumnLayout.js",
-    "./Content": "./dist/Content.js",
-    "./CopyToClipboardButton": "./dist/CopyToClipboardButton.js",
-    "./FieldDescription": "./dist/FieldDescription.js",
-    "./FieldError": "./dist/FieldError.js",
-    "./Heading": "./dist/Heading.js",
-    "./Icon": "./dist/Icon.js",
-    "./Icons": "./dist/Icons.js",
-    "./Image": "./dist/Image.js",
-    "./Initials": "./dist/Initials.js",
-    "./InlineAlert": "./dist/InlineAlert.js",
-    "./InlineCode": "./dist/InlineCode.js",
-    "./Label": "./dist/Label.js",
-    "./LabeledValue": "./dist/LabeledValue.js",
-    "./LayoutCard": "./dist/LayoutCard.js",
-    "./Link": "./dist/Link.js",
-    "./Navigation": "./dist/Navigation.js",
-    "./NumberField": "./dist/NumberField.js",
-    "./RadioGroup": "./dist/RadioGroup.js",
-    "./Section": "./dist/Section.js",
-    "./StatusBadge": "./dist/StatusBadge.js",
-    "./StatusIcon": "./dist/StatusIcon.js",
-    "./Switch": "./dist/Switch.js",
-    "./Text": "./dist/Text.js",
-    "./TextArea": "./dist/TextArea.js",
-    "./TextField": "./dist/TextField.js",
-    "./Tooltip": "./dist/Tooltip.js",
+    "./Avatar": {
+      "types": "./dist/types/components/Avatar/index.d.ts",
+      "import": "./dist/Avatar.js"
+    },
+    "./Button": {
+      "types": "./dist/types/components/Button/index.d.ts",
+      "import": "./dist/Button.js"
+    },
+    "./Checkbox": {
+      "types": "./dist/types/components/Checkbox/index.d.ts",
+      "import": "./dist/Checkbox.js"
+    },
+    "./ColumnLayout": {
+      "types": "./dist/types/components/ColumnLayout/index.d.ts",
+      "import": "./dist/ColumnLayout.js"
+    },
+    "./Content": {
+      "types": "./dist/types/components/Content/index.d.ts",
+      "import": "./dist/Content.js"
+    },
+    "./CopyToClipboardButton": {
+      "types": "./dist/types/components/CopyToClipboardButton/index.d.ts",
+      "import": "./dist/CopyToClipboardButton.js"
+    },
+    "./FieldDescription": {
+      "types": "./dist/types/components/FieldDescription/index.d.ts",
+      "import": "./dist/FieldDescription.js"
+    },
+    "./FieldError": {
+      "types": "./dist/types/components/FieldError/index.d.ts",
+      "import": "./dist/FieldError.js"
+    },
+    "./Heading": {
+      "types": "./dist/types/components/Heading/index.d.ts",
+      "import": "./dist/Heading.js"
+    },
+    "./Icon": {
+      "types": "./dist/types/components/Icon/index.d.ts",
+      "import": "./dist/Icon.js"
+    },
+    "./Icons": {
+      "types": "./dist/types/components/Icon/components/icons/index.d.ts",
+      "import": "./dist/Icons.js"
+    },
+    "./Image": {
+      "types": "./dist/types/components/Image/index.d.ts",
+      "import": "./dist/Image.js"
+    },
+    "./Initials": {
+      "types": "./dist/types/components/Initials/index.d.ts",
+      "import": "./dist/Initials.js"
+    },
+    "./InlineAlert": {
+      "types": "./dist/types/components/InlineAlert/index.d.ts",
+      "import": "./dist/InlineAlert.js"
+    },
+    "./InlineCode": {
+      "types": "./dist/types/components/InlineCode/index.d.ts",
+      "import": "./dist/InlineCode.js"
+    },
+    "./Label": {
+      "types": "./dist/types/components/Label/index.d.ts",
+      "import": "./dist/Label.js"
+    },
+    "./LabeledValue": {
+      "types": "./dist/types/components/LabeledValue/index.d.ts",
+      "import": "./dist/LabeledValue.js"
+    },
+    "./LayoutCard": {
+      "types": "./dist/types/components/LayoutCard/index.d.ts",
+      "import": "./dist/LayoutCard.js"
+    },
+    "./Link": {
+      "types": "./dist/types/components/Link/index.d.ts",
+      "import": "./dist/Link.js"
+    },
+    "./Navigation": {
+      "types": "./dist/types/components/Navigation/index.d.ts",
+      "import": "./dist/Navigation.js"
+    },
+    "./NumberField": {
+      "types": "./dist/types/components/NumberField/index.d.ts",
+      "import": "./dist/NumberField.js"
+    },
+    "./RadioGroup": {
+      "types": "./dist/types/components/RadioGroup/index.d.ts",
+      "import": "./dist/RadioGroup.js"
+    },
+    "./Section": {
+      "types": "./dist/types/components/Section/index.d.ts",
+      "import": "./dist/Section.js"
+    },
+    "./StatusBadge": {
+      "types": "./dist/types/components/StatusBadge/index.d.ts",
+      "import": "./dist/StatusBadge.js"
+    },
+    "./StatusIcon": {
+      "types": "./dist/types/components/StatusIcon/index.d.ts",
+      "import": "./dist/StatusIcon.js"
+    },
+    "./Switch": {
+      "types": "./dist/types/components/Switch/index.d.ts",
+      "import": "./dist/Switch.js"
+    },
+    "./Text": {
+      "types": "./dist/types/components/Text/index.d.ts",
+      "import": "./dist/Text.js"
+    },
+    "./TextArea": {
+      "types": "./dist/types/components/TextArea/index.d.ts",
+      "import": "./dist/TextArea.js"
+    },
+    "./TextField": {
+      "types": "./dist/types/components/TextField/index.d.ts",
+      "import": "./dist/TextField.js"
+    },
+    "./Tooltip": {
+      "types": "./dist/types/components/Tooltip/index.d.ts",
+      "import": "./dist/Tooltip.js"
+    },
+    "./nextjs/LinkProvider": {
+      "types": "./dist/types/components/nextjs/LinkProvider/index.d.ts",
+      "import": "./dist/nextjs/LinkProvider.js"
+    },
     "./styles": "./dist/styles.css"
   },
   "files": [
@@ -70,7 +164,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.30",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.32",
     "@nx/storybook": "^18.1.0",
     "@storybook/addon-a11y": "^7.6.17",
     "@storybook/addon-actions": "^7.6.17",
@@ -99,6 +193,7 @@
     "fs-jetpack": "^5.1.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "next": "^14.1.3",
     "nx": "^18.1.0",
     "postcss": "^8.4.35",
     "postcss-nested-import": "^1.3.0",
@@ -121,11 +216,18 @@
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-externalize-deps": "^0.8.0",
     "yaml": "^2.4.0"
   },
   "peerDependencies": {
+    "next": "*",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
-  "gitHead": "ff8502fbb5a5dc9665688b3addbc8bcee5a8088b"
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "gitHead": "f11e9783b056c8094e7ba9456c0e1c0fd0cdfc85"
 }

package/dist/Avatar.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Avatar: FC<AvatarProps>;
-export { Avatar }
-export default Avatar;
-
-export declare interface AvatarProps extends PropsWithChildren {
-    className?: string;
-    /** @default "m" */
-    size?: "xs" | "s" | "m" | "l";
-}
-
-export { }

package/dist/Button.d.ts

@@ -1,21 +0,0 @@
-import * as Aria from 'react-aria-components';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Button: FC<ButtonProps>;
-export { Button }
-export default Button;
-
-export declare interface ButtonProps extends PropsWithChildren<Omit<Aria.ButtonProps, "style">> {
-    /** @default "primary" */
-    variant?: "primary" | "accent" | "secondary" | "danger";
-    /** @default "solid" */
-    style?: "plain" | "solid" | "soft";
-    /** @default "m" */
-    size?: "m" | "s";
-    isPending?: boolean;
-    isSucceeded?: boolean;
-    isFailed?: boolean;
-}
-
-export { }

package/dist/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import * as Aria from 'react-aria-components';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Checkbox: FC<CheckboxProps>;
-export { Checkbox }
-export default Checkbox;
-
-export declare interface CheckboxProps extends PropsWithChildren<Omit<Aria.CheckboxProps, "children">> {
-}
-
-export { }

package/dist/ClearPropsContext-CD1-9TZA.js

@@ -1,11 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import { p as o } from "./propsContext-Dx7WKmmM.js";
-const a = (r) => {
-  const { children: e } = r;
-  return /* @__PURE__ */ t.createElement(o.Provider, { value: {} }, e);
-};
-export {
-  a as C
-};

package/dist/ColumnLayout.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const ColumnLayout: FC<ColumnLayoutProps>;
-export { ColumnLayout }
-export default ColumnLayout;
-
-export declare interface ColumnLayoutProps extends PropsWithChildren {
-    s?: number[];
-    m?: number[];
-    l?: number[];
-}
-
-export { }

package/dist/Content.d.ts

@@ -1,17 +0,0 @@
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { PropsWithChildren } from 'react';
-import { ReactHTML } from 'react';
-
-declare const Content: FC<ContentProps>;
-export { Content }
-export default Content;
-
-export declare interface ContentProps extends PropsWithChildren, PropsWithElementType {
-}
-
-declare type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
-    elementType?: keyof ReactHTML;
-};
-
-export { }

package/dist/CopyToClipboardButton.d.ts

@@ -1,26 +0,0 @@
-import * as Aria from 'react-aria-components';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
-
-declare interface ButtonProps extends PropsWithChildren<Omit<Aria.ButtonProps, "style">> {
-    /** @default "primary" */
-    variant?: "primary" | "accent" | "secondary" | "danger";
-    /** @default "solid" */
-    style?: "plain" | "solid" | "soft";
-    /** @default "m" */
-    size?: "m" | "s";
-    isPending?: boolean;
-    isSucceeded?: boolean;
-    isFailed?: boolean;
-}
-
-declare const CopyToClipboardButton: FC<CopyToClipboardButtonProps>;
-export { CopyToClipboardButton }
-export default CopyToClipboardButton;
-
-export declare interface CopyToClipboardButtonProps extends Omit<ButtonProps, "onPress" | "aria-label"> {
-    text: ReactNode;
-}
-
-export { }

package/dist/FieldDescription.d.ts

@@ -1,21 +0,0 @@
-import * as Aria from 'react-aria-components';
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { PropsWithChildren } from 'react';
-import { ReactHTML } from 'react';
-
-declare const FieldDescription: FC<FieldDescriptionProps>;
-export { FieldDescription }
-export default FieldDescription;
-
-export declare interface FieldDescriptionProps extends TextProps {
-}
-
-declare type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
-    elementType?: keyof ReactHTML;
-};
-
-declare interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType {
-}
-
-export { }

package/dist/FieldError.d.ts

@@ -1,12 +0,0 @@
-import * as Aria from 'react-aria-components';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const FieldError: FC<FieldErrorProps>;
-export { FieldError }
-export default FieldError;
-
-export declare interface FieldErrorProps extends PropsWithChildren<Omit<Aria.FieldErrorProps, "children">> {
-}
-
-export { }

package/dist/Heading.d.ts

@@ -1,15 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Heading: FC<HeadingProps>;
-export { Heading }
-export default Heading;
-
-export declare interface HeadingProps extends PropsWithChildren, ComponentPropsWithoutRef<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> {
-    level?: Level;
-}
-
-declare type Level = 1 | 2 | 3 | 4 | 5 | 6;
-
-export { }

package/dist/Icon.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-import { SVGAttributes } from 'react';
-
-declare const Icon: FC<IconProps>;
-export { Icon }
-export default Icon;
-
-export declare interface IconProps extends PropsWithChildren<Omit<SvgAttributeProps, "name">> {
-    /** @default "m" */
-    size?: "s" | "m" | "l";
-}
-
-declare type SvgAttributeProps = SVGAttributes<SVGSVGElement>;
-
-export { }

package/dist/Icons.d.ts

@@ -1,115 +0,0 @@
-import { ComponentProps } from 'react';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-import { SVGAttributes } from 'react';
-
-declare const Icon: FC<IconProps>;
-
-export declare const IconApp: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconBackLink: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconBackup: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconCheck: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconChecked: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconChevronDown: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconChevronLeft: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconChevronRight: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconChevronUp: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconClose: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconCopy: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconCronjob: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconCustomer: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconDanger: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconDashboard: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconDatabase: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconDate: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconDelete: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconDomain: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconEmail: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconExternalLink: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconFailed: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconFilter: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconHide: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconHome: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconInfo: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconListView: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconLogout: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconMember: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconMinus: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconNotification: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconPending: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconPlus: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconProject: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-declare interface IconProps extends PropsWithChildren<Omit<SvgAttributeProps, "name">> {
-    /** @default "m" */
-    size?: "s" | "m" | "l";
-}
-
-export declare const IconRandom: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSearch: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSearchEngine: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconServer: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSettings: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconShow: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSorting: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSshSftp: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSucceeded: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSuccess: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconSupport: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconTerminate: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconTileView: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconTime: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconUnchecked: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-export declare const IconWarning: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-
-declare type SvgAttributeProps = SVGAttributes<SVGSVGElement>;
-
-export { }

package/dist/Image.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps } from 'react';
-import { FC } from 'react';
-
-declare const Image_2: FC<ImageProps>;
-export { Image_2 as Image }
-export default Image_2;
-
-export declare interface ImageProps extends ComponentProps<"img"> {
-}
-
-export { }

package/dist/Initials.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Initials: FC<InitialsProps>;
-export { Initials }
-export default Initials;
-
-export declare interface InitialsProps extends PropsWithChildren<{
-    children: string;
-}> {
-    className?: string;
-}
-
-export { }

package/dist/InlineAlert.d.ts

@@ -1,18 +0,0 @@
-import { ComponentProps } from 'react';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const InlineAlert: FC<InlineAlertProps>;
-export { InlineAlert }
-export default InlineAlert;
-
-export declare interface InlineAlertProps extends PropsWithChildren<ComponentProps<"aside">>, PropsWithStatus {
-}
-
-declare type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
-    status?: T;
-};
-
-declare type Status = "info" | "success" | "warning" | "danger";
-
-export { }

package/dist/InlineCode.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps } from 'react';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const InlineCode: FC<InlineCodeProps>;
-export { InlineCode }
-export default InlineCode;
-
-export declare interface InlineCodeProps extends PropsWithChildren<ComponentProps<"code">> {
-}
-
-export { }

package/dist/Label.d.ts

@@ -1,13 +0,0 @@
-import * as Aria from 'react-aria-components';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Label: FC<LabelProps>;
-export { Label }
-export default Label;
-
-export declare interface LabelProps extends PropsWithChildren<Omit<Aria.LabelProps, "children">> {
-    optional?: boolean;
-}
-
-export { }

package/dist/LabeledValue.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const LabeledValue: FC<LabeledValueProps>;
-export { LabeledValue }
-export default LabeledValue;
-
-export declare interface LabeledValueProps extends PropsWithChildren {
-    className?: string;
-}
-
-export { }