agnosticui-core 2.0.0-alpha.2

package/dist/styles/motion.styles.js

@@ -0,0 +1,188 @@
+import { css as a } from "lit";
+const r = a`
+  /* ============================================
+   * VARIABLES
+   * ============================================ */
+  :host {
+    /* Speed presets */
+    --ag-fx-duration-xs: 100ms;
+    --ag-fx-duration-sm: 150ms;
+    --ag-fx-duration-md: 200ms;
+    --ag-fx-duration-lg: 300ms;
+    --ag-fx-duration-xl: 500ms;
+
+    /* Easing presets */
+    --ag-fx-ease-ease: ease;
+    --ag-fx-ease-ease-in: ease-in;
+    --ag-fx-ease-ease-out: ease-out;
+    --ag-fx-ease-ease-in-out: ease-in-out;
+    --ag-fx-ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+    --ag-fx-ease-spring-sm: cubic-bezier(0.5, 1.5, 0.5, 1);
+    --ag-fx-ease-spring-md: cubic-bezier(0.5, 2, 0.5, 1);
+    --ag-fx-ease-spring-lg: cubic-bezier(0.5, 2.5, 0.5, 1);
+  }
+
+  /* ============================================
+   * KEYFRAME ANIMATIONS
+   * ============================================ */
+
+  /* Bounce - vertical pop effect */
+  @keyframes ag-fx-bounce {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-25%); }
+  }
+
+  /* Pulse - scale grow/shrink */
+  @keyframes ag-fx-pulse {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(1.1); }
+  }
+
+  /* Jelly - squash/stretch */
+  @keyframes ag-fx-jelly {
+    0%, 100% { transform: scale(1, 1); }
+    30% { transform: scale(1.12, 0.88); }
+    40% { transform: scale(0.88, 1.12); }
+    50% { transform: scale(1.05, 0.95); }
+    65% { transform: scale(0.98, 1.02); }
+    75% { transform: scale(1.02, 0.98); }
+  }
+
+  /* Shimmer - light sweep (mask animation) */
+  @keyframes ag-fx-shimmer {
+    0% { 
+      -webkit-mask-position: 50% 0;
+      mask-position: 50% 0;
+    }
+    100% { 
+      -webkit-mask-position: -125% 0;
+      mask-position: -125% 0;
+    }
+  }
+
+  /* Glow - box-shadow pulse */
+  @keyframes ag-fx-glow {
+    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--ag-primary-rgb), 0); }
+    50% { box-shadow: 0 0 14px 2px rgba(var(--ag-primary-rgb), var(--ag-fx-shadow-opacity, 0.4)); }
+  }
+
+  /* Flip - 3D rotation */
+  @keyframes ag-fx-flip {
+    0% { transform: perspective(400px) rotateY(0); }
+    100% { transform: perspective(400px) rotateY(360deg); }
+  }
+
+  /* Icon Reveal - clip path */
+  @keyframes ag-fx-icon-reveal {
+    0% { clip-path: circle(0% at 50% 50%); }
+    100% { clip-path: circle(150% at 50% 50%); }
+  }
+
+  /* Ripple - radial expansion */
+  @keyframes ag-fx-ripple {
+    0% { box-shadow: 0 0 0 0 rgba(var(--ag-primary-rgb), var(--ag-fx-shadow-opacity, 0.4)); }
+    100% { box-shadow: 0 0 1px 12px rgba(var(--ag-primary-rgb), 0); }
+  }
+
+  /* Highlight Sweep - background gradient sweep */
+  @keyframes ag-fx-highlight-sweep {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+
+  /* Press-pop - quick press down/up */
+  @keyframes ag-fx-press-pop {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(0.95); }
+  }
+
+  /* Tilt Press - 3D tilt */
+  @keyframes ag-fx-tilt-press {
+    0%, 100% { transform: perspective(500px) rotateX(0); }
+    50% { transform: perspective(500px) rotateX(10deg); }
+  }
+
+  /* Slide-in - entrance from below */
+  @keyframes ag-fx-slide-in {
+    from {
+      opacity: 0;
+      transform: translateY(20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  /* Grow - button increases in size */
+  @keyframes ag-fx-grow {
+    100% {
+      transform: scale(1.09);
+    }
+  }
+
+  /* Shrink - button decreases in size */
+  @keyframes ag-fx-shrink {
+    100% {
+      transform: scale(0.9);
+    }
+  }
+
+  /* Push - simulates physical press */
+  @keyframes ag-fx-push {
+    50% {
+      transform: translateY(4px);
+    }
+  }
+
+  /* Shake/Jitter effect */
+  @keyframes ag-fx-shake {
+    0%, 100% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(-4px);
+    }
+    75% {
+      transform: translateX(4px);
+    }
+  }
+
+  /* Wobble effect */
+  @keyframes ag-fx-wobble {
+    0%, 100% {
+      transform: rotate(0deg);
+    }
+    25% {
+      transform: rotate(-3deg);
+    }
+    75% {
+      transform: rotate(3deg);
+    }
+  }
+
+  @keyframes ag-fx-pulse-wobble {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    50% {
+      transform: scale(1.09) rotate(0deg);
+    }
+    62.5% {
+      transform: scale(1.05) rotate(-3deg);
+    }
+    87.5% {
+      transform: scale(1.02) rotate(3deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+`;
+export {
+  r as motionStyles
+};

package/dist/styles/nav-button-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const NAV_BUTTON_STYLES: import('lit').CSSResult;
+//# sourceMappingURL=nav-button-styles.d.ts.map

package/dist/styles/nav-button-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-button-styles.d.ts","sourceRoot":"","sources":["../../src/styles/nav-button-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA2B7B,CAAC"}

package/dist/styles/nav-button-styles.js

@@ -0,0 +1,32 @@
+import { css as a } from "lit";
+const t = a`
+  ::slotted(.nav-button) {
+    width: 100%;
+    padding: var(--ag-space-2);
+    border: none;
+    background: transparent;
+    color: var(--ag-text-primary);
+    font-size: var(--ag-font-size-sm);
+    display: flex;
+    align-items: center;
+    gap: var(--ag-space-2);
+    text-align: start;
+    cursor: pointer;
+    border-radius: var(--ag-border-radius-sm);
+    transition: background 0.15s;
+  }
+
+  ::slotted(.nav-button:hover) {
+    background: var(--ag-background-secondary);
+  }
+
+  ::slotted(.nav-button[aria-current="page"]),
+  ::slotted(.nav-button.active) {
+    background: var(--ag-primary-background);
+    color: var(--ag-primary-text);
+    font-weight: 600;
+  }
+`;
+export {
+  t as NAV_BUTTON_STYLES
+};

package/dist/styles/nav-sublink-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const NAV_SUBLINK_STYLES: import('lit').CSSResult;
+//# sourceMappingURL=nav-sublink-styles.d.ts.map

package/dist/styles/nav-sublink-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-sublink-styles.d.ts","sourceRoot":"","sources":["../../src/styles/nav-sublink-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAmB9B,CAAC"}

package/dist/styles/nav-sublink-styles.js

@@ -0,0 +1,24 @@
+import { css as a } from "lit";
+const o = a`
+  ::slotted(.nav-sublink) {
+    display: block;
+    padding: var(--ag-space-2);
+    border-radius: var(--ag-radius-sm);
+    text-decoration: none;
+    color: var(--ag-text-primary);
+    font-size: var(--ag-font-size-sm);
+    transition: background 0.15s;
+        white-space: nowrap;
+  }
+  ::slotted(.nav-sublink:hover) {
+    background: var(--ag-background-secondary);
+  }
+  ::slotted(.nav-sublink.active) {
+    background: var(--ag-primary-background);
+    color: var(--ag-primary-text);
+    font-weight: 500;
+  }
+`;
+export {
+  o as NAV_SUBLINK_STYLES
+};

package/dist/svelte.d.js

@@ -0,0 +1 @@
+

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}