npm - @umbra.ui/core - Versions diffs - 0.1.23 → 0.1.25 - Mend

@umbra.ui/core 0.1.23 → 0.1.25

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 (62) 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/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/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":"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"}

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/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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@umbra.ui/core",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Core components for Umbra UI",
   "type": "module",
   "main": "dist/index.js",

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/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/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/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,