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

package/dist/Tab-CRwnhsj5.js

@@ -1,254 +0,0 @@
-import { jsx as N } from "react/jsx-runtime";
-import * as f from "react";
-import { forwardRef as F, useContext as U, useMemo as j } from "react";
-import { c as $ } from "./clsx-DB4S2d7J.js";
-import { a as A, u as B, b as W, T as q, s as y } from "./Tabs.module-yYcTJnj6.js";
-import { a as p, _ as z } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { e as O, g as G, a as J, u as k, b as K, P as o, c as Q, d as X } from "./index-CqjC7P5Y.js";
-import { u as Y } from "./useButton-Bc8IAgyk.js";
-const E = {
-  blur: "list:blur",
-  focus: "list:focus",
-  itemClick: "list:itemClick",
-  itemHover: "list:itemHover",
-  itemsChange: "list:itemsChange",
-  keyDown: "list:keyDown",
-  resetHighlight: "list:resetHighlight",
-  highlightLast: "list:highlightLast",
-  textNavigation: "list:textNavigation",
-  clearSelection: "list:clearSelection"
-}, w = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (w.displayName = "ListContext");
-function Z(n) {
-  const {
-    handlePointerOverEvents: t = !1,
-    item: e
-  } = n, s = f.useContext(w);
-  if (!s)
-    throw new Error("useListItem must be used within a ListProvider");
-  const {
-    dispatch: i,
-    getItemState: a
-  } = s, {
-    highlighted: c,
-    selected: b,
-    focusable: m
-  } = a(e), h = f.useCallback((l) => (r) => {
-    var d;
-    if ((d = l.onClick) == null || d.call(l, r), !r.defaultPrevented) {
-      if (process.env.NODE_ENV !== "production" && e === void 0)
-        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
-`));
-      i({
-        type: E.itemClick,
-        item: e,
-        event: r
-      });
-    }
-  }, [i, e]), g = f.useCallback((l) => (r) => {
-    var d;
-    if ((d = l.onMouseOver) == null || d.call(l, r), !r.defaultPrevented) {
-      if (process.env.NODE_ENV !== "production" && e === void 0)
-        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
-`));
-      i({
-        type: E.itemHover,
-        item: e,
-        event: r
-      });
-    }
-  }, [i, e]);
-  let u;
-  return m && (u = c ? 0 : -1), {
-    getRootProps: (l = {}) => {
-      const r = O(l);
-      return p({}, l, {
-        onClick: h(r),
-        onPointerOver: t ? g(r) : void 0,
-        tabIndex: u
-      });
-    },
-    highlighted: c,
-    selected: b
-  };
-}
-function ee(n, t) {
-  return function(s = {}) {
-    const i = p({}, s, n(s));
-    return p({}, i, t(i));
-  };
-}
-const I = "Tab";
-function te(n) {
-  return G(I, n);
-}
-J(I, ["root", "selected", "disabled"]);
-function oe(n) {
-  return n.size;
-}
-function se(n) {
-  const {
-    value: t,
-    rootRef: e,
-    disabled: s = !1,
-    id: i
-  } = n, a = f.useRef(null), c = A(i), {
-    value: b,
-    selectionFollowsFocus: m,
-    getTabPanelId: h
-  } = B(), g = f.useMemo(() => ({
-    disabled: s,
-    ref: a,
-    id: c
-  }), [s, a, c]), {
-    id: u,
-    index: v,
-    totalItemCount: l
-  } = W(t ?? oe, g), {
-    getRootProps: r,
-    highlighted: d,
-    selected: C
-  } = Z({
-    item: u
-  }), {
-    getRootProps: R,
-    rootRef: P,
-    active: T,
-    focusVisible: L,
-    setFocusVisible: M
-  } = Y({
-    disabled: s,
-    focusableWhenDisabled: !m,
-    type: "button"
-  }), x = k(a, e, P), V = u !== void 0 ? h(u) : void 0;
-  return {
-    getRootProps: (_ = {}) => {
-      const S = O(_), D = ee(r, R);
-      return p({}, _, D(S), {
-        role: "tab",
-        "aria-controls": V,
-        "aria-selected": C,
-        id: c,
-        ref: x
-      });
-    },
-    active: T,
-    focusVisible: L,
-    highlighted: d,
-    index: v,
-    rootRef: x,
-    // the `selected` state isn't set on the server (it relies on effects to be calculated),
-    // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
-    selected: C || u === b,
-    setFocusVisible: M,
-    totalTabsCount: l
-  };
-}
-const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (n) => {
-  const {
-    selected: t,
-    disabled: e
-  } = n;
-  return Q({
-    root: ["root", t && "selected", e && "disabled"]
-  }, X(te));
-}, H = /* @__PURE__ */ f.forwardRef(function(t, e) {
-  var s;
-  const {
-    children: i,
-    disabled: a = !1,
-    slotProps: c = {},
-    slots: b = {},
-    value: m
-  } = t, h = z(t, ne), g = f.useRef(), u = k(g, e), {
-    active: v,
-    highlighted: l,
-    selected: r,
-    getRootProps: d
-  } = se(p({}, t, {
-    rootRef: u,
-    value: m
-  })), C = p({}, t, {
-    active: v,
-    disabled: a,
-    highlighted: l,
-    selected: r
-  }), R = re(C), P = (s = b.root) != null ? s : "button", T = K({
-    elementType: P,
-    getSlotProps: d,
-    externalSlotProps: c.root,
-    externalForwardedProps: h,
-    additionalProps: {
-      ref: e
-    },
-    ownerState: C,
-    className: R.root
-  });
-  return /* @__PURE__ */ N(P, p({}, T, {
-    children: i
-  }));
-});
-process.env.NODE_ENV !== "production" && (H.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions. It currently only supports `focusVisible()` action.
-   */
-  action: o.oneOfType([o.func, o.shape({
-    current: o.shape({
-      focusVisible: o.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  children: o.node,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * Callback invoked when new value is being set.
-   */
-  onChange: o.func,
-  /**
-   * The props used for each slot inside the Tab.
-   * @default {}
-   */
-  slotProps: o.shape({
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside the Tab.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: o.shape({
-    root: o.elementType
-  }),
-  /**
-   * You can provide your own value. Otherwise, it falls back to the child position index.
-   */
-  value: o.oneOfType([o.number, o.string])
-});
-const be = F(
-  ({ children: n, value: t, disabled: e, dataTestId: s }, i) => {
-    const a = U(q), c = j(
-      () => $(
-        y.tabs__tab,
-        t === (a == null ? void 0 : a.value) && y["tabs__tab--selected"],
-        e && y["tabs__tab--disabled"]
-      ),
-      [t, a, e]
-    );
-    return /* @__PURE__ */ N(H, { className: c, disabled: e, value: t, "data-testid": s, ref: i, children: n });
-  }
-);
-export {
-  E as L,
-  be as T,
-  w as a
-};

package/dist/Tabs.module-yYcTJnj6.js

@@ -1,103 +0,0 @@
-import './assets/Tabs.css';
-import * as n from "react";
-import { u as x } from "./useEnhancedEffect-CJGo-L3B.js";
-let f = 0;
-function y(t) {
-  const [s, e] = n.useState(t), o = t || s;
-  return n.useEffect(() => {
-    s == null && (f += 1, e(`mui-${f}`));
-  }, [s]), o;
-}
-const _ = n.useId;
-function E(t) {
-  if (_ !== void 0) {
-    const s = _();
-    return t ?? s;
-  }
-  return y(t);
-}
-const p = /* @__PURE__ */ n.createContext(null);
-process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
-function g(t) {
-  const s = Array.from(t.keys()).map((e) => {
-    const o = t.get(e);
-    return {
-      key: e,
-      subitem: o
-    };
-  });
-  return s.sort((e, o) => {
-    const u = e.subitem.ref.current, r = o.subitem.ref.current;
-    return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
-  }), new Map(s.map((e) => [e.key, e.subitem]));
-}
-function z() {
-  const [t, s] = n.useState(/* @__PURE__ */ new Map()), e = n.useRef(/* @__PURE__ */ new Set()), o = n.useCallback(function(c) {
-    e.current.delete(c), s((i) => {
-      const a = new Map(i);
-      return a.delete(c), a;
-    });
-  }, []), u = n.useCallback(function(c, i) {
-    let a;
-    return typeof c == "function" ? a = c(e.current) : a = c, e.current.add(a), s((C) => {
-      const l = new Map(C);
-      return l.set(a, i), l;
-    }), {
-      id: a,
-      deregister: () => o(a)
-    };
-  }, [o]), r = n.useMemo(() => g(t), [t]), d = n.useCallback(function(c) {
-    return Array.from(r.keys()).indexOf(c);
-  }, [r]);
-  return {
-    contextValue: n.useMemo(() => ({
-      getItemIndex: d,
-      registerItem: u,
-      totalSubitemCount: t.size
-    }), [d, u, t.size]),
-    subitems: r
-  };
-}
-function T(t, s) {
-  const e = n.useContext(p);
-  if (e === null)
-    throw new Error("useCompoundItem must be used within a useCompoundParent");
-  const {
-    registerItem: o
-  } = e, [u, r] = n.useState(typeof t == "function" ? void 0 : t);
-  return x(() => {
-    const {
-      id: d,
-      deregister: m
-    } = o(t, s);
-    return r(d), m;
-  }, [o, s, t]), {
-    id: u,
-    index: u !== void 0 ? e.getItemIndex(u) : -1,
-    totalItemCount: e.totalSubitemCount
-  };
-}
-const I = /* @__PURE__ */ n.createContext(null);
-process.env.NODE_ENV !== "production" && (I.displayName = "TabsContext");
-function D() {
-  const t = n.useContext(I);
-  if (t == null)
-    throw new Error("No TabsContext provided");
-  return t;
-}
-const N = "_tabs_18ymz_1", S = "_tabs__tab_18ymz_5", M = {
-  tabs: N,
-  tabs__tab: S,
-  "tabs__tab--disabled": "_tabs__tab--disabled_18ymz_22",
-  "tabs__tab--selected": "_tabs__tab--selected_18ymz_31",
-  "tabs__tab-panel": "_tabs__tab-panel_18ymz_35"
-};
-export {
-  p as C,
-  I as T,
-  E as a,
-  T as b,
-  z as c,
-  M as s,
-  D as u
-};

package/dist/_commonjsHelpers-CT_km90n.js

@@ -1,30 +0,0 @@
-var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function f(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function l(e) {
-  if (e.__esModule)
-    return e;
-  var r = e.default;
-  if (typeof r == "function") {
-    var t = function o() {
-      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
-    };
-    t.prototype = r.prototype;
-  } else
-    t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
-    var n = Object.getOwnPropertyDescriptor(e, o);
-    Object.defineProperty(t, o, n.get ? n : {
-      enumerable: !0,
-      get: function() {
-        return e[o];
-      }
-    });
-  }), t;
-}
-export {
-  l as a,
-  u as c,
-  f as g
-};

package/dist/assets/global.css

@@ -1 +0,0 @@
-:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}

package/dist/components/Button/Button.stories.js

@@ -1,40 +0,0 @@
-import '../../assets/global.css';
-import { jsx as t } from "react/jsx-runtime";
-/* empty css                    */
-import { Button as i } from "./Button.js";
-import "react";
-import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
-import "../IconButton/IconButton.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-const d = {
-  title: "Components/Button",
-  component: i,
-  tags: ["autodocs"],
-  decorators: [
-    (o) => /* @__PURE__ */ t("div", { style: { padding: "1em" }, children: /* @__PURE__ */ t(o, {}) })
-  ],
-  argTypes: {
-    onClick: {
-      if: { arg: "link", exists: !1 }
-    },
-    type: {
-      control: { type: "text" },
-      if: { arg: "onClick", exists: !0 }
-    },
-    link: {
-      control: { type: "text" },
-      if: { arg: "onClick", exists: !1 }
-    }
-  }
-}, k = {
-  args: { children: "Button", onClick: () => alert("Button was clicked!") }
-}, f = {
-  args: { children: "Button", link: "https://marola.pismolabs.io" }
-};
-export {
-  f as Link,
-  k as Simple,
-  d as default
-};

package/dist/components/Dialog/Dialog.stories.js

@@ -1,59 +0,0 @@
-import '../../assets/global.css';
-import { jsx as e, Fragment as r, jsxs as i } from "react/jsx-runtime";
-import { useState as m } from "react";
-/* empty css                    */
-import { Button as l } from "../Button/Button.js";
-import { Dialog as a } from "./Dialog.js";
-import "../IconButton/IconButton.js";
-import { Typography as n } from "../Typography/Typography.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-import s from "./Content.js";
-import c from "./Actions.js";
-const q = {
-  title: "Components/Dialog",
-  component: a,
-  tags: ["autodocs"],
-  decorators: [
-    (o) => /* @__PURE__ */ e("div", { style: { padding: "1em" }, children: /* @__PURE__ */ e(o, {}) })
-  ]
-};
-function p(o) {
-  const [d, t] = m(!1);
-  return /* @__PURE__ */ i(r, { children: [
-    /* @__PURE__ */ e(l, { onClick: () => t(!0), children: "Open" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        dialogTitle: o.dialogTitle,
-        dialogSubtitle: o.dialogSubtitle,
-        open: d,
-        onClose: () => {
-          t(!1), o != null && o.onClose && (o == null || o.onClose());
-        },
-        children: /* @__PURE__ */ i(r, { children: [
-          /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(n, { element: "p", children: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates eum ipsum, corrupti, quod eveniet non sed recusandae iusto alias consectetur ipsam! Officia doloremque voluptates molestiae, autem maxime soluta? Blanditiis, consequuntur!" }) }),
-          /* @__PURE__ */ i(c, { children: [
-            /* @__PURE__ */ e(l, { onClick: () => t(!1), children: /* @__PURE__ */ e(n, { variant: "button", children: "Cancel" }) }),
-            /* @__PURE__ */ e(l, { onClick: () => t(!1), children: /* @__PURE__ */ e(n, { variant: "button", children: "Submit" }) }),
-            " "
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-const y = {
-  render: p,
-  args: {
-    dialogTitle: "This is a dialog title",
-    dialogSubtitle: "Here is a dialog sub title",
-    onClose: () => alert("Consider the dialog closed"),
-    children: /* @__PURE__ */ e(r, {}),
-    open: !1
-  }
-};
-export {
-  y as Simple,
-  q as default
-};

package/dist/components/Dialog/Title.js

@@ -1,29 +0,0 @@
-import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { Typography as a } from "../Typography/Typography.js";
-import { s as r } from "../../Dialog.module-CGVM5V_D.js";
-const n = ({ title: i, subTitle: t }) => /* @__PURE__ */ l(s, { children: [
-  /* @__PURE__ */ e(
-    a,
-    {
-      element: "h1",
-      elementProps: { id: "alert-dialog-title" },
-      variant: "h4",
-      className: r.dialog__title,
-      children: i
-    }
-  ),
-  /* @__PURE__ */ e("hr", { className: r.dialog__divider, "aria-hidden": !0 }),
-  t && /* @__PURE__ */ e(
-    a,
-    {
-      element: "h2",
-      elementProps: { id: "alert-dialog-description" },
-      variant: "h4",
-      className: r.dialog__subtitle,
-      children: t
-    }
-  )
-] });
-export {
-  n as default
-};

package/dist/components/Input/Input.stories.js

@@ -1,106 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as t } from "react";
-import { Input as n } from "./Input.js";
-const m = {
-  title: "Components/Input",
-  component: n,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "padded"
-  }
-}, g = {
-  args: {}
-}, u = {
-  name: "With label",
-  args: {
-    label: "What is your name?"
-  }
-}, W = {
-  name: "With placeholder",
-  args: {
-    label: "What is your name?",
-    placeholder: "What is your name?"
-  }
-}, d = {
-  args: {
-    label: "What is your name?",
-    value: "Marola DS",
-    disabled: !0
-  }
-}, p = {
-  name: "With max length",
-  args: {
-    label: "What is your name?",
-    infoMessage: "Text length counter",
-    maxLength: 10
-  }
-}, y = {
-  name: "With max length and no chars counter",
-  args: {
-    label: "What is your name?",
-    infoMessage: "Text length counter",
-    maxLength: 10,
-    hideCharsCounter: !0
-  }
-}, f = {
-  name: "With left icon",
-  args: {
-    label: "What is your name?",
-    placeholder: "Hey, I have an icon!",
-    leftIcon: "😁"
-  }
-}, b = {
-  name: "With right icon and click event",
-  render: () => {
-    const [o, s] = t(""), [r, h] = t(!1);
-    return /* @__PURE__ */ a(
-      n,
-      {
-        label: "What is your name?",
-        placeholder: "What is your name?",
-        type: r ? "text" : "password",
-        rightIcon: /* @__PURE__ */ a("span", { style: { cursor: "pointer" }, onClick: () => h((e) => !e), children: "😁" }),
-        value: o,
-        onChange: (e) => s(e.target.value),
-        infoMessage: "Type something and click on the icon"
-      }
-    );
-  }
-}, x = {
-  name: "With both icons",
-  args: {
-    label: "What is your name?",
-    placeholder: "Hey, I have icons!",
-    leftIcon: "😁",
-    rightIcon: "😁"
-  }
-}, I = {
-  name: "With info message",
-  args: {
-    label: "What is your name?",
-    placeholder: "What is your name?",
-    infoMessage: "The name must have less than 50 chars"
-  }
-}, M = {
-  name: "With error message",
-  args: {
-    label: "What is your name?",
-    placeholder: "What is your name?",
-    infoMessage: "The name must have less than 50 chars",
-    errorMessage: "Invalid name"
-  }
-};
-export {
-  d as Disabled,
-  g as Simple,
-  x as WithBothIcons,
-  M as WithErrorMessage,
-  I as WithInfoMessage,
-  u as WithLabel,
-  f as WithLeftIcon,
-  p as WithMaxLength,
-  y as WithMaxLengthAndHideCharsCounter,
-  W as WithPlaceholder,
-  b as WithRightIconAndClickEvent,
-  m as default
-};

package/dist/components/InputSearch/InputSearch.stories.js

@@ -1,36 +0,0 @@
-import { InputSearch as a } from "./InputSearch.js";
-const l = {
-  title: "Components/InputSearch",
-  component: a,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "padded"
-  }
-}, r = {
-  args: {}
-}, t = {
-  name: "With label",
-  args: {
-    label: "Search by name or id"
-  }
-}, o = {
-  name: "With placeholder",
-  args: {
-    label: "Search",
-    placeholder: "Search by name or id"
-  }
-}, c = {
-  args: {
-    label: "Search",
-    placeholder: "Search by name or id",
-    value: "Marola DS",
-    disabled: !0
-  }
-};
-export {
-  c as Disabled,
-  r as Simple,
-  t as WithLabel,
-  o as WithPlaceholder,
-  l as default
-};