@coinloger/dev-ui 0.0.6 → 0.0.8

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

@@ -0,0 +1,29 @@
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+
+/**
+ * Table component properties.
+ */
+interface TableProps {
+    /**
+     * If true, adds borders to table cells.
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * If true, adds alternating background colors to rows.
+     */
+    striped?: boolean;
+    /**
+     * If true, adds a hover effect to rows.
+     */
+    hover?: boolean;
+    /**
+     * The size of the table padding.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
+export {};

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import * as e from "prop-types";
+/* empty css          */
+const r = n(
+  ({ className: s, bordered: a = !0, striped: i, hover: l, size: t = "md", children: m, ...b }, d) => {
+    const p = [
+      "ui-table",
+      a && "ui-table-bordered",
+      i && "ui-table-striped",
+      l && "ui-table-hover",
+      t === "sm" && "ui-table-sm",
+      s
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("div", { className: "ui-table-responsive", children: /* @__PURE__ */ o("table", { ref: d, className: p, ...b, children: m }) });
+  }
+);
+r.displayName = "Table";
+r.propTypes = {
+  bordered: e.bool,
+  striped: e.bool,
+  hover: e.bool,
+  size: e.oneOf(["sm", "md"]),
+  children: e.node,
+  className: e.string
+};
+export {
+  r as Table
+};

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

@@ -0,0 +1,80 @@
+import { ReactNode, MouseEventHandler } from 'react';
+
+import * as PropTypes from 'prop-types';
+/**
+ * Tabs Root properties.
+ */
+export interface TabsProps {
+    /**
+     * The default value of the tab to select initially (uncontrolled mode).
+     */
+    defaultValue?: string;
+    /**
+     * The controlled value of the selected tab.
+     */
+    value?: string;
+    /**
+     * Callback fired when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+    children: ReactNode;
+    className?: string;
+}
+export interface TabsListProps {
+    children: ReactNode;
+    variant?: 'line' | 'pills';
+    className?: string;
+}
+export interface TabsTriggerProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+}
+export interface TabsContentProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+}
+export declare const Tabs: {
+    ({ defaultValue, value, onValueChange, children, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    propTypes: {
+        defaultValue: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+} & {
+    List: {
+        ({ className, children, variant, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            variant: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
+        };
+    };
+    Trigger: {
+        ({ value, className, children, onClick, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        propTypes: {
+            value: PropTypes.Validator<string>;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            disabled: PropTypes.Requireable<boolean>;
+        };
+    };
+    Content: {
+        ({ value, className, children, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+        propTypes: {
+            value: PropTypes.Validator<string>;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+        };
+    };
+};

package/dist/esm/components/Tabs/Tabs.js

@@ -0,0 +1,92 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as N, useState as v, useId as y, useContext as f } from "react";
+import { clsx as d } from "clsx";
+import * as t from "prop-types";
+/* empty css         */
+const p = N(null), m = ({ defaultValue: e, value: n, onValueChange: i, children: r, className: a }) => {
+  const [s, o] = v(e || ""), c = n !== void 0, b = c ? n : s, u = y(), g = (I) => {
+    c || o(I), i?.(I);
+  };
+  return /* @__PURE__ */ l(p.Provider, { value: { value: b, onChange: g, baseId: u }, children: /* @__PURE__ */ l("div", { className: d("ui-tabs", a), children: r }) });
+}, T = ({ className: e, children: n, variant: i = "line", ...r }) => /* @__PURE__ */ l(
+  "div",
+  {
+    role: "tablist",
+    className: d("ui-tabs-list", `ui-tabs-list-${i}`, e),
+    ...r,
+    children: n
+  }
+), h = ({ value: e, className: n, children: i, onClick: r, ...a }) => {
+  const s = f(p);
+  if (!s) throw new Error("TabsTrigger must be used within Tabs");
+  const o = s.value === e, c = `${s.baseId}-trigger-${e}`, b = `${s.baseId}-content-${e}`, u = (g) => {
+    s.onChange(e), r?.(g);
+  };
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": o,
+      "aria-controls": b,
+      id: c,
+      tabIndex: o ? 0 : -1,
+      "data-state": o ? "active" : "inactive",
+      className: d("ui-tabs-trigger", n),
+      onClick: u,
+      ...a,
+      children: i
+    }
+  );
+}, C = ({ value: e, className: n, children: i, ...r }) => {
+  const a = f(p);
+  if (!a) throw new Error("TabsContent must be used within Tabs");
+  const s = a.value === e, o = `${a.baseId}-trigger-${e}`, c = `${a.baseId}-content-${e}`;
+  return s ? /* @__PURE__ */ l(
+    "div",
+    {
+      role: "tabpanel",
+      id: c,
+      "aria-labelledby": o,
+      tabIndex: 0,
+      className: d("ui-tabs-content", n),
+      ...r,
+      children: i
+    }
+  ) : null;
+}, k = Object.assign(m, {
+  List: T,
+  Trigger: h,
+  Content: C
+});
+m.displayName = "Tabs";
+T.displayName = "TabsList";
+h.displayName = "TabsTrigger";
+C.displayName = "TabsContent";
+m.propTypes = {
+  defaultValue: t.string,
+  value: t.string,
+  onValueChange: t.func,
+  children: t.node,
+  className: t.string
+};
+T.propTypes = {
+  children: t.node,
+  variant: t.oneOf(["line", "pills"]),
+  className: t.string
+};
+h.propTypes = {
+  value: t.string.isRequired,
+  children: t.node,
+  className: t.string,
+  onClick: t.func,
+  disabled: t.bool
+};
+C.propTypes = {
+  value: t.string.isRequired,
+  children: t.node,
+  className: t.string
+};
+export {
+  k as Tabs
+};

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

@@ -0,0 +1,25 @@
+import { CSSProperties, ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+
+/**
+ * Heading typography component properties.
+ */
+export interface HeadingProps {
+    /**
+     * The heading level (h1-h6).
+     * @default 1
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * If true, truncates text with an ellipsis if it overflows one line.
+     */
+    truncate?: boolean;
+    /**
+     * Clamps the text to a specific number of lines.
+     */
+    lines?: number;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
+}
+export declare const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<HTMLHeadingElement>>;

package/dist/esm/components/Typography/Heading.js

@@ -0,0 +1,39 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { clsx as f } from "clsx";
+import * as e from "prop-types";
+/* empty css               */
+const i = u(
+  ({ className: n, children: a, level: o = 1, truncate: m, lines: t, style: r, ...p }, s) => {
+    const c = `h${o}`, l = t ? { ...r, "--ui-line-clamp": t } : r;
+    return /* @__PURE__ */ d(
+      c,
+      {
+        ref: s,
+        className: f(
+          "ui-heading",
+          `ui-heading-h${o}`,
+          m && "ui-text-truncate",
+          t && "ui-text-clamp",
+          n
+        ),
+        style: l,
+        ...p,
+        children: a
+      }
+    );
+  }
+);
+i.displayName = "Heading";
+i.propTypes = {
+  level: e.oneOf([1, 2, 3, 4, 5, 6]),
+  truncate: e.bool,
+  lines: e.number,
+  children: e.node,
+  className: e.string,
+  style: e.object,
+  id: e.string
+};
+export {
+  i as Heading
+};

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

@@ -0,0 +1,38 @@
+import { ElementType, CSSProperties, ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+
+/**
+ * Text typography component properties.
+ */
+export interface TextProps {
+    /**
+     * The value scale variant.
+     * @default 'body'
+     */
+    variant?: 'body' | 'small' | 'caption' | 'lead';
+    /**
+     * The font weight.
+     */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    /**
+     * If true, applies styling to represent secondary or muted text.
+     */
+    muted?: boolean;
+    /**
+     * If true, truncates text with an ellipsis if it overflows one line.
+     */
+    truncate?: boolean;
+    /**
+     * Clamps the text to a specific number of lines.
+     */
+    lines?: number;
+    /**
+     * The HTML component to render (e.g., 'p', 'span', 'div').
+     * @default 'p'
+     */
+    as?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
+}
+export declare const Text: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLElement>>;

package/dist/esm/components/Typography/Text.js

@@ -0,0 +1,44 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { clsx as f } from "clsx";
+import * as t from "prop-types";
+/* empty css               */
+const r = b(
+  ({ className: i, children: a, variant: l = "body", weight: o, muted: n, truncate: p, lines: e, as: s = "p", style: m, ...u }, c) => {
+    const d = e ? { ...m, "--ui-line-clamp": e } : m;
+    return /* @__PURE__ */ x(
+      s,
+      {
+        ref: c,
+        className: f(
+          "ui-text",
+          `ui-text-${l}`,
+          o && `ui-text-weight-${o}`,
+          n && "ui-text-muted",
+          p && "ui-text-truncate",
+          e && "ui-text-clamp",
+          i
+        ),
+        style: d,
+        ...u,
+        children: a
+      }
+    );
+  }
+);
+r.displayName = "Text";
+r.propTypes = {
+  variant: t.oneOf(["body", "small", "caption", "lead"]),
+  weight: t.oneOf(["normal", "medium", "semibold", "bold"]),
+  muted: t.bool,
+  truncate: t.bool,
+  lines: t.number,
+  as: t.elementType,
+  children: t.node,
+  className: t.string,
+  style: t.object,
+  id: t.string
+};
+export {
+  r as Text
+};

package/dist/esm/default-theme.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from './types';
+
+declare const defaultTheme: ThemeConfig;
+export default defaultTheme;

package/dist/esm/dev-ui.css

@@ -0,0 +1 @@
+:root{--ui-primary: #2563eb;--ui-primary-hover: color-mix(in srgb, var(--ui-primary), black 10%);--ui-primary-active: color-mix(in srgb, var(--ui-primary), black 20%);--ui-primary-light: #eff6ff;--ui-text-main: #111827;--ui-text-muted: #6b7280;--ui-border: #e5e7eb;--ui-border-hover: #d1d5db;--ui-bg-main: #ffffff;--ui-bg-subtle: #f9fafb;--ui-danger: #ef4444;--ui-success: #10b981;--ui-warning: #f59e0b;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 16px;--ui-font-size-xl: 21px;--ui-spacing-xs: 4px;--ui-spacing-xsl: 6px;--ui-spacing-sm: 8px;--ui-spacing-md: 12px;--ui-spacing-lg: 16px;--ui-spacing-xl: 21px;--ui-spacing-xxl: 24px;--ui-radius-sm: 2px;--ui-radius-md: 4px;--ui-radius-lg: 8px;--ui-radius-xl: 16px;--ui-radius-full: 50%;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--ui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--ui-btn-bg: transparent;--ui-btn-text: var(--ui-text-main);--ui-btn-border: transparent;--ui-btn-radius: var(--ui-radius-md);--ui-btn-padding: .5rem 1rem;--ui-btn-font-size: .95rem;--ui-btn-radius-sm: var(--ui-radius-md);--ui-btn-radius-md: var(--ui-radius-md);--ui-btn-radius-lg: var(--ui-radius-md);--ui-btn-radius-xl: var(--ui-radius-md);--ui-btn-padding-sm: .1rem .5rem;--ui-btn-padding-md: .25rem .5rem;--ui-btn-padding-lg: .25rem 1rem;--ui-btn-padding-xl: .5rem 1rem;--ui-btn-font-size-sm: var(--ui-font-size-sm);--ui-btn-font-size-md: var(--ui-font-size-md);--ui-btn-font-size-lg: var(--ui-font-size-lg);--ui-btn-font-size-xl: var(--ui-font-size-xl);--ui-input-radius: var(--ui-radius-md);--ui-input-bg: var(--ui-bg-main);--ui-input-border: 1px solid var(--ui-border);--ui-input-color: var(--ui-text-main);--ui-input-placeholder: var(--ui-text-muted);--ui-input-focus-border: var(--ui-primary);--ui-input-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-input-error-border: var(--ui-danger);--ui-input-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-input-size-sm-padding: .35rem .5rem;--ui-input-size-sm-font-size: var(--ui-font-size-sm);--ui-input-size-md-padding: .5rem .75rem;--ui-input-size-md-font-size: var(--ui-font-size-md);--ui-input-size-lg-padding: .7rem 1rem;--ui-input-size-lg-font-size: var(--ui-font-size-lg);--ui-input-size-xl-padding: 1rem 1.25rem;--ui-input-size-xl-font-size: var(--ui-font-size-xl);--ui-select-radius: var(--ui-radius-md);--ui-select-bg: var(--ui-bg-main);--ui-select-border: 1px solid var(--ui-border);--ui-select-color: var(--ui-text-main);--ui-select-placeholder: var(--ui-text-muted);--ui-select-focus-border: var(--ui-primary);--ui-select-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-select-error-border: var(--ui-danger);--ui-select-error-ring: 0 0 0 3px rgba(239, 68, 68, .15);--ui-select-menu-bg: var(--ui-bg-main);--ui-select-menu-border: 1px solid var(--ui-border);--ui-select-menu-shadow: var(--ui-shadow-lg);--ui-select-option-hover-bg: var(--ui-bg-subtle);--ui-select-option-selected-bg: var(--ui-primary-light);--ui-select-option-selected-color: var(--ui-primary);--ui-select-size-sm-padding: var(--ui-input-size-sm-padding);--ui-select-size-sm-font-size: var(--ui-input-size-sm-font-size);--ui-select-size-md-padding: var(--ui-input-size-md-padding);--ui-select-size-md-font-size: var(--ui-input-size-md-font-size);--ui-select-size-lg-padding: var(--ui-input-size-lg-padding);--ui-select-size-lg-font-size: var(--ui-input-size-lg-font-size);--ui-select-size-xl-padding: var(--ui-input-size-xl-padding);--ui-select-size-xl-font-size: var(--ui-input-size-xl-font-size);--ui-card-radius: var(--ui-radius-md);--ui-card-bg: var(--ui-bg-main);--ui-card-border: 1px solid var(--ui-border);--ui-card-shadow: none;--ui-card-padding: var(--ui-spacing-md);--ui-card-header-bg: transparent;--ui-card-header-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-header-border: 1px solid var(--ui-border);--ui-card-header-font-size: var(--ui-font-size-lg);--ui-card-font-size: var(--ui-font-size-md);--ui-card-footer-bg: var(--ui-bg-subtle);--ui-card-footer-padding: var(--ui-spacing-md) var(--ui-spacing-md);--ui-card-footer-border: 1px solid var(--ui-border);--ui-modal-radius: var(--ui-radius-lg);--ui-modal-bg: var(--ui-bg-main);--ui-modal-shadow: var(--ui-shadow-xl);--ui-modal-backdrop-bg: rgba(0, 0, 0, .4);--ui-modal-backdrop-blur: none;--ui-modal-border: 1px solid var(--ui-border);--ui-modal-z-index: 50;--ui-modal-header-padding: 1.25rem 1.5rem;--ui-modal-body-padding: 1.5rem;--ui-modal-footer-padding: 1.25rem 1.5rem;--ui-modal-size-sm-width: 400px;--ui-modal-size-md-width: 550px;--ui-modal-size-lg-width: 750px;--ui-modal-size-xl-width: 1140px;--ui-checkbox-size: 1.125rem;--ui-checkbox-radius: var(--ui-radius-sm);--ui-checkbox-bg: var(--ui-bg-main);--ui-checkbox-border: 1px solid var(--ui-border);--ui-checkbox-checked-bg: var(--ui-primary);--ui-checkbox-checked-border: var(--ui-primary);--ui-checkbox-checked-color: #ffffff;--ui-checkbox-disabled-opacity: .6;--ui-checkbox-size-sm-size: 1rem;--ui-checkbox-size-sm-font-size: var(--ui-font-size-sm);--ui-checkbox-size-md-size: 1.125rem;--ui-checkbox-size-md-font-size: var(--ui-font-size-md);--ui-checkbox-size-lg-size: 1.35rem;--ui-checkbox-size-lg-font-size: var(--ui-font-size-lg);--ui-checkbox-size-xl-size: 1.65rem;--ui-checkbox-size-xl-font-size: var(--ui-font-size-xl);--ui-radio-size: 1.125rem;--ui-radio-bg: var(--ui-bg-main);--ui-radio-border: 1px solid var(--ui-border);--ui-radio-checked-bg: var(--ui-primary);--ui-radio-checked-border: var(--ui-primary);--ui-radio-checked-color: #ffffff;--ui-radio-disabled-opacity: .6;--ui-radio-size-sm-size: 1rem;--ui-radio-size-sm-font-size: var(--ui-font-size-sm);--ui-radio-size-md-size: 1.125rem;--ui-radio-size-md-font-size: var(--ui-font-size-md);--ui-radio-size-lg-size: 1.35rem;--ui-radio-size-lg-font-size: var(--ui-font-size-lg);--ui-radio-size-xl-size: 1.65rem;--ui-radio-size-xl-font-size: var(--ui-font-size-xl);--ui-switch-width: 2.75rem;--ui-switch-height: 1.5rem;--ui-switch-bg: var(--ui-bg-subtle);--ui-switch-checked-bg: var(--ui-primary);--ui-switch-thumb-size: 1.125rem;--ui-switch-thumb-bg: #ffffff;--ui-switch-thumb-shadow: 0 1px 2px 0 rgb(0 0 0 / .15);--ui-switch-focus-ring: 0 0 0 3px var(--ui-primary-light);--ui-switch-disabled-opacity: .6;--ui-switch-size-sm-width: 2rem;--ui-switch-size-sm-height: 1.125rem;--ui-switch-size-sm-thumb-size: .8rem;--ui-switch-size-md-width: 2.75rem;--ui-switch-size-md-height: 1.5rem;--ui-switch-size-md-thumb-size: 1.125rem;--ui-switch-size-lg-width: 3.5rem;--ui-switch-size-lg-height: 1.875rem;--ui-switch-size-lg-thumb-size: 1.45rem;--ui-switch-size-xl-width: 4.25rem;--ui-switch-size-xl-height: 2.25rem;--ui-switch-size-xl-thumb-size: 1.75rem;--ui-badge-radius: var(--ui-radius-sm);--ui-badge-font-weight: 500;--ui-badge-size-sm-padding: .125rem .5rem;--ui-badge-size-sm-font-size: .75rem;--ui-badge-size-md-padding: .25rem .75rem;--ui-badge-size-md-font-size: .875rem;--ui-badge-size-lg-padding: .375rem .875rem;--ui-badge-size-lg-font-size: 1rem;--ui-badge-primary-bg: var(--ui-primary);--ui-badge-primary-text: #ffffff;--ui-badge-success-bg: var(--ui-success);--ui-badge-success-text: #ffffff;--ui-badge-warning-bg: var(--ui-warning);--ui-badge-warning-text: #ffffff;--ui-badge-danger-bg: var(--ui-danger);--ui-badge-danger-text: #ffffff;--ui-badge-neutral-bg: var(--ui-bg-subtle);--ui-badge-neutral-text: var(--ui-text-main);--ui-heading-h1-size: 2.5rem;--ui-heading-h1-line-height: 1.2;--ui-heading-h1-weight: 700;--ui-heading-h2-size: 2rem;--ui-heading-h2-line-height: 1.3;--ui-heading-h2-weight: 600;--ui-heading-h3-size: 1.75rem;--ui-heading-h3-line-height: 1.3;--ui-heading-h3-weight: 600;--ui-heading-h4-size: 1.5rem;--ui-heading-h4-line-height: 1.4;--ui-heading-h4-weight: 600;--ui-heading-h5-size: 1.25rem;--ui-heading-h5-line-height: 1.4;--ui-heading-h5-weight: 600;--ui-heading-h6-size: 1rem;--ui-heading-h6-line-height: 1.4;--ui-heading-h6-weight: 600;--ui-text-body-size: 1rem;--ui-text-body-line-height: 1.5;--ui-text-small-size: .875rem;--ui-text-small-line-height: 1.4;--ui-text-caption-size: .75rem;--ui-text-caption-line-height: 1.4;--ui-text-lead-weight: 400;--ui-tabs-border-color: var(--ui-border);--ui-tabs-active-color: var(--ui-primary);--ui-tabs-inactive-color: var(--ui-text-muted);--ui-tabs-hover-bg: var(--ui-bg-subtle);--ui-tabs-trigger-padding: .75rem 1rem;--ui-tabs-trigger-weight: 500;--ui-tabs-trigger-font-size: .95rem;--ui-tabs-content-padding: 1rem 0}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ui-font-size-md)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;outline:none}table{border-collapse:collapse}button{background:none;border:none;cursor:pointer}.ui-m-xs{margin:var(--ui-spacing-xs)}.ui-mt-xs{margin-top:var(--ui-spacing-xs)}.ui-mb-xs{margin-bottom:var(--ui-spacing-xs)}.ui-ml-xs{margin-left:var(--ui-spacing-xs)}.ui-mr-xs{margin-right:var(--ui-spacing-xs)}.ui-mx-xs{margin-left:var(--ui-spacing-xs);margin-right:var(--ui-spacing-xs)}.ui-my-xs{margin-top:var(--ui-spacing-xs);margin-bottom:var(--ui-spacing-xs)}.ui-p-xs{padding:var(--ui-spacing-xs)}.ui-pt-xs{padding-top:var(--ui-spacing-xs)}.ui-pb-xs{padding-bottom:var(--ui-spacing-xs)}.ui-pl-xs{padding-left:var(--ui-spacing-xs)}.ui-pr-xs{padding-right:var(--ui-spacing-xs)}.ui-px-xs{padding-left:var(--ui-spacing-xs);padding-right:var(--ui-spacing-xs)}.ui-py-xs{padding-top:var(--ui-spacing-xs);padding-bottom:var(--ui-spacing-xs)}.ui-m-xsl{margin:var(--ui-spacing-xsl)}.ui-mt-xsl{margin-top:var(--ui-spacing-xsl)}.ui-mb-xsl{margin-bottom:var(--ui-spacing-xsl)}.ui-ml-xsl{margin-left:var(--ui-spacing-xsl)}.ui-mr-xsl{margin-right:var(--ui-spacing-xsl)}.ui-mx-xsl{margin-left:var(--ui-spacing-xsl);margin-right:var(--ui-spacing-xsl)}.ui-my-xsl{margin-top:var(--ui-spacing-xsl);margin-bottom:var(--ui-spacing-xsl)}.ui-p-xsl{padding:var(--ui-spacing-xsl)}.ui-pt-xsl{padding-top:var(--ui-spacing-xsl)}.ui-pb-xsl{padding-bottom:var(--ui-spacing-xsl)}.ui-pl-xsl{padding-left:var(--ui-spacing-xsl)}.ui-pr-xsl{padding-right:var(--ui-spacing-xsl)}.ui-px-xsl{padding-left:var(--ui-spacing-xsl);padding-right:var(--ui-spacing-xsl)}.ui-py-xsl{padding-top:var(--ui-spacing-xsl);padding-bottom:var(--ui-spacing-xsl)}.ui-m-sm{margin:var(--ui-spacing-sm)}.ui-mt-sm{margin-top:var(--ui-spacing-sm)}.ui-mb-sm{margin-bottom:var(--ui-spacing-sm)}.ui-ml-sm{margin-left:var(--ui-spacing-sm)}.ui-mr-sm{margin-right:var(--ui-spacing-sm)}.ui-mx-sm{margin-left:var(--ui-spacing-sm);margin-right:var(--ui-spacing-sm)}.ui-my-sm{margin-top:var(--ui-spacing-sm);margin-bottom:var(--ui-spacing-sm)}.ui-p-sm{padding:var(--ui-spacing-sm)}.ui-pt-sm{padding-top:var(--ui-spacing-sm)}.ui-pb-sm{padding-bottom:var(--ui-spacing-sm)}.ui-pl-sm{padding-left:var(--ui-spacing-sm)}.ui-pr-sm{padding-right:var(--ui-spacing-sm)}.ui-px-sm{padding-left:var(--ui-spacing-sm);padding-right:var(--ui-spacing-sm)}.ui-py-sm{padding-top:var(--ui-spacing-sm);padding-bottom:var(--ui-spacing-sm)}.ui-m-md{margin:var(--ui-spacing-md)}.ui-mt-md{margin-top:var(--ui-spacing-md)}.ui-mb-md{margin-bottom:var(--ui-spacing-md)}.ui-ml-md{margin-left:var(--ui-spacing-md)}.ui-mr-md{margin-right:var(--ui-spacing-md)}.ui-mx-md{margin-left:var(--ui-spacing-md);margin-right:var(--ui-spacing-md)}.ui-my-md{margin-top:var(--ui-spacing-md);margin-bottom:var(--ui-spacing-md)}.ui-p-md{padding:var(--ui-spacing-md)}.ui-pt-md{padding-top:var(--ui-spacing-md)}.ui-pb-md{padding-bottom:var(--ui-spacing-md)}.ui-pl-md{padding-left:var(--ui-spacing-md)}.ui-pr-md{padding-right:var(--ui-spacing-md)}.ui-px-md{padding-left:var(--ui-spacing-md);padding-right:var(--ui-spacing-md)}.ui-py-md{padding-top:var(--ui-spacing-md);padding-bottom:var(--ui-spacing-md)}.ui-m-lg{margin:var(--ui-spacing-lg)}.ui-mt-lg{margin-top:var(--ui-spacing-lg)}.ui-mb-lg{margin-bottom:var(--ui-spacing-lg)}.ui-ml-lg{margin-left:var(--ui-spacing-lg)}.ui-mr-lg{margin-right:var(--ui-spacing-lg)}.ui-mx-lg{margin-left:var(--ui-spacing-lg);margin-right:var(--ui-spacing-lg)}.ui-my-lg{margin-top:var(--ui-spacing-lg);margin-bottom:var(--ui-spacing-lg)}.ui-p-lg{padding:var(--ui-spacing-lg)}.ui-pt-lg{padding-top:var(--ui-spacing-lg)}.ui-pb-lg{padding-bottom:var(--ui-spacing-lg)}.ui-pl-lg{padding-left:var(--ui-spacing-lg)}.ui-pr-lg{padding-right:var(--ui-spacing-lg)}.ui-px-lg{padding-left:var(--ui-spacing-lg);padding-right:var(--ui-spacing-lg)}.ui-py-lg{padding-top:var(--ui-spacing-lg);padding-bottom:var(--ui-spacing-lg)}.ui-m-xl{margin:var(--ui-spacing-xl)}.ui-mt-xl{margin-top:var(--ui-spacing-xl)}.ui-mb-xl{margin-bottom:var(--ui-spacing-xl)}.ui-ml-xl{margin-left:var(--ui-spacing-xl)}.ui-mr-xl{margin-right:var(--ui-spacing-xl)}.ui-mx-xl{margin-left:var(--ui-spacing-xl);margin-right:var(--ui-spacing-xl)}.ui-my-xl{margin-top:var(--ui-spacing-xl);margin-bottom:var(--ui-spacing-xl)}.ui-p-xl{padding:var(--ui-spacing-xl)}.ui-pt-xl{padding-top:var(--ui-spacing-xl)}.ui-pb-xl{padding-bottom:var(--ui-spacing-xl)}.ui-pl-xl{padding-left:var(--ui-spacing-xl)}.ui-pr-xl{padding-right:var(--ui-spacing-xl)}.ui-px-xl{padding-left:var(--ui-spacing-xl);padding-right:var(--ui-spacing-xl)}.ui-py-xl{padding-top:var(--ui-spacing-xl);padding-bottom:var(--ui-spacing-xl)}.ui-m-xxl{margin:var(--ui-spacing-xxl)}.ui-mt-xxl{margin-top:var(--ui-spacing-xxl)}.ui-mb-xxl{margin-bottom:var(--ui-spacing-xxl)}.ui-ml-xxl{margin-left:var(--ui-spacing-xxl)}.ui-mr-xxl{margin-right:var(--ui-spacing-xxl)}.ui-mx-xxl{margin-left:var(--ui-spacing-xxl);margin-right:var(--ui-spacing-xxl)}.ui-my-xxl{margin-top:var(--ui-spacing-xxl);margin-bottom:var(--ui-spacing-xxl)}.ui-p-xxl{padding:var(--ui-spacing-xxl)}.ui-pt-xxl{padding-top:var(--ui-spacing-xxl)}.ui-pb-xxl{padding-bottom:var(--ui-spacing-xxl)}.ui-pl-xxl{padding-left:var(--ui-spacing-xxl)}.ui-pr-xxl{padding-right:var(--ui-spacing-xxl)}.ui-px-xxl{padding-left:var(--ui-spacing-xxl);padding-right:var(--ui-spacing-xxl)}.ui-py-xxl{padding-top:var(--ui-spacing-xxl);padding-bottom:var(--ui-spacing-xxl)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-btn-padding);font-size:var(--ui-btn-font-size);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.ui-btn-primary:hover{background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-btn-primary:active{background-color:var(--ui-primary-active)}.ui-btn-secondary{background-color:#fff;color:var(--ui-text-main);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm)}.ui-btn-secondary:hover{background-color:var(--ui-bg-subtle);border-color:var(--ui-border-hover);color:#000}.ui-btn-outline{background-color:transparent;color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-outline:hover{background-color:var(--ui-primary-light)}.ui-btn-outline-danger{background-color:transparent;color:var(--ui-danger);border:1px solid var(--ui-danger)}.ui-btn-outline-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),transparent 90%)}.ui-btn-outline-success{background-color:transparent;color:var(--ui-success);border:1px solid var(--ui-success)}.ui-btn-outline-success:hover{background-color:color-mix(in srgb,var(--ui-success),transparent 90%)}.ui-btn-outline-warning{background-color:transparent;color:var(--ui-warning);border:1px solid var(--ui-warning)}.ui-btn-outline-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),transparent 90%)}.ui-btn-danger{background-color:var(--ui-danger);color:#fff;border-color:var(--ui-danger)}.ui-btn-danger:hover{background-color:color-mix(in srgb,var(--ui-danger),black 10%);border-color:color-mix(in srgb,var(--ui-danger),black 10%)}.ui-btn-success{background-color:var(--ui-success);color:#fff;border-color:var(--ui-success)}.ui-btn-success:hover{background-color:color-mix(in srgb,var(--ui-success),black 10%);border-color:color-mix(in srgb,var(--ui-success),black 10%)}.ui-btn-warning{background-color:var(--ui-warning);color:#fff;border-color:var(--ui-warning)}.ui-btn-warning:hover{background-color:color-mix(in srgb,var(--ui-warning),black 10%);border-color:color-mix(in srgb,var(--ui-warning),black 10%)}.ui-btn-ghost{background-color:transparent;color:var(--ui-text-main)}.ui-btn-ghost:hover{background-color:var(--ui-bg-subtle)}.ui-btn-sm{--ui-btn-padding: var(--ui-btn-padding-sm);--ui-btn-font-size: var(--ui-btn-font-size-sm);border-radius:var(--ui-btn-radius-sm, var(--ui-radius-sm))}.ui-btn-md{--ui-btn-padding: var(--ui-btn-padding-md);--ui-btn-font-size: var(--ui-btn-font-size-md);border-radius:var(--ui-btn-radius-md, var(--ui-radius-md))}.ui-btn-lg{--ui-btn-padding: var(--ui-btn-padding-lg);--ui-btn-font-size: var(--ui-btn-font-size-lg);border-radius:var(--ui-btn-radius-lg, var(--ui-radius-lg))}.ui-btn-xl{--ui-btn-padding: var(--ui-btn-padding-xl);--ui-btn-font-size: var(--ui-btn-font-size-xl);border-radius:var(--ui-btn-radius-xl, var(--ui-radius-xl))}.ui-btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.ui-input-wrapper{display:inline-flex;flex-direction:column;gap:.375rem}.ui-input-wrapper-full{display:flex;width:100%}.ui-input-error{border-color:var(--ui-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef444426}.ui-label{font-size:.875rem;font-weight:500;color:var(--ui-text-main)}.ui-input{display:block;width:100%;padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size);font-family:var(--ui-font-family);color:var(--ui-input-color);background-color:var(--ui-input-bg);border:var(--ui-input-border);border-radius:var(--ui-input-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input::placeholder{color:var(--ui-input-placeholder);opacity:.8}.ui-input:hover{border-color:var(--ui-border-hover)}.ui-input:focus{border-color:var(--ui-input-focus-border);outline:0;box-shadow:var(--ui-input-focus-ring)}.ui-input-sm{padding:var(--ui-input-size-sm-padding);font-size:var(--ui-input-size-sm-font-size)}.ui-input-md{padding:var(--ui-input-size-md-padding);font-size:var(--ui-input-size-md-font-size)}.ui-input-lg{padding:var(--ui-input-size-lg-padding);font-size:var(--ui-input-size-lg-font-size)}.ui-input-xl{padding:var(--ui-input-size-xl-padding);font-size:var(--ui-input-size-xl-font-size)}.ui-input-error{border-color:var(--ui-input-error-border)}.ui-input-error:focus{border-color:var(--ui-input-error-border);box-shadow:var(--ui-input-error-ring)}.ui-helper-text{font-size:.8rem;color:var(--ui-text-muted)}.ui-helper-text-error{color:var(--ui-danger)}.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ui-card-bg);border:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-card-shadow);transition:border-color .2s ease,box-shadow .2s ease}.ui-card:hover{border-color:var(--ui-border-hover)}.ui-card__header{padding:var(--ui-card-header-padding);margin-bottom:0;background-color:var(--ui-card-header-bg);border-bottom:var(--ui-card-header-border);font-weight:600;font-size:var(--ui-card-header-font-size);color:var(--ui-text-main);border-top-left-radius:calc(var(--ui-card-radius) - 1px);border-top-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-card__body{flex:1 1 auto;padding:var(--ui-card-padding);color:var(--ui-text-muted);font-size:var(--ui-card-font-size);line-height:1.6}.ui-card__footer{padding:var(--ui-card-footer-padding);background-color:var(--ui-card-footer-bg);border-top:var(--ui-card-footer-border);display:flex;align-items:center;border-bottom-left-radius:calc(var(--ui-card-radius) - 1px);border-bottom-right-radius:calc(var(--ui-card-radius) - 1px)}.ui-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ui-modal-backdrop-bg);-webkit-backdrop-filter:var(--ui-modal-backdrop-blur);backdrop-filter:var(--ui-modal-backdrop-blur);z-index:var(--ui-modal-z-index);padding:1rem;animation:ui-modal-fade-in .15s linear}.ui-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:90vh;background-color:var(--ui-modal-bg);border:var(--ui-modal-border);border-radius:var(--ui-modal-radius);box-shadow:var(--ui-modal-shadow);color:var(--ui-text-main);animation:ui-modal-slide-down .3s ease-out}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-modal-header-padding);border-bottom:1px solid var(--ui-border)}.ui-modal-title{margin:0;font-size:1.125rem;font-weight:600}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--ui-text-muted);border-radius:var(--ui-radius-sm);transition:all .2s}.ui-modal-close:hover{background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-modal-body{padding:var(--ui-modal-body-padding);overflow-y:auto;font-size:.95rem;line-height:1.5}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:var(--ui-modal-footer-padding);background-color:var(--ui-bg-subtle);border-top:1px solid var(--ui-border);border-bottom-left-radius:calc(var(--ui-modal-radius) - 1px);border-bottom-right-radius:calc(var(--ui-modal-radius) - 1px)}.ui-modal-sm{max-width:var(--ui-modal-size-sm-width)}.ui-modal-md{max-width:var(--ui-modal-size-md-width)}.ui-modal-lg{max-width:var(--ui-modal-size-lg-width)}.ui-modal-xl{max-width:var(--ui-modal-size-xl-width)}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-modal-slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:none}}@keyframes ui-modal-slide-up{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-50px)}}.ui-modal-overlay.ui-modal-closing{animation:ui-modal-fade-out .15s linear forwards}.ui-modal.ui-modal-closing{animation:ui-modal-slide-up .3s ease-out forwards}.ui-select-wrapper{position:relative;width:100%}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;background-color:var(--ui-select-bg);border:var(--ui-select-border);border-radius:var(--ui-select-radius);color:var(--ui-select-color);transition:all .15s ease-in-out}.ui-select-trigger:focus{outline:none;border-color:var(--ui-select-focus-border);box-shadow:var(--ui-select-focus-ring)}.ui-select-trigger.ui-select-error{border-color:var(--ui-select-error-border)}.ui-select-trigger.ui-select-error:focus{box-shadow:var(--ui-select-error-ring)}.ui-select-trigger.ui-select-disabled{opacity:.6;cursor:not-allowed;background-color:var(--ui-bg-subtle)}.ui-select-placeholder{color:var(--ui-select-placeholder)}.ui-select-icon{width:1.25rem;height:1.25rem;color:var(--ui-text-muted);transition:transform .2s}.ui-select-open .ui-select-icon{transform:rotate(180deg)}.ui-select-menu{position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding:4px;background-color:var(--ui-select-menu-bg);border:var(--ui-select-menu-border);border-radius:var(--ui-select-radius);box-shadow:var(--ui-select-menu-shadow);z-index:10;max-height:250px;overflow-y:auto;animation:ui-select-fade-in .1s ease-out}.ui-select-option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;font-size:.95rem;cursor:pointer;border-radius:var(--ui-radius-sm);color:var(--ui-text-main);transition:background-color .1s}.ui-select-option:hover{background-color:var(--ui-select-option-hover-bg)}.ui-select-option.ui-select-selected{background-color:var(--ui-select-option-selected-bg);color:var(--ui-select-option-selected-color);font-weight:500}.ui-select-sm{padding:var(--ui-select-size-sm-padding);font-size:var(--ui-select-size-sm-font-size)}.ui-select-md{padding:var(--ui-select-size-md-padding);font-size:var(--ui-select-size-md-font-size)}.ui-select-lg{padding:var(--ui-select-size-lg-padding);font-size:var(--ui-select-size-lg-font-size)}.ui-select-xl{padding:var(--ui-select-size-xl-padding);font-size:var(--ui-select-size-xl-font-size)}@keyframes ui-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-checkbox-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-checkbox-label.ui-checkbox-disabled{cursor:not-allowed;opacity:var(--ui-checkbox-disabled-opacity)}.ui-checkbox-input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-checkbox-size);height:var(--ui-checkbox-size);background-color:var(--ui-checkbox-bg);border:var(--ui-checkbox-border);border-radius:var(--ui-checkbox-radius);transition:all .15s ease-in-out;color:transparent;flex-shrink:0}.ui-checkbox-label:hover .ui-checkbox-custom{border-color:var(--ui-border-hover)}.ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-checkbox-checked-bg);border-color:var(--ui-checkbox-checked-border);color:var(--ui-checkbox-checked-color)}.ui-checkbox-icon{width:.8em;height:.8em;stroke-width:3}.ui-checkbox-sm{--ui-checkbox-size: var(--ui-checkbox-size-sm-size);font-size:var(--ui-checkbox-size-sm-font-size)}.ui-checkbox-md{--ui-checkbox-size: var(--ui-checkbox-size-md-size);font-size:var(--ui-checkbox-size-md-font-size)}.ui-checkbox-lg{--ui-checkbox-size: var(--ui-checkbox-size-lg-size);font-size:var(--ui-checkbox-size-lg-font-size)}.ui-checkbox-xl{--ui-checkbox-size: var(--ui-checkbox-size-xl-size);font-size:var(--ui-checkbox-size-xl-font-size)}.ui-checkbox-primary .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-checkbox-primary .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-checkbox-success .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-checkbox-success .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-checkbox-warning .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-checkbox-warning .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-checkbox-danger .ui-checkbox-input:checked+.ui-checkbox-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-checkbox-danger .ui-checkbox-input:focus+.ui-checkbox-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--ui-radio-font-size, .95rem);-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-radio-label.ui-radio-disabled{cursor:not-allowed;opacity:var(--ui-radio-disabled-opacity)}.ui-radio-input{position:absolute;opacity:0;width:0;height:0}.ui-radio-custom{display:flex;align-items:center;justify-content:center;width:var(--ui-radio-size);height:var(--ui-radio-size);background-color:var(--ui-radio-bg);border:var(--ui-radio-border);border-radius:50%;transition:all .15s ease-in-out;flex-shrink:0}.ui-radio-dot{width:.5em;height:.5em;background-color:var(--ui-radio-checked-color);border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out}.ui-radio-label:hover .ui-radio-custom{border-color:var(--ui-border-hover)}.ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-radio-checked-bg);border-color:var(--ui-radio-checked-border)}.ui-radio-input:checked+.ui-radio-custom .ui-radio-dot{transform:scale(1)}.ui-radio-sm{--ui-radio-size: var(--ui-radio-size-sm-size);font-size:var(--ui-radio-size-sm-font-size)}.ui-radio-md{--ui-radio-size: var(--ui-radio-size-md-size);font-size:var(--ui-radio-size-md-font-size)}.ui-radio-lg{--ui-radio-size: var(--ui-radio-size-lg-size);font-size:var(--ui-radio-size-lg-font-size)}.ui-radio-xl{--ui-radio-size: var(--ui-radio-size-xl-size);font-size:var(--ui-radio-size-xl-font-size)}.ui-radio-primary .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-primary);border-color:var(--ui-primary)}.ui-radio-primary .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px var(--ui-primary-light);border-color:var(--ui-primary)}.ui-radio-success .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-success);border-color:var(--ui-success)}.ui-radio-success .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #10b98140;border-color:var(--ui-success)}.ui-radio-warning .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-warning);border-color:var(--ui-warning)}.ui-radio-warning .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #f59e0b40;border-color:var(--ui-warning)}.ui-radio-danger .ui-radio-input:checked+.ui-radio-custom{background-color:var(--ui-danger);border-color:var(--ui-danger)}.ui-radio-danger .ui-radio-input:focus+.ui-radio-custom{box-shadow:0 0 0 3px #ef444440;border-color:var(--ui-danger)}.ui-switch-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none;color:var(--ui-text-main)}.ui-switch-label.ui-switch-disabled{cursor:not-allowed;opacity:var(--ui-switch-disabled-opacity)}.ui-switch-input{position:absolute;opacity:0;width:0;height:0}.ui-switch-track{position:relative;width:var(--ui-switch-width);height:var(--ui-switch-height);background-color:var(--ui-border);border-radius:9999px;transition:background-color .2s ease-in-out;flex-shrink:0}.ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-switch-checked-bg)}.ui-switch-thumb{position:absolute;top:50%;transform:translateY(-50%);left:2px;width:var(--ui-switch-thumb-size);height:var(--ui-switch-thumb-size);background-color:var(--ui-switch-thumb-bg);border-radius:50%;box-shadow:var(--ui-switch-thumb-shadow);transition:left .2s cubic-bezier(.4,0,.2,1)}.ui-switch-input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - var(--ui-switch-thumb-size) - 2px)}.ui-switch-input:focus+.ui-switch-track{box-shadow:var(--ui-switch-focus-ring)}.ui-switch-sm{--ui-switch-width: var(--ui-switch-size-sm-width);--ui-switch-height: var(--ui-switch-size-sm-height);--ui-switch-thumb-size: var(--ui-switch-size-sm-thumb-size);font-size:var(--ui-font-size-sm)}.ui-switch-md{--ui-switch-width: var(--ui-switch-size-md-width);--ui-switch-height: var(--ui-switch-size-md-height);--ui-switch-thumb-size: var(--ui-switch-size-md-thumb-size);font-size:var(--ui-font-size-md)}.ui-switch-lg{--ui-switch-width: var(--ui-switch-size-lg-width);--ui-switch-height: var(--ui-switch-size-lg-height);--ui-switch-thumb-size: var(--ui-switch-size-lg-thumb-size);font-size:var(--ui-font-size-lg)}.ui-switch-xl{--ui-switch-width: var(--ui-switch-size-xl-width);--ui-switch-height: var(--ui-switch-size-xl-height);--ui-switch-thumb-size: var(--ui-switch-size-xl-thumb-size);font-size:var(--ui-font-size-xl)}.ui-switch-primary .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px var(--ui-primary-light)}.ui-switch-success .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-success)}.ui-switch-success .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #10b98140}.ui-switch-warning .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-warning)}.ui-switch-warning .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #f59e0b40}.ui-switch-danger .ui-switch-input:checked+.ui-switch-track{background-color:var(--ui-danger)}.ui-switch-danger .ui-switch-input:focus+.ui-switch-track{box-shadow:0 0 0 3px #ef444440}.ui-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--ui-badge-radius);font-weight:var(--ui-badge-font-weight);line-height:1;transition:all .2s ease}.ui-badge-pill{border-radius:9999px}.ui-badge-sm{padding:var(--ui-badge-size-sm-padding);font-size:var(--ui-badge-size-sm-font-size)}.ui-badge-md{padding:var(--ui-badge-size-md-padding);font-size:var(--ui-badge-size-md-font-size)}.ui-badge-lg{padding:var(--ui-badge-size-lg-padding);font-size:var(--ui-badge-size-lg-font-size)}.ui-badge-primary{background-color:var(--ui-badge-primary-bg);color:var(--ui-badge-primary-text)}.ui-badge-success{background-color:var(--ui-badge-success-bg);color:var(--ui-badge-success-text)}.ui-badge-warning{background-color:var(--ui-badge-warning-bg);color:var(--ui-badge-warning-text)}.ui-badge-danger{background-color:var(--ui-badge-danger-bg);color:var(--ui-badge-danger-text)}.ui-badge-neutral{background-color:var(--ui-badge-neutral-bg);color:var(--ui-badge-neutral-text);border:1px solid var(--ui-border)}.ui-heading{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-heading-h1{font-size:var(--ui-heading-h1-size);font-weight:var(--ui-heading-h1-weight);line-height:var(--ui-heading-h1-line-height)}.ui-heading-h2{font-size:var(--ui-heading-h2-size);font-weight:var(--ui-heading-h2-weight);line-height:var(--ui-heading-h2-line-height)}.ui-heading-h3{font-size:var(--ui-heading-h3-size);font-weight:var(--ui-heading-h3-weight);line-height:var(--ui-heading-h3-line-height)}.ui-heading-h4{font-size:var(--ui-heading-h4-size);font-weight:var(--ui-heading-h4-weight);line-height:var(--ui-heading-h4-line-height)}.ui-heading-h5{font-size:var(--ui-heading-h5-size);font-weight:var(--ui-heading-h5-weight);line-height:var(--ui-heading-h5-line-height)}.ui-heading-h6{font-size:var(--ui-heading-h6-size);font-weight:var(--ui-heading-h6-weight);line-height:var(--ui-heading-h6-line-height)}.ui-text{margin:0;color:var(--ui-text-main);font-family:inherit}.ui-text-muted{color:var(--ui-text-muted)}.ui-text-body{font-size:var(--ui-text-body-size);line-height:var(--ui-text-body-line-height)}.ui-text-small{font-size:var(--ui-text-small-size);line-height:var(--ui-text-small-line-height)}.ui-text-caption{font-size:var(--ui-text-caption-size);line-height:var(--ui-text-caption-line-height);color:var(--ui-text-muted)}.ui-text-lead{font-size:var(--ui-text-lead-size);line-height:var(--ui-text-lead-line-height);font-weight:var(--ui-text-lead-weight);color:var(--ui-text-muted)}.ui-text-weight-normal{font-weight:400}.ui-text-weight-medium{font-weight:500}.ui-text-weight-semibold{font-weight:600}.ui-text-weight-bold{font-weight:700}.ui-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-text-clamp{display:-webkit-box;-webkit-line-clamp:var(--ui-line-clamp, 1);-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.ui-tabs{display:flex;flex-direction:column;width:100%}.ui-tabs-list{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.ui-tabs-list-line{border-bottom:1px solid var(--ui-tabs-border-color)}.ui-tabs-list-line .ui-tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tabs-list-line .ui-tabs-trigger[data-state=active]{color:var(--ui-tabs-active-color);border-bottom-color:var(--ui-tabs-active-color)}.ui-tabs-list-pills{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0;background:transparent;border-radius:0}.ui-tabs-list-pills .ui-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--ui-radius-md);border:1px solid transparent;background-color:transparent;color:var(--ui-text-main);flex:none;min-width:auto}.ui-tabs-list-pills .ui-tabs-trigger[data-state=active]{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary);box-shadow:none}.ui-tabs-list-pills .ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-bg-subtle);color:var(--ui-text-main)}.ui-tabs-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--ui-tabs-trigger-padding);font-size:var(--ui-tabs-trigger-font-size);font-weight:var(--ui-tabs-trigger-weight);color:var(--ui-tabs-inactive-color);background:transparent;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-user-select:none;user-select:none}.ui-tabs-trigger:hover:not(:disabled):not([data-state=active]){background-color:var(--ui-tabs-hover-bg);color:var(--ui-text-main)}.ui-tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.ui-tabs-trigger:focus-visible{border-radius:var(--ui-radius-sm);outline:2px solid var(--ui-primary);outline-offset:2px}.ui-tabs-content{padding:var(--ui-tabs-content-padding);outline:none}.ui-table{width:100%;margin-bottom:1rem;color:var(--ui-text-main);background-color:transparent;border-collapse:collapse;font-family:var(--ui-font-family);font-size:.95rem}.ui-table th,.ui-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--ui-border);text-align:left}.ui-table th{font-weight:600;color:var(--ui-text-main);background-color:var(--ui-bg-subtle);border-bottom-width:2px}.ui-table-bordered,.ui-table-bordered th,.ui-table-bordered td{border:1px solid var(--ui-border)}.ui-table-striped tbody tr:nth-of-type(odd){background-color:var(--ui-bg-subtle)}.ui-table-hover tbody tr:hover{background-color:var(--ui-primary-light);color:var(--ui-primary-dark)}.ui-table-sm th,.ui-table-sm td{padding:.375rem;font-size:.875rem}.ui-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

package/dist/esm/index.d.ts

@@ -0,0 +1,15 @@
+
+export * from './components/Button/Button';
+export * from './components/Input/Input';
+export * from './components/Card/Card';
+export * from './components/Modal/Modal';
+export * from './components/Select/Select';
+export * from './components/Checkbox/Checkbox';
+export * from './components/Radio/Radio';
+export * from './components/Switch/Switch';
+export * from './components/Badge/Badge';
+export * from './components/Typography/Heading';
+export * from './components/Typography/Text';
+export * from './components/Tabs/Tabs';
+export * from './components/Table/Table';
+export * from './theme';

package/dist/esm/index.js

@@ -0,0 +1,36 @@
+/* empty css                     */
+/* empty css                 */
+/* empty css                     */
+import { Button as p } from "./components/Button/Button.js";
+import { Input as f } from "./components/Input/Input.js";
+import { Card as d } from "./components/Card/Card.js";
+import { Modal as l, ModalBody as M, ModalFooter as T, ModalHeader as b } from "./components/Modal/Modal.js";
+import { Select as h } from "./components/Select/Select.js";
+import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
+import { Radio as u } from "./components/Radio/Radio.js";
+import { Switch as H } from "./components/Switch/Switch.js";
+import { Badge as k } from "./components/Badge/Badge.js";
+import { Heading as v } from "./components/Typography/Heading.js";
+import { Text as y } from "./components/Typography/Text.js";
+import { Tabs as I } from "./components/Tabs/Tabs.js";
+import { Table as R } from "./components/Table/Table.js";
+import { ThemeProvider as q } from "./theme.js";
+export {
+  k as Badge,
+  p as Button,
+  d as Card,
+  B as Checkbox,
+  v as Heading,
+  f as Input,
+  l as Modal,
+  M as ModalBody,
+  T as ModalFooter,
+  b as ModalHeader,
+  u as Radio,
+  h as Select,
+  H as Switch,
+  R as Table,
+  I as Tabs,
+  y as Text,
+  q as ThemeProvider
+};

package/dist/esm/theme.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { ThemeConfig } from './types';
+
+import * as PropTypes from 'prop-types';
+export declare const ThemeProvider: {
+    ({ theme, children }: {
+        theme: ThemeConfig;
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    propTypes: {
+        theme: PropTypes.Validator<object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};

package/dist/esm/theme.js

@@ -0,0 +1,32 @@
+import { jsx as y } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import * as t from "prop-types";
+function e(o) {
+  return o && typeof o == "object" && !Array.isArray(o);
+}
+function d(o) {
+  const i = {}, s = (r, n) => {
+    Object.keys(r).forEach((a) => {
+      const c = r[a], p = `${n}-${a}`;
+      e(c) ? s(c, p) : i[`-${p}`] = c;
+    });
+  };
+  return o.colors && Object.keys(o.colors).forEach((r) => {
+    i[`--ui-${r}`] = o.colors[r];
+  }), o.components && Object.keys(o.components).forEach((r) => {
+    const n = o.components[r];
+    n && s(n, `-ui-${r.toLowerCase()}`);
+  }), o.spacing && s(o.spacing, "-ui-spacing"), o.radius && s(o.radius, "-ui-radius"), o.shadows && s(o.shadows, "-ui-shadow"), o.typography && s(o.typography, "-ui-typography"), i;
+}
+const f = ({ theme: o, children: i }) => {
+  const s = u(() => d(o), [o]);
+  return /* @__PURE__ */ y("div", { style: { display: "contents", ...s }, children: i });
+};
+f.displayName = "ThemeProvider";
+f.propTypes = {
+  theme: t.object.isRequired,
+  children: t.node
+};
+export {
+  f as ThemeProvider
+};