@heyramzi/ui 1.54.1 → 1.54.2

package/src/components/segmented/section-runs.svelte

@@ -24,7 +24,7 @@
 	// =========================
 	// IMPORTS
 	// =========================
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import SegmentedNav from "./segmented-nav.svelte";
 
 	// =========================

package/src/components/segmented/segment.svelte

@@ -29,7 +29,7 @@ export type SegmentContent = {
 // =========================
 // IMPORTS
 // =========================
-import { cn } from "@heyramzi/utils";
+import { cn } from "../../lib/utils.js";
 import { Icon } from "../icon/index.js";
 import { Mark } from "../mark/index.js";
 

package/src/components/segmented/segmented-filter.svelte

@@ -2,7 +2,7 @@
 // =========================
 // IMPORTS
 // =========================
-import { cn } from "@heyramzi/utils";
+import { cn } from "../../lib/utils.js";
 import Segment from "./segment.svelte";
 import type { TabDef } from "./animated-tabs.svelte";
 import SegmentedTrack from "./segmented-track.svelte";

package/src/components/segmented/segmented-nav.svelte

@@ -9,7 +9,7 @@ export type SegmentedNavItem = SegmentContent & { href: string };
 // =========================
 // IMPORTS
 // =========================
-import { cn } from "@heyramzi/utils";
+import { cn } from "../../lib/utils.js";
 import Segment from "./segment.svelte";
 import SegmentedTrack from "./segmented-track.svelte";
 import { segmentedTriggerClass } from "./segmented.js";

package/src/components/segmented/segmented-overflow.svelte

@@ -4,7 +4,7 @@
 // =========================
 import { CaretDown } from "phosphor-svelte";
 import { Picker } from "../picker/index.js";
-import { cn } from "@heyramzi/utils";
+import { cn } from "../../lib/utils.js";
 import { segmentedTriggerClass, type SegmentedVariant } from "./segmented.js";
 import type { SegmentContent } from "./segment.svelte";
 

package/src/components/segmented/segmented-track.svelte

@@ -3,7 +3,7 @@
 // IMPORTS
 // =========================
 import type { Snippet } from "svelte";
-import { cn } from "@heyramzi/utils";
+import { cn } from "../../lib/utils.js";
 import { segmentedTrackClass, type SegmentedVariant } from "./segmented.js";
 import { slidingPill } from "../../lib/sliding-pill.js";
 

package/src/components/star-rating-input/star-rating-input.svelte

@@ -23,7 +23,7 @@ const POP_WINDOW_MS = 350 + 4 * 40;
 
 <script lang="ts">
 import { Star } from "phosphor-svelte";
-import { cn } from "@heyramzi/utils";
+import { cn } from "../../lib/utils.js";
 
 interface Props {
 	/** Current rating value (0 = unrated). */

package/src/components/table-view/table-view.svelte

@@ -10,7 +10,7 @@
 	// =========================
 	// IMPORTS
 	// =========================
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import * as Table from "../../shadcn/table/index.js";
 
 	// =========================

package/src/effects/animated-beam/AnimatedBeam.svelte

@@ -6,7 +6,7 @@
 	// =========================
 	// IMPORTS
 	// =========================
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import BeamSvg from "./diagrams/BeamSvg.svelte";
 	import { usePathCalculator } from "./path-calculator.svelte.js";
 

package/src/effects/border-beam/register-properties.ts

@@ -1,4 +1,3 @@
-import { tryCatch } from "@heyramzi/utils";
 import type { BorderBeamSize } from "./presets.js";
 
 interface PropertyRegistration {
@@ -32,7 +31,10 @@ export function registerBorderBeamProperties(id: string, size: BorderBeamSize):
   if (typeof registry?.registerProperty !== "function") return;
 
   for (const registration of getBorderBeamPropertyRegistrations(id, size)) {
-    tryCatch(() => registry.registerProperty?.(registration));
+    // A second register of the same name throws. The first one already holds, so there is nothing to do.
+    try {
+      registry.registerProperty?.(registration);
+    } catch {}
   }
 }
 

package/src/effects/image-comparison/ImageComparison.svelte

@@ -18,7 +18,7 @@
 	// IMPORTS
 	// =========================
 	import "./ImageComparison.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import { untrack } from "svelte";
 	import { positionAt } from "./compare.js";
 

package/src/effects/image-reveal/ImageReveal.svelte

@@ -40,7 +40,7 @@
 	// IMPORTS
 	// =========================
 	import "./ImageReveal.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	// =========================
 	// PROPS

package/src/effects/magic-card/MagicCard.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./MagicCard.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 
 	// =========================

package/src/effects/marquee/Marquee.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./Marquee.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 
 	// =========================

package/src/effects/progressive-blur/ProgressiveBlur.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./ProgressiveBlur.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	// =========================
 	// TYPES

package/src/effects/reveal/AnimatedGroup.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./reveal.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 	import { observeInView } from "./observe.js";
 	import type { RevealTiming, RevealViewOptions } from "./types.js";

package/src/effects/reveal/InView.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./reveal.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 	import { observeInView } from "./observe.js";
 	import type { RevealTiming, RevealViewOptions } from "./types.js";

package/src/effects/reveal/TextEffect.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./reveal.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import { observeInView } from "./observe.js";
 	import type { RevealPer, RevealTiming, RevealViewOptions } from "./types.js";
 

package/src/effects/shader-gradient/ShaderGradient.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import { untrack } from "svelte";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import { resolveColor } from "./color.js";
 	import {
 		createShaderGradientRenderer,

package/src/effects/spotlight/Spotlight.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./Spotlight.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	// =========================
 	// TYPES

package/src/effects/theme-toggle/ThemeToggle.svelte

@@ -3,7 +3,7 @@
 	// IMPORTS
 	// =========================
 	import "./ThemeToggle.css";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 	import { Monitor, Moon, Sun } from "phosphor-svelte";
 	import { revealTheme } from "../../lib/theme-transition.js";
 
@@ -69,8 +69,8 @@
 	}
 
 	function iconClass(show: boolean, tilt: "rotate-90" | "-rotate-90") {
-		return `absolute size-4 transition-all duration-300 ${
-			show ? "scale-100 rotate-0 opacity-100" : `scale-0 ${tilt} opacity-0`
+		return `absolute size-4 transition-[opacity,scale,rotate] duration-300 ${
+			show ? "scale-100 rotate-0 opacity-100" : `scale-90 ${tilt} opacity-0`
 		}`;
 	}
 </script>
@@ -107,7 +107,7 @@
 		aria-label={text}
 		{title}
 		class={cn(
-			"theme-toggle relative flex cursor-pointer items-center justify-center rounded-lg transition-all duration-300",
+			"theme-toggle relative flex cursor-pointer items-center justify-center rounded-lg transition-[background-color,border-color,color] duration-300",
 			size === "sm" ? "size-8" : "size-10",
 			style === "inverted" && "theme-toggle--inverted",
 			style === "ghost" && "text-muted-foreground hover:bg-muted/40 hover:text-foreground",

package/src/lib/utils.ts

@@ -0,0 +1,18 @@
+// The class merge and prop types every shadcn primitive is written against. They live here, not in
+// a shared utils package, so this public package installs with nothing private behind it.
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+  ref?: U | null;
+};
+
+export type WithoutChildren<T> = T extends { children?: unknown } ? Omit<T, "children"> : T;
+
+export type WithoutChild<T> = T extends { child?: unknown } ? Omit<T, "child"> : T;
+
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;

package/src/shadcn/accordion/accordion-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "@heyramzi/utils";
+	import { cn, type WithoutChild } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/accordion/accordion-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/accordion/accordion-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { CaretDown } from "phosphor-svelte";
 	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "@heyramzi/utils";
+	import { cn, type WithoutChild } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 
 	let {

package/src/shadcn/accordion/accordion.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Accordion as AccordionPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert/alert-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert/alert-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert/alert.svelte

@@ -20,7 +20,7 @@
 
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert-dialog/alert-dialog-action.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 	import { buttonVariants } from "../button/index.js";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert-dialog/alert-dialog-cancel.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 	import { buttonVariants } from "../button/index.js";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert-dialog/alert-dialog-content.svelte

@@ -2,7 +2,7 @@
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 	import AlertDialogPortal from "./alert-dialog-portal.svelte";
 	import AlertDialogOverlay from "./alert-dialog-overlay.svelte";
-	import { cn, type WithoutChild, type WithoutChildrenOrChild } from "@heyramzi/utils";
+	import { cn, type WithoutChild, type WithoutChildrenOrChild } from "../../lib/utils.js";
 	import type { ComponentProps } from "svelte";
 
 	let {

package/src/shadcn/alert-dialog/alert-dialog-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert-dialog/alert-dialog-footer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/alert-dialog/alert-dialog-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert-dialog/alert-dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/alert-dialog/alert-dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/attachment/attachment-action.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Button, type ButtonProps } from "../button/index.js";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/attachment/attachment-actions.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/attachment/attachment-content.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/attachment/attachment-description.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/attachment/attachment-group.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/attachment/attachment-media.svelte

@@ -19,7 +19,7 @@
 </script>
 
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/attachment/attachment-title.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/attachment/attachment-trigger.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 	import type { HTMLButtonAttributes } from "svelte/elements";
 

package/src/shadcn/attachment/attachment.svelte

@@ -24,7 +24,7 @@
 </script>
 
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/avatar/avatar-badge.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/avatar/avatar-fallback.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/avatar/avatar-group-count.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/avatar/avatar-group.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/avatar/avatar-image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/avatar/avatar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "@heyramzi/utils";
+	import { cn } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/badge/badge.svelte

@@ -24,7 +24,7 @@
 
 <script lang="ts">
 	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import { TONE_CLASS, type Tone } from "../../lib/tone.js";
 
 	let {

package/src/shadcn/breadcrumb/breadcrumb-ellipsis.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DotsThree } from "phosphor-svelte";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef, type WithoutChildren } from "@heyramzi/utils";
+	import { cn, type WithElementRef, type WithoutChildren } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/breadcrumb/breadcrumb-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLLiAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/breadcrumb/breadcrumb-link.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAnchorAttributes } from "svelte/elements";
 	import type { Snippet } from "svelte";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/breadcrumb/breadcrumb-list.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLOlAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/breadcrumb/breadcrumb-page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 
 	let {
 		ref = $bindable(null),

package/src/shadcn/breadcrumb/breadcrumb-separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { CaretRight } from "phosphor-svelte";
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLLiAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/breadcrumb/breadcrumb.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { WithElementRef } from "@heyramzi/utils";
+	import type { WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	let {

package/src/shadcn/bubble/bubble-content.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "@heyramzi/utils";
+	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 	import type { HTMLAttributes } from "svelte/elements";