@duskmoon-dev/core 1.19.3 → 1.19.4

package/dist/esm/effects/hover-gallery.js

@@ -0,0 +1,23 @@
+// Auto-generated from hover-gallery.css
+export const css = `@layer components {
+  .hover-gallery { display: grid; gap: 0.5rem; min-inline-size: 0; color: var(--color-on-surface); }
+  .hover-gallery-stage { aspect-ratio: var(--hover-gallery-ratio, 4 / 3); overflow: hidden; border-radius: var(--radius-md); }
+  .hover-gallery-stage img { inline-size: 100%; block-size: 100%; object-fit: cover; }
+  .hover-gallery-controls { display: flex; flex-wrap: wrap; gap: 0.5rem; }
+  .hover-gallery-controls > button { border: 1px solid currentColor; color: inherit; background: var(--color-surface-container); padding: 0.25rem; border-radius: var(--radius-sm); cursor: pointer; }
+  .hover-gallery-controls img { display: block; inline-size: 3rem; block-size: 3rem; object-fit: cover; }
+  .hover-gallery-controls > button[aria-pressed="true"] { color: var(--color-primary); outline: 2px solid currentColor; }
+  .hover-gallery-controls > button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
+  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
+    .hover-gallery-controls > button:hover { background: var(--color-primary-container); }
+  }
+  @media print { .hover-gallery-controls { display: none; } }
+}
+`;
+
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
+export const styles = sheet;
+export default sheet;

package/dist/esm/effects/index.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for index
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/effects/index.js

@@ -0,0 +1,74 @@
+// Auto-generated from index.css
+export const css = `/* Explicitly opt-in. Not imported by core or components/index.css. */
+@layer components {
+  .aura {
+    position: relative;
+    isolation: isolate;
+    border-radius: var(--radius-md);
+    outline: 1px solid var(--color-primary);
+  }
+  .aura::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    border-radius: inherit;
+    box-shadow: 0 0 1rem color-mix(in oklch, var(--color-primary) 35%, transparent);
+    pointer-events: none;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    .aura-animated::before { animation: dm-aura 4s ease-in-out infinite; }
+  }
+  @keyframes dm-aura { 50% { opacity: 0.4; } }
+  @media print { .aura::before { display: none; } }
+}
+
+@layer components {
+  .hover-3d { border-radius: var(--radius-md); }
+  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
+    .hover-3d { transition: transform 200ms ease; }
+    .hover-3d:hover:not(:focus-within) { transform: perspective(60rem) rotateX(var(--hover-3d-x, 2deg)) rotateY(var(--hover-3d-y, -2deg)); }
+  }
+  @media print { .hover-3d { transform: none; } }
+}
+
+@layer components {
+  .hover-gallery { display: grid; gap: 0.5rem; min-inline-size: 0; color: var(--color-on-surface); }
+  .hover-gallery-stage { aspect-ratio: var(--hover-gallery-ratio, 4 / 3); overflow: hidden; border-radius: var(--radius-md); }
+  .hover-gallery-stage img { inline-size: 100%; block-size: 100%; object-fit: cover; }
+  .hover-gallery-controls { display: flex; flex-wrap: wrap; gap: 0.5rem; }
+  .hover-gallery-controls > button { border: 1px solid currentColor; color: inherit; background: var(--color-surface-container); padding: 0.25rem; border-radius: var(--radius-sm); cursor: pointer; }
+  .hover-gallery-controls img { display: block; inline-size: 3rem; block-size: 3rem; object-fit: cover; }
+  .hover-gallery-controls > button[aria-pressed="true"] { color: var(--color-primary); outline: 2px solid currentColor; }
+  .hover-gallery-controls > button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
+  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
+    .hover-gallery-controls > button:hover { background: var(--color-primary-container); }
+  }
+  @media print { .hover-gallery-controls { display: none; } }
+}
+
+@layer components {
+  .text-rotate { display: inline-grid; color: var(--color-on-surface); vertical-align: baseline; }
+  .text-rotate > span { grid-area: 1 / 1; visibility: hidden; }
+  .text-rotate > span:first-child { visibility: visible; }
+  @media (prefers-reduced-motion: no-preference) {
+    .text-rotate-animated > span { animation: dm-text-rotate var(--text-rotate-duration, 6s) steps(1, end) infinite; }
+    .text-rotate-animated > span:nth-child(2) { animation-delay: calc(var(--text-rotate-duration, 6s) / -3); }
+    .text-rotate-animated > span:nth-child(3) { animation-delay: calc(var(--text-rotate-duration, 6s) / -3 * 2); }
+    .text-rotate-animated:is(:hover, :focus-within, .text-rotate-paused) > span { animation-play-state: paused; }
+  }
+  @keyframes dm-text-rotate { 0%, 33.32% { visibility: visible; } 33.33%, 100% { visibility: hidden; } }
+  @media print {
+    .text-rotate > span { animation: none; visibility: hidden; }
+    .text-rotate > span:first-child { visibility: visible; }
+  }
+}
+
+`;
+
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
+export const styles = sheet;
+export default sheet;

package/dist/esm/effects/text-rotate.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated type declaration for text-rotate
+export declare const css: string;
+export declare const styles: CSSStyleSheet | null;
+declare const sheet: CSSStyleSheet | null;
+export default sheet;

package/dist/esm/effects/text-rotate.js

@@ -0,0 +1,25 @@
+// Auto-generated from text-rotate.css
+export const css = `@layer components {
+  .text-rotate { display: inline-grid; color: var(--color-on-surface); vertical-align: baseline; }
+  .text-rotate > span { grid-area: 1 / 1; visibility: hidden; }
+  .text-rotate > span:first-child { visibility: visible; }
+  @media (prefers-reduced-motion: no-preference) {
+    .text-rotate-animated > span { animation: dm-text-rotate var(--text-rotate-duration, 6s) steps(1, end) infinite; }
+    .text-rotate-animated > span:nth-child(2) { animation-delay: calc(var(--text-rotate-duration, 6s) / -3); }
+    .text-rotate-animated > span:nth-child(3) { animation-delay: calc(var(--text-rotate-duration, 6s) / -3 * 2); }
+    .text-rotate-animated:is(:hover, :focus-within, .text-rotate-paused) > span { animation-play-state: paused; }
+  }
+  @keyframes dm-text-rotate { 0%, 33.32% { visibility: visible; } 33.33%, 100% { visibility: hidden; } }
+  @media print {
+    .text-rotate > span { animation: none; visibility: hidden; }
+    .text-rotate > span:first-child { visibility: visible; }
+  }
+}
+`;
+
+const sheet = typeof CSSStyleSheet !== 'undefined' ? new CSSStyleSheet() : null;
+if (sheet) {
+  sheet.replaceSync(css);
+}
+export const styles = sheet;
+export default sheet;