@rimelight/ui 0.0.46 → 0.0.48

package/src/components/tree/RLSTree.tsx

@@ -0,0 +1,26 @@
+import { createMemo, splitProps, type Component, type JSX } from "solid-js"
+import type { TreeProps } from "./tree"
+import { treeTheme } from "./tree.theme"
+
+export interface RLSTreeProps extends TreeProps {
+  children?: JSX.Element
+}
+
+const RLSTree: Component<RLSTreeProps> = (allProps) => {
+  const [props, rest] = splitProps(allProps, ["ui", "class", "children"])
+
+  const resolvedClasses = createMemo(() =>
+    treeTheme({
+      ui: props.ui,
+      class: props.class
+    })
+  )
+
+  return (
+    <div class={resolvedClasses().root} data-slot="root" {...rest}>
+      {props.children}
+    </div>
+  )
+}
+
+export default RLSTree

package/src/components/user/RLSUser.tsx

@@ -0,0 +1,26 @@
+import { createMemo, splitProps, type Component, type JSX } from "solid-js"
+import type { UserProps } from "./user"
+import { userTheme } from "./user.theme"
+
+export interface RLSUserProps extends UserProps {
+  children?: JSX.Element
+}
+
+const RLSUser: Component<RLSUserProps> = (allProps) => {
+  const [props, rest] = splitProps(allProps, ["ui", "class", "children"])
+
+  const classes = createMemo(() =>
+    userTheme({
+      ui: props.ui,
+      class: props.class
+    })
+  )
+
+  return (
+    <div class={classes()["root"]} data-slot="root" {...rest}>
+      {props.children}
+    </div>
+  )
+}
+
+export default RLSUser

package/src/components/video/RLAVideo.astro

@@ -131,10 +131,12 @@ const ariaLabel = isPlayable ? "Play YouTube Video" : "YouTube Video Unavailable
 
 <div
     class:list={[classes.root]}
+    data-slot="root"
     {...rest}
 >
   <button
     type="button"
+    data-slot="trigger"
     data-youtube-trigger
     aria-label={ariaLabel}
     data-embed-url={isPlayable ? embedUrl : undefined}
@@ -150,10 +152,11 @@ const ariaLabel = isPlayable ? "Play YouTube Video" : "YouTube Video Unavailable
       height="720"
       loading="lazy"
       class:list={[classes.image]}
+      data-slot="image"
     />
 
     <slot name="icon">
-      <RLAIcon name={icon} class={classes.icon} aria-hidden="true" />
+      <RLAIcon name={icon} class={classes.icon} data-slot="icon" aria-hidden="true" />
     </slot>
   </button>
 </div>

package/src/components/video/RLSVideo.tsx

@@ -0,0 +1,158 @@
+import { createMemo, createSignal, Show, splitProps, type Component, type JSX } from "solid-js"
+import type { VideoProps } from "./video"
+import { videoTheme } from "./video.theme"
+import RLSIcon from "../icon/RLSIcon"
+
+export interface RLSVideoProps extends VideoProps {
+  children?: JSX.Element
+  thumbnail?: string
+  iconSlot?: JSX.Element
+  transcriptSlot?: JSX.Element
+}
+
+const PLACEHOLDER_THUMBNAIL = "/assets/placeholder.webp"
+const YOUTUBE_EMBED_BASE = "https://www.youtube.com/embed/"
+const VALID_ID_PATTERN = /^[\w-]{11}$/
+const KNOWN_PREFIXES = ["www.", "m.", "music.", "gaming."]
+const YOUTUBE_THUMB_BASE = "https://i3.ytimg.com/vi/"
+
+function normalizeHost(host: string): string {
+  for (const prefix of KNOWN_PREFIXES) {
+    if (host.startsWith(prefix)) {
+      return host.slice(prefix.length)
+    }
+  }
+  return host
+}
+
+function sanitizeVideoId(id: string | null): string | null {
+  if (!id) return null
+  return VALID_ID_PATTERN.test(id) ? id : null
+}
+
+function extractYoutubeVideoId(rawUrl: string): string | null {
+  if (!rawUrl) return null
+  try {
+    const url = new URL(rawUrl)
+    const host = normalizeHost(url.hostname)
+
+    if (host === "youtu.be") {
+      const id = url.pathname.split("/").find(Boolean) ?? null
+      return sanitizeVideoId(id)
+    }
+
+    if (host.endsWith("youtube.com")) {
+      const paramsId = sanitizeVideoId(url.searchParams.get("v"))
+      if (paramsId) return paramsId
+
+      const segments = url.pathname.split("/").filter(Boolean)
+      if (!segments.length) return null
+
+      if (segments[0] === "embed" || segments[0] === "shorts" || segments[0] === "live") {
+        return sanitizeVideoId(segments[1] ?? null)
+      }
+
+      return sanitizeVideoId(segments[segments.length - 1] ?? null)
+    }
+  } catch {
+    if (VALID_ID_PATTERN.test(rawUrl)) {
+      return rawUrl
+    }
+    return null
+  }
+  return null
+}
+
+const RLSVideo: Component<RLSVideoProps> = (allProps) => {
+  const [props, rest] = splitProps(allProps, [
+    "src",
+    "title",
+    "icon",
+    "thumbnail",
+    "iconSlot",
+    "transcriptSlot",
+    "ui",
+    "class",
+    "children"
+  ])
+
+  const [isPlaying, setIsPlaying] = createSignal(false)
+
+  const videoId = createMemo(() => extractYoutubeVideoId(props.src || ""))
+  const embedUrl = createMemo(() =>
+    videoId() ? `${YOUTUBE_EMBED_BASE}${videoId()}?autoplay=1` : null
+  )
+  const defaultThumbnail = createMemo(() =>
+    videoId() ? `${YOUTUBE_THUMB_BASE}${videoId()}/hqdefault.jpg` : PLACEHOLDER_THUMBNAIL
+  )
+
+  const titleText = () => props.title || "YouTube Video Player"
+  const iconName = () => props.icon || "play"
+  const isPlayable = () => Boolean(embedUrl())
+
+  const resolvedClasses = createMemo(() =>
+    videoTheme({
+      title: !!props.title,
+      icon: !!props.icon,
+      ui: props.ui,
+      class: props.class
+    })
+  )
+
+  return (
+    <div>
+      <div class={resolvedClasses().root} data-slot="root" {...rest}>
+        <Show
+          when={isPlaying() && embedUrl()}
+          fallback={
+            <button
+              type="button"
+              class={resolvedClasses().trigger}
+              data-slot="trigger"
+              aria-label={isPlayable() ? "Play YouTube Video" : "YouTube Video Unavailable"}
+              disabled={!isPlayable()}
+              onClick={() => setIsPlaying(true)}
+            >
+              <img
+                src={props.thumbnail || defaultThumbnail()}
+                alt={titleText()}
+                loading="lazy"
+                class={resolvedClasses().image}
+                data-slot="image"
+              />
+
+              {props.iconSlot !== undefined ? (
+                props.iconSlot
+              ) : (
+                <RLSIcon
+                  name={iconName()}
+                  class={resolvedClasses().icon}
+                  data-slot="icon"
+                  aria-hidden="true"
+                />
+              )}
+            </button>
+          }
+        >
+          <iframe
+            src={embedUrl()!}
+            title={titleText()}
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            allowfullscreen
+            loading="lazy"
+            referrerpolicy="strict-origin-when-cross-origin"
+            class="w-full h-full absolute inset-0 border-0"
+          />
+        </Show>
+      </div>
+
+      <Show when={props.transcriptSlot !== undefined || props.children !== undefined}>
+        <div class="mt-2 text-sm text-zinc-400" data-slot="transcript">
+          {props.transcriptSlot !== undefined ? props.transcriptSlot : props.children}
+        </div>
+      </Show>
+    </div>
+  )
+}
+
+export default RLSVideo

package/src/components/watermark/RLSWatermark.tsx

@@ -0,0 +1,27 @@
+import { createMemo, splitProps, type Component, type JSX } from "solid-js"
+import type { WatermarkProps } from "./watermark"
+import { watermarkTheme } from "./watermark.theme"
+
+export interface RLSWatermarkProps extends WatermarkProps {
+  children?: JSX.Element
+}
+
+const RLSWatermark: Component<RLSWatermarkProps> = (allProps) => {
+  const [props, rest] = splitProps(allProps, ["ui", "class", "children"])
+
+  const resolvedClasses = createMemo(() =>
+    watermarkTheme({
+      ui: props.ui,
+      class: props.class,
+      ...allProps
+    })
+  )
+
+  return (
+    <div class={resolvedClasses().root} data-slot="root" {...rest}>
+      {props.children}
+    </div>
+  )
+}
+
+export default RLSWatermark

package/src/components/window-mockup/RLSWindowMockup.tsx

@@ -0,0 +1,27 @@
+import { createMemo, splitProps, type Component, type JSX } from "solid-js"
+import type { WindowMockupProps } from "./window-mockup"
+import { windowMockupTheme } from "./window-mockup.theme"
+
+export interface RLSWindowMockupProps extends WindowMockupProps {
+  children?: JSX.Element
+}
+
+const RLSWindowMockup: Component<RLSWindowMockupProps> = (allProps) => {
+  const [props, rest] = splitProps(allProps, ["ui", "class", "children"])
+
+  const resolvedClasses = createMemo(() =>
+    windowMockupTheme({
+      ui: props.ui,
+      class: props.class,
+      ...allProps
+    })
+  )
+
+  return (
+    <div class={resolvedClasses().root} data-slot="root" {...rest}>
+      {props.children}
+    </div>
+  )
+}
+
+export default RLSWindowMockup

package/src/preset.ts

@@ -141,7 +141,79 @@ export default function rimelightUiPreset({ colors, icons, presets = {} }: UICon
 }
 [data-theme="dark"] { color-scheme: dark; }
 [data-theme="light"] { color-scheme: light; }
-body { background-color: var(--rl-neutral-50); color: var(--rl-neutral-950); }`
+body { background-color: var(--rl-neutral-50); color: var(--rl-neutral-950); }
+
+/* Reduced motion - disable all animations for users who prefer it */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/* Global focus-visible ring for consistent keyboard focus */
+:focus-visible {
+  outline: 2px solid var(--rl-primary-500);
+  outline-offset: 2px;
+}
+
+/* Ensure minimum touch target sizes (WCAG 2.2 - 24x24 minimum, 44x44 enhanced) */
+button:not(:disabled),
+[role="button"]:not(:disabled),
+a[href],
+input:not([type="hidden"]),
+select,
+textarea,
+summary {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+/* Enhanced touch targets for primary interactive elements */
+@media (pointer: coarse) {
+  button:not(:disabled),
+  [role="button"]:not(:disabled),
+  a[href] {
+    min-width: 44px;
+    min-height: 44px;
+  }
+}
+
+/* Improve skip link visibility */
+.skip-link:focus-visible {
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+  z-index: 9999;
+  padding: 0.75rem 1.5rem;
+  background: var(--rl-primary-600);
+  color: white;
+  border-radius: 0.5rem;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+@keyframes carousel {
+  0% { transform: translateX(-100%); }
+  100% { transform: translateX(350%); }
+}
+@keyframes carousel-inverse {
+  0% { transform: translateX(350%); }
+  100% { transform: translateX(-100%); }
+}
+@keyframes swing {
+  0%, 100% { transform: translateX(-50%); }
+  50% { transform: translateX(250%); }
+}
+@keyframes elastic {
+  0% { transform: scaleX(0.1) translateX(-100%); }
+  50% { transform: scaleX(0.7) translateX(100%); }
+  100% { transform: scaleX(0.1) translateX(350%); }
+}`
       }
     ]
   }

package/src/resolver.ts

@@ -76,7 +76,12 @@ export function defineTheme<const S extends string>(name: string, themeConfig: T
       res[slots[i]!] = baseMap[slots[i]!] || ""
     }
 
-    const values = { ...defaultVariants, ...props }
+    const values: Record<string, any> = { ...defaultVariants }
+    for (const k in props) {
+      if (props[k] !== undefined) {
+        values[k] = props[k]
+      }
+    }
     const color = autoColor ? (props.color ?? defaultVariants.color) : undefined
 
     for (let k = 0; k < variantKeys.length; k++) {

package/src/virtual.d.ts

@@ -2,3 +2,9 @@ declare module "virtual:rimelight/ui" {
   import type { UIConfig } from "./types"
   export default {} as UIConfig
 }
+
+declare module "*.vue" {
+  import type { DefineComponent } from "vue"
+  const component: DefineComponent<Record<string, any>, Record<string, any>, any>
+  export default component
+}

package/dist/icons--RzV1RTU.d.mts

@@ -1,72 +0,0 @@
-//#region src/icons.raw.d.ts
-declare const svg: (inner: string) => string;
-declare const ICONS: {
-  readonly alertTriangle: `<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4M12 17h.01"/>`;
-  readonly alignLeft: `<line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/>`;
-  readonly arrowLeft: `<path d="M19 12H5M12 19l-7-7 7-7"/>`;
-  readonly arrowRight: `<path d="M5 12h14M12 5l7 7-7 7"/>`;
-  readonly bell: `<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.94 1.94 0 0 0 3.4 0"/>`;
-  readonly check: `<path d="M20 6 9 17l-5-5"/>`;
-  readonly chevronDown: `<path d="m6 9 6 6 6-6"/>`;
-  readonly chevronLeft: `<path d="m15 18-6-6 6-6"/>`;
-  readonly chevronRight: `<path d="m9 18 6-6-6-6"/>`;
-  readonly chevronsUpDown: `<path d="m7 15 5 5 5-5M7 9l5-5 5 5"/>`;
-  readonly circleCheck: `<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>`;
-  readonly circleX: `<circle cx="12" cy="12" r="10"/><path d="m15 9-6 6M9 9l6 6"/>`;
-  readonly close: `<path d="M18 6 6 18M6 6l12 12"/>`;
-  readonly copy: `<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>`;
-  readonly download: `<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/>`;
-  readonly externalLink: `<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3"/>`;
-  readonly fileQuestion: `<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4M9.1 11.8a3 3 0 0 1 5.8 1c0 .9-.6 1.4-1.1 1.8-.4.3-.8.7-.8 1.4M12 19h.01"/>`;
-  readonly gripHorizontal: `<circle cx="12" cy="9" r="1"/><circle cx="19" cy="9" r="1"/><circle cx="5" cy="9" r="1"/><circle cx="12" cy="15" r="1"/><circle cx="19" cy="15" r="1"/><circle cx="5" cy="15" r="1"/>`;
-  readonly gripVertical: `<circle cx="9" cy="12" r="1"/><circle cx="9" cy="5" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="19" r="1"/>`;
-  readonly hardDrive: `<rect width="20" height="8" x="2" y="14" rx="2"/><path d="M6 18h.01M10 18h.01M2 14L5 3h14l3 11"/>`;
-  readonly image: `<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>`;
-  readonly imageUpscale: `<path d="M16 3H3v13h13V3z"/><path d="M21 21v-4a2 2 0 0 0-2-2h-3M21 11V9M21 5a2 2 0 0 0-2-2h-1"/>`;
-  readonly info: `<circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/>`;
-  readonly layers: `<path d="m12 3-10 5L12 13l10-5-10-5Z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/>`;
-  readonly list: `<line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/>`;
-  readonly loaderCircle: `<path d="M21 12a9 9 0 1 1-6.219-8.56"/>`;
-  readonly moon: `<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>`;
-  readonly panelLeft: `<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M9 3v18"/>`;
-  readonly play: `<polygon points="6 3 20 12 6 21 6 3"/>`;
-  readonly quote: `<path d="M3 21c3 0 7-1 7-8V5c0-1.25-.75-2-2-2H4c-1.25 0-2 .75-2 2v6c0 1.25.75 2 2 2h3c0 4-3 6-3 6Zm11 0c3 0 7-1 7-8V5c0-1.25-.75-2-2-2h-4c-1.25 0-2 .75-2 2v6c0 1.25.75 2 2 2h3c0 4-3 6-3 6Z"/>`;
-  readonly search: `<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>`;
-  readonly share: `<circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98"/>`;
-  readonly sun: `<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/>`;
-  readonly uploadCloud: `<path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M12 12v9M9 15l3-3 3 3"/>`;
-  readonly user: `<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`;
-  readonly star: `<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>`;
-  readonly lock: `<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>`;
-  readonly eye: `<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0z"/><circle cx="12" cy="12" r="3"/>`;
-  readonly eyeOff: `<path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"/><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499A10.75 10.75 0 0 1 2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.225-4.22"/><line x1="2" x2="22" y1="2" y2="22"/>`;
-  readonly arrowUp: `<path d="M12 19V5M5 12l7-7 7 7"/>`;
-  readonly arrowDown: `<path d="M12 5v14M19 12l-7 7-7-7"/>`;
-  readonly edit: `<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>`;
-  readonly link: `<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>`;
-  readonly plus: `<path d="M5 12h14M12 5v14"/>`;
-  readonly trash: `<path d="M3 6h18M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6M10 11v6M14 11v6"/><path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>`;
-  readonly fileText: `<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8M16 13H8M16 17H8"/>`;
-  readonly settings: `<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>`;
-  readonly type: `<polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/>`;
-  readonly code: `<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>`;
-  readonly film: `<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M7 3v18M17 3v18M3 7h4M17 7h4M3 12h18M3 17h4M17 17h4"/>`;
-  readonly messageSquare: `<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>`;
-  readonly bookOpen: `<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>`;
-  readonly panelRight: `<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M15 3v18"/>`;
-  readonly pin: `<path d="M12 17v5"/><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"/>`;
-  readonly ellipsisVertical: `<circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/>`;
-  readonly arrowUpFromLine: `<path d="m18 9-6-6-6 6"/><path d="M12 3v14"/><path d="M5 21h14"/>`;
-  readonly arrowDownToLine: `<path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M5 21h14"/>`;
-};
-//#endregion
-//#region src/icons.d.ts
-declare const getSvgIcon: (k: string) => string;
-declare const DEFAULT_ICONS: Record<keyof typeof ICONS, string>;
-type RimelightIcons = Partial<Record<keyof typeof ICONS | (string & {}), string>>;
-declare const resolveIcon: (name?: string, custom?: string) => {
-  isClass: boolean;
-  content: string;
-};
-//#endregion
-export { ICONS as a, resolveIcon as i, RimelightIcons as n, svg as o, getSvgIcon as r, DEFAULT_ICONS as t };