@coinloger/dev-ui 0.0.5 → 0.0.7

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: React.ReactNode;
-    error?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    variant?: 'primary' | 'success' | 'warning' | 'danger';
-}
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +0,0 @@
-export default function RadioDemo(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,19 +0,0 @@
-
-export interface SelectOption {
-    value: string | number;
-    label: string;
-}
-export interface SelectProps {
-    options: SelectOption[];
-    value?: string | number;
-    onChange?: (value: string | number) => void;
-    placeholder?: string;
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    className?: string;
-}
-export declare const Select: ({ options, value, onChange, placeholder, label, error, helperText, disabled, fullWidth, size, className, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export default function SelectDemo(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: React.ReactNode;
-    error?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    variant?: 'primary' | 'success' | 'warning' | 'danger';
-}
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +0,0 @@
-export default function SwitchDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-
-interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    bordered?: boolean;
-    striped?: boolean;
-    hover?: boolean;
-    size?: 'sm' | 'md';
-}
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
-export {};

package/dist/components/Table/Table.demo.d.ts

@@ -1 +0,0 @@
-export default function TableDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,26 +0,0 @@
-import { default as React } from 'react';
-
-export interface TabsProps {
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    children: React.ReactNode;
-    className?: string;
-}
-export interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    variant?: 'line' | 'pills';
-}
-export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
-    children: React.ReactNode;
-}
-export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    value: string;
-    children: React.ReactNode;
-}
-export declare const Tabs: (({ defaultValue, value, onValueChange, children, className }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
-    List: ({ className, children, variant, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ value, className, children, onClick, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ value, className, children, ...props }: TabsContentProps) => import("react/jsx-runtime").JSX.Element | null;
-};

package/dist/components/Tabs/Tabs.demo.d.ts

@@ -1 +0,0 @@
-export default function TabsDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Heading.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-
-export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    truncate?: boolean;
-    lines?: number;
-}
-export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-
-export interface TextProps extends React.HTMLAttributes<HTMLElement> {
-    variant?: 'body' | 'small' | 'caption' | 'lead';
-    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
-    muted?: boolean;
-    truncate?: boolean;
-    lines?: number;
-    as?: React.ElementType;
-}
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;

package/dist/components/Typography/Typography.demo.d.ts

@@ -1 +0,0 @@
-export default function TypographyDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -1,488 +0,0 @@
-import { jsx as a, jsxs as b, Fragment as A } from "react/jsx-runtime";
-import y, { createContext as $, useRef as C, useEffect as v, useContext as w, useState as I, forwardRef as g, useId as _, useMemo as F } from "react";
-import { createPortal as P } from "react-dom";
-function T(e) {
-  var t, i, s = "";
-  if (typeof e == "string" || typeof e == "number") s += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var r = e.length;
-    for (t = 0; t < r; t++) e[t] && (i = T(e[t])) && (s && (s += " "), s += i);
-  } else for (i in e) e[i] && (s && (s += " "), s += i);
-  return s;
-}
-function l() {
-  for (var e, t, i = 0, s = "", r = arguments.length; i < r; i++) (e = arguments[i]) && (t = T(e)) && (s && (s += " "), s += t);
-  return s;
-}
-const H = y.forwardRef(
-  ({ className: e, variant: t = "primary", size: i = "md", ...s }, r) => {
-    const n = l(
-      "ui-btn",
-      `ui-btn-${t}`,
-      `ui-btn-${i}`,
-      e
-    );
-    return /* @__PURE__ */ a("button", { ref: r, className: n, ...s });
-  }
-);
-H.displayName = "Button";
-const O = y.forwardRef(
-  ({ className: e, label: t, error: i, helperText: s, fullWidth: r, size: n = "md", id: o, ...c }, u) => {
-    const d = o || y.useId();
-    return /* @__PURE__ */ b("div", { className: l("ui-input-wrapper", r && "ui-input-wrapper-full"), children: [
-      t && /* @__PURE__ */ a("label", { htmlFor: d, className: "ui-label", children: t }),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          ref: u,
-          id: d,
-          className: l(
-            "ui-input",
-            `ui-input-${n}`,
-            i && "ui-input-error",
-            e
-          ),
-          ...c
-        }
-      ),
-      s && /* @__PURE__ */ a("span", { className: l("ui-helper-text", i && "ui-helper-text-error"), children: s })
-    ] });
-  }
-);
-O.displayName = "Input";
-const V = y.forwardRef(
-  ({ className: e, title: t, footer: i, children: s, ...r }, n) => /* @__PURE__ */ b("div", { ref: n, className: l("ui-card", e), ...r, children: [
-    t && /* @__PURE__ */ a("div", { className: "ui-card__header", children: t }),
-    /* @__PURE__ */ a("div", { className: "ui-card__body", children: s }),
-    i && /* @__PURE__ */ a("div", { className: "ui-card__footer", children: i })
-  ] })
-);
-V.displayName = "Card";
-const E = $(void 0), K = () => {
-  const e = w(E);
-  if (!e)
-    throw new Error("Modal compound components must be used within a Modal");
-  return e;
-}, j = ({ children: e, className: t }) => {
-  const { onClose: i } = K();
-  return /* @__PURE__ */ b("div", { className: l("ui-modal-header", t), children: [
-    /* @__PURE__ */ a("h3", { className: "ui-modal-title", children: e }),
-    /* @__PURE__ */ a(
-      "button",
-      {
-        className: "ui-modal-close",
-        onClick: i,
-        "aria-label": "Close modal",
-        children: /* @__PURE__ */ b("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ a("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-          /* @__PURE__ */ a("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-        ] })
-      }
-    )
-  ] });
-}, L = ({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: l("ui-modal-body", t), children: e }), R = ({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: l("ui-modal-footer", t), children: e }), W = ({
-  isOpen: e,
-  onClose: t,
-  title: i,
-  children: s,
-  footer: r,
-  size: n = "md",
-  className: o,
-  closeOnBackdropClick: c = !0
-}) => {
-  const u = C(null), [d, h] = y.useState(e);
-  v(() => {
-    e && h(!0);
-  }, [e]);
-  const m = () => {
-    e || h(!1);
-  };
-  if (v(() => {
-    const f = (x) => {
-      x.key === "Escape" && t();
-    };
-    return e && (document.addEventListener("keydown", f), document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", f), document.body.style.overflow = "";
-    };
-  }, [e, t]), !d) return null;
-  const N = (f) => {
-    c && f.target === u.current && t();
-  };
-  return P(
-    /* @__PURE__ */ a(E.Provider, { value: { onClose: t }, children: /* @__PURE__ */ a(
-      "div",
-      {
-        className: l("ui-modal-overlay", !e && "ui-modal-closing"),
-        ref: u,
-        onClick: N,
-        onAnimationEnd: m,
-        children: /* @__PURE__ */ a(
-          "div",
-          {
-            className: l(
-              "ui-modal",
-              `ui-modal-${n}`,
-              !e && "ui-modal-closing",
-              o
-            ),
-            role: "dialog",
-            "aria-modal": "true",
-            children: i ? /* @__PURE__ */ b(A, { children: [
-              /* @__PURE__ */ a(j, { children: i }),
-              /* @__PURE__ */ a(L, { children: s }),
-              r && /* @__PURE__ */ a(R, { children: r })
-            ] }) : s
-          }
-        )
-      }
-    ) }),
-    document.body
-  );
-}, ee = Object.assign(W, {
-  Header: j,
-  Body: L,
-  Footer: R
-}), te = ({
-  options: e,
-  value: t,
-  onChange: i,
-  placeholder: s = "Select an option",
-  label: r,
-  error: n,
-  helperText: o,
-  disabled: c,
-  fullWidth: u,
-  size: d = "md",
-  className: h
-}) => {
-  const [m, N] = I(!1), f = C(null), x = e.find((p) => p.value === t), B = () => {
-    c || N(!m);
-  }, M = (p) => {
-    i && i(p), N(!1);
-  };
-  return v(() => {
-    const p = (S) => {
-      f.current && !f.current.contains(S.target) && N(!1);
-    };
-    return m && document.addEventListener("mousedown", p), () => {
-      document.removeEventListener("mousedown", p);
-    };
-  }, [m]), /* @__PURE__ */ b(
-    "div",
-    {
-      className: l("ui-select-wrapper", u && "ui-w-full", h),
-      ref: f,
-      style: { width: u ? "100%" : "auto" },
-      children: [
-        r && /* @__PURE__ */ a("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: r }),
-        /* @__PURE__ */ b(
-          "button",
-          {
-            type: "button",
-            className: l(
-              "ui-select-trigger",
-              `ui-select-${d}`,
-              n && "ui-select-error",
-              c && "ui-select-disabled",
-              m && "ui-select-open"
-            ),
-            onClick: B,
-            disabled: c,
-            "aria-haspopup": "listbox",
-            "aria-expanded": m,
-            children: [
-              /* @__PURE__ */ a("span", { className: l(!x && "ui-select-placeholder"), children: x ? x.label : s }),
-              /* @__PURE__ */ a(
-                "svg",
-                {
-                  className: "ui-select-icon",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-                }
-              )
-            ]
-          }
-        ),
-        m && /* @__PURE__ */ b("ul", { className: "ui-select-menu", role: "listbox", children: [
-          e.map((p) => /* @__PURE__ */ a(
-            "li",
-            {
-              className: l(
-                "ui-select-option",
-                p.value === t && "ui-select-selected"
-              ),
-              onClick: () => M(p.value),
-              role: "option",
-              "aria-selected": p.value === t,
-              children: p.label
-            },
-            p.value
-          )),
-          e.length === 0 && /* @__PURE__ */ a("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
-        ] }),
-        o && /* @__PURE__ */ a("span", { className: l("ui-helper-text", n && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: o })
-      ]
-    }
-  );
-}, se = g(
-  ({ className: e, label: t, error: i, disabled: s, size: r = "md", variant: n = "primary", ...o }, c) => /* @__PURE__ */ b(
-    "label",
-    {
-      className: l(
-        "ui-checkbox-label",
-        `ui-checkbox-${r}`,
-        `ui-checkbox-${n}`,
-        s && "ui-checkbox-disabled",
-        e
-      ),
-      children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            type: "checkbox",
-            className: "ui-checkbox-input",
-            disabled: s,
-            ref: c,
-            ...o
-          }
-        ),
-        /* @__PURE__ */ a("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ a(
-          "svg",
-          {
-            className: "ui-checkbox-icon",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ a("polyline", { points: "20 6 9 17 4 12" })
-          }
-        ) }),
-        t && /* @__PURE__ */ a("span", { className: "ui-checkbox-text", children: t })
-      ]
-    }
-  )
-), ie = g(
-  ({ className: e, label: t, error: i, disabled: s, size: r = "md", variant: n = "primary", ...o }, c) => /* @__PURE__ */ b(
-    "label",
-    {
-      className: l(
-        "ui-radio-label",
-        `ui-radio-${r}`,
-        `ui-radio-${n}`,
-        s && "ui-radio-disabled",
-        e
-      ),
-      children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            type: "radio",
-            className: "ui-radio-input",
-            disabled: s,
-            ref: c,
-            ...o
-          }
-        ),
-        /* @__PURE__ */ a("span", { className: "ui-radio-custom", children: /* @__PURE__ */ a("span", { className: "ui-radio-dot" }) }),
-        t && /* @__PURE__ */ a("span", { className: "ui-radio-text", children: t })
-      ]
-    }
-  )
-), ae = g(
-  ({ className: e, label: t, error: i, disabled: s, size: r = "md", variant: n = "primary", ...o }, c) => /* @__PURE__ */ b(
-    "label",
-    {
-      className: l(
-        "ui-switch-label",
-        `ui-switch-${r}`,
-        `ui-switch-${n}`,
-        s && "ui-switch-disabled",
-        e
-      ),
-      children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            type: "checkbox",
-            className: "ui-switch-input",
-            disabled: s,
-            ref: c,
-            role: "switch",
-            ...o
-          }
-        ),
-        /* @__PURE__ */ a("span", { className: "ui-switch-track", children: /* @__PURE__ */ a("span", { className: "ui-switch-thumb" }) }),
-        t && /* @__PURE__ */ a("span", { className: "ui-switch-text", children: t })
-      ]
-    }
-  )
-), re = g(
-  ({ className: e, children: t, variant: i = "primary", size: s = "md", shape: r = "rounded", ...n }, o) => /* @__PURE__ */ a(
-    "span",
-    {
-      ref: o,
-      className: l(
-        "ui-badge",
-        `ui-badge-${i}`,
-        `ui-badge-${s}`,
-        `ui-badge-${r}`,
-        e
-      ),
-      ...n,
-      children: t
-    }
-  )
-), ne = g(
-  ({ className: e, children: t, level: i = 1, truncate: s, lines: r, style: n, ...o }, c) => {
-    const u = `h${i}`, d = r ? { ...n, "--ui-line-clamp": r } : n;
-    return /* @__PURE__ */ a(
-      u,
-      {
-        ref: c,
-        className: l(
-          "ui-heading",
-          `ui-heading-h${i}`,
-          s && "ui-text-truncate",
-          r && "ui-text-clamp",
-          e
-        ),
-        style: d,
-        ...o,
-        children: t
-      }
-    );
-  }
-), oe = g(
-  ({ className: e, children: t, variant: i = "body", weight: s, muted: r, truncate: n, lines: o, as: c = "p", style: u, ...d }, h) => {
-    const m = o ? { ...u, "--ui-line-clamp": o } : u;
-    return /* @__PURE__ */ a(
-      c,
-      {
-        ref: h,
-        className: l(
-          "ui-text",
-          `ui-text-${i}`,
-          s && `ui-text-weight-${s}`,
-          r && "ui-text-muted",
-          n && "ui-text-truncate",
-          o && "ui-text-clamp",
-          e
-        ),
-        style: m,
-        ...d,
-        children: t
-      }
-    );
-  }
-), k = $(null), q = ({ defaultValue: e, value: t, onValueChange: i, children: s, className: r }) => {
-  const [n, o] = I(e || ""), c = t !== void 0, u = c ? t : n, d = _(), h = (m) => {
-    c || o(m), i == null || i(m);
-  };
-  return /* @__PURE__ */ a(k.Provider, { value: { value: u, onChange: h, baseId: d }, children: /* @__PURE__ */ a("div", { className: l("ui-tabs", r), children: s }) });
-}, z = ({ className: e, children: t, variant: i = "line", ...s }) => /* @__PURE__ */ a(
-  "div",
-  {
-    role: "tablist",
-    className: l("ui-tabs-list", `ui-tabs-list-${i}`, e),
-    ...s,
-    children: t
-  }
-), D = ({ value: e, className: t, children: i, onClick: s, ...r }) => {
-  const n = w(k);
-  if (!n) throw new Error("TabsTrigger must be used within Tabs");
-  const o = n.value === e, c = `${n.baseId}-trigger-${e}`, u = `${n.baseId}-content-${e}`, d = (h) => {
-    n.onChange(e), s == null || s(h);
-  };
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      role: "tab",
-      "aria-selected": o,
-      "aria-controls": u,
-      id: c,
-      tabIndex: o ? 0 : -1,
-      "data-state": o ? "active" : "inactive",
-      className: l("ui-tabs-trigger", t),
-      onClick: d,
-      ...r,
-      children: i
-    }
-  );
-}, G = ({ value: e, className: t, children: i, ...s }) => {
-  const r = w(k);
-  if (!r) throw new Error("TabsContent must be used within Tabs");
-  const n = r.value === e, o = `${r.baseId}-trigger-${e}`, c = `${r.baseId}-content-${e}`;
-  return n ? /* @__PURE__ */ a(
-    "div",
-    {
-      role: "tabpanel",
-      id: c,
-      "aria-labelledby": o,
-      tabIndex: 0,
-      className: l("ui-tabs-content", t),
-      ...s,
-      children: i
-    }
-  ) : null;
-}, ce = Object.assign(q, {
-  List: z,
-  Trigger: D,
-  Content: G
-}), J = y.forwardRef(
-  ({ className: e, bordered: t = !0, striped: i, hover: s, size: r = "md", children: n, ...o }, c) => {
-    const u = [
-      "ui-table",
-      t && "ui-table-bordered",
-      i && "ui-table-striped",
-      s && "ui-table-hover",
-      r === "sm" && "ui-table-sm",
-      e
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a("div", { className: "ui-table-responsive", children: /* @__PURE__ */ a("table", { ref: c, className: u, ...o, children: n }) });
-  }
-);
-J.displayName = "Table";
-function Q(e) {
-  return e && typeof e == "object" && !Array.isArray(e);
-}
-function U(e) {
-  const t = {}, i = (s, r) => {
-    Object.keys(s).forEach((n) => {
-      const o = s[n], c = `${r}-${n}`;
-      Q(o) ? i(o, c) : t[`-${c}`] = o;
-    });
-  };
-  return e.colors && Object.keys(e.colors).forEach((s) => {
-    t[`--ui-${s}`] = e.colors[s];
-  }), e.components && Object.keys(e.components).forEach((s) => {
-    const r = e.components[s];
-    r && i(r, `-ui-${s.toLowerCase()}`);
-  }), e.spacing && i(e.spacing, "-ui-spacing"), e.radius && i(e.radius, "-ui-radius"), e.shadows && i(e.shadows, "-ui-shadow"), e.typography && i(e.typography, "-ui-typography"), t;
-}
-const le = ({ theme: e, children: t }) => {
-  const i = F(() => U(e), [e]);
-  return /* @__PURE__ */ a("div", { style: { display: "contents", ...i }, children: t });
-};
-export {
-  re as Badge,
-  H as Button,
-  V as Card,
-  se as Checkbox,
-  ne as Heading,
-  O as Input,
-  ee as Modal,
-  L as ModalBody,
-  R as ModalFooter,
-  j as ModalHeader,
-  ie as Radio,
-  te as Select,
-  ae as Switch,
-  J as Table,
-  ce as Tabs,
-  oe as Text,
-  le as ThemeProvider
-};

package/dist/theme.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { ThemeConfig } from './types';
-
-export declare const ThemeProvider: ({ theme, children }: {
-    theme: ThemeConfig;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;