@konstructio/ui 0.1.0-alpha.2 → 0.1.0-alpha.3

package/dist/DatePicker.css

@@ -0,0 +1 @@
+.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}

package/dist/{Modal-i7eolhYH.js → Modal-B2ujmsSW.js}

@@ -3,8 +3,8 @@ import { Footer as _r } from "./components/Modal/components/Footer/Footer.js";
 import { Header as kr } from "./components/Modal/components/Header/Header.js";
 import { jsx as k, jsxs as ee } from "react/jsx-runtime";
 import S, { createContext as Lr, forwardRef as Ue, useState as re, useRef as ne, useCallback as W, useEffect as Ge, useMemo as Rr, Fragment as Cr, PureComponent as Wr, Children as K, isValidElement as X } from "react";
-import { r as Br } from "./index-g-TFwd6Y.js";
-import { R as Ur } from "./index-CWKdynYu.js";
+import { r as Br } from "./index-ObZsP5Eh.js";
+import { R as Ur } from "./index-BRcC_VTj.js";
 import { p as l } from "./index-C5psggHV.js";
 import { c as le, a as Gr, u as Hr, R as jr } from "./Combination-b348x__d.js";
 import { cn as Me } from "./utils/index.js";

package/dist/components/Alert/Alert.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as i } from "react/jsx-runtime";
 import { useRef as b, useState as C, useMemo as V, isValidElement as v, useCallback as k, useEffect as w } from "react";
-import { V as x } from "../../index-CWKdynYu.js";
+import { V as x } from "../../index-BRcC_VTj.js";
 import { cn as m } from "../../utils/index.js";
 import { closeButtonVariants as y, alertVariants as A } from "./Alert.variants.js";
 import { X as E } from "../../x-DU-Zw-L_.js";

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,61 +1,75 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as u, A as b, P as y, O as N, C as O, T as A, D, a as v, b as j } from "../../index-AM3avohj.js";
-import { Button as n } from "../Button/Button.js";
-import { cn as l } from "../../utils/index.js";
-import { useAlertDialog as k } from "./hooks/useAlertDialog.js";
-const B = ({
-  buttonTriggerClassName: i,
-  buttonCancelClassName: r,
-  buttonCancelText: o = "Cancel",
-  buttonConfirmClassName: s,
-  buttonConfirmText: c = "OK",
-  buttonText: d,
-  description: m,
-  theme: t,
-  title: p,
-  onConfirm: f
+import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-xPmNHv1y.js";
+import { Button as l } from "../Button/Button.js";
+import { cn as t } from "../../utils/index.js";
+import { useAlertDialog as z } from "./hooks/useAlertDialog.js";
+const G = ({
+  buttonCancel: {
+    className: s,
+    text: i = "Cancel",
+    ...r
+  } = {},
+  buttonConfirm: {
+    className: o,
+    text: c = "OK",
+    ...m
+  } = {},
+  buttonTriggerClassName: d,
+  buttonTriggerText: p,
+  description: f,
+  showCancelButton: h = !0,
+  theme: n,
+  title: x,
+  wrapperClassName: u,
+  onConfirm: C,
+  ...b
 }) => {
-  const { isOpen: h, handleCancel: x, handleConfirm: g, handleOpen: C } = k({
-    onConfirm: f
+  const { isOpen: N, handleCancel: g, handleConfirm: y, handleOpen: O } = z({
+    onConfirm: C
   });
-  return /* @__PURE__ */ a(u, { open: h, children: [
+  return /* @__PURE__ */ a(A, { open: N, ...b, children: [
     /* @__PURE__ */ e(
-      b,
+      D,
       {
-        className: i,
-        text: d,
-        "data-theme": t,
-        onOpen: C
+        className: d,
+        text: p,
+        "data-theme": n,
+        onOpen: O
       }
     ),
-    /* @__PURE__ */ a(y, { children: [
-      /* @__PURE__ */ e(N, { className: "bg-black opacity-75 inset-0 fixed animate-in fade-in-0" }),
+    /* @__PURE__ */ a(v, { children: [
+      /* @__PURE__ */ e(j, { className: "bg-black opacity-70 inset-0 fixed animate-in fade-in-0" }),
       /* @__PURE__ */ a(
-        O,
+        k,
         {
-          "data-theme": t,
-          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 animate-in fade-in-0 zoom-in-85",
+          "data-theme": n,
+          className: t(
+            "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-8 animate-in fade-in-0 zoom-in-85",
+            u
+          ),
           children: [
-            /* @__PURE__ */ e(A, { className: "font-bold text-center text-2xl", children: p }),
-            /* @__PURE__ */ e(D, { children: m }),
+            /* @__PURE__ */ e(T, { className: "text-base text-slate-700 font-semibold", children: x }),
+            /* @__PURE__ */ e(w, { className: "text-sm text-slate-800", children: f }),
             /* @__PURE__ */ a("div", { className: "flex flex-row gap-5 justify-end", children: [
-              /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-                n,
+              h && /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
+                l,
                 {
                   type: "button",
                   variant: "secondary",
-                  className: l(r),
-                  onClick: x,
-                  children: o
+                  className: t(s),
+                  onClick: g,
+                  ...r,
+                  children: i
                 }
               ) }),
-              /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
-                n,
+              /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
+                l,
                 {
                   type: "button",
-                  variant: "danger",
-                  className: l(s),
-                  onClick: g,
+                  variant: "primary",
+                  className: t(o),
+                  onClick: y,
+                  ...m,
                   children: c
                 }
               ) })
@@ -67,5 +81,5 @@ const B = ({
   ] });
 };
 export {
-  B as AlertDialog
+  G as AlertDialog
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-AM3avohj.js";
+import { A as p } from "../../../index-xPmNHv1y.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

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

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

package/dist/components/Badge/Badge.js

@@ -1,10 +1,10 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useRef as v, useState as w, useCallback as x, useEffect as y } from "react";
-import { cn as m } from "../../utils/index.js";
+import { cn as u } from "../../utils/index.js";
 import { buttonDismissVariants as M, badgeVariants as Z } from "./Badge.variants.js";
-import { c as N } from "../../createLucideIcon-CoF3ywd5.js";
+import { c as N } from "../../createLucideIcon-BA2PlKw1.js";
 /**
-* @license lucide-react v0.488.0 - ISC
+* @license lucide-react v0.510.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -13,12 +13,12 @@ const V = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], I = N("x", V), L = "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", _ = ({
-  className: u,
-  dismissible: p = !1,
+  className: p,
+  dismissible: b = !1,
   label: s,
   loading: o = !1,
   size: n,
-  variant: b,
+  variant: l,
   onClick: e,
   onDismiss: C
 }) => {
@@ -34,17 +34,17 @@ const V = [
     return (i = t.current) == null || i.addEventListener(
       "animationend",
       () => {
-        var l, c;
-        (l = t.current) == null || l.style.setProperty("display", "none"), (c = t.current) == null || c.remove();
+        var c, d;
+        (c = t.current) == null || c.style.setProperty("display", "none"), (d = t.current) == null || d.remove();
       },
       { signal: a.signal }
     ), () => a.abort();
-  }, []), /* @__PURE__ */ d(
+  }, []), /* @__PURE__ */ m(
     "span",
     {
       ref: t,
-      className: m(
-        Z({ variant: b, size: n, className: u }),
+      className: u(
+        Z({ variant: l, size: n, className: p }),
         e && "cursor-pointer"
       ),
       role: e ? "button" : void 0,
@@ -57,11 +57,11 @@ const V = [
       children: [
         o && /* @__PURE__ */ r(L, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
         s,
-        p && /* @__PURE__ */ d(
+        b && /* @__PURE__ */ m(
           "button",
           {
             type: "button",
-            className: m(M({ size: n })),
+            className: u(M({ size: n, variant: l })),
             onClick: g,
             "aria-label": "Dismiss",
             children: [

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

@@ -4,8 +4,8 @@ const a = e(
     "flex",
     "items-center",
     "justify-center",
-    "gap-1.5",
-    "rounded-md",
+    "gap-2",
+    "rounded",
     "px-2",
     "py-1",
     "w-max",
@@ -24,19 +24,15 @@ const a = e(
         warning: ["bg-yellow-100", "text-yellow-800"]
       },
       size: {
-        small: "text-sm",
-        medium: "text-base",
-        large: "text-lg",
-        xlarge: "text-xl",
-        xxlarge: "text-2xl"
+        default: "text-sm leading-[16px]"
       }
     },
     defaultVariants: {
       variant: "default",
-      size: "medium"
+      size: "default"
     }
   }
-), i = e(
+), n = e(
   [
     "rounded-full",
     "inline-flex",
@@ -44,24 +40,29 @@ const a = e(
     "justify-center",
     "focus:outline-none",
     "text-inherit",
-    "cursor-pointer"
+    "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: {
-        small: ["h-3", "w-3"],
-        medium: ["h-3.5", "w-3.5"],
-        large: ["h-4", "w-4"],
-        xlarge: ["h-5", "w-5"],
-        xxlarge: ["h-6", "w-6"]
+        default: ["h-3.5", "w-3.5"]
       }
     },
     defaultVariants: {
-      size: "medium"
+      variant: "default",
+      size: "default"
     }
   }
 );
 export {
   a as badgeVariants,
-  i as buttonDismissVariants
+  n as buttonDismissVariants
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,40 +1,40 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import h, { forwardRef as b, useId as y, Fragment as O } from "react";
-import { cn as c } from "../../utils/index.js";
-import { chevronVariants as j, breadcrumbVariants as w, breadcrumbWrapperVariants as P } from "./Breadcrumb.variants.js";
-import { Item as x } from "./components/Item/Item.js";
+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-C5psggHV.js";
 function m() {
   return m = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
+    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 k(r, n) {
+function x(r, o) {
   if (r == null) return {};
-  var e = N(r, n), t, o;
+  var e = P(r, o), t, n;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(r);
-    for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
+    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 N(r, n) {
+function P(r, o) {
   if (r == null) return {};
-  var e = {}, t = Object.keys(r), o, i;
+  var e = {}, t = Object.keys(r), n, i;
   for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
+    n = t[i], !(o.indexOf(n) >= 0) && (e[n] = r[n]);
   return e;
 }
-var p = b(function(r, n) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, s = k(r, ["color", "size"]);
-  return /* @__PURE__ */ h.createElement("svg", m({
-    ref: n,
+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,
@@ -44,57 +44,48 @@ var p = b(function(r, n) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ h.createElement("polyline", {
+  }, s), /* @__PURE__ */ u.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
-p.propTypes = {
+c.propTypes = {
   color: l.string,
   size: l.oneOfType([l.string, l.number])
 };
-p.displayName = "ChevronRight";
-const C = ({
-  className: r,
-  size: n,
+c.displayName = "ChevronRight";
+const W = ({
+  "aria-label": r = "breadcrumb",
+  className: o,
   steps: e,
   theme: t,
-  "aria-label": o = "breadcrumb",
-  wrapperClassName: i,
-  ...s
+  wrapperClassName: n,
+  ...i
 }) => {
-  const d = y();
+  const s = v();
   return /* @__PURE__ */ a(
     "nav",
     {
-      "aria-label": o,
+      "aria-label": r,
       "data-theme": t,
-      className: c(
-        P({
-          className: i
+      className: h(
+        j({
+          className: n
         })
       ),
-      children: /* @__PURE__ */ a(
-        "ol",
-        {
-          className: c(w({ className: r, size: n })),
-          ...s,
-          children: e.map(({ label: f, ...g }, u) => /* @__PURE__ */ v(O, { children: [
-            /* @__PURE__ */ a(
-              x,
-              {
-                ...g,
-                label: f,
-                isLast: u === e.length - 1,
-                size: n
-              }
-            ),
-            u !== e.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(p, { className: c(j({ size: n })) }) })
-          ] }, `${d}-${f}`))
-        }
-      )
+      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}`)) })
     }
   );
 };
 export {
-  C as Breadcrumb
+  W as Breadcrumb
 };

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

@@ -1,43 +1,12 @@
-import { c as a } from "../../index-BNmRGtA6.js";
-const e = a(
-  ["text-slate-500", "cursor-pointer"],
-  {
-    variants: {
-      size: {
-        sm: "",
-        base: "",
-        lg: "",
-        xl: ""
-      }
-    }
-  }
-), t = a(["flex", "gap-1", "items-center"], {
-  variants: {
-    size: {
-      sm: "",
-      base: "",
-      lg: "",
-      xl: ""
-    }
-  },
-  defaultVariants: {
-    size: "base"
-  }
-}), r = a("text-[#abadc6]", {
-  variants: {
-    size: {
-      sm: ["w-3", "h-3"],
-      base: ["w-4", "h-4"],
-      lg: ["w-5", "h-5"],
-      xl: ["w-6", "h-6"]
-    }
-  },
-  defaultVariants: {
-    size: "base"
-  }
-});
+import { c as e } from "../../index-BNmRGtA6.js";
+const r = e([
+  "text-slate-500",
+  "text-md",
+  "flex",
+  "gap-2",
+  "items-center"
+]), a = e(["flex", "gap-1", "items-center"]);
 export {
-  t as breadcrumbVariants,
-  e as breadcrumbWrapperVariants,
-  r as chevronVariants
+  a as breadcrumbVariants,
+  r as breadcrumbWrapperVariants
 };

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

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