@bloodhoundenterprise/doodleui 1.0.0-alpha.0 → 1.0.0-alpha.1

package/dist/doodleui.js

@@ -3,68 +3,27 @@ import * as Oe from "react";
 import { useCallback as Ce, forwardRef as V, Children as B, isValidElement as Z, createElement as S, cloneElement as Se, Fragment as Le, useState as O, useEffect as L, createContext as me, useMemo as G, useContext as We, useRef as W, useLayoutEffect as Fe } from "react";
 import "react-dom";
 function ze(e) {
-  var t, r, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (r = ze(e[t])) && (o && (o += " "), o += r);
-  else for (t in e) e[t] && (o && (o += " "), o += t);
-  return o;
-}
-function Ue() {
-  for (var e, t, r = 0, o = ""; r < arguments.length; ) (e = arguments[r++]) && (t = ze(e)) && (o && (o += " "), o += t);
-  return o;
-}
-const ge = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, ve = Ue, R = (e, t) => (r) => {
-  var o;
-  if ((t == null ? void 0 : t.variants) == null) return ve(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-  const { variants: s, defaultVariants: n } = t, i = Object.keys(s).map((c) => {
-    const p = r == null ? void 0 : r[c], u = n == null ? void 0 : n[c];
-    if (p === null) return null;
-    const b = ge(p) || ge(u);
-    return s[c][b];
-  }), a = r && Object.entries(r).reduce((c, p) => {
-    let [u, b] = p;
-    return b === void 0 || (c[u] = b), c;
-  }, {}), l = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
-    let { class: u, className: b, ...x } = p;
-    return Object.entries(x).every((y) => {
-      let [h, m] = y;
-      return Array.isArray(m) ? m.includes({
-        ...n,
-        ...a
-      }[h]) : {
-        ...n,
-        ...a
-      }[h] === m;
-    }) ? [
-      ...c,
-      u,
-      b
-    ] : c;
-  }, []);
-  return ve(e, i, l, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-};
-function Ae(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (r = Ae(e[t])) && (o && (o += " "), o += r);
+    for (t = 0; t < s; t++) e[t] && (r = ze(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function He() {
-  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = Ae(e)) && (o && (o += " "), o += t);
+function Ue() {
+  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = ze(e)) && (o && (o += " "), o += t);
   return o;
 }
 const ne = "-";
-function qe(e) {
-  const t = Xe(e), {
+function He(e) {
+  const t = Je(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   function s(i) {
     const a = i.split(ne);
-    return a[0] === "" && a.length !== 1 && a.shift(), Ne(a, t) || Je(i);
+    return a[0] === "" && a.length !== 1 && a.shift(), Ae(a, t) || qe(i);
   }
   function n(i, a) {
     const l = r[i] || [];
@@ -75,11 +34,11 @@ function qe(e) {
     getConflictingClassGroupIds: n
   };
 }
-function Ne(e, t) {
+function Ae(e, t) {
   var i;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), s = o ? Ne(e.slice(1), o) : void 0;
+  const r = e[0], o = t.nextPart.get(r), s = o ? Ae(e.slice(1), o) : void 0;
   if (s)
     return s;
   if (t.validators.length === 0)
@@ -89,15 +48,15 @@ function Ne(e, t) {
     validator: a
   }) => a(n))) == null ? void 0 : i.classGroupId;
 }
-const ye = /^\[(.+)\]$/;
-function Je(e) {
-  if (ye.test(e)) {
-    const t = ye.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+const ge = /^\[(.+)\]$/;
+function qe(e) {
+  if (ge.test(e)) {
+    const t = ge.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
 }
-function Xe(e) {
+function Je(e) {
   const {
     theme: t,
     prefix: r
@@ -105,19 +64,19 @@ function Xe(e) {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ke(Object.entries(e.classGroups), r).forEach(([n, i]) => {
+  return Ze(Object.entries(e.classGroups), r).forEach(([n, i]) => {
     re(i, o, n, t);
   }), o;
 }
 function re(e, t, r, o) {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const n = s === "" ? t : xe(t, s);
+      const n = s === "" ? t : ve(t, s);
       n.classGroupId = r;
       return;
     }
     if (typeof s == "function") {
-      if (Ze(s)) {
+      if (Xe(s)) {
         re(s(o), t, r, o);
         return;
       }
@@ -128,11 +87,11 @@ function re(e, t, r, o) {
       return;
     }
     Object.entries(s).forEach(([n, i]) => {
-      re(i, xe(t, n), r, o);
+      re(i, ve(t, n), r, o);
     });
   });
 }
-function xe(e, t) {
+function ve(e, t) {
   let r = e;
   return t.split(ne).forEach((o) => {
     r.nextPart.has(o) || r.nextPart.set(o, {
@@ -141,16 +100,16 @@ function xe(e, t) {
     }), r = r.nextPart.get(o);
   }), r;
 }
-function Ze(e) {
+function Xe(e) {
   return e.isThemeGetter;
 }
-function Ke(e, t) {
+function Ze(e, t) {
   return t ? e.map(([r, o]) => {
     const s = o.map((n) => typeof n == "string" ? t + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([i, a]) => [t + i, a])) : n);
     return [r, s];
   }) : e;
 }
-function Ye(e) {
+function Ke(e) {
   if (e < 1)
     return {
       get: () => {
@@ -175,8 +134,8 @@ function Ye(e) {
     }
   };
 }
-const Pe = "!";
-function De(e) {
+const Ne = "!";
+function Ye(e) {
   const t = e.separator, r = t.length === 1, o = t[0], s = t.length;
   return function(i) {
     const a = [];
@@ -195,7 +154,7 @@ function De(e) {
       }
       m === "[" ? l++ : m === "]" && l--;
     }
-    const u = a.length === 0 ? i : i.substring(c), b = u.startsWith(Pe), x = b ? u.substring(1) : u, y = p && p > c ? p - c : void 0;
+    const u = a.length === 0 ? i : i.substring(c), b = u.startsWith(Ne), x = b ? u.substring(1) : u, y = p && p > c ? p - c : void 0;
     return {
       modifiers: a,
       hasImportantModifier: b,
@@ -204,7 +163,7 @@ function De(e) {
     };
   };
 }
-function Qe(e) {
+function De(e) {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -213,21 +172,21 @@ function Qe(e) {
     o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
   }), t.push(...r.sort()), t;
 }
-function et(e) {
+function Qe(e) {
   return {
-    cache: Ye(e.cacheSize),
-    splitModifiers: De(e),
-    ...qe(e)
+    cache: Ke(e.cacheSize),
+    splitModifiers: Ye(e),
+    ...He(e)
   };
 }
-const tt = /\s+/;
-function rt(e, t) {
+const et = /\s+/;
+function tt(e, t) {
   const {
     splitModifiers: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: s
   } = t, n = /* @__PURE__ */ new Set();
-  return e.trim().split(tt).map((i) => {
+  return e.trim().split(et).map((i) => {
     const {
       modifiers: a,
       hasImportantModifier: l,
@@ -248,10 +207,10 @@ function rt(e, t) {
         };
       b = !1;
     }
-    const x = Qe(a).join(":");
+    const x = De(a).join(":");
     return {
       isTailwindClass: !0,
-      modifierId: l ? x + Pe : x,
+      modifierId: l ? x + Ne : x,
       classGroupId: u,
       originalClassName: i,
       hasPostfixModifier: b
@@ -267,100 +226,100 @@ function rt(e, t) {
     return n.has(p) ? !1 : (n.add(p), s(l, c).forEach((u) => n.add(a + u)), !0);
   }).reverse().map((i) => i.originalClassName).join(" ");
 }
-function ot() {
+function rt() {
   let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = Me(t)) && (o && (o += " "), o += r);
+    (t = arguments[e++]) && (r = Pe(t)) && (o && (o += " "), o += r);
   return o;
 }
-function Me(e) {
+function Pe(e) {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = Me(e[o])) && (r && (r += " "), r += t);
+    e[o] && (t = Pe(e[o])) && (r && (r += " "), r += t);
   return r;
 }
-function nt(e, ...t) {
+function ot(e, ...t) {
   let r, o, s, n = i;
   function i(l) {
     const c = t.reduce((p, u) => u(p), e());
-    return r = et(c), o = r.cache.get, s = r.cache.set, n = a, a(l);
+    return r = Qe(c), o = r.cache.get, s = r.cache.set, n = a, a(l);
   }
   function a(l) {
     const c = o(l);
     if (c)
       return c;
-    const p = rt(l, r);
+    const p = tt(l, r);
     return s(l, p), p;
   }
   return function() {
-    return n(ot.apply(null, arguments));
+    return n(rt.apply(null, arguments));
   };
 }
 function g(e) {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
 }
-const Ve = /^\[(?:([a-z-]+):)?(.+)\]$/i, st = /^\d+\/\d+$/, it = /* @__PURE__ */ new Set(["px", "full", "screen"]), at = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ct = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, dt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ut = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+const Me = /^\[(?:([a-z-]+):)?(.+)\]$/i, nt = /^\d+\/\d+$/, st = /* @__PURE__ */ new Set(["px", "full", "screen"]), it = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, at = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, lt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ct = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, dt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 function z(e) {
-  return M(e) || it.has(e) || st.test(e);
+  return M(e) || st.has(e) || nt.test(e);
 }
 function A(e) {
-  return j(e, "length", yt);
+  return R(e, "length", vt);
 }
 function M(e) {
   return !!e && !Number.isNaN(Number(e));
 }
 function J(e) {
-  return j(e, "number", M);
+  return R(e, "number", M);
 }
 function E(e) {
   return !!e && Number.isInteger(Number(e));
 }
-function pt(e) {
+function ut(e) {
   return e.endsWith("%") && M(e.slice(0, -1));
 }
 function d(e) {
-  return Ve.test(e);
+  return Me.test(e);
 }
 function N(e) {
-  return at.test(e);
+  return it.test(e);
+}
+const pt = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
+function ft(e) {
+  return R(e, pt, Ve);
 }
-const ft = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
 function bt(e) {
-  return j(e, ft, Re);
+  return R(e, "position", Ve);
 }
-function ht(e) {
-  return j(e, "position", Re);
+const ht = /* @__PURE__ */ new Set(["image", "url"]);
+function mt(e) {
+  return R(e, ht, xt);
 }
-const mt = /* @__PURE__ */ new Set(["image", "url"]);
 function gt(e) {
-  return j(e, mt, wt);
-}
-function vt(e) {
-  return j(e, "", xt);
+  return R(e, "", yt);
 }
 function I() {
   return !0;
 }
-function j(e, t, r) {
-  const o = Ve.exec(e);
+function R(e, t, r) {
+  const o = Me.exec(e);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
 }
-function yt(e) {
-  return lt.test(e) && !ct.test(e);
+function vt(e) {
+  return at.test(e) && !lt.test(e);
 }
-function Re() {
+function Ve() {
   return !1;
 }
+function yt(e) {
+  return ct.test(e);
+}
 function xt(e) {
   return dt.test(e);
 }
-function wt(e) {
-  return ut.test(e);
-}
-function kt() {
+function wt() {
   const e = g("colors"), t = g("spacing"), r = g("blur"), o = g("brightness"), s = g("borderColor"), n = g("borderRadius"), i = g("borderSpacing"), a = g("borderWidth"), l = g("contrast"), c = g("grayscale"), p = g("hueRotate"), u = g("invert"), b = g("gap"), x = g("gradientColorStops"), y = g("gradientColorStopPositions"), h = g("inset"), m = g("margin"), $ = g("opacity"), w = g("padding"), F = g("saturate"), K = g("scale"), ae = g("sepia"), le = g("skew"), ce = g("space"), de = g("translate"), Y = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], Q = () => ["auto", d, t], v = () => [d, t], ue = () => ["", z, A], U = () => ["auto", M, d], pe = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["solid", "dashed", "dotted", "double", "none"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], _ = () => ["", "0", d], be = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], T = () => [M, J], q = () => [M, d];
   return {
     cacheSize: 500,
@@ -380,7 +339,7 @@ function kt() {
       invert: _(),
       gap: v(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [pt, A],
+      gradientColorStopPositions: [ut, A],
       inset: Q(),
       margin: Q(),
       opacity: T(),
@@ -1293,7 +1252,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...pe(), ht]
+        bg: [...pe(), bt]
       }],
       /**
        * Background Repeat
@@ -1309,7 +1268,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", bt]
+        bg: ["auto", "cover", "contain", ft]
       }],
       /**
        * Background Image
@@ -1318,7 +1277,7 @@ function kt() {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, gt]
+        }, mt]
       }],
       /**
        * Background Color
@@ -1720,7 +1679,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", N, vt]
+        shadow: ["", "inner", "none", N, gt]
       }],
       /**
        * Box Shadow Color
@@ -2376,7 +2335,7 @@ function kt() {
     }
   };
 }
-const $t = /* @__PURE__ */ nt(kt), Ct = [
+const kt = /* @__PURE__ */ ot(wt), $t = [
   "primary",
   "primary-variant",
   "primary",
@@ -2393,12 +2352,12 @@ const $t = /* @__PURE__ */ nt(kt), Ct = [
   "blue"
 ];
 function C(...e) {
-  return $t(He(e));
+  return kt(Ue(e));
 }
 function se(e) {
-  return Ct.includes(e) ? `var(--${e})` : e;
+  return $t.includes(e) ? `var(--${e})` : e;
 }
-function je(...e) {
+function Re(...e) {
   return e.reduce((t, r) => {
     const [o, s] = r;
     return o ? { ...t, ...s } : t;
@@ -2407,9 +2366,50 @@ function je(...e) {
 const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cn: C,
-  getConditionalStyles: je,
+  getConditionalStyles: Re,
   getCssColor: se
-}, Symbol.toStringTag, { value: "Module" })), St = R("flex justify-center items-center rounded-full bg-neutral-light-3", {
+}, Symbol.toStringTag, { value: "Module" }));
+function je(e) {
+  var t, r, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (r = je(e[t])) && (o && (o += " "), o += r);
+  else for (t in e) e[t] && (o && (o += " "), o += t);
+  return o;
+}
+function Ct() {
+  for (var e, t, r = 0, o = ""; r < arguments.length; ) (e = arguments[r++]) && (t = je(e)) && (o && (o += " "), o += t);
+  return o;
+}
+const ye = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, xe = Ct, j = (e, t) => (r) => {
+  var o;
+  if ((t == null ? void 0 : t.variants) == null) return xe(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  const { variants: s, defaultVariants: n } = t, i = Object.keys(s).map((c) => {
+    const p = r == null ? void 0 : r[c], u = n == null ? void 0 : n[c];
+    if (p === null) return null;
+    const b = ye(p) || ye(u);
+    return s[c][b];
+  }), a = r && Object.entries(r).reduce((c, p) => {
+    let [u, b] = p;
+    return b === void 0 || (c[u] = b), c;
+  }, {}), l = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
+    let { class: u, className: b, ...x } = p;
+    return Object.entries(x).every((y) => {
+      let [h, m] = y;
+      return Array.isArray(m) ? m.includes({
+        ...n,
+        ...a
+      }[h]) : {
+        ...n,
+        ...a
+      }[h] === m;
+    }) ? [
+      ...c,
+      u,
+      b
+    ] : c;
+  }, []);
+  return xe(e, i, l, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+}, St = j("flex justify-center items-center rounded-full bg-neutral-light-3", {
   variants: {
     type: {
       labeled: "size-8 p-2 shadow-none w-auto p-0 leading-[1] ",
@@ -2417,7 +2417,7 @@ const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       "md-circle": "size-8 p-2 drop-shadow"
     }
   }
-}), zt = R("rounded-full size-full", {
+}), zt = j("rounded-full size-full", {
   variants: {
     outlined: {
       true: "border-solid border-2 shadow-none bg-transparent"
@@ -2442,7 +2442,7 @@ const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ]
 });
 function ir(e) {
-  const { className: t, color: r = "secondary", outlined: o = !1, type: s, label: n = "md-circle", ...i } = e, a = se(r), l = s === "labeled", c = je(
+  const { className: t, color: r = "secondary", outlined: o = !1, type: s, label: n = "md-circle", ...i } = e, a = se(r), l = s === "labeled", c = Re(
     [!o, { backgroundColor: a }],
     [!!o, { borderColor: a }],
     [
@@ -2519,7 +2519,7 @@ function Vt(e, t) {
     ...r
   };
 }
-const Rt = R(
+const Rt = j(
   "shadow-outer-1 inline-flex items-center justify-center whitespace-nowrap h-10 px-6 py-2 rounded-3xl text-sm ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:no-underline",
   {
     variants: {
@@ -2945,7 +2945,7 @@ function Be(e) {
 }
 const Dt = Xt, Qt = Kt, Ge = {
   size: "medium"
-}, er = R(
+}, er = j(
   "flex items-center group rounded-3xl transition-all ease-in-out bg-neutral-dark-5 dark:bg-neutral-light-5 disabled:bg-neutral-light-5 disabled:opacity-50 data-[state=checked]:bg-primary dark:data-[state=checked]:bg-primary disabled:cursor-not-allowed focus-visible:outline-none",
   {
     variants: {
@@ -2957,7 +2957,7 @@ const Dt = Xt, Qt = Kt, Ge = {
     },
     defaultVariants: Ge
   }
-), tr = R(
+), tr = j(
   "transition-all ease-in-out rounded-full bg-neutral-light-2 ring-primary shadow-outer-1 hover:ring-2 group-disabled:hover:ring-0 group-focus:ring-2 group-focus-visible:ring-2 data-[state=checked]:shadow-outer-2 data-[state=checked]:ring-1 data-[state=checked]:hover:ring-2",
   {
     variants: {
@@ -2969,7 +2969,7 @@ const Dt = Xt, Qt = Kt, Ge = {
     },
     defaultVariants: Ge
   }
-), $e = R("transition-all ease-in-out text-neutral-dark-5 dark:text-white hover:cursor-pointer", {
+), $e = j("transition-all ease-in-out text-neutral-dark-5 dark:text-white hover:cursor-pointer", {
   variants: {
     size: {
       small: "text-sm",

package/dist/index.d.ts

@@ -0,0 +1,100 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ForwardRefExoticComponent } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { RefAttributes } from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Badge(props: BadgeProps): JSX_2.Element;
+
+declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof BadgePropVariants> {
+    color?: ColorOptions;
+    outlined: boolean;
+    label?: string;
+}
+
+declare const BadgePropVariants: (props?: ({
+    type?: "labeled" | "sm-circle" | "md-circle" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof ButtonVariants> {
+    asChild?: boolean;
+}
+
+declare const ButtonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "text" | "icon" | null | undefined;
+    size?: "medium" | "large" | "small" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare type ColorOptions = ThemeOptions | CustomColorOptions;
+
+declare type CustomColorOptions = `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})`;
+
+/**
+ *
+ * @param hedges [conditional, styles] - when conditional is true, styles will be applied in a cascading order. See example below.
+ * @returns React.CSSProperties
+ * @example ([truthy, {color: 'pink', fontSize: 12}],
+ * [truthy, {color: 'green'}],
+ * [falsy, {color: 'blue'}])
+ * // {color: 'green', fontSize: 12}
+ */
+declare function getConditionalStyles(...hedges: [boolean, React.CSSProperties][]): React.CSSProperties;
+
+/**
+ *
+ * @param color if using a theme color, use the css global var. Otherwise, just use the custom color value
+ * @returns string
+ */
+declare function getCssColor(color: ThemeOptions | CustomColorOptions): string;
+
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX_2.Element;
+
+declare interface HeaderProps {
+    user?: User;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onCreateAccount?: () => void;
+}
+
+export declare const Page: React.FC;
+
+declare interface Props extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    color: ColorOptions;
+    hideAnimation?: boolean;
+}
+
+export declare function RadialGauge(props: Props): JSX_2.Element;
+
+export declare const Switch: ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+size?: "medium" | "large" | "small" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+label?: string | undefined;
+labelPosition?: "left" | "right" | undefined;
+} & RefAttributes<HTMLButtonElement>>;
+
+declare type ThemeOptions = (typeof themeOptions)[number];
+
+declare const themeOptions: readonly ["primary", "primary-variant", "primary", "primary-variant", "secondary", "secondary-variant", "tertiary", "tertiary-variant", "purple", "red", "orange", "yellow", "green", "blue"];
+
+declare type User = {
+    name: string;
+};
+
+declare namespace utils {
+    export {
+        cn,
+        getCssColor,
+        getConditionalStyles
+    }
+}
+export { utils }
+
+export { }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bloodhoundenterprise/doodleui",
-    "version": "1.0.0-alpha.0",
+    "version": "1.0.0-alpha.1",
     "type": "module",
     "author": "SpecterOps",
     "repository": {
@@ -14,7 +14,8 @@
     "files": [
         "./dist"
     ],
-    "main": "./src/index.ts",
+    "main": "./dist/doodleui.js",
+    "types": "./dist/index.d.ts",
     "license": "Apache-2.0",
     "scripts": {
         "dev": "npm run storybook",
@@ -79,6 +80,7 @@
         "tsx": "^4.7.3",
         "typescript": "^5.2.2",
         "vite": "^5.2.11",
+        "vite-plugin-dts": "^3.9.1",
         "vitest": "^1.6.0"
     },
     "packageManager": "yarn@4.3.0"