@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.80

package/dist/components/Badge/Badge.js

@@ -1,77 +1,65 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useRef as f, useState as h, useCallback as g, useEffect as v } from "react";
-import { cn as c } from "../../utils/index.js";
-import { buttonDismissVariants as w, badgeVariants as x } from "./Badge.variants.js";
-import { c as y } from "../../createLucideIcon-D2CN7Ma9.js";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const M = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Z = y("x", M), N = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M7.05002%201.45002C7.05002%201.17155%206.9394%200.904476%206.74249%200.707562C6.54557%200.510649%206.2785%200.400024%206.00002%200.400024C5.72155%200.400024%205.45448%200.510649%205.25756%200.707562C5.06065%200.904476%204.95002%201.17155%204.95002%201.45002C4.95002%201.7285%205.06065%201.99557%205.25756%202.19249C5.45448%202.3894%205.72155%202.50002%206.00002%202.50002C6.2785%202.50002%206.54557%202.3894%206.74249%202.19249C6.9394%201.99557%207.05002%201.7285%207.05002%201.45002ZM7.05002%2010.55C7.05002%2010.2715%206.9394%2010.0045%206.74249%209.80756C6.54557%209.61065%206.2785%209.50002%206.00002%209.50002C5.72155%209.50002%205.45448%209.61065%205.25756%209.80756C5.06065%2010.0045%204.95002%2010.2715%204.95002%2010.55C4.95002%2010.8285%205.06065%2011.0956%205.25756%2011.2925C5.45448%2011.4894%205.72155%2011.6%206.00002%2011.6C6.2785%2011.6%206.54557%2011.4894%206.74249%2011.2925C6.9394%2011.0956%207.05002%2010.8285%207.05002%2010.55ZM1.45002%207.05002C1.7285%207.05002%201.99557%206.9394%202.19249%206.74249C2.3894%206.54557%202.50002%206.2785%202.50002%206.00002C2.50002%205.72155%202.3894%205.45448%202.19249%205.25756C1.99557%205.06065%201.7285%204.95002%201.45002%204.95002C1.17155%204.95002%200.904476%205.06065%200.707562%205.25756C0.510649%205.45448%200.400024%205.72155%200.400024%206.00002C0.400024%206.2785%200.510649%206.54557%200.707562%206.74249C0.904476%206.9394%201.17155%207.05002%201.45002%207.05002ZM11.6%206.00002C11.6%205.72155%2011.4894%205.45448%2011.2925%205.25756C11.0956%205.06065%2010.8285%204.95002%2010.55%204.95002C10.2715%204.95002%2010.0045%205.06065%209.80756%205.25756C9.61065%205.45448%209.50002%205.72155%209.50002%206.00002C9.50002%206.2785%209.61065%206.54557%209.80756%206.74249C10.0045%206.9394%2010.2715%207.05002%2010.55%207.05002C10.8285%207.05002%2011.0956%206.9394%2011.2925%206.74249C11.4894%206.54557%2011.6%206.2785%2011.6%206.00002ZM3.52596%209.9594C3.62349%209.86187%203.70085%209.74609%203.75363%209.61867C3.80641%209.49124%203.83358%209.35467%203.83358%209.21674C3.83358%209.07882%203.80641%208.94225%203.75363%208.81482C3.70085%208.6874%203.62349%208.57161%203.52596%208.47409C3.42844%208.37656%203.31265%208.2992%203.18523%208.24642C3.0578%208.19364%202.92123%208.16647%202.78331%208.16647C2.50476%208.16647%202.23761%208.27712%202.04065%208.47409C1.84368%208.67105%201.73303%208.93819%201.73303%209.21674C1.73303%209.49529%201.84368%209.76243%202.04065%209.9594C2.23761%2010.1564%202.50476%2010.267%202.78331%2010.267C3.06186%2010.267%203.329%2010.1564%203.52596%209.9594ZM3.52596%203.52377C3.62833%203.42738%203.7103%203.31141%203.76701%203.18274C3.82371%203.05407%203.85399%202.91532%203.85605%202.77472C3.85812%202.63413%203.83192%202.49455%203.77902%202.36427C3.72611%202.23399%203.64758%202.11566%203.54808%202.01631C3.44858%201.91695%203.33014%201.8386%203.19978%201.78589C3.06942%201.73318%202.92981%201.70718%202.78921%201.70945C2.64862%201.71172%202.50992%201.74221%202.38133%201.7991C2.25274%201.85599%202.13689%201.93814%202.04065%202.04065C1.84368%202.23761%201.73303%202.50476%201.73303%202.78331C1.73303%203.06186%201.84368%203.329%202.04065%203.52596C2.23761%203.72293%202.50476%203.83358%202.78331%203.83358C3.06186%203.83358%203.329%203.72293%203.52596%203.52596V3.52377ZM8.47409%209.9594C8.57161%2010.0569%208.6874%2010.1343%208.81482%2010.1871C8.94225%2010.2399%209.07882%2010.267%209.21674%2010.267C9.35467%2010.267%209.49124%2010.2399%209.61867%2010.1871C9.74609%2010.1343%209.86187%2010.0569%209.9594%209.9594C10.0569%209.86187%2010.1343%209.74609%2010.1871%209.61867C10.2399%209.49124%2010.267%209.35467%2010.267%209.21674C10.267%209.07882%2010.2399%208.94225%2010.1871%208.81482C10.1343%208.6874%2010.0569%208.57161%209.9594%208.47409C9.86187%208.37656%209.74609%208.2992%209.61867%208.24642C9.49124%208.19364%209.35467%208.16647%209.21674%208.16647C9.07882%208.16647%208.94225%208.19364%208.81482%208.24642C8.6874%208.2992%208.57161%208.37656%208.47409%208.47409C8.37656%208.57161%208.2992%208.6874%208.24642%208.81482C8.19364%208.94225%208.16647%209.07882%208.16647%209.21674C8.16647%209.35467%208.19364%209.49124%208.24642%209.61867C8.2992%209.74609%208.37656%209.86187%208.47409%209.9594Z'%20fill='currentColor'%20/%3e%3c/svg%3e", B = ({
-  className: d,
-  dismissible: m = !1,
-  label: a,
-  loading: r = !1,
-  size: o,
-  variant: i,
-  onClick: e,
-  onDismiss: n
-}) => {
-  const C = f(null), [u, p] = h("visible"), b = g(
-    (t) => {
-      t.stopPropagation(), n?.(), p("hidden");
-    },
-    [n]
-  );
-  return v(() => {
+import { t as u } from "../../dist-DXJSck4j.js";
+import { t as c } from "../../utils-DHuiYnx1.js";
+import { LoaderIcon as g } from "../../assets/icons/components/Loader.js";
+import { t as w } from "../../x-a0ouxoIM.js";
+import { badgeVariants as x, buttonDismissVariants as V } from "./Badge.variants.js";
+import { useCallback as D, useEffect as j, useRef as E, useState as L } from "react";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+var $ = ({ className: b, dismissible: f = !1, isSelectable: h = !0, label: r, leftIcon: i, loading: n = !1, rightIcon: o, size: l, variant: m, onClick: e, onDismiss: d }) => {
+  const a = E(null), [v, N] = L("visible"), y = D((t) => {
+    t.stopPropagation(), d?.(), N("hidden");
+  }, [d]);
+  return j(() => {
     const t = new AbortController();
-    return C.current?.addEventListener(
-      "animationend",
-      () => {
-        C.current?.style.setProperty("display", "none"), C.current?.remove();
-      },
-      { signal: t.signal }
-    ), () => t.abort();
-  }, []), /* @__PURE__ */ l(
-    "span",
-    {
-      ref: C,
-      className: c(
-        x({ variant: i, size: o, className: d }),
-        e && "cursor-pointer"
-      ),
-      role: e ? "button" : void 0,
-      onClick: e,
-      tabIndex: e ? 0 : void 0,
-      "aria-label": e ? `${a} badge` : void 0,
-      "aria-busy": r,
-      "aria-live": "polite",
-      "data-state": u,
-      children: [
-        r && /* @__PURE__ */ s(N, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
-        a,
-        m && /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            className: c(w({ size: o, variant: i })),
-            onClick: b,
-            "aria-label": "Dismiss",
-            children: [
-              /* @__PURE__ */ s(Z, { className: "h-full w-full" }),
-              /* @__PURE__ */ s("span", { className: "sr-only", children: "Dismiss" })
-            ]
-          }
-        )
-      ]
-    }
-  );
+    return a.current?.addEventListener("animationend", () => {
+      a.current?.style.setProperty("display", "none"), a.current?.remove();
+    }, { signal: t.signal }), () => t.abort();
+  }, []), /* @__PURE__ */ p("span", {
+    ref: a,
+    className: c(x({
+      variant: m,
+      size: l,
+      className: b
+    }), {
+      "select-none": !h,
+      "cursor-pointer": e
+    }),
+    role: e ? "button" : void 0,
+    onClick: e,
+    tabIndex: e ? 0 : void 0,
+    "aria-label": e ? `${r} badge` : void 0,
+    "aria-busy": n,
+    "aria-live": "polite",
+    "data-state": v,
+    children: [
+      n && /* @__PURE__ */ s(g, {
+        size: 12,
+        className: "animate-spin animate-duration-time-2"
+      }),
+      i ? /* @__PURE__ */ s(u, {
+        className: "h-3 w-3",
+        children: i
+      }) : null,
+      r,
+      f ? /* @__PURE__ */ p("button", {
+        type: "button",
+        className: c(V({
+          size: l,
+          variant: m
+        })),
+        onClick: y,
+        "aria-label": "Dismiss",
+        children: [/* @__PURE__ */ s(w, { className: "h-full w-full" }), /* @__PURE__ */ s("span", {
+          className: "sr-only",
+          children: "Dismiss"
+        })]
+      }) : o ? /* @__PURE__ */ s(u, {
+        className: "h-3 w-3",
+        children: o
+      }) : null
+    ]
+  });
 };
 export {
-  B as Badge
+  $ as Badge
 };

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

@@ -0,0 +1,36 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { badgeVariants } from './Badge.variants';
+/**
+ * Props for the Badge component.
+ *
+ * @example
+ * ```tsx
+ * <Badge label="New" variant="success" />
+ * <Badge label="Pending" variant="warning" />
+ * <Badge label="Error" variant="error" dismissible onDismiss={() => {}} />
+ * <Badge label="With Icon" leftIcon={<Icon />} />
+ * ```
+ */
+export type Props = VariantProps<typeof badgeVariants> & {
+    /** Additional CSS classes */
+    className?: string;
+    /** Show dismiss button */
+    dismissible?: true;
+    /** Allow text selection (default: true) */
+    isSelectable?: boolean;
+    /** Badge text content */
+    label: string;
+    /** Icon displayed on the left */
+    leftIcon?: ReactNode;
+    /** Show loading spinner */
+    loading?: boolean;
+    /** Icon displayed on the right (when not dismissible) */
+    rightIcon?: ReactNode;
+    /** Click handler (makes badge interactive) */
+    onClick?: VoidFunction;
+    /** Callback when dismiss button clicked */
+    onDismiss?: VoidFunction;
+};
+/** @deprecated Use Props instead */
+export type BadgeProps = Props;

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

@@ -0,0 +1,8 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "success" | "info" | "warning" | "danger" | "default" | "violet" | "orange" | null | undefined;
+    size?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonDismissVariants: (props?: ({
+    variant?: "success" | "info" | "warning" | "danger" | "default" | "violet" | "orange" | null | undefined;
+    size?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Badge/Badge.variants.js

@@ -1,68 +1,97 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const a = e(
-  [
-    "flex",
-    "items-center",
-    "justify-center",
-    "gap-2",
-    "rounded",
-    "px-2",
-    "py-1",
-    "w-max",
-    "shadow-xs",
-    "data-[state=hidden]:animate-out",
-    "data-[state=hidden]:fade-out-0",
-    "data-[state=hidden]:zoom-out-95"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ["bg-gray-100", "text-gray-800"],
-        danger: ["bg-red-100", "text-red-800"],
-        info: ["bg-blue-100", "text-blue-800"],
-        success: ["bg-green-100", "text-green-800"],
-        warning: ["bg-yellow-100", "text-yellow-800"]
-      },
-      size: {
-        default: "text-sm leading-[16px]"
-      }
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = e([
+  "flex",
+  "items-center",
+  "justify-center",
+  "gap-2",
+  "rounded",
+  "px-2",
+  "py-1",
+  "w-max",
+  "shadow-xs",
+  "data-[state=hidden]:animate-out",
+  "data-[state=hidden]:fade-out-0",
+  "data-[state=hidden]:zoom-out-95"
+], {
+  variants: {
+    variant: {
+      default: [
+        "bg-gray-100",
+        "text-gray-800",
+        "dark:text-gray-300",
+        "dark:bg-gray-300/15"
+      ],
+      danger: [
+        "bg-red-100",
+        "text-red-800",
+        "dark:text-red-400",
+        "dark:bg-red-400/10"
+      ],
+      info: [
+        "bg-blue-100",
+        "text-blue-800",
+        "dark:text-sky-400",
+        "dark:bg-sky-400/10"
+      ],
+      success: [
+        "bg-green-100",
+        "text-green-800",
+        "dark:text-green-400",
+        "dark:bg-green-400/10"
+      ],
+      warning: [
+        "bg-yellow-100",
+        "text-yellow-800",
+        "dark:text-amber-300",
+        "dark:bg-amber-300/10"
+      ],
+      violet: [
+        "bg-violet-50",
+        "text-violet-800",
+        "dark:text-purple-400",
+        "dark:bg-purple-400/8"
+      ],
+      orange: [
+        "bg-orange-50",
+        "text-orange-800",
+        "dark:text-orange-400",
+        "dark:bg-orange-400/10"
+      ]
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    size: { default: "text-xs leading-4" }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-), n = e(
-  [
-    "rounded-full",
-    "inline-flex",
-    "items-center",
-    "justify-center",
-    "focus:outline-none",
-    "text-inherit",
-    "cursor-pointer",
-    "text-gray-700"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ["text-gray-700"],
-        danger: ["text-red-700"],
-        info: ["text-blue-700"],
-        success: ["text-green-700"],
-        warning: ["text-yellow-700"]
-      },
-      size: {
-        default: ["h-3.5", "w-3.5"]
-      }
+}), r = e([
+  "rounded-full",
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "focus:outline-none",
+  "text-inherit",
+  "cursor-pointer",
+  "text-gray-700"
+], {
+  variants: {
+    variant: {
+      default: ["text-gray-700", "dark:text-gray-300"],
+      danger: ["text-red-700", "dark:text-red-400"],
+      info: ["text-blue-700", "dark:text-sky-400"],
+      success: ["text-green-700", "dark:text-green-400"],
+      warning: ["text-yellow-700", "dark:text-amber-300"],
+      violet: ["text-violet-700", "dark:text-purple-400"],
+      orange: ["text-orange-800", "dark:text-orange-400"]
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    size: { default: ["h-3.5", "w-3.5"] }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-);
+});
 export {
   a as badgeVariants,
-  n as buttonDismissVariants
+  r as buttonDismissVariants
 };

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { Props } from './Breadcrumb.types';
+/**
+ * A breadcrumb navigation component showing the current location in a hierarchy.
+ *
+ * @example
+ * ```tsx
+ * // Basic breadcrumb
+ * <Breadcrumb
+ *   steps={[
+ *     { label: 'Home', to: '/' },
+ *     { label: 'Settings', to: '/settings' },
+ *     { label: 'Profile', isActive: true },
+ *   ]}
+ * />
+ *
+ * // With custom Link component (e.g., react-router)
+ * <Breadcrumb
+ *   steps={[
+ *     { label: 'Dashboard', to: '/dashboard', component: Link },
+ *     { label: 'Users', to: '/users', component: Link },
+ *     { label: 'Edit User', isActive: true },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-breadcrumb--docs Storybook}
+ */
+export declare const Breadcrumb: FC<Props>;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,91 +1,4 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import u, { forwardRef as b, useId as v, Fragment as y } from "react";
-import { cn as h } from "../../utils/index.js";
-import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./Breadcrumb.variants.js";
-import { Item as w } from "./components/Item/Item.js";
-import { P as l } from "../../index-N2OStZoU.js";
-function m() {
-  return m = Object.assign || function(r) {
-    for (var o = 1; o < arguments.length; o++) {
-      var e = arguments[o];
-      for (var t in e)
-        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
-    }
-    return r;
-  }, m.apply(this, arguments);
-}
-function x(r, o) {
-  if (r == null) return {};
-  var e = P(r, o), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (n = 0; n < i.length; n++)
-      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
-  }
-  return e;
-}
-function P(r, o) {
-  if (r == null) return {};
-  var e = {}, t = Object.keys(r), n, i;
-  for (i = 0; i < t.length; i++)
-    n = t[i], !(o.indexOf(n) >= 0) && (e[n] = r[n]);
-  return e;
-}
-var c = b(function(r, o) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, n = r.size, i = n === void 0 ? 24 : n, s = x(r, ["color", "size"]);
-  return /* @__PURE__ */ u.createElement("svg", m({
-    ref: o,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ u.createElement("polyline", {
-    points: "9 18 15 12 9 6"
-  }));
-});
-c.propTypes = {
-  color: l.string,
-  size: l.oneOfType([l.string, l.number])
-};
-c.displayName = "ChevronRight";
-const W = ({
-  "aria-label": r = "breadcrumb",
-  className: o,
-  steps: e,
-  theme: t,
-  wrapperClassName: n,
-  ...i
-}) => {
-  const s = v();
-  return /* @__PURE__ */ a(
-    "nav",
-    {
-      "aria-label": r,
-      "data-theme": t,
-      className: h(
-        j({
-          className: n
-        })
-      ),
-      children: /* @__PURE__ */ a("ol", { className: h(O({ className: o })), ...i, children: e.map(({ label: p, ...d }, f) => /* @__PURE__ */ g(y, { children: [
-        /* @__PURE__ */ a(
-          w,
-          {
-            ...d,
-            label: p,
-            isLast: f === e.length - 1
-          }
-        ),
-        f !== e.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(c, { className: "text-gray-400 w-5 h-5 mt-0.5" }) })
-      ] }, `${s}-${p}`)) })
-    }
-  );
-};
+import { t as m } from "../../Breadcrumb-C95aOsYk.js";
 export {
-  W as Breadcrumb
+  m as Breadcrumb
 };

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

@@ -0,0 +1,43 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, HTMLAttributes } from 'react';
+import { Theme } from '../../domain/theme';
+import { breadcrumbVariants } from './Breadcrumb.variants';
+/**
+ * A single step in the breadcrumb navigation.
+ */
+export type Step = {
+    /** Display text for the breadcrumb item */
+    label: string;
+    /** URL to navigate to when clicked */
+    to?: string;
+    /** Link target (_self or _blank) */
+    target?: '_self' | '_blank';
+    /** Whether this step is the current/active page */
+    isActive?: boolean;
+    /** Custom component to render (e.g., Link from react-router) */
+    component?: FC<any>;
+};
+/**
+ * Props for the Breadcrumb component.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   steps={[
+ *     { label: 'Home', to: '/' },
+ *     { label: 'Products', to: '/products' },
+ *     { label: 'Current Page', isActive: true },
+ *   ]}
+ * />
+ * ```
+ */
+export interface Props extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
+    /** Array of breadcrumb steps */
+    steps: Step[];
+    /** CSS classes for the nav wrapper */
+    wrapperClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+}
+/** @deprecated Use Props instead */
+export type BreadcrumbProps = Props;

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

@@ -0,0 +1,2 @@
+export declare const breadcrumbWrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const breadcrumbVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/Breadcrumb/Breadcrumb.variants.js

@@ -1,12 +1,16 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const r = e([
-  "text-slate-500",
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
+  "text-gray-600",
   "text-md",
   "flex",
   "gap-2",
   "items-center"
-]), a = e(["flex", "gap-1", "items-center"]);
+]), t = r([
+  "flex",
+  "gap-1",
+  "items-center"
+]);
 export {
-  a as breadcrumbVariants,
-  r as breadcrumbWrapperVariants
+  t as breadcrumbVariants,
+  e as breadcrumbWrapperVariants
 };

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

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

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,49 +1,35 @@
-import { jsx as e, Fragment as p } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { u as h, L as b } from "../../../../useBreadcrumb-B8DnuqkR.js";
-import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as k } from "./Item.variants.js";
-const g = ({
-  isActive: r,
-  isLast: t,
-  label: n,
-  target: s,
-  theme: c,
-  to: a,
-  component: l = "a"
-}) => {
-  const { isInsideRouter: u } = h(), o = (f) => {
-    a === "#" && f.preventDefault();
+import { t as m } from "../../../../utils-DHuiYnx1.js";
+import { n as p, t as h } from "../../../../useBreadcrumb-BBm5lX0U.js";
+import { breadcrumbLabelVariants as b, breadcrumbLinkVariants as o } from "./Item.variants.js";
+import { Fragment as k, jsx as e } from "react/jsx-runtime";
+var g = ({ isActive: a, isLast: t, label: n, target: s, theme: c, to: r, component: l = "a" }) => {
+  const { isInsideRouter: u } = h(), d = (f) => {
+    r === "#" && f.preventDefault();
   }, i = l;
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      "aria-current": t ? "page" : void 0,
-      className: "group font-medium text-inherit",
-      "data-theme": c,
-      children: a ? /* @__PURE__ */ e(p, { children: u ? /* @__PURE__ */ e(
-        b,
-        {
-          to: a,
-          target: s,
-          className: m(d({ isActive: r })),
-          "aria-disabled": r ? "true" : "false",
-          onClick: o,
-          children: n
-        }
-      ) : /* @__PURE__ */ e(
-        i,
-        {
-          href: i === "a" ? a : void 0,
-          to: i !== "a" ? a : void 0,
-          target: s,
-          className: m(d({ isActive: r })),
-          "aria-disabled": r ? "true" : "false",
-          onClick: o,
-          children: n
-        }
-      ) }) : /* @__PURE__ */ e("span", { className: m(k({ isActive: r })), children: n })
-    }
-  );
+  return /* @__PURE__ */ e("li", {
+    "aria-current": t ? "page" : void 0,
+    className: "group font-medium text-inherit",
+    "data-theme": c,
+    children: r ? /* @__PURE__ */ e(k, { children: u ? /* @__PURE__ */ e(p, {
+      to: r,
+      target: s,
+      className: m(o({ isActive: a })),
+      "aria-disabled": a ? "true" : "false",
+      onClick: d,
+      children: n
+    }) : /* @__PURE__ */ e(i, {
+      href: i === "a" ? r : void 0,
+      to: i !== "a" ? r : void 0,
+      target: s,
+      className: m(o({ isActive: a })),
+      "aria-disabled": a ? "true" : "false",
+      onClick: d,
+      children: n
+    }) }) : /* @__PURE__ */ e("span", {
+      className: m(b({ isActive: a })),
+      children: n
+    })
+  });
 };
 export {
   g as Item

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

@@ -0,0 +1,8 @@
+import { Theme } from '../../../../domain/theme';
+import { Step } from '../../Breadcrumb.types';
+export interface Props extends Step {
+    isLast: boolean;
+    theme?: Theme;
+}
+/** @deprecated Use Props instead */
+export type ItemProps = Props;

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

@@ -0,0 +1,6 @@
+export declare const breadcrumbLinkVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const breadcrumbLabelVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;