@konstructio/ui 0.0.12-alpha.1 → 0.0.12

package/dist/{chevron-up-DgLBQCKD.js → chevron-up-CvquEaNg.js}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-C5psggHV.js";
+import { P as a } from "./index-D68N8v8R.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/AlertDialog/AlertDialog.d.ts

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

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,49 +1,52 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { R as C, A as b, P as y, O as N, C as O, T as A, D, a as T, b as v } from "../../index-BVppSRDQ.js";
-import { cn as l } from "../../utils/index.js";
-import { Button as r } from "../Button/Button.js";
-import { useAlertDialog as j } from "./hooks/useAlertDialog.js";
-import { useTheme as k } from "../../contexts/theme.hook.js";
-const z = ({
+import { R as C, A as b, P as y, O as N, C as O, T as A, D, a as T, b as v } from "../../AlertDialogTrigger-D4Tm_9M0.js";
+import "../../contexts/theme.context.js";
+import { useTheme as j } from "../../contexts/theme.hook.js";
+import "react";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as r } from "../../utils/index.js";
+import { Button as l } from "../Button/Button.js";
+import { useAlertDialog as k } from "./hooks/useAlertDialog.js";
+const G = ({
   buttonCancelClassName: o,
   buttonCancelText: i = "Cancel",
   buttonConfirmClassName: s,
   buttonConfirmText: c = "OK",
-  buttonText: d,
-  description: m,
+  buttonText: m,
+  description: d,
   theme: a,
-  title: h,
-  onConfirm: p
+  title: p,
+  onConfirm: h
 }) => {
-  const { theme: n } = k(), { isOpen: f, handleCancel: x, handleConfirm: g, handleOpen: u } = j({
-    onConfirm: p
+  const { theme: n } = j(), { isOpen: f, handleCancel: x, handleConfirm: g, handleOpen: u } = k({
+    onConfirm: h
   });
   return /* @__PURE__ */ t(C, { open: f, children: [
-    /* @__PURE__ */ e(b, { text: d, theme: a, onOpen: u }),
+    /* @__PURE__ */ e(b, { text: m, theme: a, onOpen: u }),
     /* @__PURE__ */ t(y, { children: [
       /* @__PURE__ */ e(N, { className: "bg-black opacity-75 inset-0 fixed" }),
       /* @__PURE__ */ t(O, { className: "bg-white rounded-md fixed top-1/2 left-1/2 -translate-y-2/4 -translate-x-2/4 flex flex-col gap-8 p-6", children: [
-        /* @__PURE__ */ e(A, { className: "font-bold text-center text-2xl", children: h }),
-        /* @__PURE__ */ e(D, { children: m }),
+        /* @__PURE__ */ e(A, { className: "font-bold text-center text-2xl", children: p }),
+        /* @__PURE__ */ e(D, { children: d }),
         /* @__PURE__ */ t("div", { className: "flex flex-row gap-5 justify-end", children: [
           /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e(
-            r,
+            l,
             {
               type: "button",
               theme: a ?? n,
               variant: "secondary",
-              className: l(o),
+              className: r(o),
               onClick: x,
               children: i
             }
           ) }),
           /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-            r,
+            l,
             {
               type: "button",
               theme: a ?? n,
               variant: "danger",
-              className: l(s),
+              className: r(s),
               onClick: g,
               children: c
             }
@@ -54,5 +57,5 @@ const z = ({
   ] });
 };
 export {
-  z as AlertDialog
+  G as AlertDialog
 };

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

@@ -0,0 +1,18 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { buttonAlertDialogVariants } from './AlertDialog.variants';
+export interface AlertDialogProps extends PropsWithChildren, VariantProps<typeof buttonAlertDialogVariants> {
+    buttonCancelClassName?: string;
+    buttonCancelText?: string;
+    buttonConfirmClassName?: string;
+    buttonConfirmText?: string;
+    buttonText?: string;
+    className?: string;
+    description?: string;
+    o?: string;
+    title?: string;
+    onConfirm?: () => void;
+}
+export type UseAlertiDialogProps = {
+    onConfirm: AlertDialogProps['onConfirm'];
+};

package/dist/components/AlertDialog/AlertDialog.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+export declare const buttonAlertDialogVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/AlertDialog/components/AlertDialogTrigger.d.ts

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

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,7 +1,10 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-BVppSRDQ.js";
-import "../../Button/Button.js";
+import { A as a } from "../../../AlertDialogTrigger-D4Tm_9M0.js";
+import "../../../contexts/theme.context.js";
 import "../../../contexts/theme.hook.js";
+import "react";
+import "../../../js.cookie-OLEfuq_g.js";
+import "../../Button/Button.js";
 export {
-  p as AlertDialogTrigger
+  a as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/AlertDialogTrigger.types.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { buttonAlertDialogVariants } from '../AlertDialog.variants';
+export interface AlertDialogTriggerProps extends VariantProps<typeof buttonAlertDialogVariants> {
+    text?: string;
+    onOpen(): void;
+}

package/dist/components/AlertDialog/components/AlertDialogTrigger.types.js

@@ -0,0 +1 @@
+

package/dist/components/AlertDialog/components/index.d.ts

@@ -0,0 +1 @@
+export * from './AlertDialogTrigger';

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-BVppSRDQ.js";
+import { A as g } from "../../../AlertDialogTrigger-D4Tm_9M0.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/AlertDialog/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAlertDialog';

package/dist/components/AlertDialog/hooks/useAlertDialog.d.ts

@@ -0,0 +1,7 @@
+import { UseAlertiDialogProps } from '../AlertDialog.types';
+export declare const useAlertDialog: ({ onConfirm }: UseAlertiDialogProps) => {
+    isOpen: boolean;
+    handleCancel: () => void;
+    handleConfirm: () => void;
+    handleOpen: () => void;
+};

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

@@ -0,0 +1,3 @@
+import { AutocompleteProps } from './Autocomplete.types';
+declare const Autocomplete: import('react').ForwardRefExoticComponent<AutocompleteProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Autocomplete };

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,10 +1,12 @@
 import { jsxs as R, jsx as t } from "react/jsx-runtime";
-import { forwardRef as A, useRef as i, useId as O, useImperativeHandle as T } from "react";
-import { cn as p } from "../../utils/index.js";
-import { labelVariants as V, autocompleteVariants as g } from "./Autocomplete.variants.js";
-import { useAutocomplete as j } from "./hooks/useAutocomplete.js";
-import { List as y } from "./components/List/List.js";
-import { useTheme as I } from "../../contexts/theme.hook.js";
+import { forwardRef as A, useRef as p, useId as O, useImperativeHandle as T } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as V } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as c } from "../../utils/index.js";
+import { useAutocomplete as g } from "./hooks/useAutocomplete.js";
+import { List as j } from "./components/List/List.js";
+import { labelVariants as y, autocompleteVariants as I } from "./Autocomplete.variants.js";
 const k = A(
   ({
     autoComplete: u = "off",
@@ -20,9 +22,9 @@ const k = A(
     variant: r,
     onChange: b
   }, v) => {
-    const s = i(null), o = i(null), c = O(), { theme: C } = I(), m = N ?? C;
+    const s = p(null), o = p(null), i = O(), { theme: C } = V(), m = N ?? C;
     T(v, () => o.current, [o]);
-    const e = j({
+    const e = g({
       options: f,
       inputRef: o,
       wrapperRef: s,
@@ -32,9 +34,9 @@ const k = A(
       n ? /* @__PURE__ */ t(
         "label",
         {
-          htmlFor: l ?? c,
-          className: p(
-            V({
+          htmlFor: l ?? i,
+          className: c(
+            y({
               theme: m,
               variant: r,
               className: d
@@ -47,13 +49,13 @@ const k = A(
         "input",
         {
           ref: o,
-          id: l ?? c,
+          id: l ?? i,
           type: "text",
           name: l,
           role: "combobox",
           autoComplete: u,
-          className: p(
-            g({
+          className: c(
+            I({
               theme: m,
               variant: r,
               className: a
@@ -66,7 +68,7 @@ const k = A(
         }
       ),
       e.showOptions && /* @__PURE__ */ t("div", { className: "absolute z-10 top-full w-full rounded-md mt-1 border shadow-sm", children: /* @__PURE__ */ t(
-        y,
+        j,
         {
           className: a,
           inputRef: o,

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { autocompleteVariants } from './Autocomplete.variants';
+export type Option = {
+    value: string;
+};
+export interface AutocompleteProps extends VariantProps<typeof autocompleteVariants> {
+    autoComplete?: 'off';
+    className?: string;
+    label?: string;
+    labelClassName?: string;
+    name?: string;
+    options: Option[];
+    placeHolderEmptyValues?: string | ReactNode;
+    placeHolderEmptyValuesClassName?: string;
+    placeholder?: string;
+    onChange(value: string): void;
+}

package/dist/components/Autocomplete/Autocomplete.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,8 @@
+export declare const autocompleteVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Autocomplete/components/List/List.d.ts

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

package/dist/components/Autocomplete/components/List/List.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useRef as u } from "react";
 import { cn as l } from "../../../../utils/index.js";
-import { emptyListVariants as b, listVariants as N, listItemVariants as d, buttonVariants as x } from "./List.variants.js";
-import { useNavigationUlList as V } from "../../hooks/useNavigationList.js";
+import { useNavigationUlList as b } from "../../hooks/useNavigationList.js";
+import { emptyListVariants as N, listVariants as d, listItemVariants as x, buttonVariants as V } from "./List.variants.js";
 const R = ({
   className: e,
   inputRef: a,
@@ -15,11 +15,11 @@ const R = ({
   onClick: p
 }) => {
   const n = u(null);
-  return V({ ulRef: n, inputRef: a, wrapperRef: f, options: o }), o.length === 0 ? /* @__PURE__ */ s(
+  return b({ ulRef: n, inputRef: a, wrapperRef: f, options: o }), o.length === 0 ? /* @__PURE__ */ s(
     "span",
     {
       className: l(
-        b({
+        N({
           theme: r,
           variant: t,
           className: c
@@ -32,19 +32,19 @@ const R = ({
     {
       ref: n,
       role: "listbox",
-      className: l(N({ variant: t, theme: r, className: e })),
+      className: l(d({ variant: t, theme: r, className: e })),
       children: o.map(({ value: i }) => /* @__PURE__ */ s(
         "li",
         {
           role: "option",
           tabIndex: 0,
-          className: l(d({ theme: r, variant: t })),
+          className: l(x({ theme: r, variant: t })),
           children: /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               role: "button",
-              className: l(x({ theme: r, variant: t })),
+              className: l(V({ theme: r, variant: t })),
               onClick: () => p(i),
               children: i
             }

package/dist/components/Autocomplete/components/List/List.types.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentRef, ReactNode, RefObject } from 'react';
+import { Option } from '../../Autocomplete.types';
+import { autocompleteVariants } from '../../Autocomplete.variants';
+export interface Props extends VariantProps<typeof autocompleteVariants> {
+    className?: string;
+    inputRef: RefObject<ComponentRef<'input'> | null>;
+    wrapperRef: RefObject<ComponentRef<'div'> | null>;
+    options: Option[];
+    placeholder: string | ReactNode;
+    placeholderClassName?: string;
+    onClick(value: string): void;
+}

package/dist/components/Autocomplete/components/List/List.types.js

@@ -0,0 +1 @@
+

package/dist/components/Autocomplete/components/List/List.variants.d.ts

@@ -0,0 +1,16 @@
+export declare const listVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const emptyListVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const listItemVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Autocomplete/components/index.d.ts

@@ -0,0 +1 @@
+export * from './List/List';

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

@@ -0,0 +1,2 @@
+export * from './useAutocomplete';
+export * from './useNavigationList';

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

@@ -0,0 +1,17 @@
+import { ChangeEvent, ComponentRef, RefObject } from 'react';
+import { Option } from '../Autocomplete.types';
+type UseAutocompleteProps = {
+    options: Option[];
+    inputRef: RefObject<ComponentRef<'input'> | null>;
+    wrapperRef: RefObject<ComponentRef<'div'> | null>;
+    onChange(value: string): void;
+};
+export declare const useAutocomplete: ({ options, inputRef, wrapperRef, onChange, }: UseAutocompleteProps) => {
+    inputRef: RefObject<HTMLInputElement | null>;
+    newOptions: Option[];
+    showOptions: boolean;
+    value: string;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleSelectValue: (value: string) => void;
+};
+export {};

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

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

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

@@ -1,109 +1,110 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import d, { forwardRef as O, useId as j, Fragment as w } from "react";
-import { cn as c } from "../../utils/index.js";
-import { breadcrumbWrapperVariants as x, breadcrumbVariants as P, chevronVariants as T } from "./Breadcrumb.variants.js";
-import { Item as k } from "./components/Item/Item.js";
-import { P as s } from "../../index-C5psggHV.js";
-import { useTheme as N } from "../../contexts/theme.hook.js";
-function h() {
-  return h = Object.assign || function(e) {
+import { jsx as a, jsxs as g, Fragment as b } from "react/jsx-runtime";
+import d, { forwardRef as y, Fragment as O } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as j } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as h } from "../../utils/index.js";
+import { breadcrumbVariants as w, breadcrumbItemVariants as x, chevronVariants as P } from "./Breadcrumb.variants.js";
+import { u as k, L as N } from "../../useBreadcrumb-DxYsZvj_.js";
+import { P as c } from "../../index-D68N8v8R.js";
+function f() {
+  return f = Object.assign || function(e) {
     for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+      var t = arguments[n];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
     }
     return e;
-  }, h.apply(this, arguments);
+  }, f.apply(this, arguments);
 }
-function _(e, n) {
+function T(e, n) {
   if (e == null) return {};
-  var r = L(e, n), t, o;
+  var t = L(e, n), r, o;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+      r = i[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
   }
-  return r;
+  return t;
 }
 function L(e, n) {
   if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, i;
-  for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
+  var t = {}, r = Object.keys(e), o, i;
+  for (i = 0; i < r.length; i++)
+    o = r[i], !(n.indexOf(o) >= 0) && (t[o] = e[o]);
+  return t;
 }
-var p = O(function(e, n) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, o = e.size, i = o === void 0 ? 24 : o, l = _(e, ["color", "size"]);
-  return /* @__PURE__ */ d.createElement("svg", h({
+var p = y(function(e, n) {
+  var t = e.color, r = t === void 0 ? "currentColor" : t, o = e.size, i = o === void 0 ? 24 : o, s = T(e, ["color", "size"]);
+  return /* @__PURE__ */ d.createElement("svg", f({
     ref: n,
     xmlns: "http://www.w3.org/2000/svg",
     width: i,
     height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: t,
+    stroke: r,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ d.createElement("polyline", {
+  }, s), /* @__PURE__ */ d.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
 p.propTypes = {
-  color: s.string,
-  size: s.oneOfType([s.string, s.number])
+  color: c.string,
+  size: c.oneOfType([c.string, c.number])
 };
 p.displayName = "ChevronRight";
-const V = ({
+const W = ({
   className: e,
   size: n,
-  steps: r,
-  theme: t,
-  "aria-label": o = "breadcrumb",
-  wrapperClassName: i,
-  ...l
+  steps: t,
+  theme: r
 }) => {
-  const g = j(), { theme: v } = N(), m = t ?? v;
-  return /* @__PURE__ */ a(
-    "nav",
+  const { theme: o } = j(), { isInsideRouter: i } = k(), s = r ?? o;
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ a(
+    "ol",
     {
-      "aria-label": o,
-      className: c(
-        x({
-          className: i,
-          theme: m
-        })
+      className: h(
+        w({ theme: s, className: e, size: n })
       ),
-      children: /* @__PURE__ */ a(
-        "ol",
-        {
-          className: c(
-            P({ theme: m, className: e, size: n })
-          ),
-          ...l,
-          children: r.map(({ label: f, ...b }, u) => /* @__PURE__ */ y(w, { children: [
-            /* @__PURE__ */ a(
-              k,
+      children: t.map(({ label: m, to: l, target: u }, v) => /* @__PURE__ */ g(O, { children: [
+        /* @__PURE__ */ a(
+          "li",
+          {
+            className: h(
+              x({ theme: s, size: n })
+            ),
+            children: l ? /* @__PURE__ */ a(b, { children: i ? /* @__PURE__ */ a(
+              N,
               {
-                ...b,
-                label: f,
-                isLast: u === r.length - 1,
-                size: n,
-                theme: m
+                to: l,
+                target: u,
+                className: "hover:underline hover:underline-offset-2",
+                children: m
               }
-            ),
-            u !== r.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(
-              p,
+            ) : /* @__PURE__ */ a(
+              "a",
               {
-                className: c(T({ size: n, theme: m }))
+                href: l,
+                target: u,
+                className: "hover:underline hover:underline-offset-2",
+                children: m
               }
-            ) })
-          ] }, `${g}-${f}`))
-        }
-      )
+            ) }) : /* @__PURE__ */ a("span", { "aria-current": "page", children: m })
+          }
+        ),
+        v !== t.length - 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          p,
+          {
+            className: h(P({ size: n, theme: s }))
+          }
+        ) })
+      ] }, m))
     }
-  );
+  ) });
 };
 export {
-  V as Breadcrumb
+  W 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" | "colony" | "civo" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const breadcrumbItemVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const chevronVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;