@dimasbaguspm/versaur 0.0.0 → 0.0.2

package/dist/segment-multiple-input-VwHCqFd6.js

@@ -1,229 +0,0 @@
-import { c as C, j as r } from "./index-DU1SCUkk.js";
-import a, { createContext as N, useContext as V } from "react";
-import { c as j } from "./cn-Ca4KprQ1.js";
-const M = C(
-  "inline-flex rounded-lg border overflow-hidden bg-neutral/50 p-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-coral/20",
-        secondary: "border-sage/20",
-        tertiary: "border-mist/20",
-        ghost: "border-slate/20",
-        neutral: "border-gray-200",
-        // Outline variants
-        "primary-outline": "border-coral",
-        "secondary-outline": "border-sage",
-        "tertiary-outline": "border-mist",
-        "ghost-outline": "border-slate",
-        "neutral-outline": "border-gray-400",
-        // Semantic variants
-        success: "border-success/20",
-        "success-outline": "border-success",
-        info: "border-info/20",
-        "info-outline": "border-info",
-        warning: "border-warning/20",
-        "warning-outline": "border-warning",
-        danger: "border-danger/20",
-        "danger-outline": "border-danger"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      error: {
-        true: "border-danger",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      error: !1
-    }
-  }
-), z = C(
-  "relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "text-slate hover:text-coral focus:ring-coral/30",
-        secondary: "text-slate hover:text-sage focus:ring-sage/30",
-        tertiary: "text-slate hover:text-mist focus:ring-mist/30",
-        ghost: "text-slate hover:text-slate focus:ring-slate/30",
-        neutral: "text-slate hover:text-gray-700 focus:ring-gray-400/30",
-        // Outline variants
-        "primary-outline": "text-coral hover:bg-coral/10 focus:ring-coral/30",
-        "secondary-outline": "text-sage hover:bg-sage/10 focus:ring-sage/30",
-        "tertiary-outline": "text-mist hover:bg-mist/10 focus:ring-mist/30",
-        "ghost-outline": "text-slate hover:bg-slate/10 focus:ring-slate/30",
-        "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
-        // Semantic variants
-        success: "text-slate hover:text-success focus:ring-success/30",
-        "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
-        info: "text-slate hover:text-info focus:ring-info/30",
-        "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
-        warning: "text-slate hover:text-warning focus:ring-warning/30",
-        "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
-        danger: "text-slate hover:text-danger focus:ring-danger/30",
-        "danger-outline": "text-danger hover:bg-danger/10 focus:ring-danger/30"
-      },
-      size: {
-        sm: "px-2 py-1.5 text-xs",
-        md: "px-3 py-2 text-sm",
-        lg: "px-4 py-2.5 text-base"
-      },
-      rounded: {
-        first: "rounded-l-md",
-        middle: "",
-        last: "rounded-r-md",
-        single: "rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      rounded: "middle"
-    }
-  }
-), E = (s) => {
-  const n = {
-    // Core variants - override hover text color changes
-    primary: "bg-coral text-white shadow-sm hover:text-white",
-    secondary: "bg-sage text-white shadow-sm hover:text-white",
-    tertiary: "bg-mist text-white shadow-sm hover:text-white",
-    ghost: "bg-slate text-white shadow-sm hover:text-white",
-    neutral: "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Outline variants - override hover text color changes
-    "primary-outline": "bg-coral text-white shadow-sm hover:text-white",
-    "secondary-outline": "bg-sage text-white shadow-sm hover:text-white",
-    "tertiary-outline": "bg-mist text-white shadow-sm hover:text-white",
-    "ghost-outline": "bg-slate text-white shadow-sm hover:text-white",
-    "neutral-outline": "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Semantic variants - override hover text color changes
-    success: "bg-success text-white shadow-sm hover:text-white",
-    "success-outline": "bg-success text-white shadow-sm hover:text-white",
-    info: "bg-info text-white shadow-sm hover:text-white",
-    "info-outline": "bg-info text-white shadow-sm hover:text-white",
-    warning: "bg-warning text-white shadow-sm hover:text-white",
-    "warning-outline": "bg-warning text-white shadow-sm hover:text-white",
-    danger: "bg-danger text-white shadow-sm hover:text-white",
-    "danger-outline": "bg-danger text-white shadow-sm hover:text-white"
-  };
-  return n[s || "primary"] || n.primary;
-}, S = N(null), O = () => {
-  const s = V(S);
-  if (!s)
-    throw new Error(
-      "useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
-    );
-  return s;
-}, I = a.forwardRef(
-  ({ children: s, className: n, disabled: c, id: u, value: o, position: b = "middle", ...h }, v) => {
-    const e = O(), p = a.useId(), x = u || p, l = c || e.disabled, m = e.error ? "danger" : e.variant || "primary", t = e.value?.includes(o) ?? !1, y = (d) => {
-      if (!l) {
-        const w = e.value || [];
-        let i;
-        t ? i = w.filter((f) => f !== o) : i = [...w, o], e.onChange?.(i);
-      }
-      h.onChange?.(d);
-    };
-    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(
-        "input",
-        {
-          ref: v,
-          type: "checkbox",
-          id: x,
-          name: `${e.name}[]`,
-          value: o,
-          checked: t,
-          disabled: l,
-          onChange: y,
-          className: "sr-only",
-          ...h
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        "label",
-        {
-          htmlFor: x,
-          className: j(
-            z({
-              variant: m,
-              size: e.size,
-              rounded: b
-            }),
-            // Apply selected state styling
-            t && E(m),
-            t && "relative z-10",
-            // Apply disabled styling directly since labels don't support disabled attribute
-            l && "opacity-50 cursor-not-allowed pointer-events-none",
-            n
-          ),
-          children: s
-        }
-      )
-    ] });
-  }
-);
-I.displayName = "SegmentOption";
-const R = a.forwardRef(
-  ({
-    variant: s = "primary",
-    size: n = "md",
-    label: c,
-    helperText: u,
-    error: o,
-    className: b,
-    disabled: h,
-    name: v,
-    value: e = [],
-    onChange: p,
-    children: x,
-    ...l
-  }, m) => {
-    const t = !!o, y = {
-      variant: s,
-      size: n,
-      disabled: h,
-      error: t,
-      name: v,
-      value: e,
-      onChange: p
-    }, d = a.Children.toArray(x), w = d.map((i, f) => {
-      if (a.isValidElement(i)) {
-        let g;
-        return d.length === 1 ? g = "single" : f === 0 ? g = "first" : f === d.length - 1 ? g = "last" : g = "middle", a.cloneElement(
-          i,
-          { position: g }
-        );
-      }
-      return i;
-    });
-    return /* @__PURE__ */ r.jsx(S.Provider, { value: y, children: /* @__PURE__ */ r.jsxs("div", { ref: m, className: j("w-full", b), ...l, children: [
-      c && /* @__PURE__ */ r.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
-      /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          className: M({
-            variant: t ? "danger" : s,
-            size: n,
-            error: t
-          }),
-          children: w
-        }
-      ),
-      t && /* @__PURE__ */ r.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: o }),
-      !t && u && /* @__PURE__ */ r.jsx("div", { className: "mt-2 text-sm text-gray-600", children: u })
-    ] }) });
-  }
-), P = Object.assign(R, {
-  Option: I
-});
-export {
-  P as S
-};

package/dist/segment-single-input-Cqoo7-C2.js

@@ -1,228 +0,0 @@
-import { c as S, j as t } from "./index-DU1SCUkk.js";
-import i, { createContext as N, useContext as V } from "react";
-import { c as C } from "./cn-Ca4KprQ1.js";
-const z = S(
-  "inline-flex rounded-lg border overflow-hidden bg-neutral/50 p-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "border-coral/20",
-        secondary: "border-sage/20",
-        tertiary: "border-mist/20",
-        ghost: "border-slate/20",
-        neutral: "border-gray-200",
-        // Outline variants
-        "primary-outline": "border-coral",
-        "secondary-outline": "border-sage",
-        "tertiary-outline": "border-mist",
-        "ghost-outline": "border-slate",
-        "neutral-outline": "border-gray-400",
-        // Semantic variants
-        success: "border-success/20",
-        "success-outline": "border-success",
-        info: "border-info/20",
-        "info-outline": "border-info",
-        warning: "border-warning/20",
-        "warning-outline": "border-warning",
-        danger: "border-danger/20",
-        "danger-outline": "border-danger"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      error: {
-        true: "border-danger",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      error: !1
-    }
-  }
-), E = S(
-  "relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1",
-  {
-    variants: {
-      variant: {
-        // Core variants using Versaur color system
-        primary: "text-slate hover:text-coral focus:ring-coral/30",
-        secondary: "text-slate hover:text-sage focus:ring-sage/30",
-        tertiary: "text-slate hover:text-mist focus:ring-mist/30",
-        ghost: "text-slate hover:text-slate focus:ring-slate/30",
-        neutral: "text-slate hover:text-gray-700 focus:ring-gray-400/30",
-        // Outline variants
-        "primary-outline": "text-coral hover:bg-coral/10 focus:ring-coral/30",
-        "secondary-outline": "text-sage hover:bg-sage/10 focus:ring-sage/30",
-        "tertiary-outline": "text-mist hover:bg-mist/10 focus:ring-mist/30",
-        "ghost-outline": "text-slate hover:bg-slate/10 focus:ring-slate/30",
-        "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
-        // Semantic variants
-        success: "text-slate hover:text-success focus:ring-success/30",
-        "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
-        info: "text-slate hover:text-info focus:ring-info/30",
-        "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
-        warning: "text-slate hover:text-warning focus:ring-warning/30",
-        "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
-        danger: "text-slate hover:text-danger focus:ring-danger/30",
-        "danger-outline": "text-danger hover:bg-danger/10 focus:ring-danger/30"
-      },
-      size: {
-        sm: "px-2 py-1.5 text-xs",
-        md: "px-3 py-2 text-sm",
-        lg: "px-4 py-2.5 text-base"
-      },
-      rounded: {
-        first: "rounded-l-md",
-        middle: "",
-        last: "rounded-r-md",
-        single: "rounded-md"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md",
-      rounded: "middle"
-    }
-  }
-), O = (r) => {
-  const s = {
-    // Core variants - override hover text color changes
-    primary: "bg-coral text-white shadow-sm hover:text-white",
-    secondary: "bg-sage text-white shadow-sm hover:text-white",
-    tertiary: "bg-mist text-white shadow-sm hover:text-white",
-    ghost: "bg-slate text-white shadow-sm hover:text-white",
-    neutral: "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Outline variants - override hover text color changes
-    "primary-outline": "bg-coral text-white shadow-sm hover:text-white",
-    "secondary-outline": "bg-sage text-white shadow-sm hover:text-white",
-    "tertiary-outline": "bg-mist text-white shadow-sm hover:text-white",
-    "ghost-outline": "bg-slate text-white shadow-sm hover:text-white",
-    "neutral-outline": "bg-gray-500 text-white shadow-sm hover:text-white",
-    // Semantic variants - override hover text color changes
-    success: "bg-success text-white shadow-sm hover:text-white",
-    "success-outline": "bg-success text-white shadow-sm hover:text-white",
-    info: "bg-info text-white shadow-sm hover:text-white",
-    "info-outline": "bg-info text-white shadow-sm hover:text-white",
-    warning: "bg-warning text-white shadow-sm hover:text-white",
-    "warning-outline": "bg-warning text-white shadow-sm hover:text-white",
-    danger: "bg-danger text-white shadow-sm hover:text-white",
-    "danger-outline": "bg-danger text-white shadow-sm hover:text-white"
-  };
-  return s[r || "primary"] || s.primary;
-}, j = N(null), R = () => {
-  const r = V(j);
-  if (!r)
-    throw new Error(
-      "useSegmentSingleInputContext must be used within SegmentSingleInputContext"
-    );
-  return r;
-}, I = i.forwardRef(
-  ({ children: r, className: s, disabled: d, id: c, value: o, position: m = "middle", ...h }, w) => {
-    const e = R(), f = i.useId(), u = c || f, a = d || e.disabled, x = e.error ? "danger" : e.variant || "primary", n = e.value === o, b = (g) => {
-      if (!a) {
-        const v = e.value === o ? null : o;
-        e.onChange?.(v);
-      }
-      h.onChange?.(g);
-    };
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        "input",
-        {
-          ref: w,
-          type: "radio",
-          id: u,
-          name: e.name,
-          value: o,
-          checked: n,
-          disabled: a,
-          onChange: b,
-          className: "sr-only",
-          ...h
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        "label",
-        {
-          htmlFor: u,
-          className: C(
-            E({
-              variant: x,
-              size: e.size,
-              rounded: m
-            }),
-            // Apply selected state styling
-            n && O(x),
-            n && "relative z-10",
-            // Apply disabled styling directly since labels don't support disabled attribute
-            a && "opacity-50 cursor-not-allowed pointer-events-none",
-            s
-          ),
-          children: r
-        }
-      )
-    ] });
-  }
-);
-I.displayName = "SegmentOption";
-const k = i.forwardRef(
-  ({
-    variant: r = "primary",
-    size: s = "md",
-    label: d,
-    helperText: c,
-    error: o,
-    className: m,
-    disabled: h,
-    name: w,
-    value: e,
-    onChange: f,
-    children: u,
-    ...a
-  }, x) => {
-    const n = !!o, b = {
-      variant: r,
-      size: s,
-      disabled: h,
-      error: n,
-      name: w,
-      value: e,
-      onChange: f
-    }, g = i.Children.toArray(u), v = g.map((p, y) => {
-      if (i.isValidElement(p)) {
-        let l;
-        return g.length === 1 ? l = "single" : y === 0 ? l = "first" : y === g.length - 1 ? l = "last" : l = "middle", i.cloneElement(
-          p,
-          { position: l }
-        );
-      }
-      return p;
-    });
-    return /* @__PURE__ */ t.jsx(j.Provider, { value: b, children: /* @__PURE__ */ t.jsxs("div", { ref: x, className: C("w-full", m), ...a, children: [
-      d && /* @__PURE__ */ t.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
-      /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          className: z({
-            variant: n ? "danger" : r,
-            size: s,
-            error: n
-          }),
-          children: v
-        }
-      ),
-      n && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: o }),
-      !n && c && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
-    ] }) });
-  }
-), _ = Object.assign(k, {
-  Option: I
-});
-export {
-  _ as S
-};

package/dist/select-input-DCb0usvK.js

@@ -1,108 +0,0 @@
-import { c as p, j as r } from "./index-DU1SCUkk.js";
-import d from "react";
-import { c as i } from "./cn-Ca4KprQ1.js";
-const h = p(
-  "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 appearance-none bg-no-repeat bg-right pr-10",
-  {
-    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"
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-), v = d.forwardRef(
-  ({
-    variant: c = "primary",
-    label: u,
-    helperText: o,
-    error: s,
-    className: g,
-    disabled: n,
-    id: f,
-    placeholder: t,
-    children: l,
-    ...b
-  }, x) => {
-    const m = d.useId(), a = f || m, e = !!s;
-    return /* @__PURE__ */ r.jsxs("div", { children: [
-      /* @__PURE__ */ r.jsx(
-        "label",
-        {
-          htmlFor: a,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: u
-        }
-      ),
-      /* @__PURE__ */ r.jsxs("div", { className: i("relative w-full", g), children: [
-        /* @__PURE__ */ r.jsxs(
-          "select",
-          {
-            ref: x,
-            id: a,
-            "aria-invalid": e,
-            "aria-disabled": n,
-            disabled: n,
-            className: i(
-              h({
-                variant: e ? "danger" : c
-              }),
-              "h-10 pl-3"
-            ),
-            ...b,
-            children: [
-              t && /* @__PURE__ */ r.jsx("option", { value: "", disabled: !0, hidden: !0, children: t }),
-              l
-            ]
-          }
-        ),
-        /* @__PURE__ */ r.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none", children: /* @__PURE__ */ r.jsx(
-          "svg",
-          {
-            className: "w-5 h-5 text-gray-400",
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 20 20",
-            fill: "currentColor",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ r.jsx(
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-                clipRule: "evenodd"
-              }
-            )
-          }
-        ) })
-      ] }),
-      e && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
-      !e && o && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-gray-600", children: o })
-    ] });
-  }
-);
-v.displayName = "SelectInput";
-export {
-  v as S
-};

package/dist/skeleton-D4X5USf_.js

@@ -1,59 +0,0 @@
-import { c as u, j as a } from "./index-DU1SCUkk.js";
-import * as m from "react";
-import { c } from "./cn-Ca4KprQ1.js";
-const p = u("w-full overflow-hidden bg-neutral-200", {
-  variants: {
-    shape: {
-      rectangle: "rounded-none",
-      rounded: "rounded-md",
-      circle: "rounded-full",
-      square: "aspect-square rounded-md"
-    },
-    size: {
-      sm: "h-4",
-      md: "h-6",
-      lg: "h-8",
-      xl: "h-12"
-    }
-  },
-  defaultVariants: {
-    shape: "rounded",
-    size: "md"
-  }
-}), w = m.forwardRef(
-  function({ shape: o = "rounded", size: n = "md", height: e, className: s, style: r, ...t }, d) {
-    const l = ["sm", "md", "lg", "xl"].includes(n) ? n : "md", i = e ? {
-      ...r,
-      height: typeof e == "number" ? `${e}px` : e
-    } : r;
-    return /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        ref: d,
-        role: "presentation",
-        className: c(
-          "relative",
-          p({ shape: o, size: l }),
-          s
-        ),
-        style: i,
-        "aria-hidden": "true",
-        ...t,
-        children: /* @__PURE__ */ a.jsx(
-          "span",
-          {
-            className: [
-              "absolute inset-0 block w-full h-full",
-              "animate-loading-bar",
-              "bg-gradient-to-r from-transparent via-white/60 to-transparent pointer-events-none"
-            ].join(" "),
-            "aria-hidden": "true"
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  w as S
-};