@mittwald/flow-react-components 0.1.0-alpha.59 → 0.1.0-alpha.61

package/dist/types/components/Avatar/Avatar.d.ts

@@ -4,6 +4,7 @@ export interface AvatarProps extends PropsWithChildren {
     className?: string;
     /** @default "m" */
     size?: "xs" | "s" | "m" | "l";
+    variant?: 1 | 2 | 3 | 4;
 }
 export declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/dist/types/components/Icon/components/icons/IconMittwald.d.ts

@@ -0,0 +1,5 @@
+import { Icon } from '../..';
+import { ComponentProps, FC } from 'react';
+
+export declare const IconMittwald: FC<Omit<ComponentProps<typeof Icon>, "children">>;
+export default IconMittwald;

package/dist/types/components/Icon/components/icons/index.d.ts

@@ -53,3 +53,4 @@ export { IconTerminate } from './IconTerminate';
 export { IconTileView } from './IconTileView';
 export { IconTime } from './IconTime';
 export { IconWarning } from './IconWarning';
+export { IconMittwald } from './IconMittwald';

package/dist/types/components/Modal/Modal.d.ts

@@ -3,7 +3,7 @@ import { FC, PropsWithChildren } from 'react';
 
 export interface ModalProps extends PropsWithChildren {
     size?: "s" | "m" | "l";
-    panel?: boolean;
+    offCanvas?: boolean;
     state?: OverlayState;
     defaultOpen?: boolean;
 }

package/dist/types/components/Modal/stories/Default.stories.d.ts

@@ -8,4 +8,4 @@ export declare const Default: Story;
 export declare const WithController: Story;
 export declare const WithDialogTrigger: Story;
 export declare const Mobile: Story;
-export declare const Panel: Story;
+export declare const OffCanvas: Story;

package/dist/types/components/NumberField/stories/Default.stories.d.ts

@@ -10,3 +10,4 @@ export declare const Required: Story;
 export declare const WithFieldDescription: Story;
 export declare const WithDefaultValue: Story;
 export declare const WithFieldError: Story;
+export declare const WithUnit: Story;

package/dist/types/components/RadioGroup/RadioGroup.d.ts

@@ -3,6 +3,7 @@ import { FC, PropsWithChildren } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">>, Pick<ColumnLayoutProps, "s" | "m" | "l"> {
+    variant?: "segmented" | "default";
 }
 export declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/dist/types/components/RadioGroup/components/SegmentedGroup/SegmentedGroup.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+
+interface Props extends PropsWithChildren {
+}
+export declare const SegmentedGroup: FC<Props>;
+export default SegmentedGroup;

package/dist/types/components/RadioGroup/components/SegmentedGroup/index.d.ts

@@ -0,0 +1,4 @@
+import { SegmentedGroup } from './SegmentedGroup';
+
+export { SegmentedGroup } from './SegmentedGroup';
+export default SegmentedGroup;

package/dist/types/components/RadioGroup/stories/Default.stories.d.ts

@@ -11,3 +11,5 @@ export declare const RadioButtons: Story;
 export declare const RadioButtonDisabled: Story;
 export declare const RadioButtonsWithContent: Story;
 export declare const WithFieldError: Story;
+export declare const SegmentedVariant: Story;
+export declare const SegmentedVariantWithFieldError: Story;

package/dist/types/components/StatusBadge/stories/Default.stories.d.ts

@@ -5,3 +5,4 @@ declare const meta: Meta<typeof StatusBadge>;
 export default meta;
 type Story = StoryObj<typeof StatusBadge>;
 export declare const Default: Story;
+export declare const IconOnly: Story;

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { PropsContext } from './types';
+
 export declare const propsContext: import('react').Context<Partial<{
     Action: import("@/lib/propsContext/types").ComponentPropsContext<"Action">;
     Avatar: import("@/lib/propsContext/types").ComponentPropsContext<"Avatar">;
@@ -24,3 +25,4 @@ export declare const propsContext: import('react').Context<Partial<{
     Text: import("@/lib/propsContext/types").ComponentPropsContext<"Text">;
     TestComponent: import("@/lib/propsContext/types").ComponentPropsContext<"TestComponent">;
 }>>;
+export declare const useContextProps: () => PropsContext;

package/dist/{useProps-BEU8ldpP.js → useProps-BiJ72z10.js}

@@ -1,14 +1,14 @@
 "use client"
 /* */
 import { mergeProps as s } from "@react-aria/utils";
-import u, { isValidElement as p, useContext as c } from "react";
-import { p as d } from "./propsContext-Dx7WKmmM.js";
-import { pickBy as a } from "remeda";
-import { P as m } from "./PropsContextProvider-BsrVIv1a.js";
-function C(t) {
+import { u } from "./propsContext-CauylOgH.js";
+import p, { isValidElement as c } from "react";
+import { pickBy as d } from "remeda";
+import { P as a } from "./PropsContextProvider-BcOGMJkn.js";
+function m(t) {
   return !!t && typeof t == "object" && "__dynamicProp" in t;
 }
-const f = {
+const C = {
   Action: !0,
   Avatar: !0,
   Button: !0,
@@ -32,39 +32,39 @@ const f = {
   Switch: !0,
   TestComponent: !0,
   Text: !0
-}, l = Object.keys(
-  f
+}, f = Object.keys(
+  C
 );
 function i(t) {
-  return typeof t == "string" && l.includes(t);
+  return typeof t == "string" && f.includes(t);
 }
-function y(t) {
+function l(t) {
   return !i(t);
 }
-const P = (t, r) => {
+const y = (t, r) => {
   const e = {};
   for (const n in t)
-    if (y(n)) {
+    if (l(n)) {
       const o = t[n];
-      C(o) && (e[n] = o.__dynamicProp(r));
+      m(o) && (e[n] = o.__dynamicProp(r));
     }
   return e;
 };
-function x(t) {
+function P(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const h = (t) => a(t, (r, e) => i(e)), v = (t, r) => {
-  if (!x(r))
+const x = (t) => d(t, (r, e) => i(e)), h = (t, r) => {
+  if (!P(r))
     return {};
   const e = r.children;
-  if (!Array.isArray(e) && !p(e))
+  if (!Array.isArray(e) && !c(e))
     return {};
-  const n = h(t);
+  const n = x(t);
   return Object.keys(n).length === 0 ? {} : {
-    children: /* @__PURE__ */ u.createElement(m, { props: n }, r.children)
+    children: /* @__PURE__ */ p.createElement(a, { props: n }, r.children)
   };
-}, B = (t, r) => {
-  const e = c(d)[t], n = e ? P(e, r) : void 0, o = e ? v(e, r) : void 0;
+}, A = (t, r) => {
+  const e = u()[t], n = e ? y(e, r) : void 0, o = e ? h(e, r) : void 0;
   return s(
     e,
     r,
@@ -73,5 +73,5 @@ const h = (t) => a(t, (r, e) => i(e)), v = (t, r) => {
   );
 };
 export {
-  B as u
+  A as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.59",
+  "version": "0.1.0-alpha.61",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -142,10 +142,6 @@
       "types": "./dist/types/components/Section/index.d.ts",
       "import": "./dist/Section.js"
     },
-    "./SegmentedControlGroup": {
-      "types": "./dist/types/components/SegmentedControlGroup/index.d.ts",
-      "import": "./dist/SegmentedControlGroup.js"
-    },
     "./StatusBadge": {
       "types": "./dist/types/components/StatusBadge/index.d.ts",
       "import": "./dist/StatusBadge.js"
@@ -221,7 +217,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.59",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.61",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^18.2.3",
     "@storybook/addon-a11y": "^8.0.6",
@@ -291,5 +287,5 @@
       "optional": true
     }
   },
-  "gitHead": "3b85f0b5dd4f06c8ee3a26c23911aea3a5a4cab6"
+  "gitHead": "c2365378111372b948af4a421a4fabd2c6d9090b"
 }

package/dist/SegmentedControlGroup.js

@@ -1,51 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as d from "react-aria-components";
-import p from "clsx";
-import "./propsContext-Dx7WKmmM.js";
-import { P as f } from "./PropsContextProvider-BsrVIv1a.js";
-import "@react-aria/utils";
-import "remeda";
-import { d as g } from "./dynamic-ClpUSmEt.js";
-import { F as u } from "./FieldError-BDRDWTgn.js";
-import { TunnelProvider as E, TunnelExit as o } from "@mittwald/react-tunnel";
-import { s as r } from "./FormField.module-DHK6nIcD.js";
-import "@tabler/icons-react";
-import "html-react-parser";
-import { I as N } from "./IconCheck-DmRifITa.js";
-const k = "flow--segmented-control-group", h = "flow--segmented-control-group--segments", C = "flow--segmented-control-group--segment", F = "flow--segmented-control-group--checkmark", t = {
-  segmentedControlGroup: k,
-  segments: h,
-  segment: C,
-  checkmark: F
-}, S = (s) => {
-  const { children: n, className: l, ...m } = s, c = p(
-    t.segmentedControlGroup,
-    r.formField,
-    l
-  ), a = {
-    Label: {
-      className: r.label,
-      tunnelId: "label"
-    },
-    FieldDescription: {
-      className: r.fieldDescription,
-      tunnelId: "fieldDescription"
-    },
-    FieldError: {
-      className: r.customFieldError,
-      tunnelId: "fieldError"
-    },
-    Radio: {
-      className: t.segment,
-      unstyled: !0,
-      children: g((i) => /* @__PURE__ */ e.createElement(e.Fragment, null, i.children, /* @__PURE__ */ e.createElement(N, { className: t.checkmark })))
-    }
-  };
-  return /* @__PURE__ */ e.createElement(d.RadioGroup, { ...m, className: c }, /* @__PURE__ */ e.createElement(f, { props: a }, /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(o, { id: "label" }), /* @__PURE__ */ e.createElement("div", { className: t.segments }, n), /* @__PURE__ */ e.createElement(o, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(o, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(u, { className: r.fieldError }));
-};
-export {
-  S as SegmentedControlGroup,
-  S as default
-};

package/dist/propsContext-Dx7WKmmM.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { createContext as t } from "react";
-const e = t({});
-export {
-  e as p
-};

package/dist/types/components/SegmentedControlGroup/SegmentedControlGroup.d.ts

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

package/dist/types/components/SegmentedControlGroup/index.d.ts

@@ -1,4 +0,0 @@
-import { SegmentedControlGroup } from './SegmentedControlGroup';
-
-export { type SegmentedControlGroupProps, SegmentedControlGroup, } from './SegmentedControlGroup';
-export default SegmentedControlGroup;

package/dist/types/components/SegmentedControlGroup/stories/Default.stories.d.ts

@@ -1,9 +0,0 @@
-import { SegmentedControlGroup } from '../index';
-import { Meta, StoryObj } from '@storybook/react';
-
-declare const meta: Meta<typeof SegmentedControlGroup>;
-export default meta;
-type Story = StoryObj<typeof SegmentedControlGroup>;
-export declare const Default: Story;
-export declare const SegmentedControlGroupDisabled: Story;
-export declare const SegmentDisabled: Story;

package/dist/types/components/SegmentedControlGroup/stories/EdgeCases.stories.d.ts

@@ -1,8 +0,0 @@
-import { SegmentedControlGroup } from '../index';
-import { Meta, StoryObj } from '@storybook/react';
-
-declare const meta: Meta<typeof SegmentedControlGroup>;
-export default meta;
-type Story = StoryObj<typeof SegmentedControlGroup>;
-export declare const LongTexts: Story;
-export declare const SmallSpace: Story;