@mittwald/flow-react-components 0.1.0-alpha.100 → 0.1.0-alpha.101

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

@@ -0,0 +1,7 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
+export interface AccordionProps extends PropsWithChildren<ComponentProps<"div">> {
+    defaultExpanded?: boolean;
+}
+export declare const Accordion: FC<AccordionProps>;
+export default Accordion;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Accordion } from '..';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const LongHeading: Story;

package/dist/types/components/Navigation/components/NavigationGroup/NavigationGroup.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps, FC, PropsWithChildren } from 'react';
 
 export interface NavigationGroupProps extends PropsWithChildren<ComponentProps<"section">> {
+    collapsable?: boolean;
 }
 export declare const NavigationGroup: FC<NavigationGroupProps>;
 export default NavigationGroup;

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

@@ -7,3 +7,4 @@ type Story = StoryObj<typeof Navigation>;
 export declare const Default: Story;
 export declare const WithIcons: Story;
 export declare const WithGroups: Story;
+export declare const WithCollapsableGroups: Story;

package/package.json

@@ -1,19 +1,23 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.100",
+  "version": "0.1.0-alpha.101",
   "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": {
-      "types": "./dist/types/components/Avatar/index.d.ts",
-      "import": "./dist/Avatar.js"
+    "./Accordion": {
+      "types": "./dist/types/components/Accordion/index.d.ts",
+      "import": "./dist/Accordion.js"
     },
     "./Action": {
       "types": "./dist/types/components/Action/index.d.ts",
       "import": "./dist/Action.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"
@@ -247,7 +251,7 @@
   },
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.100",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.101",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.0",
     "@react-types/shared": "^3.23.0",
@@ -271,7 +275,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.100",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.101",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^18.3.4",
     "@storybook/addon-a11y": "^8.0.9",
@@ -321,7 +325,7 @@
     "tsx": "^4.8.2",
     "typescript": "^5.4.5",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.2.10",
+    "vite": "^5.2.11",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-dts": "^3.9.0",
@@ -347,5 +351,5 @@
       "optional": true
     }
   },
-  "gitHead": "bd90d9d7734379653a36fbcffbbef208650c1d43"
+  "gitHead": "92754d0112a4d6f8afeb84b322c44f44d50bb91a"
 }

package/dist/Button-DoFsBmn5.js

@@ -1,116 +0,0 @@
-"use client"
-/* */
-import o, { useEffect as S } from "react";
-import * as x from "react-aria-components";
-import F from "clsx";
-import { C as E } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as y } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-DXXYYNLl.js";
-import { I as C, a as I } from "./IconSucceeded-DQfjj1t4.js";
-import { W as N } from "./Wrap-DGT1h1o3.js";
-import { T as h } from "./Text-DdC3zDyH.js";
-import { f as A } from "./flowComponent-CEBe_ATh.js";
-import { L as D } from "./LoadingSpinner-BmvbSvoO.js";
-import { useLocalizedStringFormatter as T } from "react-aria";
-import { useLiveRegion as z } from "@chakra-ui/live-region";
-const B = "flow--button", L = "flow--button--content", k = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", j = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--aria-disabled", M = "flow--button--accent", O = "flow--button--danger", Q = "flow--button--secondary", V = "flow--button--soft", X = "flow--button--inverse", t = {
-  button: B,
-  content: L,
-  stateIcon: k,
-  avatar: R,
-  icon: K,
-  text: U,
-  isSucceeded: W,
-  isFailed: $,
-  isPending: j,
-  plain: q,
-  "size-s": "flow--button--size-s",
-  primary: G,
-  solid: H,
-  ariaDisabled: J,
-  accent: M,
-  danger: O,
-  secondary: Q,
-  soft: V,
-  inverse: X
-}, Y = {
-  "de-DE": {
-    "action.isFailed": "Fehlgeschlagen",
-    "action.isPending": "Ausstehend...",
-    "action.isSucceeded": "Erfolgreich"
-  },
-  "en-EN": {
-    "action.isFailed": "Failed",
-    "action.isPending": "Pending...",
-    "action.isSucceeded": "Succeeded"
-  }
-}, Z = (e, c = {}) => {
-  const i = T(Y), {
-    isPendingText: a = i.format("action.isPending"),
-    isSucceededText: r = i.format("action.isSucceeded"),
-    isFailedText: s = i.format("action.isFailed")
-  } = c, n = z({
-    "aria-live": "polite",
-    "aria-atomic": !1,
-    "aria-relevant": "text additions",
-    role: "status"
-  });
-  S(() => {
-    e === "isPending" ? n.speak(a) : e === "isSucceeded" ? n.speak(r) : e === "isFailed" && n.speak(s);
-  }, [e]);
-}, _ = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), ve = A("Button", (e) => {
-  e = _(e);
-  const {
-    color: c = "primary",
-    variant: i = "solid",
-    children: a,
-    className: r,
-    size: s = "m",
-    isPending: n,
-    isSucceeded: d,
-    isFailed: l,
-    "aria-disabled": f,
-    ref: u,
-    inverse: b,
-    ...g
-  } = e, v = F(
-    t.button,
-    n && t.isPending,
-    d && t.isSucceeded,
-    l && t.isFailed,
-    b && t.inverse,
-    t[`size-${s}`],
-    t[c],
-    t[i],
-    r,
-    /**
-     * Workaround warning: The Aria.Button does not support "aria-disabled" by
-     * now, so this Button will be visually disabled via CSS.
-     */
-    f && t.ariaDisabled
-  );
-  Z(
-    n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
-  );
-  const P = {
-    Icon: {
-      className: t.icon,
-      "aria-hidden": !0,
-      size: s
-    },
-    Text: {
-      className: t.text
-    },
-    Avatar: {
-      className: t.avatar
-    }
-  }, m = d ? C : l ? I : n ? D : void 0, w = m && /* @__PURE__ */ o.createElement(m, { size: s, className: t.stateIcon }), p = typeof a == "string";
-  return /* @__PURE__ */ o.createElement(E, null, /* @__PURE__ */ o.createElement(x.Button, { className: v, ref: u, ...g }, /* @__PURE__ */ o.createElement(y, { props: P }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(N, { if: p }, /* @__PURE__ */ o.createElement(h, null, a)))), w));
-});
-export {
-  ve as B
-};