@mezo-org/mezo-clay 0.1.0-dev.8 → 0.2.0-dev.1

package/dist/components/icons/solid/trend-up/index.js

@@ -0,0 +1,36 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as s from "react";
+import { Icon as n } from "baseui/icon";
+function p(l, o) {
+  const {
+    "aria-label": e = "Trend Up 01",
+    size: c = 24,
+    color: r,
+    overrides: i = {},
+    ...t
+  } = l;
+  return /* @__PURE__ */ a(
+    n,
+    {
+      viewBox: "0 0 24 24",
+      ref: o,
+      "aria-label": e,
+      size: c,
+      color: r,
+      overrides: i,
+      role: "graphics-symbol",
+      ...t,
+      children: /* @__PURE__ */ a(
+        "path",
+        {
+          fill: r,
+          d: "M15 6a1 1 0 1 0 0 2h4.586l-6.162 6.162c-.21.21-.325.323-.414.4l-.01.008-.01-.009a8 8 0 0 1-.414-.4l-2.76-2.76a9 9 0 0 0-.512-.487 2 2 0 0 0-.686-.402 2 2 0 0 0-1.236 0c-.29.094-.512.254-.686.402-.16.135-.333.31-.512.488l-4.891 4.89a1 1 0 1 0 1.414 1.415l4.869-4.869c.21-.21.325-.323.414-.4L8 12.43l.01.009c.09.076.205.19.414.4l2.76 2.76c.179.178.352.352.511.487.175.148.397.308.687.402a2 2 0 0 0 1.236 0c.29-.094.512-.254.687-.402a9 9 0 0 0 .51-.488L21 9.414V14a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z"
+        }
+      )
+    }
+  );
+}
+const m = s.forwardRef(p);
+export {
+  m as default
+};

package/dist/components/icons/solid/trophy/index.js

@@ -0,0 +1,57 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { Icon as s } from "baseui/icon";
+function f(C, e) {
+  const {
+    "aria-label": i = "Trophy 02",
+    size: l = 24,
+    color: r,
+    overrides: t = {},
+    ...a
+  } = C;
+  return /* @__PURE__ */ p(
+    s,
+    {
+      viewBox: "0 0 24 24",
+      ref: e,
+      "aria-label": i,
+      size: l,
+      color: r,
+      overrides: {
+        ...t
+      },
+      role: "graphics-symbol",
+      "data-testid": "trophy-02-icon",
+      ...a,
+      children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.02608 2C6.79254 1.99998 6.56506 1.99995 6.372 2.01457C6.1604 2.03059 5.91015 2.0683 5.65477 2.18739C5.22862 2.38611 4.88611 2.72862 4.68739 3.15477C4.5683 3.41015 4.53059 3.6604 4.51457 3.872C4.49995 4.06505 4.49998 4.29253 4.5 4.52607L4.5 10.5C4.5 14.3031 7.33064 17.445 11 17.9339V20H7C6.44772 20 6 20.4477 6 21C6 21.5523 6.44772 22 7 22H17C17.5523 22 18 21.5523 18 21C18 20.4477 17.5523 20 17 20H13V17.9339C16.6694 17.445 19.5 14.3031 19.5 10.5L19.5 4.52608C19.5 4.29257 19.5001 4.06503 19.4854 3.872C19.4694 3.6604 19.4317 3.41015 19.3126 3.15477C19.1139 2.72862 18.7714 2.38611 18.3452 2.18739C18.0899 2.0683 17.8396 2.03059 17.628 2.01457C17.435 1.99995 17.2075 1.99998 16.9739 2H7.02608Z",
+            fill: r
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M2 4C2.55228 4 3 4.44772 3 5V10C3 10.5523 2.55228 11 2 11C1.44772 11 1 10.5523 1 10V5C1 4.44772 1.44772 4 2 4Z",
+            fill: r
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M22 4C22.5523 4 23 4.44772 23 5V10C23 10.5523 22.5523 11 22 11C21.4477 11 21 10.5523 21 10V5C21 4.44772 21.4477 4 22 4Z",
+            fill: r
+          }
+        )
+      ]
+    }
+  );
+}
+const m = d(f);
+export {
+  m as Trophy02
+};

package/dist/components/icons/solid/user/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const User01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/solid/user/index.js

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { Icon as d } from "baseui/icon";
+function n(o, a) {
+  const {
+    "aria-label": i = "User 01",
+    size: l = 24,
+    color: r,
+    overrides: c = {},
+    ...s
+  } = o;
+  return /* @__PURE__ */ e(
+    d,
+    {
+      viewBox: "0 0 24 24",
+      ref: a,
+      "aria-label": i,
+      size: l,
+      color: r,
+      overrides: c,
+      role: "graphics-symbol",
+      "data-testid": "user-icon",
+      ...s,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          fill: r,
+          fillRule: "evenodd",
+          d: "M8.786 14.5h6.428c.727 0 1.222 0 1.654.076a5 5 0 0 1 4.056 4.056c.076.432.076.927.076 1.654 0 .158.005.318-.023.474a1.5 1.5 0 0 1-1.216 1.217c-.137.024-.28.023-.351.023Q12 21.961 4.59 22c-.07 0-.214.001-.35-.023a1.5 1.5 0 0 1-1.217-1.216c-.028-.157-.023-.317-.023-.475 0-.727 0-1.222.076-1.654a5 5 0 0 1 4.056-4.056c.432-.076.927-.076 1.654-.076M6.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+const u = t(n);
+export {
+  u as User01
+};

package/dist/components/icons/solid/vbtc-circle/index.d.ts

@@ -0,0 +1,14 @@
+import { IconProps } from 'baseui/icon';
+import * as React from "react";
+export type VBtcCircleProps = {
+    symbolColor?: string;
+} & IconProps;
+export declare const VBtcCircle: React.ForwardRefExoticComponent<{
+    symbolColor?: string;
+} & React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/solid/vbtc-circle/index.js

@@ -0,0 +1,51 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import * as f from "react";
+import { Icon as h } from "baseui/icon";
+function m(e, o) {
+  const {
+    "aria-label": i = "vBTC Circle",
+    size: a = 24,
+    color: c = "#FF8A00",
+    symbolColor: r = "#FFFFFF",
+    overrides: v = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(
+    h,
+    {
+      viewBox: "0 0 24 24",
+      ref: o,
+      "aria-label": i,
+      size: a,
+      color: c,
+      overrides: v,
+      role: "graphics-symbol",
+      ...t,
+      children: [
+        /* @__PURE__ */ l("circle", { cx: 12, cy: 12, r: 12, fill: c }),
+        /* @__PURE__ */ l(
+          "path",
+          {
+            fill: r,
+            fillRule: "evenodd",
+            d: "M6.722 15.071a.2.2 0 0 0 .186.129h1.184a.2.2 0 0 0 .186-.129l1.909-5a.2.2 0 0 0-.187-.27H8.74a.2.2 0 0 0-.188.132l-.687 1.922c-.134.37-.257.778-.365 1.16-.108-.382-.23-.79-.365-1.16l-.687-1.922A.2.2 0 0 0 6.26 9.8H5a.2.2 0 0 0-.187.271z",
+            clipRule: "evenodd"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "path",
+          {
+            fill: r,
+            d: "M19.32 9.279c-.141-1.475-1.414-1.97-3.021-2.111v-.945h-1.245v.89c-.327 0-.662.007-.994.013v-.904h-1.244v.944c-.27.006-1.926.004-1.926.004l-.003 1.098 1.039.005v7.193h-1.039l-.009 1.082c.302 0 1.644.006 1.935.008v.932h1.244v-.91q.51.011.994.01v.9h1.245v-.928c2.094-.119 3.56-.646 3.742-2.61.147-1.584-.597-2.29-1.785-2.577.722-.369 1.172-1.015 1.067-2.094m-1.744 4.423c0 1.546-2.647 1.37-3.492 1.37v-2.741c.845 0 3.49-.241 3.491 1.371zm-.578-3.868c0 1.407-2.209 1.242-2.912 1.242V8.589c.704 0 2.913-.222 2.912 1.245"
+          }
+        )
+      ]
+    }
+  );
+}
+const p = f.forwardRef(
+  m
+);
+export {
+  p as VBtcCircle
+};

package/dist/components/icons/solid/x-circle/index.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import { Icon as d } from "baseui/icon";
+function n(l, a) {
+  const {
+    "aria-label": o = "X Circle",
+    size: i = 24,
+    color: e,
+    overrides: c = {},
+    ...t
+  } = l;
+  return /* @__PURE__ */ r(
+    d,
+    {
+      viewBox: "0 0 24 24",
+      ref: a,
+      "aria-label": o,
+      size: i,
+      color: e,
+      overrides: {
+        ...c
+      },
+      role: "graphics-symbol",
+      "data-testid": "x-circle-icon",
+      ...t,
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          fill: e,
+          fillRule: "evenodd",
+          d: "M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m3.707 7.293a1 1 0 0 1 0 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 1.414-1.414L12 10.586l2.293-2.293a1 1 0 0 1 1.414 0",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+const p = s.forwardRef(n);
+export {
+  p as default
+};

package/dist/components/icons/solid/x-twitter/index.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { Icon as c } from "baseui/icon";
+function d(e, t) {
+  const {
+    "aria-label": i = "Google",
+    size: a = 24,
+    color: r,
+    overrides: l = {},
+    ...s
+  } = e;
+  return /* @__PURE__ */ o(
+    c,
+    {
+      viewBox: "0 0 48 48",
+      ref: t,
+      "aria-label": i,
+      size: a,
+      color: r,
+      overrides: {
+        ...l
+      },
+      role: "graphics-symbol",
+      "data-testid": "xtwitter-icon",
+      ...s,
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          fill: r,
+          d: "M36.6526 3.8078H43.3995L28.6594 20.6548L46 43.5797H32.4225L21.7881 29.6759L9.61989 43.5797H2.86886L18.6349 25.56L2 3.8078H15.9222L25.5348 16.5165L36.6526 3.8078ZM34.2846 39.5414H38.0232L13.8908 7.63406H9.87892L34.2846 39.5414Z"
+        }
+      )
+    }
+  );
+}
+const p = L(d);
+export {
+  p as default
+};

package/dist/components/index.d.ts

@@ -6,30 +6,45 @@ export * from './breadcrumbs';
 export * from './button';
 export * from './button-group';
 export * from './button-icon';
+export * from './callout-card';
+export * from './card';
 export * from './checkbox';
 export * from './divider';
 export * from './flex-grid';
 export * from './form-control';
+export * from './icon';
 export * from './icons';
 export * from './input';
+export * from './layer';
+export * from './layout-grid';
 export * from './link';
 export * from './list';
+export * from './menu';
 export * from './message-card';
+export * from './mobile-header';
 export * from './modal';
+export * from './page-control';
+export * from './pagination';
+export * from './segmented-progress-bar';
+export * from './phone-input';
 export * from './popover';
 export * from './progress-bar';
+export * from './progress-steps';
 export * from './radio';
+export * from './section-heading';
 export * from './segmented-control';
 export * from './side-navigation';
 export * from './skeleton';
 export * from './snackbar';
 export * from './spinner';
+export * from './stepper';
+export * from './slider';
+export * from './table';
 export * from './tabs';
 export * from './tag';
 export * from './textarea';
+export * from './tile';
+export * from './tooltip';
+export * from './top-navigation';
 export * from './typography';
-export * from './card';
-export { Block } from 'baseui/block';
-export { Popover, StatefulPopover } from 'baseui/popover';
-export { Icon } from 'baseui/icon';
-export type { IconProps } from 'baseui/icon';
+export * from './select';

package/dist/components/input/constants.d.ts

@@ -3,3 +3,41 @@ export declare const SIZE: {
     medium: string;
     large: string;
 };
+export declare const SIZE_EXTENDED: {
+    xxlarge: string;
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const INPUT_VERTICAL_PADDING: {
+    small: string;
+    medium: string;
+    large: string;
+    xxlarge: string;
+};
+export declare const INPUT_TYPOGRAPHY: {
+    small: {
+        fontSize: string;
+        lineHeight: string;
+        fontFamily: string;
+        fontWeight: number;
+    };
+    medium: {
+        fontSize: string;
+        lineHeight: string;
+        fontFamily: string;
+        fontWeight: number;
+    };
+    large: {
+        fontSize: string;
+        lineHeight: string;
+        fontFamily: string;
+        fontWeight: number;
+    };
+    xxlarge: {
+        fontSize: string;
+        lineHeight: string;
+        fontFamily: string;
+        fontWeight: number;
+    };
+};

package/dist/components/input/constants.js

@@ -0,0 +1,26 @@
+import "baseui";
+import a from "../../themes/typography.js";
+const r = {
+  small: "compact",
+  medium: "default",
+  large: "large"
+}, g = {
+  ...r,
+  xxlarge: "large"
+}, m = {
+  small: "8px",
+  medium: "12px",
+  large: "14px",
+  xxlarge: "12px"
+}, p = {
+  small: a.ParagraphSmall,
+  medium: a.ParagraphMedium,
+  large: a.ParagraphLarge,
+  xxlarge: a.HeadingXXLarge
+};
+export {
+  p as INPUT_TYPOGRAPHY,
+  m as INPUT_VERTICAL_PADDING,
+  r as SIZE,
+  g as SIZE_EXTENDED
+};

package/dist/components/input/index.d.ts

@@ -1,6 +1,6 @@
-export { SIZE as INPUT_SIZE } from './constants';
+export { SIZE as INPUT_SIZE, SIZE_EXTENDED as INPUT_SIZE_EXTENDED, } from './constants';
 export { default as Input, getBaseInputSize } from './input';
 export { default as PasswordInput } from './password-input';
 export { default as SearchInput } from './search-input';
-export { getEndEnhancer, getRootReadOnlyStyles, getInputContainerReadOnlyStyles, } from './overrides';
+export { getEndEnhancer, getRootReadOnlyStyles, getInputContainerReadOnlyStyles, getInputOverrides, } from './overrides';
 export type { InputProps, PasswordInputProps, SearchInputProps } from './types';

package/dist/components/input/index.js

@@ -0,0 +1,17 @@
+import { SIZE as r, SIZE_EXTENDED as a } from "./constants.js";
+import { default as n, getBaseInputSize as E } from "./input.js";
+import { default as p } from "./password-input.js";
+import { default as u } from "./search-input.js";
+import { getEndEnhancer as f, getInputContainerReadOnlyStyles as S, getInputOverrides as l, getRootReadOnlyStyles as g } from "./overrides.js";
+export {
+  r as INPUT_SIZE,
+  a as INPUT_SIZE_EXTENDED,
+  n as Input,
+  p as PasswordInput,
+  u as SearchInput,
+  E as getBaseInputSize,
+  f as getEndEnhancer,
+  S as getInputContainerReadOnlyStyles,
+  l as getInputOverrides,
+  g as getRootReadOnlyStyles
+};

package/dist/components/input/input.d.ts

@@ -1,4 +1,4 @@
-import { SIZE } from './constants';
+import { SIZE_EXTENDED } from './constants';
 import { InputProps } from './types';
-export declare function getBaseInputSize(size: keyof typeof SIZE): "compact" | "default" | "large" | "mini";
-export default function Input({ value, onChange, disabled, error, positive, incomplete, complete, loading, readOnly, size, type, clearable, clearOnEscape, startEnhancer, endEnhancer, inputMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, overrides, }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function getBaseInputSize(size: keyof typeof SIZE_EXTENDED): "default" | "large" | "compact" | "mini";
+export default function Input({ value, incomplete, complete, loading, readOnly, size, "data-attr": dataAttr, endEnhancer, overrides: baseOverrides, withFluidFontSize, minFluidFontSize, ...restProps }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/input.js

@@ -0,0 +1,82 @@
+import { jsxs as v, jsx as p } from "react/jsx-runtime";
+import { Block as f } from "baseui/block";
+import { Input as S } from "baseui/input";
+import T from "../../_virtual/index.js";
+import { useStyletron as h, mergeOverrides as N } from "baseui";
+import { INPUT_TYPOGRAPHY as g, SIZE_EXTENDED as P } from "./constants.js";
+import { getInputOverrides as j, getEndEnhancer as w } from "./overrides.js";
+function B(t) {
+  return P[t] || "default";
+}
+function y({
+  value: t,
+  incomplete: m = !1,
+  complete: c = !1,
+  loading: r = !1,
+  readOnly: o,
+  size: e,
+  "data-attr": u,
+  endEnhancer: s,
+  overrides: d,
+  withFluidFontSize: i = !1,
+  minFluidFontSize: l = 60,
+  ...I
+}) {
+  const [n] = h(), { fontSize: a, ref: x } = T({
+    minFontSize: l
+  }), E = N(d, {
+    Input: {
+      props: {
+        "data-attr": u
+      }
+    }
+  });
+  return /* @__PURE__ */ v(
+    f,
+    {
+      className: n({
+        position: "relative",
+        ...g[e || "medium"]
+      }),
+      children: [
+        i && /* @__PURE__ */ p(
+          f,
+          {
+            className: n({
+              position: "absolute",
+              left: "16px",
+              width: "70%",
+              whiteSpace: "nowrap",
+              fontSize: a,
+              opacity: 0
+            }),
+            ref: x,
+            children: t
+          }
+        ),
+        /* @__PURE__ */ p(
+          S,
+          {
+            overrides: j({
+              overrides: E,
+              size: e,
+              loading: r,
+              readOnly: o,
+              endEnhancer: s,
+              ...i && { fontSize: a }
+            }),
+            value: t,
+            readOnly: o,
+            size: B(e),
+            endEnhancer: s || w({ incomplete: m, complete: c, loading: r }),
+            ...I
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  y as default,
+  B as getBaseInputSize
+};

package/dist/components/input/overrides.d.ts

@@ -20,4 +20,14 @@ export declare function getInputContainerReadOnlyStyles($theme: any, readOnly: b
 } | {
     backgroundColor?: undefined;
 };
-export declare function getInputOverrides({ overrides, size, loading, readOnly, endEnhancer, complete, incomplete, type, }: InputProps): import('baseui/helpers/overrides').Overrides<any>;
+export declare function getInputOverrides({ overrides, size, loading, readOnly, endEnhancer, complete, incomplete, type, fontSize, }: {
+    overrides?: InputProps["overrides"];
+    size?: InputProps["size"];
+    loading?: InputProps["loading"];
+    readOnly?: InputProps["readOnly"];
+    endEnhancer?: InputProps["endEnhancer"];
+    complete?: InputProps["complete"];
+    incomplete?: InputProps["incomplete"];
+    type?: InputProps["type"];
+    fontSize?: string;
+}): import('baseui/helpers/overrides').Overrides<any>;