@matbea-ui/matbea-ui 0.1.4 → 0.1.6

package/dist/matbea-ui.es68.js

@@ -1,9 +1,236 @@
-import { j as o } from "./matbea-ui.es28.js";
-import { Icon as t } from "./matbea-ui.es72.js";
-const e = (r) => /* @__PURE__ */ o.jsxs(t, { ...r, children: [
-  /* @__PURE__ */ o.jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "#5E6F8D", "stroke-width": "2" }),
-  /* @__PURE__ */ o.jsx("path", { d: "M7 12L10.3333 15L17 9", stroke: "#5E6F8D", "stroke-width": "2" })
-] });
+import { __exports as s } from "./matbea-ui.es73.js";
+import J from "react";
+var j;
+function Z() {
+  return j ? s : (j = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === G ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case f:
+          return "Fragment";
+        case F:
+          return "Profiler";
+        case D:
+          return "StrictMode";
+        case M:
+          return "Suspense";
+        case z:
+          return "SuspenseList";
+        case q:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case $:
+            return "Portal";
+          case L:
+            return e.displayName || "Context";
+          case W:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case U:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case V:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case m:
+            r = e._payload, e = e._init;
+            try {
+              return l(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function R(e) {
+      return "" + e;
+    }
+    function T(e) {
+      try {
+        R(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          a
+        ), R(e);
+      }
+    }
+    function i(e) {
+      if (e === f) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === m)
+        return "<...>";
+      try {
+        var r = l(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function N() {
+      var e = _.A;
+      return e === null ? null : e.getOwner();
+    }
+    function p() {
+      return Error("react-stack-top-frame");
+    }
+    function C(e) {
+      if (y.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function x(e, r) {
+      function t() {
+        A || (A = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function Y() {
+      var e = l(this.type);
+      return S[e] || (S[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function I(e, r, t, a, u, b) {
+      var n = t.ref;
+      return e = {
+        $$typeof: g,
+        type: e,
+        key: r,
+        props: t,
+        _owner: a
+      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: Y
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: u
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: b
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function v(e, r, t, a, u, b) {
+      var n = r.children;
+      if (n !== void 0)
+        if (a)
+          if (X(n)) {
+            for (a = 0; a < n.length; a++)
+              O(n[a]);
+            Object.freeze && Object.freeze(n);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else O(n);
+      if (y.call(r, "key")) {
+        n = l(e);
+        var o = Object.keys(r).filter(function(K) {
+          return K !== "key";
+        });
+        a = 0 < o.length ? "{key: someKey, " + o.join(": ..., ") + ": ...}" : "{key: someKey}", h[n + a] || (o = 0 < o.length ? "{" + o.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          a,
+          n,
+          o,
+          n
+        ), h[n + a] = !0);
+      }
+      if (n = null, t !== void 0 && (T(t), n = "" + t), C(r) && (T(r.key), n = "" + r.key), "key" in r) {
+        t = {};
+        for (var E in r)
+          E !== "key" && (t[E] = r[E]);
+      } else t = r;
+      return n && x(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), I(
+        e,
+        n,
+        t,
+        N(),
+        u,
+        b
+      );
+    }
+    function O(e) {
+      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === m && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function k(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === g;
+    }
+    var c = J, g = Symbol.for("react.transitional.element"), $ = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), L = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), _ = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, X = Array.isArray, d = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    c = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var A, S = {}, w = c.react_stack_bottom_frame.bind(
+      c,
+      p
+    )(), P = d(i(p)), h = {};
+    s.Fragment = f, s.jsx = function(e, r, t) {
+      var a = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return v(
+        e,
+        r,
+        t,
+        !1,
+        a ? Error("react-stack-top-frame") : w,
+        a ? d(i(e)) : P
+      );
+    }, s.jsxs = function(e, r, t) {
+      var a = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return v(
+        e,
+        r,
+        t,
+        !0,
+        a ? Error("react-stack-top-frame") : w,
+        a ? d(i(e)) : P
+      );
+    };
+  })(), s);
+}
 export {
-  e as CheckIcon
+  Z as __require
 };

package/dist/matbea-ui.es69.js

@@ -1,12 +1,10 @@
-import { j as C } from "./matbea-ui.es28.js";
-import { Icon as H } from "./matbea-ui.es72.js";
-const t = (o) => /* @__PURE__ */ C.jsx(H, { ...o, viewBox: "0 0 18 18", children: /* @__PURE__ */ C.jsx(
-  "path",
-  {
-    d: "M10.4999 16.5H2.9999C2.59796 16.514 2.20826 16.3604 1.92387 16.076C1.63948 15.7916 1.48593 15.4019 1.4999 15V7.50001C1.48593 7.09807 1.63948 6.70837 1.92387 6.42399C2.20826 6.1396 2.59796 5.98605 2.9999 6.00002H5.9999V3.00002C5.98593 2.59807 6.13948 2.20837 6.42387 1.92399C6.70826 1.6396 7.09796 1.48605 7.49991 1.50002H14.9999C15.4018 1.48605 15.7915 1.6396 16.0759 1.92399C16.3603 2.20837 16.5139 2.59807 16.4999 3.00002V10.5C16.5136 10.9019 16.36 11.2915 16.0757 11.5758C15.7914 11.8601 15.4018 12.0137 14.9999 12H11.9999V15C12.0136 15.4019 11.86 15.7915 11.5757 16.0758C11.2914 16.3601 10.9018 16.5137 10.4999 16.5ZM2.9999 7.50001V15H10.4999V12H7.49991C7.09802 12.0137 6.70845 11.8601 6.42411 11.5758C6.13977 11.2915 5.98616 10.9019 5.9999 10.5V7.50001H2.9999ZM7.49991 3.00002V10.5H14.9999V3.00002H7.49991Z",
-    fill: "#5E6F8D"
-  }
-) });
+import { styled as o } from "styled-components";
+const t = o.button`
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+`;
 export {
-  t as CopyIcon
+  t as CopyButtonStyled
 };

package/dist/matbea-ui.es7.js

@@ -1,4 +1,4 @@
-import { ContainerStyled as o } from "./matbea-ui.es35.js";
+import { ContainerStyled as o } from "./matbea-ui.es37.js";
 const n = o;
 export {
   n as Container

package/dist/matbea-ui.es70.js

@@ -1,4 +1,9 @@
-var r = {};
+import { j as o } from "./matbea-ui.es30.js";
+import { Icon as t } from "./matbea-ui.es74.js";
+const e = (r) => /* @__PURE__ */ o.jsxs(t, { ...r, children: [
+  /* @__PURE__ */ o.jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "#5E6F8D", "stroke-width": "2" }),
+  /* @__PURE__ */ o.jsx("path", { d: "M7 12L10.3333 15L17 9", stroke: "#5E6F8D", "stroke-width": "2" })
+] });
 export {
-  r as __exports
+  e as CheckIcon
 };

package/dist/matbea-ui.es71.js

@@ -1,4 +1,12 @@
-var e = {};
+import { j as C } from "./matbea-ui.es30.js";
+import { Icon as H } from "./matbea-ui.es74.js";
+const t = (o) => /* @__PURE__ */ C.jsx(H, { ...o, viewBox: "0 0 18 18", children: /* @__PURE__ */ C.jsx(
+  "path",
+  {
+    d: "M10.4999 16.5H2.9999C2.59796 16.514 2.20826 16.3604 1.92387 16.076C1.63948 15.7916 1.48593 15.4019 1.4999 15V7.50001C1.48593 7.09807 1.63948 6.70837 1.92387 6.42399C2.20826 6.1396 2.59796 5.98605 2.9999 6.00002H5.9999V3.00002C5.98593 2.59807 6.13948 2.20837 6.42387 1.92399C6.70826 1.6396 7.09796 1.48605 7.49991 1.50002H14.9999C15.4018 1.48605 15.7915 1.6396 16.0759 1.92399C16.3603 2.20837 16.5139 2.59807 16.4999 3.00002V10.5C16.5136 10.9019 16.36 11.2915 16.0757 11.5758C15.7914 11.8601 15.4018 12.0137 14.9999 12H11.9999V15C12.0136 15.4019 11.86 15.7915 11.5757 16.0758C11.2914 16.3601 10.9018 16.5137 10.4999 16.5ZM2.9999 7.50001V15H10.4999V12H7.49991C7.09802 12.0137 6.70845 11.8601 6.42411 11.5758C6.13977 11.2915 5.98616 10.9019 5.9999 10.5V7.50001H2.9999ZM7.49991 3.00002V10.5H14.9999V3.00002H7.49991Z",
+    fill: "#5E6F8D"
+  }
+) });
 export {
-  e as __exports
+  t as CopyIcon
 };

package/dist/matbea-ui.es72.js

@@ -1,17 +1,4 @@
-import { j as n } from "./matbea-ui.es28.js";
-import "react";
-const w = ({ size: t = 24, children: o, ...r }) => /* @__PURE__ */ n.jsx(
-  "svg",
-  {
-    width: t,
-    height: t,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...r,
-    children: o
-  }
-);
+var r = {};
 export {
-  w as Icon
+  r as __exports
 };

package/dist/matbea-ui.es73.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/matbea-ui.es74.js

@@ -0,0 +1,17 @@
+import { j as n } from "./matbea-ui.es30.js";
+import "react";
+const w = ({ size: t = 24, children: o, ...r }) => /* @__PURE__ */ n.jsx(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: o
+  }
+);
+export {
+  w as Icon
+};

package/dist/matbea-ui.es8.js

@@ -1,5 +1,5 @@
-import { j as o } from "./matbea-ui.es28.js";
-import { CounterStyled as t } from "./matbea-ui.es36.js";
+import { j as o } from "./matbea-ui.es30.js";
+import { CounterStyled as t } from "./matbea-ui.es38.js";
 const s = ({ count: r = 0 }) => /* @__PURE__ */ o.jsx(t, { variant: "body-s-semibold", children: r });
 export {
   s as Counter

package/dist/matbea-ui.es9.js

@@ -1,7 +1,7 @@
-import { j as n } from "./matbea-ui.es28.js";
+import { j as n } from "./matbea-ui.es30.js";
 import { useState as c, useCallback as l } from "react";
-import { CloseIcon as p } from "./matbea-ui.es37.js";
-import { HamburgerIcon as u } from "./matbea-ui.es38.js";
+import { CloseIcon as p } from "./matbea-ui.es39.js";
+import { HamburgerIcon as u } from "./matbea-ui.es40.js";
 import { Button as f } from "./matbea-ui.es2.js";
 const k = ({
   open: r,

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

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { type ButtonForm, type ButtonSize, type ButtonVariant } from "./styled";
+type IconPosition = "left" | "right" | "only";
+type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    form?: ButtonForm;
+    fullWidth?: boolean;
+    icon?: ReactNode;
+    iconPosition?: IconPosition;
+    children?: ReactNode;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Button/index.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./index";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const WithRightIcon: Story;
+export declare const IconOnly: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const FullWidth: Story;
+export declare const Disabled: Story;

package/dist/types/components/Button/styled.d.ts

@@ -0,0 +1,16 @@
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+export type ButtonSize = "default" | "medium" | "small";
+export type ButtonForm = "default" | "brick-right";
+type StyledButtonProps = {
+    $variant: ButtonVariant;
+    $size: ButtonSize;
+    $form: ButtonForm;
+    $fullWidth: boolean;
+    $hasIcon: boolean;
+    $iconOnly: boolean;
+};
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
+export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $iconOnly: boolean;
+}>> & string;
+export {};

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

@@ -0,0 +1,12 @@
+type CheckboxProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    label?: string;
+    name?: string;
+    value?: string;
+    onChange?: (next: boolean) => void;
+    className?: string;
+};
+export declare const Checkbox: React.FC<CheckboxProps>;
+export {};

package/dist/types/components/Checkbox/index.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Checkbox } from ".";
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Base: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;

package/dist/types/components/Checkbox/styled.d.ts

@@ -0,0 +1,9 @@
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    disabled: boolean;
+}>> & string;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $checked: boolean;
+    $disabled: boolean;
+}>> & string;
+export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;

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

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/Container/index.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Container } from ".";
+declare const meta: Meta<typeof Container>;
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Base: Story;

package/dist/types/components/Container/styled.d.ts

@@ -0,0 +1 @@
+export declare const ContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,6 @@
+type CopyButtonProps = {
+    text: string;
+    size?: number;
+};
+export declare const CopyButton: React.FC<CopyButtonProps>;
+export {};

package/dist/types/components/CopyButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const CopyButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

@@ -0,0 +1,8 @@
+type CopyTooltipProps = {
+    label: string;
+    children?: React.ReactNode;
+    copiedText?: string;
+    copyDuration?: number;
+};
+export declare const CopyTooltip: React.FC<CopyTooltipProps>;
+export {};

package/dist/types/components/CopyTooltip/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Trigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Bubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,3 @@
+export declare const Counter: ({ count }: {
+    count?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Counter/index.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Counter } from ".";
+declare const meta: Meta<typeof Counter>;
+export default meta;
+type Story = StoryObj<typeof Counter>;
+export declare const Base: Story;

package/dist/types/components/Counter/styled.d.ts

@@ -0,0 +1,52 @@
+export declare const CounterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<{
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}, {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}>, never>, never>> & string & Omit<(<C extends "symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view" = "span">(props: {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: C | undefined;
+    forwardedAs?: C | undefined;
+}) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;

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

@@ -0,0 +1,6 @@
+type HamburgerButtonProps = {
+    open?: boolean;
+    onToggle?: (next: boolean) => void;
+};
+export declare const HamburgerButton: React.FC<HamburgerButtonProps>;
+export {};

package/dist/types/components/Hamburger/index.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { HamburgerButton } from ".";
+declare const meta: Meta<typeof HamburgerButton>;
+export default meta;
+type Story = StoryObj<typeof HamburgerButton>;
+export declare const Base: Story;

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    children?: React.ReactNode;
+}
+export declare const Icon: React.FC<IconProps>;

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

@@ -0,0 +1,8 @@
+export type InformerType = "success" | "error" | "info" | "warning";
+export type InformerProps = {
+    label: string;
+    description: string;
+    type: InformerType;
+    icon?: boolean;
+};
+export declare const Informer: React.FC<InformerProps>;