@coinloger/dev-ui 0.1.1 → 0.1.3

package/dist/esm/components/Switch/Switch.js

@@ -1,53 +1,37 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { clsx as h } from "clsx";
-import * as e from "prop-types";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { clsx as o } from "clsx";
 /* empty css           */
-const a = p(
-  ({ className: o, label: i, error: u, disabled: r, size: t = "md", variant: c = "primary", ...n }, l) => /* @__PURE__ */ m(
+const p = l(
+  ({ className: c, label: s, error: u, disabled: t, size: r = "md", variant: a = "primary", ...e }, h) => /* @__PURE__ */ m(
     "label",
     {
-      className: h(
+      className: o(
         "ui-switch-label",
-        `ui-switch-${t}`,
-        `ui-switch-${c}`,
-        r && "ui-switch-disabled",
-        o
+        `ui-switch-${r}`,
+        `ui-switch-${a}`,
+        t && "ui-switch-disabled",
+        c
       ),
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "input",
           {
             type: "checkbox",
             className: "ui-switch-input",
-            disabled: r,
-            ref: l,
+            disabled: t,
+            ref: h,
             role: "switch",
-            ...n
+            ...e
           }
         ),
-        /* @__PURE__ */ s("span", { className: "ui-switch-track", children: /* @__PURE__ */ s("span", { className: "ui-switch-thumb" }) }),
-        i && /* @__PURE__ */ s("span", { className: "ui-switch-text", children: i })
+        /* @__PURE__ */ i("span", { className: "ui-switch-track", children: /* @__PURE__ */ i("span", { className: "ui-switch-thumb" }) }),
+        s && /* @__PURE__ */ i("span", { className: "ui-switch-text", children: s })
       ]
     }
   )
 );
-a.displayName = "Switch";
-a.propTypes = {
-  label: e.node,
-  error: e.bool,
-  size: e.oneOf(["sm", "md", "lg", "xl"]),
-  variant: e.oneOf(["primary", "success", "warning", "danger"]),
-  checked: e.bool,
-  defaultChecked: e.bool,
-  onChange: e.func,
-  name: e.string,
-  value: e.oneOfType([e.string, e.number]),
-  disabled: e.bool,
-  required: e.bool,
-  id: e.string,
-  className: e.string
-};
+p.displayName = "Switch";
 export {
-  a as Switch
+  p as Switch
 };

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

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

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

@@ -1,6 +1,5 @@
 import { ReactNode, MouseEventHandler } from 'react';
 
-import * as PropTypes from 'prop-types';
 /**
  * Tabs Root properties.
  */
@@ -40,41 +39,17 @@ export interface TabsContentProps {
 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

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

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

@@ -1,39 +1,29 @@
-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";
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { clsx as s } from "clsx";
 /* 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(
+const f = d(
+  ({ className: i, children: r, level: o = 1, truncate: m, lines: t, style: a, ...e }, n) => {
+    const c = `h${o}`, p = t ? { ...a, "--ui-line-clamp": t } : a;
+    return /* @__PURE__ */ u(
       c,
       {
-        ref: s,
-        className: f(
+        ref: n,
+        className: s(
           "ui-heading",
           `ui-heading-h${o}`,
           m && "ui-text-truncate",
           t && "ui-text-clamp",
-          n
+          i
         ),
-        style: l,
-        ...p,
-        children: a
+        style: p,
+        ...e,
+        children: r
       }
     );
   }
 );
-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
-};
+f.displayName = "Heading";
 export {
-  i as Heading
+  f as Heading
 };

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

@@ -1,44 +1,31 @@
-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";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { clsx as n } from "clsx";
 /* 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,
+const d = l(
+  ({ className: m, children: r, variant: i = "body", weight: e, muted: x, truncate: p, lines: t, as: u = "p", style: o, ...a }, c) => {
+    const s = t ? { ...o, "--ui-line-clamp": t } : o;
+    return /* @__PURE__ */ f(
+      u,
       {
         ref: c,
-        className: f(
+        className: n(
           "ui-text",
-          `ui-text-${l}`,
-          o && `ui-text-weight-${o}`,
-          n && "ui-text-muted",
+          `ui-text-${i}`,
+          e && `ui-text-weight-${e}`,
+          x && "ui-text-muted",
           p && "ui-text-truncate",
-          e && "ui-text-clamp",
-          i
+          t && "ui-text-clamp",
+          m
         ),
-        style: d,
-        ...u,
-        children: a
+        style: s,
+        ...a,
+        children: r
       }
     );
   }
 );
-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
-};
+d.displayName = "Text";
 export {
-  r as Text
+  d as Text
 };

package/dist/esm/theme.d.ts

@@ -1,15 +1,10 @@
 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

@@ -1,14 +1,13 @@
-import { jsx as y } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import * as t from "prop-types";
-function e(o) {
+import { jsx as f } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+function u(o) {
   return o && typeof o == "object" && !Array.isArray(o);
 }
-function d(o) {
+function y(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;
+      const c = r[a], t = `${n}-${a}`;
+      u(c) ? s(c, t) : i[`-${t}`] = c;
     });
   };
   return o.colors && Object.keys(o.colors).forEach((r) => {
@@ -18,15 +17,11 @@ function d(o) {
     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
+const d = ({ theme: o, children: i }) => {
+  const s = p(() => y(o), [o]);
+  return /* @__PURE__ */ f("div", { style: { display: "contents", ...s }, children: i });
 };
+d.displayName = "ThemeProvider";
 export {
-  f as ThemeProvider
+  d as ThemeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinloger/dev-ui",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
@@ -10,6 +10,14 @@
     "dist",
     "style.css"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs"
+    },
+    "./style.css": "./style.css"
+  },
   "style": "./style.css",
   "scripts": {
     "dev": "vite",
@@ -24,13 +32,15 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/coinloger/dev-ui.git"
+  },
   "dependencies": {
-    "clsx": "^2.1.0",
-    "prop-types": "^15.8.1"
+    "clsx": "^2.1.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
-    "@types/prop-types": "^15.7.15",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
@@ -46,4 +56,4 @@
     "vite": "^7.2.4",
     "vite-plugin-dts": "^3.7.3"
   }
-}
+}