@cfx-dev/ui-components 0.0.5

package/dist/components/Separator/Separator.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface SeparatorProps {
+    thin?: boolean;
+    vertical?: boolean;
+    content?: React.ReactNode;
+}
+export declare function Separator(props: SeparatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Separator/Separator.js

@@ -0,0 +1,29 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { clsx as i } from "../../utils/clsx.js";
+import '../../assets/Separator.css';const l = "_root_1omks_1", _ = "_separator_1omks_4", m = "_content_1omks_9", v = "_thin_1omks_12", p = "_vertical_1omks_18", d = "_text_1omks_32", t = {
+  root: l,
+  separator: _,
+  content: m,
+  thin: v,
+  vertical: p,
+  text: d
+};
+function N(r) {
+  const {
+    content: s,
+    thin: a = !1,
+    vertical: n = !1
+  } = r, e = i(t.root, {
+    [t.text]: !!s,
+    [t.thin]: a,
+    [t.vertical]: n
+  });
+  return s ? /* @__PURE__ */ c("div", { className: e, children: [
+    /* @__PURE__ */ o("div", { className: t.separator }),
+    /* @__PURE__ */ o("div", { className: t.content, children: s }),
+    /* @__PURE__ */ o("div", { className: t.separator })
+  ] }) : /* @__PURE__ */ o("div", { className: e, children: /* @__PURE__ */ o("div", { className: t.separator }) });
+}
+export {
+  N as Separator
+};

package/dist/components/Shroud/Shroud.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+export interface ShroudProps {
+    forRef: React.RefObject<HTMLElement>;
+}
+export declare const Shroud: React.ForwardRefExoticComponent<ShroudProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Shroud/Shroud.js

@@ -0,0 +1,41 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import s from "react";
+import { a as h } from "../../hooks-Bv1kQUpO.js";
+import { P as p } from "../../outlets-BsMV5obW.js";
+import { ui as v } from "../ui.js";
+import '../../assets/Shroud.css';const x = "_root_7v6x1_1", _ = "_tile_7v6x1_6", e = {
+  root: x,
+  tile: _
+}, S = s.forwardRef(function(c, n) {
+  const {
+    forRef: r
+  } = c, [d, u] = s.useState({}), i = s.useCallback(() => {
+    if (!r.current)
+      return;
+    const o = r.current.getBoundingClientRect(), f = {
+      x: o.x,
+      y: o.y,
+      w: o.width,
+      h: o.height,
+      sw: globalThis.screen.availWidth,
+      sh: globalThis.screen.availHeight
+    };
+    u(
+      Object.fromEntries(
+        Object.entries(f).flatMap(([a, l]) => [
+          [`--${a}`, v.px(l)],
+          [`--${a}-raw`, l]
+        ])
+      )
+    );
+  }, []);
+  return s.useEffect(i, []), h(i), /* @__PURE__ */ t(p, { children: /* @__PURE__ */ m("div", { ref: n, className: e.root, style: d, children: [
+    /* @__PURE__ */ t("div", { className: e.tile, "data-top": !0 }),
+    /* @__PURE__ */ t("div", { className: e.tile, "data-left": !0 }),
+    /* @__PURE__ */ t("div", { className: e.tile, "data-right": !0 }),
+    /* @__PURE__ */ t("div", { className: e.tile, "data-bottom": !0 })
+  ] }) });
+});
+export {
+  S as Shroud
+};

package/dist/components/Spacer/Spacer.d.ts

@@ -0,0 +1,5 @@
+export interface SpacerProps {
+    size?: 'none' | 'thin' | 'small' | 'normal' | 'large' | 'xlarge';
+    vertical?: boolean;
+}
+export declare function Spacer(props: SpacerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacer/Spacer.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import { clsx as l } from "../../utils/clsx.js";
+import '../../assets/Spacer.css';const a = "_root_19yue_1", t = "_horizontal_19yue_1", e = {
+  root: a,
+  horizontal: t,
+  "size-none": "_size-none_19yue_4",
+  "size-thin": "_size-thin_19yue_7",
+  "size-xsmall": "_size-xsmall_19yue_10",
+  "size-small": "_size-small_19yue_13",
+  "size-normal": "_size-normal_19yue_16",
+  "size-large": "_size-large_19yue_19",
+  "size-xlarge": "_size-xlarge_19yue_22"
+};
+function m(s) {
+  const {
+    size: i = "normal",
+    vertical: o = !1
+  } = s, _ = l(e.root, e[`size-${i}`], {
+    [e.horizontal]: !o,
+    [e.vertical]: o
+  });
+  return /* @__PURE__ */ r("div", { className: _ });
+}
+export {
+  m as Spacer
+};

package/dist/components/Style/Style.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export declare function useContextualStyle(): React.CSSProperties;
+export type StyleProps = React.CSSProperties & {
+    children: React.ReactNode;
+};
+export declare function Style(props: StyleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Style {
+    var Reset: ({ children, }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/Style/Style.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+const e = r.createContext({});
+function a() {
+  return r.useContext(e);
+}
+function l(n) {
+  const {
+    children: t,
+    ...u
+  } = n;
+  return /* @__PURE__ */ o(e.Provider, { value: u, children: t });
+}
+const c = {};
+l.Reset = function({
+  children: t
+}) {
+  return /* @__PURE__ */ o(e.Provider, { value: c, children: t });
+};
+export {
+  l as Style,
+  a as useContextualStyle
+};

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+export interface SwitchOption {
+    value: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    description?: string;
+}
+export interface SwitchProps {
+    value: string;
+    options: SwitchOption[];
+    onChange: <T extends string>(value: T) => void;
+    className?: string;
+    disabled?: boolean;
+    multiline?: boolean;
+}
+export declare const Switch: React.NamedExoticComponent<SwitchProps>;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,65 @@
+import { jsxs as r, jsx as p } from "react/jsx-runtime";
+import d from "react";
+import { clsx as _ } from "../../utils/clsx.js";
+import { Interactive as S } from "../Interactive/Interactive.js";
+import '../../assets/Switch.css';const g = "_root_11dd4_1", j = "_disabled_11dd4_7", k = "_descripted_11dd4_11", w = "_multiline_11dd4_14", E = "_options_11dd4_18", L = "_option_11dd4_18", O = "_description_11dd4_25", I = "_active_11dd4_73", e = {
+  root: g,
+  disabled: j,
+  descripted: k,
+  multiline: w,
+  options: E,
+  option: L,
+  description: O,
+  active: I
+}, m = (l, i) => {
+  var o;
+  return ((o = i.find((t) => t.value === l)) == null ? void 0 : o.description) || "";
+}, A = d.memo(function(i) {
+  const {
+    value: o,
+    options: t,
+    onChange: a,
+    className: u = "",
+    disabled: v = !1,
+    multiline: f = !1
+  } = i, [n, c] = d.useState(m(o, t)), h = d.useMemo(
+    () => t.map((s, b) => {
+      const C = () => {
+        a(s.value);
+      }, M = () => {
+        c(s.description || "");
+      }, x = () => {
+        c(m(o, t));
+      }, D = _(e.option, {
+        [e.active]: s.value === o
+      });
+      return /* @__PURE__ */ r(
+        S,
+        {
+          className: D,
+          tabIndex: b,
+          onClick: C,
+          onMouseEnter: M,
+          onMouseLeave: x,
+          children: [
+            s.icon || null,
+            s.label
+          ]
+        },
+        s.value
+      );
+    }),
+    [o, t, a, c]
+  ), N = _(e.root, u, {
+    [e.disabled]: v,
+    [e.descripted]: n,
+    [e.multiline]: f
+  });
+  return /* @__PURE__ */ r("div", { className: N, children: [
+    /* @__PURE__ */ p("div", { className: e.options, children: h }),
+    n && /* @__PURE__ */ p("div", { className: e.description, children: n })
+  ] });
+});
+export {
+  A as Switch
+};

package/dist/components/Symbols.d.ts

@@ -0,0 +1,5 @@
+export declare namespace Symbols {
+    const htmlDot = "\u00B7";
+    const longDash = "\u2014";
+    const nbsp = " ";
+}

package/dist/components/Symbols.js

@@ -0,0 +1,7 @@
+var a;
+((t) => {
+  t.htmlDot = "·", t.longDash = "—", t.nbsp = " ";
+})(a || (a = {}));
+export {
+  a as Symbols
+};

package/dist/components/Tabular/Tabular.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+
+export interface TabularItem {
+    id: string;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TabularProps {
+    items: TabularItem[];
+    activeItem: string;
+    onActivate(id: string): void;
+}
+export declare function Tabular(props: TabularProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabular {
+    var Root: (props: TabularRootProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: React.ForwardRefExoticComponent<Pick<TabularItem, "label" | "disabled" | "icon"> & {
+        active?: boolean | undefined;
+        onClick?(): void;
+    } & React.RefAttributes<HTMLDivElement>>;
+}
+export type TabularRootProps = {
+    size?: 'normal' | 'large';
+    children?: React.ReactNode;
+    className?: string;
+};
+export type TabularItemProps = Pick<TabularItem, 'icon' | 'label' | 'disabled'> & {
+    active?: boolean;
+    onClick?(): void;
+};

package/dist/components/Tabular/Tabular.js

@@ -0,0 +1,64 @@
+import { jsxs as _, jsx as c, Fragment as b } from "react/jsx-runtime";
+import f from "react";
+import { Interactive as u } from "../Interactive/Interactive.js";
+import { clsx as d } from "../../utils/clsx.js";
+import '../../assets/Tabular.css';const w = "_root_6vp2w_1", N = "_item_6vp2w_6", h = "_content_6vp2w_7", I = "_iconOnly_6vp2w_25", R = "_icon_6vp2w_25", x = "_label_6vp2w_41", y = "_decorator_6vp2w_47", z = "_active_6vp2w_63", o = {
+  root: w,
+  "size-large": "_size-large_6vp2w_6",
+  item: N,
+  content: h,
+  iconOnly: I,
+  icon: R,
+  label: x,
+  decorator: y,
+  active: z
+};
+function s(l) {
+  const {
+    items: a,
+    activeItem: i,
+    onActivate: n
+  } = l, e = a.map((t) => /* @__PURE__ */ c(
+    s.Item,
+    {
+      icon: t.icon,
+      label: t.label,
+      active: t.id === i,
+      onClick: () => n(t.id)
+    },
+    t.id
+  ));
+  return /* @__PURE__ */ c(s.Root, { children: e });
+}
+s.Root = function(a) {
+  const {
+    children: i,
+    size: n = "normal",
+    className: e
+  } = a, t = d(o.root, o[`size-${n}`], e);
+  return /* @__PURE__ */ c("div", { className: t, children: i });
+};
+s.Item = f.forwardRef(function(a, i) {
+  const {
+    icon: n,
+    label: e,
+    onClick: t,
+    active: m = !1,
+    disabled: v = !1
+  } = a, p = d(o.item, {
+    [o.active]: m,
+    [o.disabled]: v,
+    [o.iconOnly]: !e
+  }), r = /* @__PURE__ */ _(b, { children: [
+    !!n && /* @__PURE__ */ c("div", { className: o.icon, children: n }),
+    !!e && /* @__PURE__ */ c("div", { className: o.label, children: e })
+  ] });
+  return /* @__PURE__ */ _(u, { ref: i, onClick: t, className: p, children: [
+    r,
+    /* @__PURE__ */ c("div", { className: o.content, children: r }),
+    /* @__PURE__ */ c("div", { className: o.decorator })
+  ] });
+});
+export {
+  s as Tabular
+};

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TextOpacity, TextProps } from './Text.types';
+
+export declare const TEXT_OPACITY_MAP: Record<TextOpacity, number | string>;
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+export declare const TextBlock: React.ForwardRefExoticComponent<(TextProps & {
+    asDiv?: undefined;
+}) & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Text/Text.js

@@ -0,0 +1,61 @@
+import { jsx as f } from "react/jsx-runtime";
+import p from "react";
+import { ui as g } from "../ui.js";
+import { clsx as h } from "../../utils/clsx.js";
+import '../../assets/Text.css';const $ = "_root_lfxjz_1", k = "_centered_lfxjz_1", z = "_truncated_lfxjz_4", b = "_typographic_lfxjz_12", j = "_block_lfxjz_23", r = {
+  root: $,
+  centered: k,
+  truncated: z,
+  typographic: b,
+  block: j
+}, i = {
+  0: 0,
+  25: "var(--text-opacity-25)",
+  50: "var(--text-opacity-50)",
+  75: "var(--text-opacity-75)",
+  100: 1
+};
+function C(o) {
+  if ("colorToken" in o)
+    return `var(--color-${o.colorToken})`;
+  const {
+    color: t = "main",
+    opacity: e = 1
+  } = o, c = t === "main" ? "950" : "pure", a = c === "pure" ? `--color-${t}` : `--color-${t}-${c}`, n = i[e] || i[100];
+  return `rgba(var(${a}), ${n})`;
+}
+const w = p.forwardRef(function(t, e) {
+  const {
+    family: c = "primary",
+    size: a = "normal",
+    weight: n = "normal",
+    asDiv: l = !1,
+    centered: m = !1,
+    truncated: u = !1,
+    typographic: _ = !1,
+    uppercase: x = !1,
+    userSelectable: d = !1,
+    children: y,
+    className: v
+  } = t, T = h(r.root, v, {
+    [r.block]: l,
+    [r.centered]: m,
+    [r.truncated]: u,
+    [r.typographic]: _,
+    [g.cls.userSelectableText]: d
+  }), s = {
+    color: C(t),
+    fontFamily: `var(--font-family-${c})`,
+    fontSize: `var(--font-size-${a})`,
+    fontWeight: `var(--font-weight-${n})`
+  };
+  return x && (s.textTransform = "uppercase"), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  /* @__PURE__ */ f(l ? "div" : "span", { ref: e, dir: "auto", className: T, style: s, children: y });
+}), D = p.forwardRef(function(t, e) {
+  return /* @__PURE__ */ f(w, { ref: e, ...t, asDiv: !0 });
+});
+export {
+  i as TEXT_OPACITY_MAP,
+  w as Text,
+  D as TextBlock
+};

package/dist/components/Text/Text.types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export type TextColor = 'inherit' | 'main' | 'primary' | 'teal' | 'success' | 'warning' | 'error';
+export type TextSize = 'xsmall' | 'small' | 'normal' | 'large' | 'xlarge' | 'xxlarge';
+export type TextWeight = 'thin' | 'normal' | 'bold' | 'bolder';
+export type TextOpacity = '0' | '25' | '50' | '75' | '100';
+interface TextPropsBase {
+    asDiv?: boolean;
+    centered?: boolean;
+    truncated?: boolean;
+    /**
+     * If it'll be a multiline text, use this to add extra spacing between lines
+     */
+    typographic?: boolean;
+    /**
+     * Allow users to select text
+     */
+    userSelectable?: boolean;
+    uppercase?: boolean;
+    size?: TextSize;
+    weight?: TextWeight;
+    family?: 'primary' | 'secondary' | 'monospace';
+    children?: React.ReactNode;
+    className?: string;
+}
+interface TextPropsFullControl extends TextPropsBase {
+    color?: TextColor;
+    opacity?: TextOpacity;
+}
+interface TextPropsColorToken extends TextPropsBase {
+    colorToken: string;
+}
+export type TextProps = TextPropsFullControl | TextPropsColorToken;
+export {};

package/dist/components/Text/Text.types.js

@@ -0,0 +1 @@
+

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface TextareaProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: React.ReactNode;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    autofocus?: boolean;
+    className?: string;
+    backdropBlur?: boolean;
+}
+export declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,57 @@
+import { jsx as t, jsxs as z } from "react/jsx-runtime";
+import _ from "react";
+import { clsx as p } from "../../utils/clsx.js";
+import '../../assets/Textarea.css';const k = "_root_1gmfx_1", v = "_small_1gmfx_7", C = "_large_1gmfx_11", N = "_error_1gmfx_15", w = "_disabled_1gmfx_19", e = {
+  root: k,
+  "full-width": "_full-width_1gmfx_4",
+  small: v,
+  large: C,
+  error: N,
+  disabled: w,
+  "resize-none": "_resize-none_1gmfx_57",
+  "resize-vertical": "_resize-vertical_1gmfx_60",
+  "resize-horizontal": "_resize-horizontal_1gmfx_63",
+  "resize-both": "_resize-both_1gmfx_66",
+  "backdrop-blur": "_backdrop-blur_1gmfx_83"
+};
+function B(n) {
+  const {
+    value: c,
+    onChange: r,
+    label: o,
+    placeholder: i,
+    rows: d,
+    resize: m = "none",
+    disabled: a = !1,
+    autofocus: f,
+    className: g,
+    backdropBlur: x = !1
+  } = n, b = _.useCallback(
+    (h) => {
+      r(h.target.value);
+    },
+    [r]
+  ), l = _.useId(), s = /* @__PURE__ */ t(
+    "textarea",
+    {
+      autoFocus: f,
+      id: l,
+      className: e[`resize-${m}`],
+      rows: d,
+      value: c,
+      disabled: a,
+      onChange: b,
+      placeholder: i
+    }
+  ), u = p(e.root, g, {
+    [e.disabled]: a,
+    [e["backdrop-blur"]]: x
+  });
+  return /* @__PURE__ */ t("div", { className: u, children: o ? /* @__PURE__ */ z("label", { htmlFor: l, children: [
+    o,
+    s
+  ] }) : s });
+}
+export {
+  B as Textarea
+};

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+type FixedOn = 'top' | 'top-left' | 'right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left';
+type TitleChildren = ((ref: React.RefObject<any>) => React.ReactNode) | React.ReactElement;
+export interface TitleProps {
+    title?: React.ReactNode;
+    delay?: number;
+    animated?: boolean;
+    fixedOn?: FixedOn;
+    children: TitleChildren;
+}
+export declare function Title(props: TitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Title/Title.js

@@ -0,0 +1,113 @@
+import { jsxs as w, Fragment as L, jsx as _ } from "react/jsx-runtime";
+import l from "react";
+import { T as k } from "../../outlets-BsMV5obW.js";
+import { clsx as y } from "../../utils/clsx.js";
+import C from "../../utils/mergeRefs.js";
+import '../../assets/Title.css';const O = "_wrapper_1l1sn_1", R = "_appearance_1l1sn_1", T = "_animated_1l1sn_26", $ = "_root_1l1sn_71", M = "_shortcut_1l1sn_84", d = {
+  wrapper: O,
+  appearance: R,
+  animated: T,
+  "fixed-on-top": "_fixed-on-top_1l1sn_29",
+  "fixed-on-top-left": "_fixed-on-top-left_1l1sn_35",
+  "fixed-on-bottom": "_fixed-on-bottom_1l1sn_41",
+  "fixed-on-bottom-left": "_fixed-on-bottom-left_1l1sn_47",
+  "fixed-on-bottom-right": "_fixed-on-bottom-right_1l1sn_53",
+  "fixed-on-left": "_fixed-on-left_1l1sn_59",
+  "fixed-on-right": "_fixed-on-right_1l1sn_65",
+  root: $,
+  shortcut: M
+}, c = 10;
+function N(i, a, [t, o]) {
+  const r = i ? o : o - 20, s = i ? t : t + 16;
+  return {
+    // Prefer top and left for element to snap to the pixel grid
+    // as when using transform it will become blurry in most of the cases as top and left values are floats
+    top: `${r}px`,
+    left: `${s}px`,
+    // transform: `translate(${left}px, ${top}px)`,
+    maxWidth: `calc(100vw - ${s}px - 10px)`,
+    animationDelay: `${a}ms`
+  };
+}
+function S(i, a) {
+  const {
+    x: t,
+    y: o,
+    width: r,
+    height: s
+  } = i.getBoundingClientRect();
+  let n = 0, e = 0;
+  switch (a) {
+    case "top": {
+      n = t + r / 2, e = o - c;
+      break;
+    }
+    case "top-left": {
+      n = t, e = o - c;
+      break;
+    }
+    case "bottom": {
+      n = t + r / 2, e = o + s + c;
+      break;
+    }
+    case "bottom-left": {
+      n = t, e = o + s + c;
+      break;
+    }
+    case "bottom-right": {
+      n = t + r, e = o + s + c;
+      break;
+    }
+    case "left": {
+      n = t - c, e = o + s / 2;
+      break;
+    }
+    case "right": {
+      n = t + r + c, e = o + s / 2;
+      break;
+    }
+  }
+  return [n, e];
+}
+function B(i) {
+  const {
+    title: a,
+    children: t,
+    animated: o = !0,
+    fixedOn: r = "bottom",
+    delay: s = 0
+  } = i, n = l.useRef(r);
+  n.current = r;
+  const e = l.useRef(null), [b, p] = l.useState(!1), [g, m] = l.useState([0, 0]);
+  l.useEffect(() => {
+    if (!e.current)
+      return;
+    const u = (f) => {
+      n.current && e.current ? m(S(e.current, n.current)) : m([f.clientX, f.clientY]), p(!0);
+    }, h = () => {
+      p(!1);
+    }, v = (f) => {
+      n.current || m([f.clientX, f.clientY]);
+    };
+    return e.current.addEventListener("mouseenter", u), e.current.addEventListener("mouseleave", h), e.current.addEventListener("mousemove", v), () => {
+      e.current && (e.current.removeEventListener("mouseenter", u), e.current.removeEventListener("mouseleave", h), e.current.removeEventListener("mousemove", v));
+    };
+  }, []);
+  let x = null;
+  if (b && a) {
+    const u = y(d.wrapper, d[`fixed-on-${r}`], {
+      [d.animated]: o
+    });
+    x = /* @__PURE__ */ _(k, { children: /* @__PURE__ */ _("div", { className: u, style: N(!!r, s, g), children: /* @__PURE__ */ _("div", { className: d.root, children: a }) }) });
+  }
+  const E = typeof t == "function" ? t(e) : l.cloneElement(t, {
+    ref: C(e, t.props.ref)
+  });
+  return /* @__PURE__ */ w(L, { children: [
+    E,
+    x
+  ] });
+}
+export {
+  B as Title
+};

package/dist/components/outlets.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const PreTitleOutlet: import('react').FC<{
+    children?: import('react').ReactNode;
+}>;
+export declare const TitleOutlet: import('react').FC<{
+    children?: import('react').ReactNode;
+}>;
+export declare const AfterTitleOutlet: import('react').FC<{
+    children?: import('react').ReactNode;
+}>;