@konstructio/ui 0.1.2-alpha.109 → 0.1.2-alpha.110

package/dist/components/Select/Select.js

@@ -1,7 +1,7 @@
-import { n as y, t as d } from "../../utils-B-6R7kNE.js";
-import { t as M } from "../../Wrapper-Bbaaa7YA.js";
+import { n as y, t as d } from "../../utils-DnIJruo0.js";
+import { t as M } from "../../Wrapper-MmlrJppS.js";
 import { SelectProvider as S } from "./contexts/select.provider.js";
-import { n as b } from "../../AdditionalOptions-Crcnz0_g.js";
+import { n as b } from "../../AdditionalOptions-D3SZ2WFJ.js";
 import { forwardRef as E, useId as G, useMemo as H } from "react";
 import { jsx as s, jsxs as P } from "react/jsx-runtime";
 var B = E(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, onValueChange: $, ...N }, O) => {

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../AdditionalOptions-Crcnz0_g.js";
+import { t } from "../../../../AdditionalOptions-D3SZ2WFJ.js";
 export {
   t as AdditionalOptions
 };

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../utils-B-6R7kNE.js";
+import { t as e } from "../../../../utils-DnIJruo0.js";
 var r = e("flex", "min-h-10", "py-2", "px-6", "w-full", "h-full", "gap-1", "items-center", "text-sm", "[&>svg]:-ml-1", "[&>svg]:w-3.5", "[&>svg]:h-3.5", "[&>svg]:shrink-0", "cursor-pointer", "select-none", "hover:bg-gray-50", "hover:dark:bg-metal-700", "focus:outline-0", "text-blue-600", "dark:text-aurora-500");
 export {
   r as additionalOptionSlotClassName

package/dist/components/Select/components/List/List.js

@@ -1,9 +1,9 @@
 import { o as $ } from "../../../../rolldown-runtime-Dw9YIBcH.js";
-import { t as n } from "../../../../utils-B-6R7kNE.js";
-import { t as R } from "../../../../Loading-DO8JOWBV.js";
+import { t as n } from "../../../../utils-DnIJruo0.js";
+import { t as R } from "../../../../Loading-u8hXrFJR.js";
 import { t as ee } from "../../../../debounce-BdyZeJQk.js";
 import { useSelectContext as te } from "../../contexts/select.hook.js";
-import { n as re, t as oe } from "../../../../AdditionalOptions-Crcnz0_g.js";
+import { n as re, t as oe } from "../../../../AdditionalOptions-D3SZ2WFJ.js";
 import { listGroupLabelVariants as ae, listVariants as ne } from "./List.variants.js";
 import "../../constants/pagination.js";
 import "../../constants/list.js";

package/dist/components/Select/components/ListItem/ListItem.js

@@ -1,4 +1,4 @@
-import { t as l } from "../../../../utils-B-6R7kNE.js";
+import { t as l } from "../../../../utils-DnIJruo0.js";
 import { Typography as x } from "../../../Typography/Typography.js";
 import { useSelectContext as I } from "../../contexts/select.hook.js";
 import { listItemVariants as C } from "./ListItem.variants.js";

package/dist/components/Select/components/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-Bbaaa7YA.js";
+import { t as p } from "../../../Wrapper-MmlrJppS.js";
 export {
   p as Wrapper
 };

package/dist/components/Select/components/index.js

@@ -1,5 +1,5 @@
-import { t as o } from "../../../Wrapper-Bbaaa7YA.js";
-import { t as i } from "../../../AdditionalOptions-Crcnz0_g.js";
+import { t as o } from "../../../Wrapper-MmlrJppS.js";
+import { t as i } from "../../../AdditionalOptions-D3SZ2WFJ.js";
 import { EmptyList as p } from "./EmptyList.js";
 import { List as a } from "./List/List.js";
 export {

package/dist/components/Sidebar/components/CollapseTrigger/CollapseTrigger.js

@@ -1,4 +1,4 @@
-import { t as n } from "../../../../utils-B-6R7kNE.js";
+import { t as n } from "../../../../utils-DnIJruo0.js";
 import { ArrowLeftIcon as l } from "../../../../assets/icons/components/ArrowLeft.js";
 import { ArrowRightIcon as s } from "../../../../assets/icons/components/ArrowRight.js";
 import { useSidebarContext as p } from "../../contexts/SidebarContext.js";

package/dist/components/Sidebar/components/Footer/Footer.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../utils-B-6R7kNE.js";
+import { t } from "../../../../utils-DnIJruo0.js";
 import { footerVariants as a } from "./Footer.variants.js";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ className: o, children: r }) => /* @__PURE__ */ e("footer", {

package/dist/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../HamburgerTrigger-B_NGSZ2r.js";
+import { t as e } from "../../../../HamburgerTrigger-DjHmNEJD.js";
 export {
   e as HamburgerTrigger
 };

package/dist/components/Sidebar/components/Label/Label.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../utils-B-6R7kNE.js";
+import { t as p } from "../../../../utils-DnIJruo0.js";
 import { Typography as l } from "../../../Typography/Typography.js";
 import { useSidebarContext as m } from "../../contexts/SidebarContext.js";
 import { useNavigationOptionContext as f } from "../NavigationOption/NavigationOption.context.js";

package/dist/components/Sidebar/components/Logo/Logo.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../utils-B-6R7kNE.js";
+import { t as e } from "../../../../utils-DnIJruo0.js";
 import { useSidebarContext as i } from "../../contexts/SidebarContext.js";
 import { logoVariants as s } from "./Logo.variants.js";
 import { jsx as m } from "react/jsx-runtime";

package/dist/components/Sidebar/components/Navigation/Navigation.js

@@ -1,4 +1,4 @@
-import { t as c } from "../../../../utils-B-6R7kNE.js";
+import { t as c } from "../../../../utils-DnIJruo0.js";
 import { useSidebarContext as d } from "../../contexts/SidebarContext.js";
 import { NavigationTitle as y } from "../NavigationTitle/NavigationTitle.js";
 import { NavigationGroup as u } from "../NavigationGroup/NavigationGroup.js";

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../utils-B-6R7kNE.js";
+import { t as m } from "../../../../utils-DnIJruo0.js";
 import { useSidebarContext as l } from "../../contexts/SidebarContext.js";
 import { NavigationTitle as p } from "../NavigationTitle/NavigationTitle.js";
 import { navigationGroupsVariants as u } from "./NavigationGroup.variants.js";

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js

@@ -1,5 +1,5 @@
-import { t as u } from "../../../../utils-B-6R7kNE.js";
-import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-AxOGvL82.js";
+import { t as u } from "../../../../utils-DnIJruo0.js";
+import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-D5Q2IYuC.js";
 import { useSidebarContext as H } from "../../contexts/SidebarContext.js";
 import { NavigationOptionContext as R } from "./NavigationOption.context.js";
 import { navigationOptionVariants as z } from "./NavigationOption.variants.js";

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../../utils-B-6R7kNE.js";
+import { t as r } from "../../../../utils-DnIJruo0.js";
 import { navigationSeparatorVariant as o } from "./NavigationSeparator.variants.js";
 import { jsx as t } from "react/jsx-runtime";
 var i = ({ className: a }) => /* @__PURE__ */ t("div", {

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-B-6R7kNE.js";
+import { t as a } from "../../../../utils-DnIJruo0.js";
 import { navigationTitleVariants as e } from "./NavigationTitle.variants.js";
 import { jsx as n } from "react/jsx-runtime";
 var o = ({ title: i, className: r, isVisible: t = !0 }) => t ? /* @__PURE__ */ n("h2", {

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,5 +1,5 @@
-import { t as Y } from "../../../../HamburgerTrigger-B_NGSZ2r.js";
-import { t as l } from "../../../../utils-B-6R7kNE.js";
+import { t as Y } from "../../../../HamburgerTrigger-DjHmNEJD.js";
+import { t as l } from "../../../../utils-DnIJruo0.js";
 import { Drawer as Z } from "../../../Drawer/Drawer.js";
 import { SidebarContext as k } from "../../contexts/SidebarContext.js";
 import { useSidebarMode as ee } from "../../hooks/useSidebarMode.js";

package/dist/components/Sidebar/components/index.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../HamburgerTrigger-B_NGSZ2r.js";
+import { t as r } from "../../../HamburgerTrigger-DjHmNEJD.js";
 import { CollapseTrigger as m } from "./CollapseTrigger/CollapseTrigger.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Label as f } from "./Label/Label.js";

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
-import { t } from "../../utils-B-6R7kNE.js";
-import { i as v, r as N, t as S } from "../../dist-BIBFLVt1.js";
+import { t } from "../../utils-DnIJruo0.js";
+import { i as v, r as N, t as S } from "../../dist-CNui_Egg.js";
 import { sliderVariants as V, thumbVariants as g, trackVariants as j } from "./Slider.variants.js";
 import { forwardRef as b, useEffect as w, useImperativeHandle as y, useRef as R, useState as k } from "react";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";

package/dist/components/Spinner/Spinner.js

@@ -1,4 +1,5 @@
-import { t as o } from "../../Spinner-BJE79VTl.js";
+"use client";
+import { t as r } from "../../Spinner-smR3esbL.js";
 export {
-  o as Spinner
+  r as Spinner
 };

package/dist/components/Stepper/Stepper.js

@@ -1,4 +1,4 @@
-import { t as s } from "../../utils-B-6R7kNE.js";
+import { t as s } from "../../utils-DnIJruo0.js";
 import { stepItemVariants as S, stepListVariants as b, stepperVariants as k } from "./Stepper.variants.js";
 import { StepItem as C } from "./components/StepItem/StepItem.js";
 import { useMemo as I } from "react";

package/dist/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.js

@@ -1,5 +1,5 @@
-import { t } from "../../../../utils-B-6R7kNE.js";
-import { t as v } from "../../../../StepIndicatorContent-BGDvxLzV.js";
+import { t } from "../../../../utils-DnIJruo0.js";
+import { t as v } from "../../../../StepIndicatorContent-yB2HfOdY.js";
 import { useStepItemLogic as w } from "../../hooks/useStepItemLogic.js";
 import { stepContentVariants as C, stepDescriptionVariants as k, stepIndicatorVariants as g, stepLabelVariants as I, stepVariants as x } from "../../Stepper.variants.js";
 import { getStepAriaLabel as S } from "../../utils/index.js";

package/dist/components/Stepper/components/StepConnector/StepConnector.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../utils-B-6R7kNE.js";
+import { t as m } from "../../../../utils-DnIJruo0.js";
 import { stepConnectorVariants as n } from "../../Stepper.variants.js";
 import { memo as i } from "react";
 import { jsx as p } from "react/jsx-runtime";

package/dist/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../StepIndicatorContent-BGDvxLzV.js";
+import { t as o } from "../../../../StepIndicatorContent-yB2HfOdY.js";
 export {
   o as StepIndicatorContent
 };

package/dist/components/Stepper/components/VerticalStepItem/VerticalStepItem.js

@@ -1,5 +1,5 @@
-import { t as a } from "../../../../utils-B-6R7kNE.js";
-import { t as x } from "../../../../StepIndicatorContent-BGDvxLzV.js";
+import { t as a } from "../../../../utils-DnIJruo0.js";
+import { t as x } from "../../../../StepIndicatorContent-yB2HfOdY.js";
 import { useStepItemLogic as V } from "../../hooks/useStepItemLogic.js";
 import { stepContentVariants as I, stepDescriptionVariants as S, stepIndicatorVariants as k, stepLabelVariants as D, stepVariants as L } from "../../Stepper.variants.js";
 import { getStepAriaLabel as g } from "../../utils/index.js";

package/dist/components/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Switch-C7286Bcu.js";
+import { t as o } from "../../Switch-CPE8v6Zh.js";
 export {
   o as Switch
 };

package/dist/components/Table/Table.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../utils-B-6R7kNE.js";
+import { t as e } from "../../utils-DnIJruo0.js";
 import { tableVariants as i } from "./Table.variants.js";
 import { Body as p } from "./components/Body.js";
 import { Filter as f } from "./components/Filter.js";

package/dist/components/Table/components/Body.js

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-B-6R7kNE.js";
+import { t } from "../../../utils-DnIJruo0.js";
 import { bodyVariants as a } from "../Table.variants.js";
 import { jsx as s } from "react/jsx-runtime";
 var f = ({ children: o, className: r, ...m }) => /* @__PURE__ */ s("tbody", {

package/dist/components/Table/components/Filter.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-is8n7emP.js";
+import { t as a } from "../../../Input-2M2I_H60.js";
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
 var m = ({ children: e, ...r }) => /* @__PURE__ */ t("div", {
   className: "flex px-4 py-6 rounded-t",

package/dist/components/Table/components/Head.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../utils-B-6R7kNE.js";
+import { t as o } from "../../../utils-DnIJruo0.js";
 import { headVariants as t } from "../Table.variants.js";
 import { jsx as e } from "react/jsx-runtime";
 var d = ({ children: a, className: r, ...m }) => /* @__PURE__ */ e("thead", {

package/dist/components/Table/components/Row.js

@@ -1,4 +1,4 @@
-import { t as i } from "../../../utils-B-6R7kNE.js";
+import { t as i } from "../../../utils-DnIJruo0.js";
 import { rowVariants as p } from "../Table.variants.js";
 import { jsx as c } from "react/jsx-runtime";
 var n = ({ children: r, className: o, width: t, isSelected: m, onSelect: a, ...s }) => /* @__PURE__ */ c("tr", {

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
-import { t as s } from "../../utils-B-6R7kNE.js";
-import { r as e } from "../../dist-pxvIAJzo.js";
+import { t as s } from "../../utils-DnIJruo0.js";
+import { r as e } from "../../dist-CR3FMRzF.js";
 import { rootVariants as p } from "./Tabs.variants.js";
 import { Content as n } from "./components/Content.js";
 import { List as f } from "./components/List.js";

package/dist/components/Tabs/components/Content.js

@@ -1,5 +1,5 @@
-import { t as r } from "../../../utils-B-6R7kNE.js";
-import { t as n } from "../../../dist-pxvIAJzo.js";
+import { t as r } from "../../../utils-DnIJruo0.js";
+import { t as n } from "../../../dist-CR3FMRzF.js";
 import { contentVariants as m } from "../Tabs.variants.js";
 import { jsx as s } from "react/jsx-runtime";
 var e = ({ children: t, className: o, ...a }) => /* @__PURE__ */ s(n, {

package/dist/components/Tabs/components/List.js

@@ -1,5 +1,5 @@
-import { t as a } from "../../../utils-B-6R7kNE.js";
-import { n } from "../../../dist-pxvIAJzo.js";
+import { t as a } from "../../../utils-DnIJruo0.js";
+import { n } from "../../../dist-CR3FMRzF.js";
 import { listVariants as t } from "../Tabs.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var e = ({ children: s, className: i, orientation: m, ...o }) => /* @__PURE__ */ r("div", {

package/dist/components/Tabs/components/Trigger.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../utils-B-6R7kNE.js";
+import { t as e } from "../../../utils-DnIJruo0.js";
 import { Typography as m } from "../../Typography/Typography.js";
-import { i as n } from "../../../dist-pxvIAJzo.js";
+import { i as n } from "../../../dist-CR3FMRzF.js";
 import { triggerVariants as p } from "../Tabs.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var s = ({ tab: a, label: i, isActive: o, className: t }) => /* @__PURE__ */ r(n, {

package/dist/components/Tag/Tag.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../dist-xCbHbMLA.js";
-import { t as o } from "../../utils-B-6R7kNE.js";
+import { t as o } from "../../utils-DnIJruo0.js";
 import { tagVariants as c } from "./Tag.variants.js";
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 var v = ({ label: i, color: s, component: l = "div", rightIcon: t, leftIcon: r, className: m, "data-value": n }) => /* @__PURE__ */ d(l, {

package/dist/components/TagSelect/TagSelect.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as m } from "../../Wrapper-CyHxGs4E.js";
+import { t as m } from "../../Wrapper-JmStmade.js";
 import { TagSelectProvider as p } from "./contexts/TagSelect.provider.js";
 import { forwardRef as a } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/TagSelect/components/Item/Item.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../utils-B-6R7kNE.js";
+import { t as o } from "../../../../utils-DnIJruo0.js";
 import { Tag as a } from "../../../Tag/Tag.js";
 import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
 import { wrapperVariants as c } from "./Item.variants.js";

package/dist/components/TagSelect/components/List/List.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-B-6R7kNE.js";
+import { t as a } from "../../../../utils-DnIJruo0.js";
 import { useTagSelect as m } from "../../contexts/TagSelect.hook.js";
 import { Item as s } from "../Item/Item.js";
 import { wrapperVariants as i } from "./List.variants.js";

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../Wrapper-CyHxGs4E.js";
+import { t as p } from "../../../../Wrapper-JmStmade.js";
 export {
   p as Wrapper
 };

package/dist/components/TagSelect/components/index.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../Wrapper-CyHxGs4E.js";
+import { t as m } from "../../../Wrapper-JmStmade.js";
 import { Item as t } from "./Item/Item.js";
 import { List as i } from "./List/List.js";
 export {

package/dist/components/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-import { n as E, t } from "../../utils-B-6R7kNE.js";
+import { n as E, t } from "../../utils-DnIJruo0.js";
 import { WarningIcon as F } from "../../assets/icons/components/Warning.js";
 import { Typography as n } from "../Typography/Typography.js";
 import { textAreaVariants as H } from "./TextArea.variants.js";

package/dist/components/TimePicker/components/HoursList/HoursList.js

@@ -1,4 +1,4 @@
-import { t as s } from "../../../../utils-B-6R7kNE.js";
+import { t as s } from "../../../../utils-DnIJruo0.js";
 import { useTimePickerContext as S } from "../../contexts/time-picker.hook.js";
 import { buttonVariants as d, liVariants as k, ulVariants as H } from "../../TimePicker.variants.js";
 import { useEffect as A, useRef as D } from "react";

package/dist/components/TimePicker/components/MeridianList/MeridianList.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../utils-B-6R7kNE.js";
+import { t } from "../../../../utils-DnIJruo0.js";
 import { useTimePickerContext as w } from "../../contexts/time-picker.hook.js";
 import { buttonVariants as d, liVariants as p } from "../../TimePicker.variants.js";
 import { useRef as N } from "react";

package/dist/components/TimePicker/components/MinutesList/MinutesList.js

@@ -1,4 +1,4 @@
-import { t as l } from "../../../../utils-B-6R7kNE.js";
+import { t as l } from "../../../../utils-DnIJruo0.js";
 import { useTimePickerContext as h } from "../../contexts/time-picker.hook.js";
 import { buttonVariants as k, liVariants as d, ulVariants as M } from "../../TimePicker.variants.js";
 import { useEffect as p, useRef as m } from "react";

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -1,6 +1,6 @@
-import { t as T } from "../../../../utils-B-6R7kNE.js";
+import { t as T } from "../../../../utils-DnIJruo0.js";
 import { useClickOutside as te } from "../../../../hooks/useClickOutside.js";
-import { t as re } from "../../../../chevron-down-DNP-OOAQ.js";
+import { t as re } from "../../../../chevron-down-BODx0Q7h.js";
 import { Typography as M } from "../../../Typography/Typography.js";
 import { parseTimeString as V } from "../../utils/index.js";
 import { useTimePickerContext as ae } from "../../contexts/time-picker.hook.js";

package/dist/components/TimePicker/components/WrapperList/WrapperList.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-B-6R7kNE.js";
+import { t as a } from "../../../../utils-DnIJruo0.js";
 import { getHours as s, getMinutes as x } from "../../utils/index.js";
 import { useTimePickerContext as g } from "../../contexts/time-picker.hook.js";
 import { HoursList as b } from "../HoursList/HoursList.js";

package/dist/components/Toast/Toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as o } from "../../Toast-jSx3Lao8.js";
+import { t as o } from "../../Toast-DTb03cfB.js";
 export {
   o as Toast
 };

package/dist/components/Toast/Toast.variants.js

@@ -1,49 +1,81 @@
-import { t as a } from "../../dist-B9GE4SXf.js";
-var t = a([
-  "rounded-md",
-  "p-4",
-  "flex",
-  "flex-row",
-  "relative",
+import { t as r } from "../../dist-B9GE4SXf.js";
+var e = r([
   "overflow-hidden",
-  "h-14",
-  "items-center",
-  "gap-8",
-  "data-[state=open]:animate-slide-in",
-  "data-[state=closed]:animate-hide",
-  "data-[swipe=move]:translate-x-4",
-  "data-[swipe=cancel]:translate-x-0",
-  "data-[swipe=end]:animate-swipe-out",
-  "text-white",
-  "shadow-[0px_2px_4px_0px_rgba(100,116,139,0.25)]"
+  "rounded-lg",
+  "inset-ring",
+  "inset-ring-transparent",
+  "shadow-[0px_2px_2px_0px_rgba(100,116,139,0.25)]",
+  "dark:bg-metal-950",
+  "dark:shadow-[0px_2px_2px_0px_rgba(0,0,0,0.45)]"
 ], {
-  variants: { variant: {
-    success: ["bg-green-800"],
-    error: ["bg-red-800"],
-    warning: ["bg-amber-800"],
-    info: ["bg-blue-800"]
+  variants: { type: {
+    success: ["dark:inset-ring-green-600/20"],
+    error: ["dark:inset-ring-red-500/20"],
+    warning: ["dark:inset-ring-yellow-400/20"],
+    info: ["dark:inset-ring-blue-500/20"]
   } },
-  defaultVariants: { variant: "success" }
-}), r = a([
-  "fixed",
-  "bottom-0",
-  "right-0",
+  defaultVariants: { type: "info" }
+}), a = r([
+  "relative",
   "flex",
+  "min-h-14",
   "flex-col",
-  "p-[var(--viewport-padding)]",
-  "gap-8",
-  "w-97.5",
-  "max-w-[100vw]",
-  "m-0",
-  "z-50",
-  "outline-none"
-]), i = a([
-  "w-4",
-  "h-4",
+  "justify-center",
+  "p-4"
+], {
+  variants: { type: {
+    success: ["bg-green-800", "dark:bg-green-600/10"],
+    error: ["bg-red-800", "dark:bg-red-500/10"],
+    warning: ["bg-amber-800", "dark:bg-yellow-400/10"],
+    info: ["bg-blue-800", "dark:bg-blue-500/10"]
+  } },
+  defaultVariants: { type: "info" }
+}), n = r([
+  "font-medium",
+  "tracking-normal",
+  "text-white"
+], {
+  variants: { type: {
+    success: ["dark:text-green-300"],
+    error: ["dark:text-red-300"],
+    warning: ["dark:text-yellow-200"],
+    info: ["dark:text-blue-300"]
+  } },
+  defaultVariants: { type: "info" }
+}), i = r(["text-white/80"], {
+  variants: { type: {
+    success: ["dark:text-green-100"],
+    error: ["dark:text-red-200"],
+    warning: ["dark:text-yellow-100"],
+    info: ["dark:text-blue-200"]
+  } },
+  defaultVariants: { type: "info" }
+}), s = r(["shrink-0", "text-white"], {
+  variants: { type: {
+    success: ["dark:text-green-400"],
+    error: ["dark:text-red-400"],
+    warning: ["dark:text-yellow-300"],
+    info: ["dark:text-blue-400"]
+  } },
+  defaultVariants: { type: "info" }
+}), o = r([
+  "shrink-0",
+  "cursor-pointer",
   "text-white"
-]);
+], {
+  variants: { type: {
+    success: ["dark:text-green-300"],
+    error: ["dark:text-red-300"],
+    warning: ["dark:text-yellow-200"],
+    info: ["dark:text-blue-300"]
+  } },
+  defaultVariants: { type: "info" }
+});
 export {
-  i as closeToastVariants,
-  t as toastVariants,
-  r as viewportToastVariants
+  o as toastCloseButtonVariants,
+  i as toastDescriptionVariants,
+  e as toastFrameVariants,
+  s as toastIconVariants,
+  n as toastTitleVariants,
+  a as toastVariants
 };

package/dist/components/Toast/ToastProvider.js

@@ -0,0 +1,19 @@
+"use client";
+import { ToastStoreContext as s } from "./contexts/toast-store.context.js";
+import { createToastStore as i } from "./store/create-toast-store.js";
+import { useState as m } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var p = ({ children: r, duration: t, limit: o, store: e }) => {
+  const [a] = m(() => e ?? i({
+    duration: t,
+    limit: o
+  }));
+  return /* @__PURE__ */ n(s.Provider, {
+    value: a,
+    children: r
+  });
+};
+p.displayName = "KonstructToastProvider";
+export {
+  p as ToastProvider
+};