@pismo/marola 0.0.1-alpha.19 → 0.0.1-alpha.2

package/dist/components/Toggle/Toggle.js

@@ -1,251 +0,0 @@
-import '../../assets/Toggle.css';
-import { jsxs as I, jsx as P } from "react/jsx-runtime";
-import { c as C } from "../../clsx-DB4S2d7J.js";
-import { u as v, b as x, g as U, a as q, _ as H, c as F, P as e, d as M, e as A } from "../../index-CH45lKw7.js";
-import * as N from "react";
-import { u as D } from "../../useControlled-CCMYYdCM.js";
-import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
-function W(l) {
-  const {
-    checked: s,
-    defaultChecked: p,
-    disabled: c,
-    onBlur: a,
-    onChange: g,
-    onFocus: r,
-    onFocusVisible: u,
-    readOnly: n,
-    required: i
-  } = l, [V, S] = D({
-    controlled: s,
-    default: !!p,
-    name: "Switch",
-    state: "checked"
-  }), B = (t) => (o) => {
-    var b;
-    o.nativeEvent.defaultPrevented || (S(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
-  }, {
-    isFocusVisibleRef: _,
-    onBlur: w,
-    onFocus: f,
-    ref: m
-  } = L(), [h, y] = N.useState(!1);
-  c && h && y(!1), N.useEffect(() => {
-    _.current = h;
-  }, [h, _]);
-  const k = N.useRef(null), R = (t) => (o) => {
-    var b;
-    k.current || (k.current = o.currentTarget), f(o), _.current === !0 && (y(!0), u == null || u(o)), r == null || r(o), (b = t.onFocus) == null || b.call(t, o);
-  }, T = (t) => (o) => {
-    var b;
-    w(o), _.current === !1 && y(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
-  }, O = v(m, k);
-  return {
-    checked: V,
-    disabled: !!c,
-    focusVisible: h,
-    getInputProps: (t = {}) => x({
-      checked: s,
-      defaultChecked: p,
-      disabled: c,
-      readOnly: n,
-      ref: O,
-      required: i,
-      type: "checkbox",
-      role: "switch",
-      "aria-checked": s
-    }, t, {
-      onChange: B(t),
-      onFocus: R(t),
-      onBlur: T(t)
-    }),
-    inputRef: O,
-    readOnly: !!n
-  };
-}
-const $ = "Switch";
-function z(l) {
-  return U($, l);
-}
-q($, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
-const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "slotProps", "slots"], J = (l) => {
-  const {
-    checked: s,
-    disabled: p,
-    focusVisible: c,
-    readOnly: a
-  } = l;
-  return M({
-    root: ["root", s && "checked", p && "disabled", c && "focusVisible", a && "readOnly"],
-    thumb: ["thumb"],
-    input: ["input"],
-    track: ["track"]
-  }, A(z));
-}, E = /* @__PURE__ */ N.forwardRef(function(s, p) {
-  var c, a, g, r;
-  const {
-    slotProps: u = {},
-    slots: n = {}
-  } = s, i = H(s, G), {
-    getInputProps: V,
-    checked: S,
-    disabled: B,
-    focusVisible: _,
-    readOnly: w
-  } = W(s), f = x({}, s, {
-    checked: S,
-    disabled: B,
-    focusVisible: _,
-    readOnly: w
-  }), m = J(f), h = (c = n.root) != null ? c : "span", y = F({
-    elementType: h,
-    externalSlotProps: u.root,
-    externalForwardedProps: i,
-    additionalProps: {
-      ref: p
-    },
-    ownerState: f,
-    className: m.root
-  }), k = (a = n.thumb) != null ? a : "span", R = F({
-    elementType: k,
-    externalSlotProps: u.thumb,
-    ownerState: f,
-    className: m.thumb
-  }), T = (g = n.input) != null ? g : "input", O = F({
-    elementType: T,
-    getSlotProps: V,
-    externalSlotProps: u.input,
-    ownerState: f,
-    className: m.input
-  }), j = n.track === null ? () => null : (r = n.track) != null ? r : "span", t = F({
-    elementType: j,
-    externalSlotProps: u.track,
-    ownerState: f,
-    className: m.track
-  });
-  return /* @__PURE__ */ I(h, x({}, y, {
-    children: [/* @__PURE__ */ P(j, x({}, t)), /* @__PURE__ */ P(k, x({}, R)), /* @__PURE__ */ P(T, x({}, O))]
-  }));
-});
-process.env.NODE_ENV !== "production" && (E.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * Class name applied to the root element.
-   */
-  className: e.string,
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: e.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * @ignore
-   */
-  onFocusVisible: e.func,
-  /**
-   * If `true`, the component is read only.
-   */
-  readOnly: e.bool,
-  /**
-   * If `true`, the `input` element is required.
-   */
-  required: e.bool,
-  /**
-   * The props used for each slot inside the Switch.
-   * @default {}
-   */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object]),
-    thumb: e.oneOfType([e.func, e.object]),
-    track: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside the Switch.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType,
-    thumb: e.elementType,
-    track: e.oneOfType([e.elementType, e.oneOf([null])])
-  })
-});
-const K = "_toggle_1icxx_1", Q = "_input_1icxx_12", X = "_thumb_1icxx_23", Y = "_track_1icxx_37", Z = "_toggle__label_1icxx_61", d = {
-  toggle: K,
-  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_1icxx_8",
-  input: Q,
-  thumb: X,
-  track: Y,
-  "toggle--focus-visible": "_toggle--focus-visible_1icxx_47",
-  "toggle--checked": "_toggle--checked_1icxx_51",
-  toggle__label: Z,
-  "toggle--disabled": "_toggle--disabled_1icxx_66"
-}, ce = ({
-  label: l,
-  checked: s,
-  disabled: p,
-  classNameWrapper: c,
-  classNameInput: a,
-  "data-testid": g,
-  onChange: r,
-  classNameLabel: u
-}) => {
-  const n = (i) => {
-    r == null || r(i);
-  };
-  return /* @__PURE__ */ I("div", { className: C(d.toggle, c), "data-testid": g, children: [
-    /* @__PURE__ */ P(
-      E,
-      {
-        checked: s === !0,
-        disabled: p,
-        onChange: n,
-        "aria-label": l,
-        slotProps: {
-          root: (i) => ({
-            className: C(d["toggle__toggle-el-wrapper"], {
-              [d["toggle--disabled"]]: i.disabled,
-              [d["toggle--focus-visible"]]: i.focusVisible,
-              [d["toggle--checked"]]: i.checked
-            })
-          }),
-          input: { className: C(d.input, a) },
-          thumb: { className: d.thumb },
-          track: { className: d.track }
-        }
-      }
-    ),
-    l && /* @__PURE__ */ P("label", { className: C(d.toggle__label, u), children: l })
-  ] });
-};
-export {
-  ce as Toggle
-};

package/dist/components/Toggle/Toggle.stories.d.ts

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ label, checked, disabled, classNameWrapper, classNameInput, "data-testid": dataTestId, onChange, classNameLabel, }: import('react').InputHTMLAttributes<HTMLInputElement> & {
-        label?: string | undefined;
-        classNameWrapper?: string | undefined;
-        classNameInput?: string | undefined;
-        classNameLabel?: string | undefined;
-        'data-testid'?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const WithLabel: Story;
-export declare const Disabled: Story;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,29 +0,0 @@
-import { PopupPlacement } from '@mui/base';
-import { AriaRole, ReactNode } from 'react';
-
-export type TooltipProps = {
-    /** Tooltip reference element. */
-    children: ReactNode;
-    /**  Tooltip title. Zero-length titles string, undefined, null and false are never displayed. */
-    title: ReactNode;
-    /** Should the tooltip be initially open */
-    open?: boolean;
-    /** Disable the hover listener */
-    disableHoverListener?: boolean;
-    /** Function to run when the tooltip is closed */
-    onClose?: () => void;
-    /** The color of the tooltip */
-    theme?: 'white' | 'black';
-    /** Dhe padding applied to the tooltip */
-    padding?: 'small' | 'normal';
-    /** The Position where the tooltip will be display relative to the anchor element */
-    position?: PopupPlacement;
-    /** Accessibility role label */
-    arialRole?: AriaRole;
-    /** Additional classnames to be applied to the tooltip */
-    className?: string;
-    /** Test id */
-    'data-testid'?: string;
-};
-declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export { Tooltip };

package/dist/components/Tooltip/Tooltip.js

@@ -1,139 +0,0 @@
-import '../../assets/Tooltip.css';
-import { jsx as i, jsxs as w, Fragment as S } from "react/jsx-runtime";
-import * as u from "react";
-import { useRef as v, useState as P, useEffect as E, isValidElement as R, cloneElement as q } from "react";
-import { T as M, P as O } from "../../Popup-B6ZSGIEI.js";
-import { _ as V, b as $, P as l } from "../../index-CH45lKw7.js";
-import { c as z } from "../../clsx-DB4S2d7J.js";
-import { C as D } from "../../ClickAwayListener-BSW-Nd-y.js";
-function F() {
-  const n = u.useContext(M);
-  if (!n)
-    throw new Error("Missing transition context");
-  const {
-    registerTransition: e,
-    requestedEnter: r,
-    onExited: o
-  } = n;
-  return u.useEffect(() => e(), [e]), {
-    onExited: o,
-    requestedEnter: r
-  };
-}
-const I = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
-function g(n) {
-  const {
-    children: e,
-    className: r,
-    enterAnimationName: o,
-    enterClassName: c,
-    exitAnimationName: _,
-    exitClassName: f
-  } = n, p = V(n, I), {
-    requestedEnter: d,
-    onExited: a
-  } = F(), s = u.useRef(!0);
-  u.useEffect(() => {
-    d && s.current && (s.current = !1);
-  }, [d]);
-  const t = u.useCallback((h) => {
-    h.animationName === _ ? (a(), s.current = !0) : h.animationName === o && (s.current = !1);
-  }, [a, _, o]);
-  return /* @__PURE__ */ i("div", $({
-    onAnimationEnd: t,
-    className: z(r, d ? c : f)
-  }, p, {
-    children: e
-  }));
-}
-process.env.NODE_ENV !== "production" && (g.propTypes = {
-  children: l.node,
-  className: l.string,
-  enterAnimationName: l.string,
-  enterClassName: l.string,
-  exitAnimationName: l.string,
-  exitClassName: l.string
-});
-const W = "_tooltip_1dujm_1", m = {
-  tooltip: W,
-  "tooltip--small-padding": "_tooltip--small-padding_1dujm_5",
-  "tooltip--normal-padding": "_tooltip--normal-padding_1dujm_8",
-  "tooltip--white-theme": "_tooltip--white-theme_1dujm_11",
-  "tooltip--black-theme": "_tooltip--black-theme_1dujm_15",
-  "tooltip--animation": "_tooltip--animation_1dujm_20",
-  "tooltip--anim-open": "_tooltip--anim-open_1dujm_20",
-  "tooltip--open-animation": "_tooltip--open-animation_1dujm_1",
-  "tooltip--anim-close": "_tooltip--anim-close_1dujm_23",
-  "tooltip--close-animation": "_tooltip--close-animation_1dujm_1"
-}, U = ({
-  arialRole: n,
-  children: e,
-  className: r,
-  disableHoverListener: o,
-  onClose: c,
-  padding: _ = "small",
-  position: f = "bottom",
-  open: p,
-  theme: d = "black",
-  title: a,
-  ...s
-}) => {
-  const t = v(null), [h, N] = P(p || !1);
-  let j = h;
-  E(() => {
-    N(p || !1);
-  }, [p]);
-  const C = R(e) ? e : /* @__PURE__ */ i("span", { children: e });
-  !a && a !== 0 && (j = !1);
-  const b = () => {
-    c == null || c(), !o && N(!1);
-  };
-  E(() => {
-    var A;
-    if (t != null && t.current) {
-      const x = (A = t == null ? void 0 : t.current) == null ? void 0 : A.parentElement;
-      x && (o || (x.onpointerenter = () => N(!0), x.onpointerleave = () => N(!1)));
-    }
-  }, [t, o]);
-  const y = {
-    padding: f.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
-    zIndex: 1
-  }, T = [
-    m.tooltip,
-    m[`tooltip--${d}-theme`],
-    m[`tooltip--${_}-padding`],
-    r || ""
-  ].join(" ").trim(), k = {
-    ...C.props,
-    ref: t
-  };
-  return /* @__PURE__ */ w(S, { children: [
-    q(C, k),
-    /* @__PURE__ */ i(
-      O,
-      {
-        ...s,
-        open: j,
-        anchor: t == null ? void 0 : t.current,
-        disablePortal: !0,
-        style: y,
-        role: n,
-        placement: f,
-        children: /* @__PURE__ */ i(
-          g,
-          {
-            className: m["tooltip--animation"],
-            enterClassName: m["tooltip--anim-open"],
-            exitClassName: m["tooltip--anim-close"],
-            enterAnimationName: "tooltip--open-animation",
-            exitAnimationName: "tooltip--close-animation",
-            children: /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ i(D, { onClickAway: b, children: /* @__PURE__ */ i("div", { children: a }) }) })
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  U as Tooltip
-};

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,33 +0,0 @@
-import { TooltipProps } from './Tooltip.tsx';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        children: import('react').ReactNode;
-        title: import('react').ReactNode;
-        open?: boolean | undefined;
-        disableHoverListener?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        theme?: "black" | "white" | undefined;
-        padding?: "small" | "normal" | undefined;
-        position?: import('@floating-ui/utils').Placement | undefined;
-        arialRole?: import('react').AriaRole | undefined;
-        className?: string | undefined;
-        'data-testid'?: string | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const Onclose: Story;
-export declare const InitialOpen: Story;
-export declare const WhiteTheme: Story;
-export declare const DisabledHover: Story;
-export declare const NormalPadding: Story;
-export declare const Positioning: Story;

package/dist/components/Typography/Typography.stories.d.ts

@@ -1,32 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Typography').TypographyProps & import('react').RefAttributes<import('react').ElementType | import('react').ComponentType>>;
-    tags: string[];
-    argTypes: {
-        element: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        children: import('react').ReactNode;
-        element?: import('react').ElementType | undefined;
-        variant?: import('./Typography').VariantType | undefined;
-        className?: string | undefined;
-        color?: string | undefined;
-        underline?: boolean | undefined;
-        strikethrough?: boolean | undefined;
-        bold?: boolean | undefined;
-        elementProps?: (import('react').HTMLAttributes<import('./Typography').CommonTypographyHTMLAttributes> & import('react').LabelHTMLAttributes<HTMLLabelElement>) | undefined;
-        "data-testid"?: string | undefined;
-        ref?: import('react').LegacyRef<import('react').ElementType | import('react').ComponentType> | undefined;
-        key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;

package/dist/components/Typography/typography.test.d.ts

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