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

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

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

package/dist/types/components/Tabs/components/Tab/Tab.d.ts

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

package/dist/types/components/Tabs/components/Tab/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface TabContext {
+    id?: string;
+}
+export declare const useTabTabContext: () => TabContext;
+export declare const TabContextProvider: import('react').Provider<TabContext>;
+export {};

package/dist/types/components/Tabs/components/Tab/index.d.ts

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

package/dist/types/components/Tabs/components/TabTitle/TabTitle.d.ts

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

package/dist/types/components/Tabs/components/TabTitle/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './Tabs';
+export * from './components/TabTitle';
+export * from './components/Tab';

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

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

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

@@ -46,4 +46,4 @@ export interface FlowComponentPropsTypes {
     Switch: SwitchProps;
     Text: TextProps;
 }
-export declare const propsContextSupportingComponents: string[];
+export declare const propsContextSupportingComponents: (keyof FlowComponentPropsTypes)[];

package/dist/useProps-DqP5wneE.js

@@ -0,0 +1,77 @@
+"use client"
+/* */
+import { mergeProps as u } from "@react-aria/utils";
+import { u as p } from "./propsContext-CauylOgH.js";
+import c, { isValidElement as d } from "react";
+import { pickBy as a, omit as m } from "remeda";
+import { P as C } from "./PropsContextProvider-BcOGMJkn.js";
+const f = {
+  Action: !0,
+  Avatar: !0,
+  Button: !0,
+  ButtonGroup: !0,
+  Content: !0,
+  ContextMenu: !0,
+  CopyButton: !0,
+  FieldDescription: !0,
+  FieldError: !0,
+  Header: !0,
+  Heading: !0,
+  Icon: !0,
+  Image: !0,
+  Initials: !0,
+  InlineAlert: !0,
+  Label: !0,
+  LayoutCard: !0,
+  Link: !0,
+  Radio: !0,
+  StatusBadge: !0,
+  Switch: !0,
+  TestComponent: !0,
+  Text: !0
+}, i = Object.keys(
+  f
+);
+function l(t) {
+  return !!t && typeof t == "object" && "__dynamicProp" in t;
+}
+function s(t) {
+  return typeof t == "string" && i.includes(t);
+}
+function y(t) {
+  return !s(t);
+}
+const P = (t, r) => {
+  const e = {};
+  for (const n in t)
+    if (y(n)) {
+      const o = t[n];
+      l(o) && (e[n] = o.__dynamicProp(r));
+    }
+  return e;
+};
+function x(t) {
+  return !!t && typeof t == "object" && "children" in t && !!t.children;
+}
+const h = (t) => a(t, (r, e) => s(e)), v = (t, r) => {
+  if (!x(r))
+    return {};
+  const e = r.children;
+  if (!Array.isArray(e) && !d(e))
+    return {};
+  const n = h(t);
+  return Object.keys(n).length === 0 ? {} : {
+    children: /* @__PURE__ */ c.createElement(C, { props: n }, r.children)
+  };
+}, B = (t, r) => {
+  const e = p()[t], n = e ? P(e, r) : void 0, o = e ? v(e, r) : void 0;
+  return u(
+    e && m(e, i),
+    r,
+    n,
+    o
+  );
+};
+export {
+  B as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.61",
+  "version": "0.1.0-alpha.62",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -154,6 +154,10 @@
       "types": "./dist/types/components/Switch/index.d.ts",
       "import": "./dist/Switch.js"
     },
+    "./Tabs": {
+      "types": "./dist/types/components/Tabs/index.d.ts",
+      "import": "./dist/Tabs.js"
+    },
     "./Text": {
       "types": "./dist/types/components/Text/index.d.ts",
       "import": "./dist/Text.js"
@@ -194,7 +198,7 @@
     "test:unit": "run vitest run"
   },
   "dependencies": {
-    "@mittwald/react-tunnel": "^0.1.0-alpha.59",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.62",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.23.2",
     "@react-types/shared": "^3.22.1",
@@ -217,7 +221,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.61",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.62",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^18.2.3",
     "@storybook/addon-a11y": "^8.0.6",
@@ -287,5 +291,5 @@
       "optional": true
     }
   },
-  "gitHead": "c2365378111372b948af4a421a4fabd2c6d9090b"
+  "gitHead": "f4c0987a7cf134236a1cbd42a8c132da0dad5381"
 }

package/dist/useProps-BiJ72z10.js

@@ -1,77 +0,0 @@
-"use client"
-/* */
-import { mergeProps as s } from "@react-aria/utils";
-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 C = {
-  Action: !0,
-  Avatar: !0,
-  Button: !0,
-  ButtonGroup: !0,
-  Content: !0,
-  ContextMenu: !0,
-  CopyButton: !0,
-  FieldDescription: !0,
-  FieldError: !0,
-  Header: !0,
-  Heading: !0,
-  Icon: !0,
-  Image: !0,
-  Initials: !0,
-  InlineAlert: !0,
-  Label: !0,
-  LayoutCard: !0,
-  Link: !0,
-  Radio: !0,
-  StatusBadge: !0,
-  Switch: !0,
-  TestComponent: !0,
-  Text: !0
-}, f = Object.keys(
-  C
-);
-function i(t) {
-  return typeof t == "string" && f.includes(t);
-}
-function l(t) {
-  return !i(t);
-}
-const y = (t, r) => {
-  const e = {};
-  for (const n in t)
-    if (l(n)) {
-      const o = t[n];
-      m(o) && (e[n] = o.__dynamicProp(r));
-    }
-  return e;
-};
-function P(t) {
-  return !!t && typeof t == "object" && "children" in t && !!t.children;
-}
-const x = (t) => d(t, (r, e) => i(e)), h = (t, r) => {
-  if (!P(r))
-    return {};
-  const e = r.children;
-  if (!Array.isArray(e) && !c(e))
-    return {};
-  const n = x(t);
-  return Object.keys(n).length === 0 ? {} : {
-    children: /* @__PURE__ */ p.createElement(a, { props: n }, r.children)
-  };
-}, 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,
-    n,
-    o
-  );
-};
-export {
-  A as u
-};