@dimasbaguspm/versaur 0.0.0

package/dist/text-input-BsWvUk_H.js

@@ -0,0 +1,73 @@
+import { j as t } from "./index-DU1SCUkk.js";
+import l from "react";
+import { c as m } from "./cn-Ca4KprQ1.js";
+import { t as h } from "./helpers-CEDtBUGM.js";
+const v = l.forwardRef(
+  ({
+    variant: c = "primary",
+    label: d,
+    leftContent: s,
+    rightContent: a,
+    helperText: r,
+    error: n,
+    className: x,
+    disabled: i,
+    id: p,
+    ...u
+  }, f) => {
+    const j = l.useId(), o = p || j, e = !!n;
+    return /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx(
+        "label",
+        {
+          htmlFor: o,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: d
+        }
+      ),
+      /* @__PURE__ */ t.jsxs("div", { className: m("relative w-full", x), children: [
+        s && /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "data-testid": "left-content",
+            children: s
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            ref: f,
+            id: o,
+            "aria-invalid": e,
+            "aria-disabled": i,
+            disabled: i,
+            className: m(
+              h({
+                variant: e ? "danger" : c
+              }),
+              s ? "pl-9" : "pl-3",
+              a ? "pr-9" : "pr-3",
+              "h-10"
+            ),
+            ...u
+          }
+        ),
+        a && /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "data-testid": "right-content",
+            children: a
+          }
+        )
+      ] }),
+      e && /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: n }),
+      !e && r && /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
+    ] });
+  }
+);
+v.displayName = "TextInput";
+export {
+  v as T
+};

package/dist/textarea-input-DZExXEE8.js

@@ -0,0 +1,102 @@
+import { c as I, j as r } from "./index-DU1SCUkk.js";
+import c from "react";
+import { c as u } from "./cn-Ca4KprQ1.js";
+const N = I(
+  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
+        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
+        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/20",
+        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
+        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
+        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
+        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
+        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
+        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
+      },
+      fieldSizing: {
+        content: "field-sizing-content resize-none",
+        fixed: "resize-y"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      fieldSizing: "fixed"
+    }
+  }
+), R = c.forwardRef(
+  ({
+    variant: f = "primary",
+    label: g,
+    helperText: n,
+    error: t,
+    className: l,
+    disabled: s,
+    id: b,
+    minRows: a = 3,
+    maxRows: x,
+    fieldSizing: e = "fixed",
+    style: m,
+    rows: y,
+    ...p
+  }, v) => {
+    const w = c.useId(), i = b || w, o = !!t, h = y || a, d = e === "content" ? void 0 : x, j = {
+      ...e === "content" && { fieldSizing: "content" },
+      ...d && {
+        maxHeight: `${d * 1.5}rem`
+        // Approximate line height
+      },
+      ...m
+    };
+    return /* @__PURE__ */ r.jsxs("div", { children: [
+      /* @__PURE__ */ r.jsx(
+        "label",
+        {
+          htmlFor: i,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: g
+        }
+      ),
+      /* @__PURE__ */ r.jsx("div", { className: u("relative w-full", l), children: /* @__PURE__ */ r.jsx(
+        "textarea",
+        {
+          ref: v,
+          id: i,
+          rows: h,
+          "aria-invalid": o,
+          "aria-disabled": s,
+          disabled: s,
+          style: j,
+          className: u(
+            N({
+              variant: o ? "danger" : f,
+              fieldSizing: e
+            }),
+            "px-3 py-2"
+          ),
+          ...p
+        }
+      ) }),
+      o && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: t }),
+      !o && n && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
+    ] });
+  }
+);
+R.displayName = "TextAreaInput";
+export {
+  R as T
+};

package/dist/tile-Du7YciCG.js

@@ -0,0 +1,51 @@
+import { c as s, j as b } from "./index-DU1SCUkk.js";
+import { forwardRef as n } from "react";
+import { c as g } from "./cn-Ca4KprQ1.js";
+const i = s(
+  // Base classes
+  "block transition-colors duration-200",
+  {
+    variants: {
+      variant: {
+        white: "bg-white border border-gray-200 text-gray-900",
+        neutral: "bg-gray-50 border border-gray-200 text-gray-900",
+        primary: "bg-coral-50 border border-coral-200 text-coral-900",
+        secondary: "bg-sage-50 border border-sage-200 text-sage-900",
+        tertiary: "bg-mist-50 border border-mist-200 text-mist-900",
+        ghost: "bg-transparent border border-slate-200 text-slate-900",
+        success: "bg-green-50 border border-green-200 text-green-900",
+        info: "bg-blue-50 border border-blue-200 text-blue-900",
+        warning: "bg-orange-50 border border-orange-200 text-orange-900",
+        danger: "bg-red-50 border border-red-200 text-red-900"
+      },
+      size: {
+        xs: "p-2",
+        sm: "p-3",
+        md: "p-4",
+        lg: "p-6",
+        xl: "p-8"
+      },
+      shape: {
+        rounded: "rounded-lg",
+        square: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "white",
+      size: "md",
+      shape: "rounded"
+    }
+  }
+), c = n(
+  ({ variant: r = "white", size: e = "md", shape: t = "rounded", className: o, ...a }, d) => /* @__PURE__ */ b.jsx(
+    "div",
+    {
+      ref: d,
+      className: g(i({ variant: r, size: e, shape: t }), o),
+      ...a
+    }
+  )
+);
+export {
+  c as T
+};

package/dist/top-bar-ErHvwR4K.js

@@ -0,0 +1,62 @@
+import { c as s, j as n } from "./index-DU1SCUkk.js";
+import { forwardRef as i } from "react";
+const l = s(
+  "w-full flex items-center px-6 py-2 border-b border-neutral bg-white",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+), p = s("flex items-center gap-3 min-w-0 flex-1"), m = s("flex items-center gap-2 ml-auto"), f = s(
+  "px-2.5 py-1.5 rounded-md text-xs font-sm cursor-pointer transition-colors",
+  {
+    variants: {
+      active: {
+        true: "bg-coral/10 text-coral",
+        false: "hover:bg-coral/10"
+      }
+    },
+    defaultVariants: {
+      active: !1
+    }
+  }
+), u = s("flex items-center gap-2 ml-4"), x = s("flex items-center gap-2 mr-4"), v = i(
+  function({ children: a, className: r, ...t }, e) {
+    return /* @__PURE__ */ n.jsx("nav", { ref: e, className: u({ className: r }), ...t, children: a });
+  }
+), d = i(
+  function({ children: a, className: r, ...t }, e) {
+    return /* @__PURE__ */ n.jsx("div", { ref: e, className: x({ className: r }), ...t, children: a });
+  }
+), B = i(
+  function({ children: a, className: r, ...t }, e) {
+    return /* @__PURE__ */ n.jsx("div", { ref: e, className: p({ className: r }), ...t, children: a });
+  }
+), g = i(
+  function({ children: a, className: r, ...t }, e) {
+    return /* @__PURE__ */ n.jsx("div", { ref: e, className: m({ className: r }), ...t, children: a });
+  }
+), T = i(
+  function({ children: a, className: r, active: t, ...e }, c) {
+    return /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        ref: c,
+        className: f({ active: t, className: r }),
+        "aria-current": t ? "page" : void 0,
+        ...e,
+        children: a
+      }
+    );
+  }
+), N = i(
+  ({ children: o, className: a, ...r }, t) => /* @__PURE__ */ n.jsx("header", { ref: t, className: l({ className: a }), ...r, children: o })
+), b = Object.assign(N, {
+  Leading: B,
+  Trailing: g,
+  NavItem: T,
+  Nav: v,
+  Actions: d
+});
+export {
+  b as T
+};

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@dimasbaguspm/versaur",
+  "version": "0.0.0",
+  "description": "React UI library with Tailwind CSS",
+  "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
+  "license": "MIT",
+  "type": "module",
+  "packageManager": "yarn@4.9.2",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/components/*/index.d.ts"
+    },
+    "./hooks/*": {
+      "import": "./dist/hooks/*.js",
+      "types": "./dist/hooks/*/index.d.ts"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "test": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "tailwind"
+  ],
+  "peerDependencies": {
+    "lucide-react": ">=0.525.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.31.0",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/addon-onboarding": "8.6.14",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@storybook/test": "8.6.14",
+    "@tailwindcss/vite": "4.1.11",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/node": "24.0.13",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
+    "@vitejs/plugin-react": "4.6.0",
+    "@vitest/coverage-v8": "3.2.4",
+    "@vitest/ui": "3.2.4",
+    "autoprefixer": "10.4.21",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "eslint": "9.31.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-react-refresh": "0.4.20",
+    "eslint-plugin-storybook": "9.0.16",
+    "globals": "16.3.0",
+    "jsdom": "26.1.0",
+    "lucide-react": "0.525.0",
+    "prettier": "3.5.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "storybook": "8.6.14",
+    "tailwind-merge": "3.3.1",
+    "tailwindcss": "4.1.11",
+    "typescript": "5.8.3",
+    "typescript-eslint": "8.36.0",
+    "vite": "7.0.4",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "3.2.4"
+  }
+}