@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.0

package/dist/components/Tabs/TabPanel.js

@@ -1,14 +1,14 @@
 import { jsx as T } from "react/jsx-runtime";
 import * as m from "react";
 import { forwardRef as v } from "react";
-import { u as y, a as x, b as C, s as N } from "../../Tabs.module-yYcTJnj6.js";
-import { a as b, _ } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as w, a as O, u as E, b as I, P as o, c as S, d as U } from "../../index-CqjC7P5Y.js";
+import { u as y, s as x } from "../../Tabs.module-jkH1Qjn7.js";
+import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../index-CH45lKw7.js";
+import { u as S, a as U } from "../../useCompoundItem-D1iRfg8D.js";
 const h = "TabPanel";
 function j(t) {
-  return w(h, t);
+  return C(h, t);
 }
-O(h, ["root", "hidden"]);
+N(h, ["root", "hidden"]);
 function M(t) {
   return t.size;
 }
@@ -23,12 +23,12 @@ function V(t) {
   const {
     value: f,
     getTabId: P
-  } = i, a = x(s), r = m.useRef(null), c = E(r, n), u = m.useMemo(() => ({
+  } = i, a = S(s), r = m.useRef(null), c = _(r, n), u = m.useMemo(() => ({
     id: a,
     ref: r
   }), [a]), {
     id: l
-  } = C(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
+  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
   return {
     hidden: d,
     getRootProps: (g = {}) => b({
@@ -45,21 +45,21 @@ const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
   const {
     hidden: e
   } = t;
-  return S({
+  return E({
     root: ["root", e && "hidden"]
-  }, U(j));
+  }, I(j));
 }, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
   var n;
   const {
     children: i,
     slotProps: f = {},
     slots: P = {}
-  } = e, a = _(e, F), {
+  } = e, a = w(e, F), {
     hidden: r,
     getRootProps: c
   } = V(e), u = b({}, e, {
     hidden: r
-  }), l = $(u), d = (n = P.root) != null ? n : "div", p = I({
+  }), l = $(u), d = (n = P.root) != null ? n : "div", p = O({
     elementType: d,
     getSlotProps: c,
     externalSlotProps: f.root,
@@ -111,7 +111,7 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
   value: o.oneOfType([o.number, o.string])
 });
 const W = v(
-  ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: N["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
+  ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
 );
 export {
   W as TabPanel

package/dist/components/Tabs/TabPanel.stories.d.ts

@@ -0,0 +1,14 @@
+import { TabPanelProps } from './Tabs.tsx';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;

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

@@ -1,10 +1,14 @@
 import { ReactNode } from 'react';
 
 export interface TabsProps {
+    /** Should contain `Tab` and `TabPanel` components to be rendered  */
     children?: ReactNode;
+    /** Selected tab */
     value?: number | string;
-    dataTestId?: string;
+    /** Callback triggered when the user has selected a tab */
     onChange?: (tabValue: number | string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
+    /** Test id */
+    dataTestId?: string;
 }
 export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
 export * from './Tab';