npm - @umbra.ui/core - Versions diffs - 0.1.24 → 0.1.26 - Mend

@umbra.ui/core 0.1.24 → 0.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/dist/components/controls/Dropdown/Dropdown.vue CHANGED Viewed

@@ -2,7 +2,7 @@
 import { ChevronRightIcon } from "@umbra.ui/icons";
 import { Button } from "@umbra.ui/core";
 import { ref, onUnmounted, onMounted, computed, nextTick, watch } from "vue";
-import { DropdownItem } from "./types";
+import type { DropdownItem } from "./types";
 import "./theme.css";
 // Shared overlay system across all dropdown instances

package/dist/components/controls/Dropdown/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ControlItem } from "../SegmentedControl/types";
+import type { ControlItem } from "../SegmentedControl/types";
 export interface DropdownItem extends ControlItem {
     id: string | number;
 }

package/dist/components/controls/Dropdown/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;~~AAGxD~~,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB"}

package/dist/components/controls/Dropdown/types.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ControlItem } from "../SegmentedControl/types";
+import type { ControlItem } from "../SegmentedControl/types";
 // Updated DropdownItem interface with required id
 export interface DropdownItem extends ControlItem {

package/dist/components/controls/IconButton/IconButton.vue CHANGED Viewed

@@ -7,7 +7,7 @@ import "./theme.css";
 interface Props {
   iconName?: IconKey;
   buttonType?: "round" | "square" | "plain";
-  buttonStyle?: "primary" | "secondary" | "tertiary" | "quaternary";
+  buttonStyle?: "primary" | "secondary" | "tertiary" | "quaternary" | string;
   state?: "normal" | "active" | "disabled";
   buttonSize?: number;
   tooltip?: string | TooltipConfig;

package/dist/components/dialogs/Alert/Alert.vue CHANGED Viewed

@@ -4,7 +4,7 @@
 <script setup lang="ts">
 import { watch, ref } from "vue";
 import Button from "../../controls/Button/Button.vue";
-import { AlertAction, AlertActionType } from "./types";
+import type { AlertAction, AlertActionType } from "./types";
 import "./theme.css";
 // Props for customization

package/dist/components/dialogs/Toast/Toast.vue CHANGED Viewed

@@ -83,6 +83,10 @@ const textColor = computed(() => {
   return color.isLight() ? "black" : "white";
 });
+const buttonStyle = computed(() => {
+  return textColor.value === "black" ? "secondary" : "primary";
+});
 const customColor = computed(() => {
   const validTypes = ["success", "error", "warning", "info"];
   if (!validTypes.includes(props.toast.toastType as string)) {
@@ -165,8 +169,8 @@ const handleKeyDown = (event: KeyboardEvent) => {
       :class="$style.closeButton"
       @click.stop="handleDismiss"
       buttonType="plain"
-      buttonSize="12"
-      :buttonStyle="textColor"
+      :buttonSize="12"
+      :buttonStyle="buttonStyle"
     />
   </div>
 </template>

package/dist/components/dialogs/Toast/ToastContainer.vue CHANGED Viewed

@@ -17,7 +17,7 @@ const containerRef = ref<HTMLElement>();
 const animatedToasts = new Set<string>();
 // Track auto-dismiss timeouts
-const autoDismissTimeouts = new Map<string, NodeJS.Timeout>();
+const autoDismissTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
 const handleDismiss = async (id: string) => {
   // Clear any auto-dismiss timeout for this toast

package/dist/components/dialogs/Toast/useToast.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { App } from "vue";
+import type { App } from "vue";
 import type { ToastOptions } from "./types";
 export declare const ToastPlugin: {
     install(app: App): void;

package/dist/components/dialogs/Toast/useToast.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/Toast/useToast.ts"],"names":[],"mappings":"~~AACA~~,OAAO,~~EAA2B~~,GAAG,~~EAAmB~~,MAAM,KAAK,CAAC;~~AACpE~~,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAC;AA2F3D,eAAO,MAAM,WAAW;iBACT,GAAG;CAMjB,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;wBAjFK,YAAY,KAAG,OAAO,CAAC,MAAM,CAAC;sBA4BtC,MAAM;;2BAhCD,KAAK,GAAG,MAAM,GAAG,cAAc;yBA+C3C,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;uBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;yBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;sBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;CAyClC,CAAC"}
1	+ {"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/Toast/useToast.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAC;AA2F3D,eAAO,MAAM,WAAW;iBACT,GAAG;CAMjB,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;wBAjFK,YAAY,KAAG,OAAO,CAAC,MAAM,CAAC;sBA4BtC,MAAM;;2BAhCD,KAAK,GAAG,MAAM,GAAG,cAAc;yBA+C3C,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;uBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;yBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;sBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;CAyClC,CAAC"}

package/dist/components/dialogs/Toast/useToast.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 // useToast.ts
-import { ref, computed, nextTick, App, inject, provide } from "vue";
+import { ref, computed, nextTick, inject, provide } from "vue";
+import type { App } from "vue";
 import type { ToastOptions, ToastInstance } from "./types";
 const TOAST_INJECTION_KEY = Symbol("toast");

package/dist/components/indicators/Tooltip/tooltip.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { Directive } from "vue";
+import type { Directive } from "vue";
 export declare const vTooltip: Directive;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/indicators/Tooltip/tooltip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAC;~~AAQlD~~,eAAO,MAAM,QAAQ,EAAE,SAsCtB,CAAC"}
1	+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAC;AAQvD,eAAO,MAAM,QAAQ,EAAE,SAsCtB,CAAC"}

package/dist/components/indicators/Tooltip/tooltip.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 // directives/tooltip.ts
-import { Directive, DirectiveBinding } from "vue";
+import type { Directive, DirectiveBinding } from "vue";
 import { useTooltip } from "./useTooltip";
 import type { TooltipConfig } from "./types";

package/dist/components/indicators/Tooltip/useTooltip.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { TooltipConfig } from "./types";
+import type { TooltipConfig } from "./types";
 export declare const useTooltipProvider: () => {
     tooltipState: {
         isVisible: boolean;

package/dist/components/indicators/Tooltip/useTooltip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;~~AAUtD~~,eAAO,MAAM,kBAAkB;;;;;;;;2BACO,WAAW,UAAU,aAAa;;CAoBvE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,aAAa;2BAGhB,WAAW,GAAG,GAAG;2BA8BtB,WAAW;;CAGrC,CAAC"}
1	+ {"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;AAU3D,eAAO,MAAM,kBAAkB;;;;;;;;2BACO,WAAW,UAAU,aAAa;;CAoBvE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,aAAa;2BAGhB,WAAW,GAAG,GAAG;2BA8BtB,WAAW;;CAGrC,CAAC"}

package/dist/components/indicators/Tooltip/useTooltip.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { reactive } from "vue";
-import { TooltipConfig, TooltipState } from "./types";
+import type { TooltipConfig, TooltipState } from "./types";
 const tooltipState = reactive<TooltipState>({
   isVisible: false,

package/dist/components/inputs/Tags/TagBar.vue CHANGED Viewed

@@ -9,7 +9,8 @@ import {
   watch,
 } from "vue";
 import { useTheme } from "../../../theme";
-import { TagItem, generateTagStyle } from "./types";
+import { generateTagStyle } from "./types";
+import type { TagItem } from "./types";
 import { IconButton } from "@umbra.ui/core";
 import { gsap } from "gsap";
 import TagPicker from "./TagPicker.vue";

package/dist/components/inputs/Tags/TagCreation.vue CHANGED Viewed

@@ -6,7 +6,7 @@
 import { ref, computed } from "vue";
 import { gsap } from "gsap";
 import ColorPicker from "../../pickers/ColorPicker/ColorPicker.vue";
-import { Color } from "../../pickers/ColorPicker/colors";
+import type { Color } from "../../pickers/ColorPicker/colors";
 import { CheckIcon } from "@umbra.ui/icons";
 const props = defineProps({
   containerID: {
@@ -28,7 +28,7 @@ const emits = defineEmits(["onCreate"]);
 const input = ref(null);
 const confirm = ref(null);
 const title = ref<string>("");
-const color = ref<Color>(null);
+const color = ref<Color | null>(null);
 const currentHex = () => {
   return color.value?.hex ?? props.initialColor.hex;
 };
@@ -75,7 +75,7 @@ const onConfirm = () => {
   reset();
 };
 const onCancel = () => {
-  title.value = originalTitle.value;
+  title.value = originalTitle.value ?? "";
   gsap.to(confirm.value, { duration: 0.3, opacity: 0, scale: 0.5 });
 };
@@ -99,10 +99,10 @@ const reset = () => {
   <div :class="$style.container">
     <div :class="$style.content">
       <ColorPicker
-        :containerID="$props.containerID"
+        :color="color ?? initialColor"
         :pickerOffsetX="-8"
-        @onColorSelect="onColorSelection"
-        :buttonStyle="{ backgroundColor: currentHex() }"
+        :preventPopup="false"
+        @update:color="onColorSelection"
       />
       <input
         :class="[$style.field, 'body']"

package/dist/components/inputs/Tags/TagPicker.vue CHANGED Viewed

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch, nextTick } from "vue";
-import { TagItem, generateTagStyle } from "./types";
+import { generateTagStyle } from "./types";
+import type { TagItem } from "./types";
 import { ArrowTurnLeftIcon } from "@umbra.ui/icons";
 import "./theme.css";
@@ -42,7 +43,6 @@ const getTagStyle = (tag: TagItem) => {
   }
   // Default style if none provided
   return generateTagStyle({
-    variant: "default",
     colorScheme: "#6b7280",
     size: "md",
   });

package/dist/components/inputs/Tags/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Tags/types.ts"],"names":[],"mappings":"~~AAMA~~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"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Tags/types.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAGD,MAAM,WAAW,cAAc;IAE7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,KAAK,CAAC,EAAE;QACN,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAGF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,MAAM,GACN,KAAK,CAAC;AAGV,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAGD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB;AAGD,eAAO,MAAM,YAAY,QAAO,OAAO,GAAG,MAWzC,CAAC;AAgIF,eAAO,MAAM,gBAAgB,GAAI,SAAQ,cAAmB,KAAG,QAsC9D,CAAC;AAGF,eAAO,MAAM,eAAe,GAC1B,IAAI,MAAM,EACV,OAAO,MAAM,EACb,cAAc,cAAc,KAC3B,OAID,CAAC;AAGH,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAGX,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;CAsBpB,CAAC;AAGX,qBAAa,QAAQ;IACnB,OAAO,CAAC,YAAY,CAAiB;gBAEzB,YAAY,GAAE,cAAmB;IAI7C,aAAa,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,QAAQ;IAKnD,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO;CAG1E"}

package/dist/components/inputs/Tags/types.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import tinycolor from "tinycolor2";
 import * as colors from "@umbra.ui/colors";
-import { ThemeObject } from "../../../index";
 import { getThemeConfig } from "../../../theme";
 // Core interfaces

package/dist/components/inputs/search/README.md CHANGED Viewed

@@ -460,7 +460,7 @@ const searchAPI = async (query: string) => {
 };
 // Debounced search
-let searchTimeout: NodeJS.Timeout;
+let searchTimeout: ReturnType<typeof setTimeout>;
 watch(searchQuery, (newQuery) => {
   clearTimeout(searchTimeout);
   searchTimeout = setTimeout(() => {

package/dist/components/inputs/search/SearchResults.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <!-- SearchResults.vue -->
 <script setup lang="ts">
-import { SearchResult } from "./types";
+import type { SearchResult } from "./types";
 import { CircleAnim32GlyphIcon, ChevronDownIcon } from "@umbra.ui/icons";
 import { computed, ref, watch } from "vue";
 import "./theme.css";

package/dist/components/navigation/adaptive/AdaptiveLayout.vue CHANGED Viewed

@@ -14,7 +14,7 @@ import {
 } from "vue";
 import { useAdaptiveLayoutState } from "./useAdaptiveLayout";
 import { useResponsiveContainer } from "./useContainerMonitor";
-import { View, InternalView, ViewLayout } from "./types";
+import type { View, InternalView, ViewLayout } from "./types";
 import { useViewAnimation } from "./useViewAnimation";
 import { useBreakpoints } from "./useBreakpoints";
 import {

package/dist/components/navigation/adaptive/types.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Component, markRaw } from "vue";
+import { markRaw } from "vue";
+import type { Component } from "vue";
 export interface View {
     id: string;
     component: Component | ReturnType<typeof markRaw<Component>>;

package/dist/components/navigation/adaptive/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/adaptive/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~SAAS~~,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;~~AAEzC~~,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,IAAI;IACxC,QAAQ,EAAE,YAAY,CAAC;CACxB"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/adaptive/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,IAAI;IACxC,QAAQ,EAAE,YAAY,CAAC;CACxB"}

package/dist/components/navigation/adaptive/types.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Component, markRaw } from "vue";
+import { markRaw } from "vue";
+import type { Component } from "vue";
 export interface View {
   id: string;

package/dist/components/navigation/adaptive/useBreakpoints.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { InternalView } from "./types";
+import type { Ref } from "vue";
+import type { InternalView } from "./types";
 export declare const useBreakpoints: (views: Ref<InternalView[]>) => {
     setupForBreakpoint: (oldBreakpoint: string | null, currentBreakpoint: string | null) => void;
 };

package/dist/components/navigation/adaptive/useBreakpoints.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/adaptive/useBreakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;~~AAC1B~~,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;~~AAEvC~~,eAAO,MAAM,cAAc,GAAI,OAAO,GAAG,CAAC,YAAY,EAAE,CAAC;wCAEtC,MAAM,GAAG,IAAI,qBACT,MAAM,GAAG,IAAI;CAkCnC,CAAC"}
1	+ {"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/adaptive/useBreakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,GAAI,OAAO,GAAG,CAAC,YAAY,EAAE,CAAC;wCAEtC,MAAM,GAAG,IAAI,qBACT,MAAM,GAAG,IAAI;CAkCnC,CAAC"}

package/dist/components/navigation/adaptive/useBreakpoints.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { InternalView } from "./types";
+import type { Ref } from "vue";
+import type { InternalView } from "./types";
 export const useBreakpoints = (views: Ref<InternalView[]>) => {
   const setupForBreakpoint = (

package/dist/components/navigation/adaptive/useViewAnimation.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type Ref } from "vue";
-import { InternalView } from "./types";
+import type { InternalView } from "./types";
 export declare const useViewAnimation: (views: Ref<InternalView[]>, instanceKey: string, containerDimensions: Ref<{
     width: number;
     height: number;

package/dist/components/navigation/adaptive/useViewAnimation.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useViewAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/adaptive/useViewAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;~~AAcvC~~,eAAO,MAAM,gBAAgB,GAC3B,OAAO,GAAG,CAAC,YAAY,EAAE,CAAC,EAC1B,aAAa,MAAM,EACnB,qBAAqB,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,EAC3D,SAAS,MAAM,EACf,KAAK,MAAM;wBAuNsB,MAAM;wBAMN,MAAM;yBAUN,MAAM,GAAG,IAAI;wBAgBd,MAAM,GAAG,IAAI;wBAwLZ,MAAM;;yBA0CN,MAAM,GAAG,IAAI;wBAkDd,MAAM,GAAG,IAAI;uBAgEb,MAAM;;sBAYP,MAAM;;;;sBA3iBZ,YAAY;;;2BAIT,WAAW,EAAE;uBA6Ff,YAAY;4BAIP,MAAM,YAAY,MAAM;;8BAhCtB,MAAM,KAAG,YAAY,GAAG,IAAI;6BAU7B,MAAM,KAAG,YAAY,GAAG,IAAI;CA+jB7D,CAAC"}
1	+ {"version":3,"file":"useViewAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/adaptive/useViewAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAG9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAc5C,eAAO,MAAM,gBAAgB,GAC3B,OAAO,GAAG,CAAC,YAAY,EAAE,CAAC,EAC1B,aAAa,MAAM,EACnB,qBAAqB,GAAG,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,EAC3D,SAAS,MAAM,EACf,KAAK,MAAM;wBAuNsB,MAAM;wBAMN,MAAM;yBAUN,MAAM,GAAG,IAAI;wBAgBd,MAAM,GAAG,IAAI;wBAwLZ,MAAM;;yBA0CN,MAAM,GAAG,IAAI;wBAkDd,MAAM,GAAG,IAAI;uBAgEb,MAAM;;sBAYP,MAAM;;;;sBA3iBZ,YAAY;;;2BAIT,WAAW,EAAE;uBA6Ff,YAAY;4BAIP,MAAM,YAAY,MAAM;;8BAhCtB,MAAM,KAAG,YAAY,GAAG,IAAI;6BAU7B,MAAM,KAAG,YAAY,GAAG,IAAI;CA+jB7D,CAAC"}

package/dist/components/navigation/adaptive/useViewAnimation.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { nextTick, ref, type Ref } from "vue";
 import { Flip } from "gsap/Flip";
 import gsap from "gsap";
-import { InternalView } from "./types";
+import type { InternalView } from "./types";
 gsap.registerPlugin(Flip);

package/dist/components/navigation/navstack/NavigationStack.vue CHANGED Viewed

@@ -4,7 +4,7 @@ import { Flip } from "gsap/Flip";
 import { ref, onMounted, onUnmounted, watch, toRef } from "vue";
 import { useNavigationStack } from "./useNavigationStack";
 import "../theme.css";
-import { Pane } from "../types";
+import type { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/dist/components/navigation/navstack/useNavigationStack.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { Pane } from "../types";
+import type { Ref } from "vue";
+import type { Pane } from "../types";
 export declare function useNavigationStack(initialPanes: Pane[], taskKey: string): {
     panes: Ref<{
         name: string;

package/dist/components/navigation/navstack/useNavigationStack.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useNavigationStack.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navstack/useNavigationStack.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,~~EAAO~~,GAAG,~~EAAmB~~,MAAM,KAAK,CAAC;~~AAGhD~~,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;~~AAIhC~~,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM;;;;;;;;;;;;;;;;sBAO7C,MAAM,aAAY,OAAO;oBA4E3B,IAAI,kBAAiB,OAAO;wBAWxB,MAAM;wBAqBxB,MAAM,QACP,IAAI,kBACK,OAAO;4BAqBO,IAAI,EAAE;EAkBtC"}
1	+ {"version":3,"file":"useNavigationStack.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navstack/useNavigationStack.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAMrC,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM;;;;;;;;;;;;;;;;sBAO7C,MAAM,aAAY,OAAO;oBA4E3B,IAAI,kBAAiB,OAAO;wBAWxB,MAAM;wBAqBxB,MAAM,QACP,IAAI,kBACK,OAAO;4BAqBO,IAAI,EAAE;EAkBtC"}

package/dist/components/navigation/navstack/useNavigationStack.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { ref, Ref, computed, watch } from "vue";
+import { ref, computed, watch } from "vue";
+import type { Ref } from "vue";
+import type { Pane } from "../types";
 import { gsap } from "gsap";
 import { Flip } from "gsap/Flip";
-import { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/dist/components/navigation/slideover/useSlideoverController.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Ref } from "vue";
+import type { Ref } from "vue";
 interface Pane {
     name: string;
     background: string;

package/dist/components/navigation/slideover/useSlideoverController.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSlideoverController.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/slideover/useSlideoverController.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,~~EAAO~~,GAAG,~~EAAY~~,MAAM,KAAK,CAAC;~~AAMzC~~,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,IAAI,EAAE,EAAE,aAAa,MAAM;;;sBAqC9C,MAAM;sBAiDN,MAAM;wBAyCJ,MAAM;;;sBA6HR,MAAM,aAAY,OAAO;CAqDnD,CAAC"}
1	+ {"version":3,"file":"useSlideoverController.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/slideover/useSlideoverController.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAM/B,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,IAAI,EAAE,EAAE,aAAa,MAAM;;;sBAqC9C,MAAM;sBAiDN,MAAM;wBAyCJ,MAAM;;;sBA6HR,MAAM,aAAY,OAAO;CAqDnD,CAAC"}

package/dist/components/navigation/slideover/useSlideoverController.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { ref, Ref, computed } from "vue";
+import { ref, computed } from "vue";
+import type { Ref } from "vue";
 import { gsap } from "gsap";
 import { Flip } from "gsap/Flip";

package/dist/components/navigation/splitview/SplitViewController.vue CHANGED Viewed

@@ -5,7 +5,7 @@ import { Flip } from "gsap/Flip";
 import { ref, onMounted } from "vue";
 import { useSplitViewController } from "./useSplitViewController";
 import "../theme.css";
-import { Pane } from "../types";
+import type { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/dist/components/navigation/splitview/useSplitViewController.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { Pane } from "../types";
+import type { Ref } from "vue";
+import type { Pane } from "../types";
 export declare const useSplitViewController: (panes: Pane[] | Ref<Pane[]>, componentId: string) => {
     visiblePanes: Ref<boolean[], boolean[]>;
     currentPaneIndex: import("vue").ComputedRef<number>;

package/dist/components/navigation/splitview/useSplitViewController.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSplitViewController.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/splitview/useSplitViewController.ts"],"names":[],"mappings":"~~AACA~~,OAAO,~~EAAO~~,GAAG,~~EAA0B~~,MAAM,KAAK,CAAC;~~AAGvD~~,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;~~AAIhC~~,eAAO,MAAM,sBAAsB,GACjC,OAAO,IAAI,EAAE,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,EAC3B,aAAa,MAAM;;;;cAUX,MAAM,GAAG,MAAM;eACd,MAAM;;cADP,MAAM,GAAG,MAAM;eACd,MAAM;;sBA2BU,MAAM;sBAqDN,MAAM;wBAqCJ,MAAM;;;sBAwIR,MAAM,aAAY,OAAO;CAiHnD,CAAC"}
1	+ {"version":3,"file":"useSplitViewController.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/splitview/useSplitViewController.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAMrC,eAAO,MAAM,sBAAsB,GACjC,OAAO,IAAI,EAAE,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,EAC3B,aAAa,MAAM;;;;cAUX,MAAM,GAAG,MAAM;eACd,MAAM;;cADP,MAAM,GAAG,MAAM;eACd,MAAM;;sBA2BU,MAAM;sBAqDN,MAAM;wBAqCJ,MAAM;;;sBAwIR,MAAM,aAAY,OAAO;CAiHnD,CAAC"}

package/dist/components/navigation/splitview/useSplitViewController.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 //useSplitViewController.ts
-import { ref, Ref, computed, unref, watch } from "vue";
+import { ref, computed, unref, watch } from "vue";
+import type { Ref } from "vue";
+import type { Pane } from "../types";
 import { gsap } from "gsap";
 import { Flip } from "gsap/Flip";
-import { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/dist/components/pickers/ColorPicker/ColorPicker.vue CHANGED Viewed

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, onBeforeUnmount, nextTick, computed } from "vue";
-import { Color, colors, colorPickerColors } from "./colors";
+import { colors, colorPickerColors } from "./colors";
+import type { Color } from "./colors";
 import {
   offset,
   flip,

package/dist/components/pickers/DatePicker/DatePicker.vue CHANGED Viewed

@@ -257,7 +257,7 @@ const scrollview = ref<HTMLElement | null>(null);
 const fetchInProgress = ref<boolean>(false);
 const allowScroll = ref<boolean>(false);
 const isScrolling = ref<boolean>(false);
-let scrollTimeout: NodeJS.Timeout | undefined;
+let scrollTimeout: ReturnType<typeof setTimeout> | undefined;
 const handleScroll = () => {
   // Set isScrolling to true when scrolling starts
   if (allowScroll.value) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@umbra.ui/core",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "description": "Core components for Umbra UI",
   "type": "module",
   "main": "dist/index.js",
@@ -47,15 +47,17 @@
     "@umbra.ui/icons": "^0.1.2",
     "@umbra.ui/typography": "^0.1.2",
     "autosize": "^6.0.1",
+    "@types/autosize": "^4.0.3",
     "gsap": "^3.13.0",
     "marked": "^16.1.2",
     "mitt": "^3.0.1",
     "prismjs": "^1.30.0",
+    "@types/prismjs": "^1.26.3",
     "tinycolor2": "^1.6.0",
+    "@types/tinycolor2": "^1.4.6",
     "vue": "^3.5.17"
   },
   "devDependencies": {
-    "@types/tinycolor2": "^1.4.6",
     "glob": "^10.4.5",
     "typescript": "^5.0.0"
   },

package/src/components/controls/Dropdown/Dropdown.vue CHANGED Viewed

@@ -2,7 +2,7 @@
 import { ChevronRightIcon } from "@umbra.ui/icons";
 import { Button } from "@umbra.ui/core";
 import { ref, onUnmounted, onMounted, computed, nextTick, watch } from "vue";
-import { DropdownItem } from "./types";
+import type { DropdownItem } from "./types";
 import "./theme.css";
 // Shared overlay system across all dropdown instances

package/src/components/controls/Dropdown/types.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ControlItem } from "../SegmentedControl/types";
+import type { ControlItem } from "../SegmentedControl/types";
 // Updated DropdownItem interface with required id
 export interface DropdownItem extends ControlItem {

package/src/components/controls/IconButton/IconButton.vue CHANGED Viewed

@@ -7,7 +7,7 @@ import "./theme.css";
 interface Props {
   iconName?: IconKey;
   buttonType?: "round" | "square" | "plain";
-  buttonStyle?: "primary" | "secondary" | "tertiary" | "quaternary";
+  buttonStyle?: "primary" | "secondary" | "tertiary" | "quaternary" | string;
   state?: "normal" | "active" | "disabled";
   buttonSize?: number;
   tooltip?: string | TooltipConfig;

package/src/components/dialogs/Alert/Alert.vue CHANGED Viewed

@@ -4,7 +4,7 @@
 <script setup lang="ts">
 import { watch, ref } from "vue";
 import Button from "../../controls/Button/Button.vue";
-import { AlertAction, AlertActionType } from "./types";
+import type { AlertAction, AlertActionType } from "./types";
 import "./theme.css";
 // Props for customization

package/src/components/dialogs/Toast/Toast.vue CHANGED Viewed

@@ -83,6 +83,10 @@ const textColor = computed(() => {
   return color.isLight() ? "black" : "white";
 });
+const buttonStyle = computed(() => {
+  return textColor.value === "black" ? "secondary" : "primary";
+});
 const customColor = computed(() => {
   const validTypes = ["success", "error", "warning", "info"];
   if (!validTypes.includes(props.toast.toastType as string)) {
@@ -165,8 +169,8 @@ const handleKeyDown = (event: KeyboardEvent) => {
       :class="$style.closeButton"
       @click.stop="handleDismiss"
       buttonType="plain"
-      buttonSize="12"
-      :buttonStyle="textColor"
+      :buttonSize="12"
+      :buttonStyle="buttonStyle"
     />
   </div>
 </template>

package/src/components/dialogs/Toast/ToastContainer.vue CHANGED Viewed

@@ -17,7 +17,7 @@ const containerRef = ref<HTMLElement>();
 const animatedToasts = new Set<string>();
 // Track auto-dismiss timeouts
-const autoDismissTimeouts = new Map<string, NodeJS.Timeout>();
+const autoDismissTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
 const handleDismiss = async (id: string) => {
   // Clear any auto-dismiss timeout for this toast

package/src/components/dialogs/Toast/useToast.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 // useToast.ts
-import { ref, computed, nextTick, App, inject, provide } from "vue";
+import { ref, computed, nextTick, inject, provide } from "vue";
+import type { App } from "vue";
 import type { ToastOptions, ToastInstance } from "./types";
 const TOAST_INJECTION_KEY = Symbol("toast");

package/src/components/indicators/Tooltip/tooltip.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 // directives/tooltip.ts
-import { Directive, DirectiveBinding } from "vue";
+import type { Directive, DirectiveBinding } from "vue";
 import { useTooltip } from "./useTooltip";
 import type { TooltipConfig } from "./types";

package/src/components/indicators/Tooltip/useTooltip.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { reactive } from "vue";
-import { TooltipConfig, TooltipState } from "./types";
+import type { TooltipConfig, TooltipState } from "./types";
 const tooltipState = reactive<TooltipState>({
   isVisible: false,

package/src/components/inputs/Tags/TagBar.vue CHANGED Viewed

@@ -9,7 +9,8 @@ import {
   watch,
 } from "vue";
 import { useTheme } from "../../../theme";
-import { TagItem, generateTagStyle } from "./types";
+import { generateTagStyle } from "./types";
+import type { TagItem } from "./types";
 import { IconButton } from "@umbra.ui/core";
 import { gsap } from "gsap";
 import TagPicker from "./TagPicker.vue";

package/src/components/inputs/Tags/TagCreation.vue CHANGED Viewed

@@ -6,7 +6,7 @@
 import { ref, computed } from "vue";
 import { gsap } from "gsap";
 import ColorPicker from "../../pickers/ColorPicker/ColorPicker.vue";
-import { Color } from "../../pickers/ColorPicker/colors";
+import type { Color } from "../../pickers/ColorPicker/colors";
 import { CheckIcon } from "@umbra.ui/icons";
 const props = defineProps({
   containerID: {
@@ -28,7 +28,7 @@ const emits = defineEmits(["onCreate"]);
 const input = ref(null);
 const confirm = ref(null);
 const title = ref<string>("");
-const color = ref<Color>(null);
+const color = ref<Color | null>(null);
 const currentHex = () => {
   return color.value?.hex ?? props.initialColor.hex;
 };
@@ -75,7 +75,7 @@ const onConfirm = () => {
   reset();
 };
 const onCancel = () => {
-  title.value = originalTitle.value;
+  title.value = originalTitle.value ?? "";
   gsap.to(confirm.value, { duration: 0.3, opacity: 0, scale: 0.5 });
 };
@@ -99,10 +99,10 @@ const reset = () => {
   <div :class="$style.container">
     <div :class="$style.content">
       <ColorPicker
-        :containerID="$props.containerID"
+        :color="color ?? initialColor"
         :pickerOffsetX="-8"
-        @onColorSelect="onColorSelection"
-        :buttonStyle="{ backgroundColor: currentHex() }"
+        :preventPopup="false"
+        @update:color="onColorSelection"
       />
       <input
         :class="[$style.field, 'body']"

package/src/components/inputs/Tags/TagPicker.vue CHANGED Viewed

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch, nextTick } from "vue";
-import { TagItem, generateTagStyle } from "./types";
+import { generateTagStyle } from "./types";
+import type { TagItem } from "./types";
 import { ArrowTurnLeftIcon } from "@umbra.ui/icons";
 import "./theme.css";
@@ -42,7 +43,6 @@ const getTagStyle = (tag: TagItem) => {
   }
   // Default style if none provided
   return generateTagStyle({
-    variant: "default",
     colorScheme: "#6b7280",
     size: "md",
   });

package/src/components/inputs/Tags/types.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import tinycolor from "tinycolor2";
 import * as colors from "@umbra.ui/colors";
-import { ThemeObject } from "../../../index";
 import { getThemeConfig } from "../../../theme";
 // Core interfaces

package/src/components/inputs/search/README.md CHANGED Viewed

@@ -460,7 +460,7 @@ const searchAPI = async (query: string) => {
 };
 // Debounced search
-let searchTimeout: NodeJS.Timeout;
+let searchTimeout: ReturnType<typeof setTimeout>;
 watch(searchQuery, (newQuery) => {
   clearTimeout(searchTimeout);
   searchTimeout = setTimeout(() => {

package/src/components/inputs/search/SearchResults.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <!-- SearchResults.vue -->
 <script setup lang="ts">
-import { SearchResult } from "./types";
+import type { SearchResult } from "./types";
 import { CircleAnim32GlyphIcon, ChevronDownIcon } from "@umbra.ui/icons";
 import { computed, ref, watch } from "vue";
 import "./theme.css";

package/src/components/navigation/adaptive/AdaptiveLayout.vue CHANGED Viewed

@@ -14,7 +14,7 @@ import {
 } from "vue";
 import { useAdaptiveLayoutState } from "./useAdaptiveLayout";
 import { useResponsiveContainer } from "./useContainerMonitor";
-import { View, InternalView, ViewLayout } from "./types";
+import type { View, InternalView, ViewLayout } from "./types";
 import { useViewAnimation } from "./useViewAnimation";
 import { useBreakpoints } from "./useBreakpoints";
 import {

package/src/components/navigation/adaptive/types.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { Component, markRaw } from "vue";
+import { markRaw } from "vue";
+import type { Component } from "vue";
 export interface View {
   id: string;

package/src/components/navigation/adaptive/useBreakpoints.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Ref } from "vue";
-import { InternalView } from "./types";
+import type { Ref } from "vue";
+import type { InternalView } from "./types";
 export const useBreakpoints = (views: Ref<InternalView[]>) => {
   const setupForBreakpoint = (

package/src/components/navigation/adaptive/useViewAnimation.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { nextTick, ref, type Ref } from "vue";
 import { Flip } from "gsap/Flip";
 import gsap from "gsap";
-import { InternalView } from "./types";
+import type { InternalView } from "./types";
 gsap.registerPlugin(Flip);

package/src/components/navigation/navstack/NavigationStack.vue CHANGED Viewed

@@ -4,7 +4,7 @@ import { Flip } from "gsap/Flip";
 import { ref, onMounted, onUnmounted, watch, toRef } from "vue";
 import { useNavigationStack } from "./useNavigationStack";
 import "../theme.css";
-import { Pane } from "../types";
+import type { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/src/components/navigation/navstack/useNavigationStack.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { ref, Ref, computed, watch } from "vue";
+import { ref, computed, watch } from "vue";
+import type { Ref } from "vue";
+import type { Pane } from "../types";
 import { gsap } from "gsap";
 import { Flip } from "gsap/Flip";
-import { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/src/components/navigation/slideover/useSlideoverController.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { ref, Ref, computed } from "vue";
+import { ref, computed } from "vue";
+import type { Ref } from "vue";
 import { gsap } from "gsap";
 import { Flip } from "gsap/Flip";

package/src/components/navigation/splitview/SplitViewController.vue CHANGED Viewed

@@ -5,7 +5,7 @@ import { Flip } from "gsap/Flip";
 import { ref, onMounted } from "vue";
 import { useSplitViewController } from "./useSplitViewController";
 import "../theme.css";
-import { Pane } from "../types";
+import type { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/src/components/navigation/splitview/useSplitViewController.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 //useSplitViewController.ts
-import { ref, Ref, computed, unref, watch } from "vue";
+import { ref, computed, unref, watch } from "vue";
+import type { Ref } from "vue";
+import type { Pane } from "../types";
 import { gsap } from "gsap";
 import { Flip } from "gsap/Flip";
-import { Pane } from "../types";
 gsap.registerPlugin(Flip);

package/src/components/pickers/ColorPicker/ColorPicker.vue CHANGED Viewed

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, onBeforeUnmount, nextTick, computed } from "vue";
-import { Color, colors, colorPickerColors } from "./colors";
+import { colors, colorPickerColors } from "./colors";
+import type { Color } from "./colors";
 import {
   offset,
   flip,

package/src/components/pickers/DatePicker/DatePicker.vue CHANGED Viewed

@@ -257,7 +257,7 @@ const scrollview = ref<HTMLElement | null>(null);
 const fetchInProgress = ref<boolean>(false);
 const allowScroll = ref<boolean>(false);
 const isScrolling = ref<boolean>(false);
-let scrollTimeout: NodeJS.Timeout | undefined;
+let scrollTimeout: ReturnType<typeof setTimeout> | undefined;
 const handleScroll = () => {
   // Set isScrolling to true when scrolling starts
   if (allowScroll.value) {