@cfx-dev/ui-components 0.0.5

package/dist/components/Popover/Popover.js

@@ -0,0 +1,40 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import u from "react";
+import { Interactive as h } from "../Interactive/Interactive.js";
+import { clsx as t } from "../../utils/clsx.js";
+import '../../assets/Popover.css';const x = "_root_14ed3_1", N = "_active_14ed3_4", M = "_popover_14ed3_4", g = "_appearance_14ed3_1", o = {
+  root: x,
+  active: N,
+  popover: M,
+  appearance: g,
+  "pos-top-right": "_pos-top-right_14ed3_37"
+}, R = u.forwardRef(function(r, s) {
+  const {
+    at: c,
+    popover: p,
+    children: a,
+    active: n = !1,
+    onMouseEnter: i,
+    onMouseLeave: v,
+    onMouseDown: _
+  } = r, e = n, m = t(o.root, {
+    [o.active]: e
+  }), d = t(o.popover, o[`pos-${c}`]);
+  return /* @__PURE__ */ f(
+    h,
+    {
+      ref: s,
+      className: m,
+      onMouseEnter: i,
+      onMouseLeave: v,
+      onMouseDown: _,
+      children: [
+        a(e),
+        e && /* @__PURE__ */ l("div", { className: d, children: p })
+      ]
+    }
+  );
+});
+export {
+  R as Popover
+};

package/dist/components/PremiumBadge/PremiumBadge.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface BadgeItem {
+    emoji: string;
+    imgSrc: string;
+    title: string;
+}
+declare const map: Record<string, BadgeItem>;
+export type PremiumBadgeLevel = keyof typeof map | string;
+export interface PremiumBadgeProps {
+    level: PremiumBadgeLevel;
+    className?: string;
+}
+export declare const PremiumBadge: React.ForwardRefExoticComponent<PremiumBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/PremiumBadge/PremiumBadge.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { Title as m } from "../Title/Title.js";
+import { clsx as s } from "../../utils/clsx.js";
+import '../../assets/PremiumBadge.css';const g = "_root_137v5_1", c = {
+  root: g
+}, t = {
+  ag: {
+    // https://github.com/microsoft/fluentui-emoji/tree/main/assets/Optical%20disk
+    emoji: "💿",
+    imgSrc: new URL("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(0%200%201px%20rgba(0,0,0,.75))'%3e%3cpath%20d='M16%2030C23.732%2030%2030%2023.732%2030%2016C30%208.26801%2023.732%202%2016%202C8.26801%202%202%208.26801%202%2016C2%2023.732%208.26801%2030%2016%2030ZM16%2020C13.7909%2020%2012%2018.2091%2012%2016C12%2013.7909%2013.7909%2012%2016%2012C18.2091%2012%2020%2013.7909%2020%2016C20%2018.2091%2018.2091%2020%2016%2020Z'%20fill='%23B4ACBC'/%3e%3cpath%20d='M19.5354%2012.4645C18.6305%2011.5596%2017.3805%2011%2015.9998%2011C15.0969%2011%2014.2499%2011.2393%2013.5187%2011.658L10.2924%206.01207C9.88168%205.29326%2010.1284%204.36866%2010.8895%204.04295C12.4581%203.37164%2014.1856%203%2015.9998%203C19.0504%203%2021.8555%204.05073%2024.0731%205.81002C24.7221%206.3249%2024.7173%207.28249%2024.1315%207.86827L19.5354%2012.4645ZM12.4643%2019.5355C13.3691%2020.4404%2014.6191%2021%2015.9998%2021C16.9028%2021%2017.7498%2020.7607%2018.481%2020.3419L21.7072%2025.9879C22.118%2026.7067%2021.8713%2027.6313%2021.1102%2027.9571C19.5415%2028.6284%2017.8141%2029%2015.9998%2029C12.9493%2029%2010.1441%2027.9493%207.92657%2026.19C7.27758%2025.6751%207.28233%2024.7175%207.86812%2024.1317L12.4643%2019.5355Z'%20fill='%23F3EEF8'/%3e%3c/svg%3e", import.meta.url).toString(),
+    title: "Element Club Argentum"
+  },
+  au: {
+    // https://github.com/microsoft/fluentui-emoji/tree/main/assets/Dvd
+    emoji: "📀",
+    imgSrc: new URL("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(0%200%201px%20rgba(0,0,0,.75))'%3e%3cpath%20d='M16%2030C23.732%2030%2030%2023.732%2030%2016C30%208.26801%2023.732%202%2016%202C8.26801%202%202%208.26801%202%2016C2%2023.732%208.26801%2030%2016%2030ZM16%2020C13.7909%2020%2012%2018.2091%2012%2016C12%2013.7909%2013.7909%2012%2016%2012C18.2091%2012%2020%2013.7909%2020%2016C20%2018.2091%2018.2091%2020%2016%2020Z'%20fill='%23FFB02E'/%3e%3cpath%20d='M15.9999%2012C15.2776%2012%2014.6%2012.1915%2014.015%2012.5264L10.2926%206.01207C9.88181%205.29326%2010.1285%204.36866%2010.8896%204.04295C12.4583%203.37164%2014.1857%203%2015.9999%203C19.0505%203%2021.8556%204.05073%2024.0732%205.81002C24.7222%206.3249%2024.7175%207.28249%2024.1317%207.86827L18.8284%2013.1716C18.1045%2012.4477%2017.1045%2012%2015.9999%2012ZM21.1103%2027.9571C21.8714%2027.6313%2022.1181%2026.7067%2021.7074%2025.9879L17.9849%2019.4736C17.3999%2019.8085%2016.7223%2020%2016%2020C14.8954%2020%2013.8954%2019.5523%2013.1715%2018.8284L7.86824%2024.1317C7.28245%2024.7175%207.2777%2025.6751%207.92669%2026.19C10.1443%2027.9493%2012.9494%2029%2016%2029C17.8142%2029%2019.5417%2028.6284%2021.1103%2027.9571Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M16%2021C18.7614%2021%2021%2018.7614%2021%2016C21%2013.2386%2018.7614%2011%2016%2011C13.2386%2011%2011%2013.2386%2011%2016C11%2018.7614%2013.2386%2021%2016%2021ZM16%2019C14.3431%2019%2013%2017.6569%2013%2016C13%2014.3431%2014.3431%2013%2016%2013C17.6569%2013%2019%2014.3431%2019%2016C19%2017.6569%2017.6569%2019%2016%2019Z'%20fill='%23FF822D'/%3e%3c/svg%3e", import.meta.url).toString(),
+    title: "Element Club Aurum"
+  },
+  pt: {
+    // https://github.com/microsoft/fluentui-emoji/tree/main/assets/Glowing%20star
+    emoji: "🌟",
+    imgSrc: new URL("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(0%200%201px%20rgba(0,0,0,.75))'%3e%3cpath%20d='M28.9788%2017.0028L25.8711%2017.2166C25.0368%2017.2777%2024.6927%2018.2958%2025.3288%2018.8252L27.7169%2020.78C28.2384%2021.2076%2029.0309%2020.9836%2029.2395%2020.3524L29.9486%2018.2246C30.1676%2017.5933%2029.6566%2016.9519%2028.9788%2017.0028Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M21.7494%202.69148L21.0294%205.59149C20.8294%206.37149%2021.6894%207.00148%2022.3694%206.57148L24.9094%204.99149C25.4594%204.65149%2025.4894%203.85148%2024.9594%203.47148L23.1794%202.18148C22.6494%201.79148%2021.9094%202.06148%2021.7494%202.69148Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M6.43056%204.99468L8.96056%206.57468C9.64056%207.00468%2010.5005%206.38468%2010.3105%205.59468L9.59056%202.69467C9.43056%202.06467%208.69055%201.79468%208.16055%202.17468L6.38055%203.46468C5.85055%203.86468%205.88056%204.65468%206.43056%204.99468Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M4.18524%2020.7128L6.47524%2018.7928C7.09524%2018.2728%206.76524%2017.2628%205.96524%2017.2128L2.98524%2017.0028C2.33524%2016.9528%201.84524%2017.5828%202.04524%2018.2028L2.72524%2020.2928C2.92524%2020.9128%203.69524%2021.1328%204.18524%2020.7128Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M17.7952%2028.0047L16.6752%2025.2347C16.3752%2024.4847%2015.3152%2024.4847%2015.0152%2025.2347L13.8952%2028.0047C13.6552%2028.6047%2014.0952%2029.2647%2014.7452%2029.2647H16.9452C17.5952%2029.2547%2018.0352%2028.6047%2017.7952%2028.0047Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M17.5645%203.3242L19.2913%207.04387C19.617%207.73821%2020.2584%208.22424%2021.0083%208.33335L25.0639%208.95825C26.8993%209.23599%2027.6393%2011.4876%2026.3565%2012.8168L23.268%2016.0008C22.7647%2016.5166%2022.5378%2017.2506%2022.6562%2017.9648L23.3667%2022.3391C23.6726%2024.2238%2021.6793%2025.6323%2020.0117%2024.7098L16.6074%2022.8153C15.9166%2022.4284%2015.0878%2022.4284%2014.397%2022.8153L10.9927%2024.7098C9.32509%2025.6323%207.33183%2024.2238%207.63773%2022.3391L8.34819%2017.9648C8.4666%2017.2506%208.23965%2016.5166%207.7364%2016.0008L4.64785%2012.8168C3.35519%2011.4777%204.10513%209.23599%205.9405%208.95825L9.99608%208.33335C10.746%208.21432%2011.3874%207.72829%2011.713%207.04387L13.4399%203.3242C14.2589%201.5586%2016.7455%201.5586%2017.5645%203.3242Z'%20fill='%23FCD53F'/%3e%3c/svg%3e", import.meta.url).toString(),
+    title: "Element Club Platinum"
+  }
+}, f = a.forwardRef(function(l, i) {
+  const {
+    level: C,
+    className: r
+  } = l;
+  if (!t[C])
+    return null;
+  const o = s(c.root, r);
+  return /* @__PURE__ */ e("div", { ref: i, className: o, children: /* @__PURE__ */ e(m, { title: t[C].title, children: /* @__PURE__ */ e("img", { src: t[C].imgSrc, alt: t[C].title }) }) });
+});
+export {
+  f as PremiumBadge
+};

package/dist/components/Prose/Prose.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+export interface ProseProps {
+    children?: React.ReactNode;
+}
+export declare function Prose({ children, }: ProseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Prose/Prose.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/Prose.css';const r = "_root_17gjt_1", s = {
+  root: r
+};
+function c({
+  children: o
+}) {
+  return /* @__PURE__ */ t("div", { className: s.root, children: o });
+}
+export {
+  c as Prose
+};

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export type RadioSize = 'normal' | 'large';
+export interface RadioProps {
+    checked: boolean;
+    onChange: (value: boolean) => void;
+    label: React.ReactNode;
+    size?: RadioSize;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Radio/Radio.js

@@ -0,0 +1,45 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import s from "react";
+import { clsx as h } from "../../utils/clsx.js";
+import '../../assets/Radio.css';const u = "_root_1wr8g_1", p = "_indicator_1wr8g_32", w = "_disabled_1wr8g_50", e = {
+  root: u,
+  "size-normal": "_size-normal_1wr8g_22",
+  "size-large": "_size-large_1wr8g_25",
+  indicator: p,
+  disabled: w
+};
+let n = 1;
+function C(i) {
+  const {
+    checked: a,
+    onChange: l,
+    label: d,
+    size: c = "normal",
+    className: _,
+    disabled: t = !1
+  } = i, m = s.useRef(n);
+  s.useEffect(() => {
+    n += 1;
+  }, []);
+  const b = () => {
+    l(!a);
+  }, r = s.useId(), f = h(e.root, _, e[`size-${c}`], { [e.disabled]: t });
+  return /* @__PURE__ */ g("label", { className: f, htmlFor: r, children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        type: "radio",
+        tabIndex: m.current,
+        checked: a,
+        disabled: t,
+        onChange: b,
+        id: r
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: e.indicator }),
+    /* @__PURE__ */ o("div", { className: e.label, children: d })
+  ] });
+}
+export {
+  C as Radio
+};

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface SelectOption<T> {
+    value: T;
+    label: React.ReactNode;
+}
+export interface SelectProps<T = string> {
+    options: SelectOption<T>[];
+    value: T;
+    onChange: (value: string) => void;
+    className?: string;
+    disabled?: boolean;
+    size?: 'normal' | 'small';
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps<string> & React.RefAttributes<unknown>>;
+export declare const Select2: <T extends string | number>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;