@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.5

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

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const WithLoading: Story;
-export declare const Size: Story;
-export declare const Color: Story;

package/dist/components/TextDisplay/textDisplay.test.d.ts

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

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

@@ -1,11 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-
-type ToggleProps = InputHTMLAttributes<HTMLInputElement> & {
-    label?: string;
-    classNameWrapper?: string;
-    classNameInput?: string;
-    classNameLabel?: string;
-    'data-testid'?: string;
-};
-export declare const Toggle: ({ label, checked, disabled, classNameWrapper, classNameInput, "data-testid": dataTestId, onChange, classNameLabel, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Toggle/Toggle.js

@@ -1,266 +0,0 @@
-import '../../assets/Toggle2.css';
-import { jsxs as j, jsx as P } from "react/jsx-runtime";
-import { c as O } from "../../clsx-DB4S2d7J.js";
-import { u as E, b as k, g as v, a as U, _ as q, c as C, P as e, d as H, e as M } from "../../index-CH45lKw7.js";
-import * as F from "react";
-import { u as A } from "../../useControlled-CCMYYdCM.js";
-import { u as D } from "../../useIsFocusVisible-BH4IAdcw.js";
-function L(l) {
-  const {
-    checked: s,
-    defaultChecked: i,
-    disabled: r,
-    onBlur: c,
-    onChange: h,
-    onFocus: n,
-    onFocusVisible: u,
-    readOnly: a,
-    required: p
-  } = l, [N, V] = A({
-    controlled: s,
-    default: !!i,
-    name: "Switch",
-    state: "checked"
-  }), S = (t) => (o) => {
-    var d;
-    o.nativeEvent.defaultPrevented || (V(o.target.checked), h == null || h(o), (d = t.onChange) == null || d.call(t, o));
-  }, {
-    isFocusVisibleRef: b,
-    onBlur: B,
-    onFocus: _,
-    ref: f
-  } = D(), [y, z] = F.useState(!1);
-  r && y && z(!1), F.useEffect(() => {
-    b.current = y;
-  }, [y, b]);
-  const m = F.useRef(null), w = (t) => (o) => {
-    var d;
-    m.current || (m.current = o.currentTarget), _(o), b.current === !0 && (z(!0), u == null || u(o)), n == null || n(o), (d = t.onFocus) == null || d.call(t, o);
-  }, T = (t) => (o) => {
-    var d;
-    B(o), b.current === !1 && z(!1), c == null || c(o), (d = t.onBlur) == null || d.call(t, o);
-  }, x = E(f, m);
-  return {
-    checked: N,
-    disabled: !!r,
-    focusVisible: y,
-    getInputProps: (t = {}) => k({
-      checked: s,
-      defaultChecked: i,
-      disabled: r,
-      readOnly: a,
-      ref: x,
-      required: p,
-      type: "checkbox",
-      role: "switch",
-      "aria-checked": s
-    }, t, {
-      onChange: S(t),
-      onFocus: w(t),
-      onBlur: T(t)
-    }),
-    inputRef: x,
-    readOnly: !!a
-  };
-}
-const I = "Switch";
-function W(l) {
-  return v(I, l);
-}
-U(I, ["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: i,
-    focusVisible: r,
-    readOnly: c
-  } = l;
-  return H({
-    root: ["root", s && "checked", i && "disabled", r && "focusVisible", c && "readOnly"],
-    thumb: ["thumb"],
-    input: ["input"],
-    track: ["track"]
-  }, M(W));
-}, $ = /* @__PURE__ */ F.forwardRef(function(s, i) {
-  var r, c, h, n;
-  const {
-    slotProps: u = {},
-    slots: a = {}
-  } = s, p = q(s, G), {
-    getInputProps: N,
-    checked: V,
-    disabled: S,
-    focusVisible: b,
-    readOnly: B
-  } = L(s), _ = k({}, s, {
-    checked: V,
-    disabled: S,
-    focusVisible: b,
-    readOnly: B
-  }), f = J(_), y = (r = a.root) != null ? r : "span", z = C({
-    elementType: y,
-    externalSlotProps: u.root,
-    externalForwardedProps: p,
-    additionalProps: {
-      ref: i
-    },
-    ownerState: _,
-    className: f.root
-  }), m = (c = a.thumb) != null ? c : "span", w = C({
-    elementType: m,
-    externalSlotProps: u.thumb,
-    ownerState: _,
-    className: f.thumb
-  }), T = (h = a.input) != null ? h : "input", x = C({
-    elementType: T,
-    getSlotProps: N,
-    externalSlotProps: u.input,
-    ownerState: _,
-    className: f.input
-  }), R = a.track === null ? () => null : (n = a.track) != null ? n : "span", t = C({
-    elementType: R,
-    externalSlotProps: u.track,
-    ownerState: _,
-    className: f.track
-  });
-  return /* @__PURE__ */ j(y, k({}, z, {
-    children: [/* @__PURE__ */ P(R, k({}, t)), /* @__PURE__ */ P(m, k({}, w)), /* @__PURE__ */ P(T, k({}, x))]
-  }));
-});
-process.env.NODE_ENV !== "production" && ($.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__label_1rzg2_43", Q = "_toggle_1rzg2_43", X = "_input_1rzg2_88", Y = "_thumb_1rzg2_99", Z = "_track_1rzg2_113", g = {
-  "u-typography-h1": "_u-typography-h1_1rzg2_1",
-  "u-typography-h2": "_u-typography-h2_1rzg2_8",
-  "u-typography-h3": "_u-typography-h3_1rzg2_15",
-  "u-typography-h4": "_u-typography-h4_1rzg2_22",
-  "u-typography-h5": "_u-typography-h5_1rzg2_29",
-  "u-typography-h6": "_u-typography-h6_1rzg2_36",
-  "u-typography-base": "_u-typography-base_1rzg2_43",
-  toggle__label: K,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1rzg2_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1rzg2_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1rzg2_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1rzg2_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1rzg2_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rzg2_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1rzg2_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rzg2_73",
-  toggle: Q,
-  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_1rzg2_84",
-  input: X,
-  thumb: Y,
-  track: Z,
-  "toggle--focus-visible": "_toggle--focus-visible_1rzg2_123",
-  "toggle--checked": "_toggle--checked_1rzg2_127",
-  "toggle--disabled": "_toggle--disabled_1rzg2_140"
-}, re = ({
-  label: l,
-  checked: s,
-  disabled: i,
-  classNameWrapper: r,
-  classNameInput: c,
-  "data-testid": h,
-  onChange: n,
-  classNameLabel: u
-}) => {
-  const a = (p) => {
-    n == null || n(p);
-  };
-  return /* @__PURE__ */ j("div", { className: O(g.toggle, r), "data-testid": h, children: [
-    /* @__PURE__ */ P(
-      $,
-      {
-        checked: s === !0,
-        disabled: i,
-        onChange: a,
-        "aria-label": l,
-        slotProps: {
-          root: (p) => ({
-            className: O(g["toggle__toggle-el-wrapper"], {
-              [g["toggle--disabled"]]: p.disabled,
-              [g["toggle--focus-visible"]]: p.focusVisible,
-              [g["toggle--checked"]]: p.checked
-            })
-          }),
-          input: { className: O(g.input, c) },
-          thumb: { className: g.thumb },
-          track: { className: g.track }
-        }
-      }
-    ),
-    l && /* @__PURE__ */ P("label", { className: O(g.toggle__label, u), children: l })
-  ] });
-};
-export {
-  re 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/ToggleGroup/Group.d.ts

@@ -1,18 +0,0 @@
-import { ToggleGroupItemProps } from './Toggle.tsx';
-import { ReactElement, ReactNode } from 'react';
-
-export type ToggleGroupProps = {
-    /** Optional title and description content */
-    legend?: ReactNode;
-    /** Optional any errors to display */
-    error?: ReactNode;
-    /** ToggleGroupItems to display; options to toggle between */
-    children: Array<ReactElement<ToggleGroupItemProps<string | number>>>;
-    /**
-     * Dataset test id only used for tests to reach in and grab the rendered DOM nodes base value is used for fieldset
-     * error and legend append their names e.g. {data-testid}-error and {data-testid}-legend
-     * */
-    'data-testid'?: string;
-};
-declare const Group: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
-export default Group;

package/dist/components/ToggleGroup/Group.js

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../Icon/Icon.js";
-import { G as i } from "../../Group-B3p31ftp.js";
-export {
-  i as default
-};

package/dist/components/ToggleGroup/Group.test.d.ts

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

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export type ToggleGroupItemProps<T extends string | number> = {
-    /** The display text to show for this option */
-    text: string;
-    /** The underlining value of this option */
-    value: T;
-    /** Whether this radio button is selected */
-    isSelected?: boolean;
-    /** callback for selection change */
-    onChange: (value: T | '') => void;
-    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the label */
-    'data-testid'?: string;
-};
-declare const Toggle: import('react').ForwardRefExoticComponent<ToggleGroupItemProps<string | number> & import('react').RefAttributes<HTMLInputElement>>;
-export default Toggle;

package/dist/components/ToggleGroup/Toggle.js

@@ -1,17 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../../clsx-DB4S2d7J.js";
-import "../Icon/Icon.js";
-import "../Button/Button.js";
-import { T as b } from "../../Toggle-BCgIItCc.js";
-import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
-import "../IconButton/IconButton.js";
-import "../Select/Select.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-import "../../Group-B3p31ftp.js";
-import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-export {
-  b as default
-};

package/dist/components/ToggleGroup/Toggle.test.d.ts

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

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,2 +0,0 @@
-export { default as ToggleGroupItem } from './Toggle';
-export { default as ToggleGroup } from './Group';

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,6 +0,0 @@
-import { T as e } from "../../Toggle-BCgIItCc.js";
-import { G as p } from "../../Group-B3p31ftp.js";
-export {
-  p as ToggleGroup,
-  e as ToggleGroupItem
-};

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

@@ -1,25 +0,0 @@
-import { ToggleGroupProps } from './Group.tsx';
-import { StoryObj } from '@storybook/react';
-import { FunctionComponent } from 'react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
-    tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        legend?: import('react').ReactNode;
-        error?: import('react').ReactNode;
-        children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
-        'data-testid'?: string | undefined;
-        ref?: import('react').LegacyRef<HTMLFieldSetElement> | undefined;
-        key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    subcomponents: {
-        ToggleGroupItem: FunctionComponent<unknown>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const NoLegend: Story;
-export declare const WithError: Story;

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

@@ -1,35 +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, onTargetCreated, ...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;
-        style?: import('react').CSSProperties | undefined;
-        'data-testid'?: string | undefined;
-        onTargetCreated?: ((e: HTMLElement) => void) | 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 {};

package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts

@@ -1,11 +0,0 @@
-import { SnackbarProps } from '../../components/Snackbar/Snackbar';
-
-export type SnackbarContextProps = {
-    showMessage: (message: string, variant?: SnackbarProps['variant'], duration?: number) => void;
-};
-export declare const SnackbarContext: import('react').Context<SnackbarContextProps>;
-export type SnackbarProviderProps = {
-    children: React.ReactNode;
-};
-export declare const SnackbarProvider: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useSnackbar: () => SnackbarContextProps;

package/dist/contexts/SnackbarProvider/SnackbarProvider.js

@@ -1,50 +0,0 @@
-import { jsx as n, jsxs as l, Fragment as g } from "react/jsx-runtime";
-import { createContext as m, useState as p, useCallback as f, useContext as C } from "react";
-import { Snackbar as b } from "../../components/Snackbar/Snackbar.js";
-const o = m({
-  showMessage: () => {
-  }
-}), s = { message: "", variant: "success", duration: 5e3, open: !1 }, h = ({ children: r }) => {
-  const [e, t] = p(s), i = f(
-    (a = s.message, u = s.variant, d = s.duration) => {
-      t({
-        id: `${(/* @__PURE__ */ new Date()).getTime()}-${a}`,
-        message: a,
-        variant: u,
-        duration: d,
-        open: !0
-      });
-    },
-    [t]
-  ), c = () => {
-    t((a) => ({ ...a, open: !1 }));
-  };
-  return /* @__PURE__ */ n(
-    o.Provider,
-    {
-      value: {
-        showMessage: i
-      },
-      children: /* @__PURE__ */ l(g, { children: [
-        r,
-        /* @__PURE__ */ n(
-          b,
-          {
-            autoHideDuration: e.duration,
-            variant: e.variant,
-            open: e.open,
-            snackbarMessage: e.message,
-            onClose: c,
-            "data-testid": "snackbar"
-          },
-          e.id
-        )
-      ] })
-    }
-  );
-}, S = () => C(o);
-export {
-  o as SnackbarContext,
-  h as SnackbarProvider,
-  S as useSnackbar
-};

package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts

@@ -1,21 +0,0 @@
-import { SnackbarProviderProps } from './SnackbarProvider';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        [x: string]: any;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Provider: Story;