npm - rizzo-css - Versions diffs - 0.0.17 → 0.0.18 - Mend

rizzo-css 0.0.17 → 0.0.18

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 (260) hide show

package/scaffold/svelte-app/package.json DELETED Viewed

@@ -1,22 +0,0 @@
-{
-  "name": "{{PROJECT_NAME}}",
-  "type": "module",
-  "version": "0.0.1",
-  "scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
-  },
-  "devDependencies": {
-		"@sveltejs/adapter-auto": "^7.0.0",
-		"@sveltejs/kit": "^2.50.2",
-		"@sveltejs/vite-plugin-svelte": "^6.2.4",
-		"svelte": "^5.49.2",
-		"svelte-check": "^4.3.6",
-		"typescript": "^5.9.3",
-		"vite": "^7.3.1"
-  }
-}

package/scaffold/svelte-app/src/app.d.ts DELETED Viewed

@@ -1,28 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-/** Toast options (injected by app.html script from Rizzo CSS scaffold) */
-interface ToastOptions {
-  variant?: 'info' | 'success' | 'warning' | 'error';
-  position?: string;
-  autoDismiss?: number;
-  dismissible?: boolean;
-}
-declare global {
-  namespace App {
-    // interface Error {}
-    // interface Locals {}
-    // interface PageData {}
-    // interface PageState {}
-    // interface Platform {}
-  }
-  interface Window {
-    showToast?(message: string, options?: ToastOptions): string | null;
-    removeToast?(id: string): void;
-    removeAllToasts?(): void;
-  }
-}
-export {};

package/scaffold/svelte-app/src/app.html DELETED Viewed

@@ -1,21 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="{{DATA_THEME}}">{{THEME_LIST_COMMENT}}
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <!-- Theme flash prevention + accessibility (same as main site) -->
-    <script>
-      (function(){try{var s=localStorage.getItem('theme');var d='{{DEFAULT_DARK}}';var l='{{DEFAULT_LIGHT}}';var initial=document.documentElement.getAttribute('data-theme');var r=!s?((initial&&initial!=='system')?initial:(matchMedia('(prefers-color-scheme: dark)').matches?d:l)):s==='system'?(matchMedia('(prefers-color-scheme: dark)').matches?d:l):s;document.documentElement.setAttribute('data-theme',r);var f=localStorage.getItem('fontSizeScale');if(f)document.documentElement.style.setProperty('--font-size-scale',f);if(localStorage.getItem('reducedMotion')==='true')document.documentElement.classList.add('reduced-motion');if(localStorage.getItem('highContrast')==='true')document.documentElement.classList.add('high-contrast');var b=localStorage.getItem('scrollbarStyle')||'thin';if(b==='thick')document.documentElement.classList.add('scrollbar-thick');else if(b==='hidden')document.documentElement.classList.add('scrollbar-hidden','hide-scrollbars');}catch(e){}})();
-    </script>
-    <!-- Toast: showToast, removeToast, removeAllToasts -->
-    <script>
-      (function(){if(typeof window==='undefined'||window.showToast)return;function t(m,o){if(!m)return null;o=o||{};var v=o.variant||'info',p=o.position||'top-right',a=o.autoDismiss!==undefined?o.autoDismiss:5000,d=o.dismissible!==undefined?o.dismissible:true,i='toast-'+Math.random().toString(36).substr(2,9);function c(){if(!document.body)return;var cn=document.getElementById('toast-container-'+p);if(!cn){cn=document.createElement('div');cn.id='toast-container-'+p;cn.className='toast-container toast-container--'+p;cn.style.cssText='display:flex;visibility:visible;z-index:1100';document.body.appendChild(cn);}var to=document.createElement('div');to.id=i;to.className='alert alert--'+v;to.setAttribute('role','alert');to.setAttribute('aria-live','polite');to.style.cssText='display:flex;visibility:visible;opacity:0;transition:opacity .3s ease-out,transform .3s ease-out';var ir=p.indexOf('right')!==-1,il=p.indexOf('left')!==-1;to.style.transform=ir?'translateX(100%)':il?'translateX(-100%)':'translateY(-100%)';var co=document.createElement('div');co.className='alert__content';co.textContent=m;to.appendChild(co);if(d){var cb=document.createElement('button');cb.type='button';cb.className='alert__close';cb.setAttribute('aria-label','Dismiss toast');cb.innerHTML='<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="4" x2="12" y2="12"></line><line x1="12" y1="4" x2="4" y2="12"></line></svg>';to.appendChild(cb);cb.onclick=function(){to.style.opacity='0';to.style.transform=ir?'translateX(100%)':il?'translateX(-100%)':'translateY(-100%)';setTimeout(function(){if(to.parentNode)to.remove();if(cn.children.length===0)cn.remove();},300);};}cn.appendChild(to);requestAnimationFrame(function(){to.offsetHeight;setTimeout(function(){requestAnimationFrame(function(){to.style.opacity='1';to.style.transform=ir||il?'translateX(0)':'translateY(0)';});},10);});if(a>0)setTimeout(function(){if(to.parentNode){to.style.opacity='0';to.style.transform=ir?'translateX(100%)':il?'translateX(-100%)':'translateY(-100%)';setTimeout(function(){if(to.parentNode)to.remove();if(cn.children.length===0)cn.remove();},300);}},a);return i;}document.body?c():document.addEventListener('DOMContentLoaded',c);return i;}function r(i){var to=document.getElementById(i);if(to){var cn=to.parentElement;to.style.opacity='0';to.style.transform='translateY(-10px)';setTimeout(function(){if(to.parentNode)to.remove();if(cn&&cn.classList.contains('toast-container')&&!cn.children.length)cn.remove();},300);}}function ra(){document.querySelectorAll('.toast-container').forEach(function(c){c.querySelectorAll('.alert').forEach(function(t){t.style.opacity='0';t.style.transform='translateY(-10px)';});setTimeout(function(){c.remove();},300);});}window.showToast=t;window.removeToast=r;window.removeAllToasts=ra;})();
-    </script>
-    <!-- Rizzo CSS: full bundle (reset + base + components + themes) -->
-    <link rel="stylesheet" href="/css/rizzo.min.css" />
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>

package/scaffold/svelte-app/src/lib/assets/favicon.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416.9 93.1c-41.1-58.9-122.4-76.3-181.2-38.9L132.5 120c-28.2 17.7-47.6 46.5-53.5 79.3-4.9 27.3-.6 55.5 12.3 80-8.8 13.4-14.9 28.5-17.7 44.2-5.9 33.4 1.8 67.8 21.6 95.4 41.2 58.9 122.4 76.3 181.2 38.9L379.6 392c28.2-17.7 47.6-46.5 53.5-79.3 4.9-27.3.6-55.5-12.3-80 8.8-13.4 14.9-28.4 17.7-44.2 5.8-33.4-1.9-67.8-21.6-95.4" style="fill:#ff3e00"/><path d="M225.6 424.5c-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4.6-3.3 1.4-6.5 2.5-9.6l1.9-5.9 5.3 3.9c12.2 9 25.9 15.8 40.4 20.2l3.8 1.2-.4 3.8c-.5 5.4 1 10.9 4.2 15.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8l103.2-65.8c5.1-3.2 8.6-8.4 9.7-14.4 1.1-6.1-.3-12.3-3.9-17.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8L252 291c-6.5 4.1-13.5 7.2-21 9.2-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4 3.5-19.7 15.2-37 32.2-47.7l103.2-65.8c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-.6 3.3-1.4 6.5-2.5 9.6L383 193l-5.3-3.9c-12.2-9-25.9-15.8-40.4-20.2l-3.8-1.2.4-3.8c.5-5.4-1-10.9-4.2-15.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8l-103.2 65.8c-5.1 3.2-8.6 8.4-9.7 14.4-1.1 6.1.3 12.3 3.9 17.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8L260 221c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-3.5 19.7-15.2 37-32.2 47.7l-103.2 65.8c-6.5 4.1-13.6 7.2-21 9.2" style="fill:#fff"/></svg>

package/scaffold/svelte-app/src/lib/rizzo/Accordion.svelte DELETED Viewed

@@ -1,128 +0,0 @@
-<script lang="ts">
-  export interface AccordionItem {
-    id: string;
-    title: string;
-    content?: string;
-  }
-  interface Props {
-    items: AccordionItem[];
-    id?: string;
-    allowMultiple?: boolean;
-    defaultExpanded?: string | string[];
-    class?: string;
-  }
-  let {
-    items,
-    id,
-    allowMultiple = false,
-    defaultExpanded,
-    class: className = '',
-  }: Props = $props();
-  const accordionId = $derived(id ?? `accordion-${Math.random().toString(36).slice(2, 11)}`);
-  function getDefaultExpanded(): Set<string> {
-    if (defaultExpanded === undefined) return new Set(items[0] ? [items[0].id] : []);
-    if (typeof defaultExpanded === 'string') return new Set([defaultExpanded]);
-    return new Set(defaultExpanded);
-  }
-  let expanded = $state<Set<string>>(getDefaultExpanded());
-  const classes = $derived(['accordion', className].filter(Boolean).join(' ').trim());
-  function toggle(itemId: string) {
-    expanded = new Set(
-      allowMultiple
-        ? (expanded.has(itemId) ? [...expanded].filter((id) => id !== itemId) : [...expanded, itemId])
-        : expanded.has(itemId)
-          ? []
-          : [itemId]
-    );
-  }
-  function handleKeydown(e: KeyboardEvent, itemId: string, index: number) {
-    const triggers = e.currentTarget?.parentElement?.querySelectorAll?.('[data-accordion-trigger]') ?? [];
-    const len = triggers.length;
-    let targetIndex = index;
-    switch (e.key) {
-      case 'ArrowDown':
-        e.preventDefault();
-        targetIndex = Math.min(index + 1, len - 1);
-        break;
-      case 'ArrowUp':
-        e.preventDefault();
-        targetIndex = Math.max(index - 1, 0);
-        break;
-      case 'Home':
-        e.preventDefault();
-        targetIndex = 0;
-        break;
-      case 'End':
-        e.preventDefault();
-        targetIndex = len - 1;
-        break;
-      case 'Enter':
-      case ' ':
-        e.preventDefault();
-        toggle(itemId);
-        return;
-      default:
-        return;
-    }
-    if (targetIndex !== index && triggers[targetIndex]) (triggers[targetIndex] as HTMLElement).focus();
-  }
-</script>
-<div
-  class={classes}
-  data-accordion={accordionId}
-  data-allow-multiple={allowMultiple ? 'true' : 'false'}
->
-  {#each items as item, i}
-    {@const triggerId = `${accordionId}-trigger-${item.id}`}
-    {@const panelId = `${accordionId}-panel-${item.id}`}
-    {@const isExpanded = expanded.has(item.id)}
-    <div class="accordion__item" data-accordion-item data-item-id={item.id}>
-      <h3 class="accordion__heading">
-        <button
-          type="button"
-          class="accordion__trigger"
-          class:accordion__trigger--expanded={isExpanded}
-          id={triggerId}
-          aria-expanded={isExpanded}
-          aria-controls={panelId}
-          data-accordion-trigger
-          onclick={() => toggle(item.id)}
-          onkeydown={(e) => handleKeydown(e, item.id, i)}
-        >
-          <span class="accordion__title">{item.title}</span>
-          <span class="accordion__icon" aria-hidden="true">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <path d="m6 9 6 6 6-6" />
-            </svg>
-          </span>
-        </button>
-      </h3>
-      <div
-        class="accordion__panel"
-        class:accordion__panel--expanded={isExpanded}
-        id={panelId}
-        role="region"
-        aria-labelledby={triggerId}
-        hidden={!isExpanded}
-        data-accordion-panel
-      >
-        <div class="accordion__panel-inner">
-          <div class="accordion__panel-content">
-            {#if item.content}
-              {@html item.content}
-            {/if}
-          </div>
-        </div>
-      </div>
-    </div>
-  {/each}
-</div>

package/scaffold/svelte-app/src/lib/rizzo/Alert.svelte DELETED Viewed

@@ -1,85 +0,0 @@
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import type { Snippet } from 'svelte';
-  interface Props {
-    variant?: 'success' | 'error' | 'warning' | 'info';
-    dismissible?: boolean;
-    autoDismiss?: number;
-    class?: string;
-    id?: string;
-    onDismiss?: () => void;
-    children?: Snippet;
-  }
-  let {
-    variant = 'info',
-    dismissible = false,
-    autoDismiss = 0,
-    class: className = '',
-    id,
-    onDismiss,
-    children,
-  }: Props = $props();
-  let visible = $state(true);
-  const alertId = $derived(id ?? `alert-${Math.random().toString(36).slice(2, 11)}`);
-  const classes = $derived(['alert', `alert--${variant}`, className].filter(Boolean).join(' ').trim());
-  const ariaLabels: Record<string, string> = {
-    success: 'Success message',
-    error: 'Error message',
-    warning: 'Warning message',
-    info: 'Information message',
-  };
-  let autoDismissTimeout: ReturnType<typeof setTimeout> | null = null;
-  function dismiss() {
-    visible = false;
-    if (autoDismissTimeout) clearTimeout(autoDismissTimeout);
-    onDismiss?.();
-  }
-  onMount(() => {
-    if (autoDismiss > 0) {
-      autoDismissTimeout = setTimeout(dismiss, autoDismiss);
-    }
-    return () => {
-      if (autoDismissTimeout) clearTimeout(autoDismissTimeout);
-    };
-  });
-</script>
-{#if visible}
-  <div
-    class={classes}
-    id={alertId}
-    role="alert"
-    aria-live="polite"
-    aria-atomic="true"
-    aria-label={ariaLabels[variant]}
-  >
-    <div class="alert__content">
-      {@render children?.()}
-    </div>
-    {#if dismissible}
-      <button
-        type="button"
-        class="alert__close"
-        aria-label="Dismiss alert"
-        aria-controls={alertId}
-        onclick={dismiss}
-        onkeydown={(e) => {
-          if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            dismiss();
-          }
-        }}
-      >
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
-          <path d="M18 6L6 18M6 6l12 12" />
-        </svg>
-      </button>
-    {/if}
-  </div>
-{/if}

package/scaffold/svelte-app/src/lib/rizzo/Avatar.svelte DELETED Viewed

@@ -1,39 +0,0 @@
-<script lang="ts">
-  function getInitials(name: string): string {
-    const parts = name.trim().split(/\s+/).filter(Boolean);
-    if (parts.length === 0) return '';
-    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
-    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
-  }
-  interface Props {
-    src?: string;
-    alt?: string;
-    name?: string;
-    initials?: string;
-    size?: 'sm' | 'md' | 'lg';
-    shape?: 'circle' | 'square';
-    class?: string;
-  }
-  let {
-    src,
-    alt = '',
-    name = '',
-    initials: initialsProp = '',
-    size = 'md',
-    shape = 'circle',
-    class: className = '',
-  }: Props = $props();
-  const displayInitials = $derived(name ? getInitials(name) : initialsProp);
-  const classes = $derived(['avatar', `avatar--${size}`, `avatar--${shape}`, className].filter(Boolean).join(' ').trim());
-  const ariaLabel = $derived(alt || name || (displayInitials ? `Avatar: ${displayInitials}` : 'Avatar'));
-</script>
-<span class={classes} role="img" aria-label={ariaLabel}>
-  {#if src}
-    <img src={src} alt={alt || name || ''} class="avatar__img" loading="lazy" />
-  {:else}
-    <span class="avatar__initials" aria-hidden="true">{displayInitials || '?'}</span>
-  {/if}
-</span>

package/scaffold/svelte-app/src/lib/rizzo/Badge.svelte DELETED Viewed

@@ -1,31 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  type Variant = 'primary' | 'success' | 'warning' | 'error' | 'info';
-  type Size = 'sm' | 'md' | 'lg';
-  interface Props {
-    variant?: Variant;
-    size?: Size;
-    pill?: boolean;
-    class?: string;
-    children?: Snippet;
-  }
-  let {
-    variant = 'primary',
-    size = 'md',
-    pill = false,
-    class: className = '',
-    children,
-  }: Props = $props();
-  const classes = $derived(
-    ['badge', `badge--${variant}`, `badge--${size}`, pill ? 'badge--pill' : '', className]
-      .filter(Boolean)
-      .join(' ')
-      .trim()
-  );
-</script>
-<span class={classes}>
-  {@render children?.()}
-</span>

package/scaffold/svelte-app/src/lib/rizzo/Breadcrumb.svelte DELETED Viewed

@@ -1,49 +0,0 @@
-<script lang="ts">
-  export interface BreadcrumbItem {
-    label: string;
-    href?: string;
-  }
-  interface Props {
-    items: BreadcrumbItem[];
-    separator?: 'chevron' | 'slash' | 'arrow' | string;
-    class?: string;
-  }
-  let { items, separator = 'chevron', class: className = '' }: Props = $props();
-  const separatorVariant = $derived(
-    separator === 'slash' ? 'breadcrumb--slash' : separator === 'arrow' ? 'breadcrumb--arrow' : 'breadcrumb--chevron'
-  );
-  const classes = $derived(['breadcrumb', separatorVariant, className].filter(Boolean).join(' ').trim());
-  const separatorChar = $derived(
-    separator === 'slash' ? '/' : separator === 'arrow' ? '›' : typeof separator === 'string' ? separator : '›'
-  );
-  const useIcon = $derived(separator === 'chevron');
-</script>
-<nav class={classes} aria-label="Breadcrumb">
-  <ol class="breadcrumb__list">
-    {#each items as item, index}
-      {@const isLast = index === items.length - 1}
-      {@const isCurrent = isLast || !item.href}
-      <li class="breadcrumb__item {isCurrent ? 'breadcrumb__item--current' : ''}">
-        {#if isCurrent}
-          <span class="breadcrumb__current" aria-current="page">{item.label}</span>
-        {:else}
-          <a class="breadcrumb__link" href={item.href}>{item.label}</a>
-        {/if}
-        {#if !isLast}
-          <span class="breadcrumb__separator" aria-hidden="true">
-            {#if useIcon}
-              <svg class="breadcrumb__separator-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
-                <path d="M6 9l6 6 6-6" />
-              </svg>
-            {:else}
-              {separatorChar}
-            {/if}
-          </span>
-        {/if}
-      </li>
-    {/each}
-  </ol>
-</nav>

package/scaffold/svelte-app/src/lib/rizzo/Button.svelte DELETED Viewed

@@ -1,27 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  type Variant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'outline';
-  interface Props {
-    variant?: Variant;
-    disabled?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    class?: string;
-    children?: Snippet;
-  }
-  let {
-    variant = 'default',
-    disabled = false,
-    type = 'button',
-    class: className = '',
-    children,
-    ...rest
-  }: Props = $props();
-  const variantClass = $derived(variant === 'default' ? '' : `btn-${variant}`);
-  const classes = $derived(['btn', variantClass, className].filter(Boolean).join(' '));
-</script>
-<button {type} {disabled} class={classes} {...rest}>
-  {@render children?.()}
-</button>

package/scaffold/svelte-app/src/lib/rizzo/Card.svelte DELETED Viewed

@@ -1,17 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  type Variant = 'default' | 'elevated' | 'outlined' | 'filled';
-  interface Props {
-    variant?: Variant;
-    class?: string;
-    children?: Snippet;
-  }
-  let { variant = 'default', class: className = '', children }: Props = $props();
-  const variantClass = $derived(variant !== 'default' ? `card--${variant}` : '');
-  const classes = $derived(['card', variantClass, className].filter(Boolean).join(' ').trim());
-</script>
-<div class={classes}>
-  {@render children?.()}
-</div>

package/scaffold/svelte-app/src/lib/rizzo/Checkbox.svelte DELETED Viewed

@@ -1,37 +0,0 @@
-<script lang="ts">
-  interface Props {
-    id?: string;
-    name?: string;
-    value?: string;
-    checked?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    class?: string;
-    ariaDescribedby?: string;
-    ariaLabel?: string;
-  }
-  let {
-    id,
-    name,
-    value,
-    checked = $bindable(false),
-    required = false,
-    disabled = false,
-    class: className = '',
-    ariaDescribedby,
-    ariaLabel,
-  }: Props = $props();
-</script>
-<input
-  type="checkbox"
-  {id}
-  {name}
-  {value}
-  bind:checked
-  {required}
-  {disabled}
-  class={className}
-  aria-describedby={ariaDescribedby}
-  aria-label={ariaLabel}
-/>

package/scaffold/svelte-app/src/lib/rizzo/CopyToClipboard.svelte DELETED Viewed

@@ -1,79 +0,0 @@
-<script lang="ts">
-  interface Props {
-    value: string;
-    label?: string;
-    format?: string;
-    class?: string;
-    id?: string;
-  }
-  let { value, label, format, class: className = '', id }: Props = $props();
-  let copied = $state(false);
-  let feedbackText = $state('');
-  const fallbackId = `copy-btn-${Math.random().toString(36).slice(2, 11)}`;
-  const buttonId = $derived(id ?? fallbackId);
-  const classes = $derived(['copy-to-clipboard', className].filter(Boolean).join(' ').trim());
-  async function copy() {
-    if (!value) return;
-    try {
-      await navigator.clipboard.writeText(value);
-      copied = true;
-      feedbackText = format ? `Copied ${format}!` : 'Copied!';
-      setTimeout(() => {
-        copied = false;
-        feedbackText = '';
-      }, 2000);
-    } catch {
-      const textArea = document.createElement('textarea');
-      textArea.value = value;
-      textArea.style.position = 'fixed';
-      textArea.style.left = '-999999px';
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      try {
-        document.execCommand('copy');
-        copied = true;
-        feedbackText = format ? `Copied ${format}!` : 'Copied!';
-        setTimeout(() => {
-          copied = false;
-          feedbackText = '';
-        }, 2000);
-      } catch {
-        feedbackText = 'Failed to copy';
-      }
-      document.body.removeChild(textArea);
-    }
-  }
-</script>
-<span class="tooltip-host" data-tooltip={copied ? (format ? `Copied ${format}!` : 'Copied!') : (label ?? 'Copy to clipboard')}>
-  <button
-    type="button"
-    class={classes}
-    aria-label={copied ? (format ? `Copied ${format}!` : 'Copied!') : (label ?? `Copy ${value} to clipboard`)}
-    id={buttonId}
-    onclick={copy}
-    onkeydown={(e) => {
-      if (e.key === 'Enter' || e.key === ' ') {
-        e.preventDefault();
-        copy();
-      }
-    }}
-  >
-    <span class="copy-to-clipboard__text">{value}</span>
-    <span class="copy-to-clipboard__icon copy-to-clipboard__icon--copy" class:copy-to-clipboard__icon--hidden={copied} aria-hidden="true">
-      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
-        <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
-        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
-      </svg>
-    </span>
-    <span class="copy-to-clipboard__icon copy-to-clipboard__icon--check" class:copy-to-clipboard__icon--hidden={!copied} aria-hidden="true">
-      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
-        <polyline points="20 6 9 17 4 12" />
-      </svg>
-    </span>
-    <span class="copy-to-clipboard__feedback" aria-live="polite">{feedbackText}</span>
-  </button>
-</span>

package/scaffold/svelte-app/src/lib/rizzo/Divider.svelte DELETED Viewed

@@ -1,28 +0,0 @@
-<script lang="ts">
-  interface Props {
-    orientation?: 'horizontal' | 'vertical';
-    label?: string;
-    class?: string;
-  }
-  let { orientation = 'horizontal', label, class: className = '' }: Props = $props();
-  const orientationClass = $derived(`divider--${orientation}`);
-  const hasLabel = $derived(typeof label === 'string' && label.trim().length > 0);
-  const labelClass = $derived(hasLabel ? 'divider--labeled' : '');
-  const classes = $derived(['divider', orientationClass, labelClass, className].filter(Boolean).join(' ').trim());
-  const labelText = $derived(label?.trim() ?? '');
-</script>
-<div
-  class={classes}
-  role="separator"
-  aria-orientation={orientation}
-  aria-label={labelText || undefined}
->
-  {#if hasLabel && orientation === 'horizontal'}
-    <span class="divider__line" aria-hidden="true"></span>
-    <span class="divider__label">{labelText}</span>
-    <span class="divider__line" aria-hidden="true"></span>
-  {:else}
-    <span class="divider__line" aria-hidden="true"></span>
-  {/if}
-</div>