@konstructio/ui 0.0.2

package/dist/components/Autocomplete/hooks/useAutocomplete.js

@@ -0,0 +1,81 @@
+import { useState as d, useEffect as m, useCallback as b } from "react";
+import { filterByValue as y } from "../../../utils/index.js";
+const S = ({
+  options: u,
+  inputRef: l,
+  wrapperRef: o,
+  onChange: r
+}) => {
+  const [v, f] = d(() => u ?? []), [O, n] = d(!1), [g, E] = d("");
+  m(() => {
+    var s;
+    const t = new AbortController();
+    return (s = l.current) == null || s.addEventListener("focus", () => n(!0), {
+      signal: t.signal
+    }), () => {
+      t.abort();
+    };
+  }, [l]), m(() => {
+    const t = new AbortController(), s = (e) => {
+      var a;
+      e.key === "Escape" && (n(!1), (a = l.current) == null || a.blur());
+    }, c = (e) => {
+      var a;
+      (a = o.current) != null && a.contains(e.target) || n(!1);
+    };
+    return document.addEventListener("keydown", s, {
+      signal: t.signal
+    }), document.addEventListener("mousedown", c, {
+      signal: t.signal
+    }), () => {
+      t.abort();
+    };
+  }, [l, o]), m(() => {
+    var s;
+    const t = new AbortController();
+    return (s = o.current) == null || s.addEventListener(
+      "focusout",
+      (c) => {
+        var e;
+        (e = o.current) != null && e.contains(c.relatedTarget) || n(!1);
+      },
+      { signal: t.signal }
+    ), () => {
+      t.abort();
+    };
+  }, [o]);
+  const i = b(
+    (t) => {
+      if (t.length === 0)
+        f(u);
+      else {
+        const s = u.map(({ value: e }) => e), c = y(s, t).map(
+          (e) => ({ value: e })
+        );
+        f(c);
+      }
+    },
+    [u]
+  ), k = b(
+    (t) => {
+      E(t.target.value), i(t.target.value), r == null || r(t.target.value);
+    },
+    [i, r]
+  ), w = b(
+    (t) => {
+      E(t), i(t), r == null || r(t), n(!1);
+    },
+    [i, r]
+  );
+  return {
+    inputRef: l,
+    newOptions: v,
+    showOptions: O,
+    value: g,
+    handleChange: k,
+    handleSelectValue: w
+  };
+};
+export {
+  S as useAutocomplete
+};

package/dist/components/Autocomplete/hooks/useNavigationList.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { Option } from '../Autocomplete.types';
+type UseNavigationListProps = {
+    ulRef: RefObject<HTMLUListElement>;
+    inputRef: RefObject<HTMLInputElement>;
+    wrapperRef: RefObject<HTMLDivElement>;
+    options: Option[];
+};
+export declare const useNavigationUlList: ({ ulRef, inputRef, wrapperRef, options, }: UseNavigationListProps) => void;
+export {};

package/dist/components/Autocomplete/hooks/useNavigationList.js

@@ -0,0 +1,78 @@
+import { useRef as d, useEffect as i } from "react";
+const y = ({
+  ulRef: c,
+  inputRef: l,
+  wrapperRef: b,
+  options: g
+}) => {
+  const r = d(0);
+  i(() => {
+    var o, k;
+    const e = ((o = c.current) == null ? void 0 : o.querySelectorAll("li")) ?? [], t = new AbortController(), u = () => {
+      r.current < e.length - 1 ? (r.current = r.current + 1, e[r.current].focus()) : (r.current = 0, e[0].focus());
+    }, n = () => {
+      var s;
+      r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, (s = l.current) == null || s.focus());
+    };
+    return (k = c.current) == null || k.addEventListener(
+      "keydown",
+      (s) => {
+        var w;
+        switch (s.preventDefault(), s.key) {
+          case "ArrowDown": {
+            u();
+            break;
+          }
+          case "Tab": {
+            s.shiftKey ? n() : u();
+            break;
+          }
+          case "ArrowUp": {
+            r.current === 0 ? (w = l.current) == null || w.focus() : n();
+            break;
+          }
+          case "Enter": {
+            const a = e[r.current].querySelector("button");
+            a == null || a.click();
+            break;
+          }
+        }
+      },
+      { signal: t.signal }
+    ), () => {
+      t.abort();
+    };
+  }, [l, c, g, r]), i(() => {
+    var t;
+    const e = new AbortController();
+    return (t = l.current) == null || t.addEventListener(
+      "keydown",
+      (u) => {
+        var n;
+        if (u.key === "ArrowDown") {
+          const o = (n = c.current) == null ? void 0 : n.querySelector("li");
+          o && o.focus();
+        }
+      },
+      { signal: e.signal }
+    ), () => {
+      e.abort();
+    };
+  }, [l, c, g]), i(() => {
+    var t;
+    const e = new AbortController();
+    return (t = b.current) == null || t.addEventListener(
+      "mouseenter",
+      () => {
+        var n;
+        (((n = c.current) == null ? void 0 : n.querySelectorAll("li")) ?? []).forEach((o) => o.blur());
+      },
+      { signal: e.signal }
+    ), () => {
+      e.abort();
+    };
+  }, [c, b]);
+};
+export {
+  y as useNavigationUlList
+};

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BreadcrumbProps } from './Breadcrumb.types';
+export declare const Breadcrumb: FC<BreadcrumbProps>;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,460 @@
+import { jsx as g, jsxs as ee, Fragment as te } from "react/jsx-runtime";
+import * as d from "react";
+import q, { forwardRef as ne, Fragment as re } from "react";
+import "../../index-2hJuj4UN.js";
+import { N as F, s as x, w as X, u as ie, a as ae, b as B, c as D, d as I, D as oe, e as le, R as se, i as N, j as ce, m as G, f as ue, g as fe } from "../../useBreadcrumb-BSMnc4Fu.js";
+import "../../contexts/theme.context.js";
+import { useTheme as me } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { breadcrumbVariants as de, breadcrumbItemVariants as he, chevronVariants as pe } from "./Breadcrumb.variants.js";
+import { P as T } from "../../index-DQMInta3.js";
+function W() {
+  return W = Object.assign || function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
+    }
+    return e;
+  }, W.apply(this, arguments);
+}
+function ve(e, n) {
+  if (e == null) return {};
+  var r = we(e, n), i, t;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (t = 0; t < a.length; t++)
+      i = a[t], !(n.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(e, i) && (r[i] = e[i]);
+  }
+  return r;
+}
+function we(e, n) {
+  if (e == null) return {};
+  var r = {}, i = Object.keys(e), t, a;
+  for (a = 0; a < i.length; a++)
+    t = i[a], !(n.indexOf(t) >= 0) && (r[t] = e[t]);
+  return r;
+}
+var K = ne(function(e, n) {
+  var r = e.color, i = r === void 0 ? "currentColor" : r, t = e.size, a = t === void 0 ? 24 : t, o = ve(e, ["color", "size"]);
+  return /* @__PURE__ */ q.createElement("svg", W({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: i,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, o), /* @__PURE__ */ q.createElement("polyline", {
+    points: "9 18 15 12 9 6"
+  }));
+});
+K.propTypes = {
+  color: T.string,
+  size: T.oneOfType([T.string, T.number])
+};
+K.displayName = "ChevronRight";
+/**
+ * React Router DOM v6.28.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function S() {
+  return S = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
+    }
+    return e;
+  }, S.apply(this, arguments);
+}
+function M(e, n) {
+  if (e == null) return {};
+  var r = {}, i = Object.keys(e), t, a;
+  for (a = 0; a < i.length; a++)
+    t = i[a], !(n.indexOf(t) >= 0) && (r[t] = e[t]);
+  return r;
+}
+const O = "get", P = "application/x-www-form-urlencoded";
+function k(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function ge(e) {
+  return k(e) && e.tagName.toLowerCase() === "button";
+}
+function be(e) {
+  return k(e) && e.tagName.toLowerCase() === "form";
+}
+function ye(e) {
+  return k(e) && e.tagName.toLowerCase() === "input";
+}
+function Ee(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function xe(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !Ee(e);
+}
+let L = null;
+function Ne() {
+  if (L === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), L = !1;
+    } catch {
+      L = !0;
+    }
+  return L;
+}
+const Se = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
+function j(e) {
+  return e != null && !Se.has(e) ? (process.env.NODE_ENV !== "production" && X(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + P + '"')), null) : e;
+}
+function Ce(e, n) {
+  let r, i, t, a, o;
+  if (be(e)) {
+    let s = e.getAttribute("action");
+    i = s ? x(s, n) : null, r = e.getAttribute("method") || O, t = j(e.getAttribute("enctype")) || P, a = new FormData(e);
+  } else if (ge(e) || ye(e) && (e.type === "submit" || e.type === "image")) {
+    let s = e.form;
+    if (s == null)
+      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
+    let c = e.getAttribute("formaction") || s.getAttribute("action");
+    if (i = c ? x(c, n) : null, r = e.getAttribute("formmethod") || s.getAttribute("method") || O, t = j(e.getAttribute("formenctype")) || j(s.getAttribute("enctype")) || P, a = new FormData(s, e), !Ne()) {
+      let {
+        name: l,
+        type: f,
+        value: p
+      } = e;
+      if (f === "image") {
+        let v = l ? l + "." : "";
+        a.append(v + "x", "0"), a.append(v + "y", "0");
+      } else l && a.append(l, p);
+    }
+  } else {
+    if (k(e))
+      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
+    r = O, i = null, t = P, o = e;
+  }
+  return a && t === "text/plain" && (o = a, a = void 0), {
+    action: i,
+    method: r.toLowerCase(),
+    encType: t,
+    formData: a,
+    body: o
+  };
+}
+const Re = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "viewTransition"], Te = ["aria-current", "caseSensitive", "className", "end", "style", "to", "viewTransition", "children"], Le = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "viewTransition"], Oe = "6";
+try {
+  window.__reactRouterVersion = Oe;
+} catch {
+}
+const Y = /* @__PURE__ */ d.createContext({
+  isTransitioning: !1
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "ViewTransition");
+const Pe = /* @__PURE__ */ d.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (Pe.displayName = "Fetchers");
+process.env.NODE_ENV;
+const _e = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Fe = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, z = /* @__PURE__ */ d.forwardRef(function(n, r) {
+  let {
+    onClick: i,
+    relative: t,
+    reloadDocument: a,
+    replace: o,
+    state: s,
+    target: c,
+    to: l,
+    preventScrollReset: f,
+    viewTransition: p
+  } = n, v = M(n, Re), {
+    basename: C
+  } = d.useContext(F), w, b = !1;
+  if (typeof l == "string" && Fe.test(l) && (w = l, _e))
+    try {
+      let h = new URL(window.location.href), m = l.startsWith("//") ? new URL(h.protocol + l) : new URL(l), R = x(m.pathname, C);
+      m.origin === h.origin && R != null ? l = R + m.search + m.hash : b = !0;
+    } catch {
+      process.env.NODE_ENV !== "production" && X(!1, '<Link to="' + l + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+    }
+  let y = ie(l, {
+    relative: t
+  }), E = Ue(l, {
+    replace: o,
+    state: s,
+    target: c,
+    preventScrollReset: f,
+    relative: t,
+    viewTransition: p
+  });
+  function u(h) {
+    i && i(h), h.defaultPrevented || E(h);
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    /* @__PURE__ */ d.createElement("a", S({}, v, {
+      href: w || y,
+      onClick: b || a ? i : u,
+      ref: r,
+      target: c
+    }))
+  );
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "Link");
+const De = /* @__PURE__ */ d.forwardRef(function(n, r) {
+  let {
+    "aria-current": i = "page",
+    caseSensitive: t = !1,
+    className: a = "",
+    end: o = !1,
+    style: s,
+    to: c,
+    viewTransition: l,
+    children: f
+  } = n, p = M(n, Te), v = D(c, {
+    relative: p.relative
+  }), C = B(), w = d.useContext(oe), {
+    navigator: b,
+    basename: y
+  } = d.useContext(F), E = w != null && // Conditional usage is OK here because the usage of a data router is static
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  Ke(v) && l === !0, u = b.encodeLocation ? b.encodeLocation(v).pathname : v.pathname, h = C.pathname, m = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
+  t || (h = h.toLowerCase(), m = m ? m.toLowerCase() : null, u = u.toLowerCase()), m && y && (m = x(m, y) || m);
+  const R = u !== "/" && u.endsWith("/") ? u.length - 1 : u.length;
+  let V = h === u || !o && h.startsWith(u) && h.charAt(R) === "/", $ = m != null && (m === u || !o && m.startsWith(u) && m.charAt(u.length) === "/"), U = {
+    isActive: V,
+    isPending: $,
+    isTransitioning: E
+  }, Q = V ? i : void 0, A;
+  typeof a == "function" ? A = a(U) : A = [a, V ? "active" : null, $ ? "pending" : null, E ? "transitioning" : null].filter(Boolean).join(" ");
+  let Z = typeof s == "function" ? s(U) : s;
+  return /* @__PURE__ */ d.createElement(z, S({}, p, {
+    "aria-current": Q,
+    className: A,
+    ref: r,
+    style: Z,
+    to: c,
+    viewTransition: l
+  }), typeof f == "function" ? f(U) : f);
+});
+process.env.NODE_ENV !== "production" && (De.displayName = "NavLink");
+const ke = /* @__PURE__ */ d.forwardRef((e, n) => {
+  let {
+    fetcherKey: r,
+    navigate: i,
+    reloadDocument: t,
+    replace: a,
+    state: o,
+    method: s = O,
+    action: c,
+    onSubmit: l,
+    relative: f,
+    preventScrollReset: p,
+    viewTransition: v
+  } = e, C = M(e, Le), w = We(), b = Be(c, {
+    relative: f
+  }), y = s.toLowerCase() === "get" ? "get" : "post", E = (u) => {
+    if (l && l(u), u.defaultPrevented) return;
+    u.preventDefault();
+    let h = u.nativeEvent.submitter, m = (h == null ? void 0 : h.getAttribute("formmethod")) || s;
+    w(h || u.currentTarget, {
+      fetcherKey: r,
+      method: m,
+      navigate: i,
+      replace: a,
+      state: o,
+      relative: f,
+      preventScrollReset: p,
+      viewTransition: v
+    });
+  };
+  return /* @__PURE__ */ d.createElement("form", S({
+    ref: n,
+    method: y,
+    action: b,
+    onSubmit: t ? l : E
+  }, C));
+});
+process.env.NODE_ENV !== "production" && (ke.displayName = "Form");
+process.env.NODE_ENV;
+var _;
+(function(e) {
+  e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
+})(_ || (_ = {}));
+var H;
+(function(e) {
+  e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
+})(H || (H = {}));
+function Ve(e) {
+  return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
+}
+function J(e) {
+  let n = d.useContext(ue);
+  return n || (process.env.NODE_ENV !== "production" ? N(!1, Ve(e)) : N(!1)), n;
+}
+function Ue(e, n) {
+  let {
+    target: r,
+    replace: i,
+    state: t,
+    preventScrollReset: a,
+    relative: o,
+    viewTransition: s
+  } = n === void 0 ? {} : n, c = ae(), l = B(), f = D(e, {
+    relative: o
+  });
+  return d.useCallback((p) => {
+    if (xe(p, r)) {
+      p.preventDefault();
+      let v = i !== void 0 ? i : I(l) === I(f);
+      c(e, {
+        replace: v,
+        state: t,
+        preventScrollReset: a,
+        relative: o,
+        viewTransition: s
+      });
+    }
+  }, [l, c, f, i, t, r, e, a, o, s]);
+}
+function Ae() {
+  if (typeof document > "u")
+    throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
+}
+let je = 0, Ie = () => "__" + String(++je) + "__";
+function We() {
+  let {
+    router: e
+  } = J(_.UseSubmit), {
+    basename: n
+  } = d.useContext(F), r = le();
+  return d.useCallback(function(i, t) {
+    t === void 0 && (t = {}), Ae();
+    let {
+      action: a,
+      method: o,
+      encType: s,
+      formData: c,
+      body: l
+    } = Ce(i, n);
+    if (t.navigate === !1) {
+      let f = t.fetcherKey || Ie();
+      e.fetch(f, r, t.action || a, {
+        preventScrollReset: t.preventScrollReset,
+        formData: c,
+        body: l,
+        formMethod: t.method || o,
+        formEncType: t.encType || s,
+        flushSync: t.flushSync
+      });
+    } else
+      e.navigate(t.action || a, {
+        preventScrollReset: t.preventScrollReset,
+        formData: c,
+        body: l,
+        formMethod: t.method || o,
+        formEncType: t.encType || s,
+        replace: t.replace,
+        state: t.state,
+        fromRouteId: r,
+        flushSync: t.flushSync,
+        viewTransition: t.viewTransition
+      });
+  }, [e, n, r]);
+}
+function Be(e, n) {
+  let {
+    relative: r
+  } = n === void 0 ? {} : n, {
+    basename: i
+  } = d.useContext(F), t = d.useContext(se);
+  t || (process.env.NODE_ENV !== "production" ? N(!1, "useFormAction must be used inside a RouteContext") : N(!1));
+  let [a] = t.matches.slice(-1), o = S({}, D(e || ".", {
+    relative: r
+  })), s = B();
+  if (e == null) {
+    o.search = s.search;
+    let c = new URLSearchParams(o.search), l = c.getAll("index");
+    if (l.some((p) => p === "")) {
+      c.delete("index"), l.filter((v) => v).forEach((v) => c.append("index", v));
+      let p = c.toString();
+      o.search = p ? "?" + p : "";
+    }
+  }
+  return (!e || e === ".") && a.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (o.pathname = o.pathname === "/" ? i : ce([i, o.pathname])), I(o);
+}
+function Ke(e, n) {
+  n === void 0 && (n = {});
+  let r = d.useContext(Y);
+  r == null && (process.env.NODE_ENV !== "production" ? N(!1, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : N(!1));
+  let {
+    basename: i
+  } = J(_.useViewTransitionState), t = D(e, {
+    relative: n.relative
+  });
+  if (!r.isTransitioning)
+    return !1;
+  let a = x(r.currentLocation.pathname, i) || r.currentLocation.pathname, o = x(r.nextLocation.pathname, i) || r.nextLocation.pathname;
+  return G(t.pathname, o) != null || G(t.pathname, a) != null;
+}
+const Qe = ({
+  className: e,
+  size: n,
+  steps: r,
+  theme: i
+}) => {
+  const { theme: t } = me(), { isInsideRouter: a } = fe(), o = i ?? t;
+  return /* @__PURE__ */ g("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ g(
+    "ol",
+    {
+      className: de({ theme: o, className: e, size: n }),
+      children: r.map(({ label: s, to: c, target: l }, f) => /* @__PURE__ */ ee(re, { children: [
+        /* @__PURE__ */ g(
+          "li",
+          {
+            className: he({ theme: o, size: n }),
+            children: c ? /* @__PURE__ */ g(te, { children: a ? /* @__PURE__ */ g(
+              z,
+              {
+                to: c,
+                target: l,
+                className: "hover:underline hover:underline-offset-2",
+                children: s
+              }
+            ) : /* @__PURE__ */ g(
+              "a",
+              {
+                href: c,
+                target: l,
+                className: "hover:underline hover:underline-offset-2",
+                children: s
+              }
+            ) }) : /* @__PURE__ */ g("span", { "aria-current": "page", children: s })
+          }
+        ),
+        f !== r.length - 1 && /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(
+          K,
+          {
+            className: pe({ size: n, theme: o })
+          }
+        ) })
+      ] }, s))
+    }
+  ) });
+};
+export {
+  Qe as Breadcrumb
+};

package/dist/components/Breadcrumb/Breadcrumb.types.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { breadcrumbVariants } from './Breadcrumb.variants';
+export type Step = {
+    label: string;
+    to?: string;
+    target?: '_self' | '_blank';
+};
+export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants> {
+    steps: Step[];
+    className?: string;
+}

package/dist/components/Breadcrumb/Breadcrumb.types.js

@@ -0,0 +1 @@
+

package/dist/components/Breadcrumb/Breadcrumb.variants.d.ts

@@ -0,0 +1,12 @@
+export declare const breadcrumbVariants: (props?: ({
+    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const breadcrumbItemVariants: (props?: ({
+    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const chevronVariants: (props?: ({
+    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;