sakana-element 2.4.2 → 2.5.0

package/dist/theme/Form.css

@@ -1,83 +0,0 @@
-/* Form Component Styles */
-.px-form[data-v-0e2bbb22] {
-  /* Form container styles */
-}
-
-/* Inline layout */
-.px-form.is-inline[data-v-0e2bbb22] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0 16px;
-}
-.px-form.is-inline .px-form-item[data-v-0e2bbb22] {
-  margin-bottom: 12px;
-}
-.px-form-item[data-v-0e2bbb22] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  margin-bottom: 18px;
-}
-.px-form-item__label[data-v-0e2bbb22] {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: var(--px-font-size-base);
-  color: var(--px-text-color-regular);
-  line-height: 32px;
-  padding: 0 12px 0 0;
-  box-sizing: border-box;
-  width: var(--px-form-label-width, 150px);
-  flex-shrink: 0;
-  text-align: right;
-}
-.px-form-item__content[data-v-0e2bbb22] {
-  line-height: 32px;
-  position: relative;
-  font-size: var(--px-font-size-base);
-  flex: 1;
-  min-width: 0;
-}
-.px-form-item__error-msg[data-v-0e2bbb22] {
-  color: var(--px-color-danger);
-  font-size: var(--px-font-size-small);
-  line-height: 1;
-  padding-top: 4px;
-  position: absolute;
-  top: 100%;
-  left: 0;
-}
-.px-form-item.is-error .px-input__wrapper[data-v-0e2bbb22] {
-  border-color: var(--px-color-danger);
-}
-.px-form-item.is-success .px-input__wrapper[data-v-0e2bbb22] {
-  border-color: var(--px-color-success);
-}
-.px-form-item.is-required .px-form-item__label[data-v-0e2bbb22]::before {
-  content: "*";
-  color: var(--px-color-danger);
-  margin-right: 4px;
-}
-
-/* Input wrapper for status icon alignment */
-.px-form-item__input-wrap[data-v-0e2bbb22] {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  width: 100%;
-}
-
-/* Status icon */
-.px-form-item__status-icon[data-v-0e2bbb22] {
-  position: absolute;
-  right: 8px;
-  z-index: 1;
-}
-.px-form-item__status-icon.is-success[data-v-0e2bbb22] {
-  color: var(--px-color-success);
-}
-.px-form-item__status-icon.is-error[data-v-0e2bbb22] {
-  color: var(--px-color-danger);
-}
-.px-form-item[data-v-0e2bbb22] {
-  --px-form-label-width: var(--ac9c6e38) !important;
-}

package/dist/theme/Icon.css

@@ -1,168 +0,0 @@
-/* PxIcon - Pixel Art Icon Component Styles */
-.px-icon[data-v-57d28fe2] {
-  --px-icon-color: inherit;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  color: var(--px-icon-color);
-  vertical-align: middle;
-  line-height: 1;
-}
-
-/* SVG container - ensures proper sizing */
-.px-icon__pixel[data-v-57d28fe2] {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.px-icon__pixel svg[data-v-57d28fe2] {
-  width: 100%;
-  height: 100%;
-  fill: currentColor;
-}
-
-/* Fallback for missing icons */
-.px-icon__fallback[data-v-57d28fe2] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  font-size: 0.75em;
-  opacity: 0.5;
-}
-
-/* Type colors */
-.px-icon--primary[data-v-57d28fe2] {
-    --px-icon-color: var(--px-color-primary);
-}
-.px-icon--info[data-v-57d28fe2] {
-    --px-icon-color: var(--px-color-info);
-}
-.px-icon--success[data-v-57d28fe2] {
-    --px-icon-color: var(--px-color-success);
-}
-.px-icon--warning[data-v-57d28fe2] {
-    --px-icon-color: var(--px-color-warning);
-}
-.px-icon--danger[data-v-57d28fe2] {
-    --px-icon-color: var(--px-color-danger);
-}
-
-/* Size classes (24px grid multiples for crisp pixel rendering) */
-.px-icon--xs[data-v-57d28fe2] { width: 12px; height: 12px;
-}
-.px-icon--sm[data-v-57d28fe2] { width: 18px; height: 18px;
-}
-.px-icon--md[data-v-57d28fe2] { width: 24px; height: 24px;
-}
-.px-icon--lg[data-v-57d28fe2] { width: 36px; height: 36px;
-}
-.px-icon--xl[data-v-57d28fe2] { width: 48px; height: 48px;
-}
-.px-icon--2xl[data-v-57d28fe2] { width: 72px; height: 72px;
-}
-
-/* FA compat aliases */
-.px-icon--1x[data-v-57d28fe2] { width: 24px; height: 24px;
-}
-.px-icon--2x[data-v-57d28fe2] { width: 48px; height: 48px;
-}
-.px-icon--3x[data-v-57d28fe2] { width: 72px; height: 72px;
-}
-
-/* Rotation transforms */
-.px-icon--rotate-90[data-v-57d28fe2] { transform: rotate(90deg);
-}
-.px-icon--rotate-180[data-v-57d28fe2] { transform: rotate(180deg);
-}
-.px-icon--rotate-270[data-v-57d28fe2] { transform: rotate(270deg);
-}
-
-/* Flip transforms */
-.px-icon--flip-h[data-v-57d28fe2] { transform: scaleX(-1);
-}
-.px-icon--flip-v[data-v-57d28fe2] { transform: scaleY(-1);
-}
-.px-icon--flip-h.px-icon--flip-v[data-v-57d28fe2] { transform: scale(-1, -1);
-}
-
-/* ========================================
-   Pixel-Art Stepped Animations
-   Using steps() for discrete frame jumps
-   ======================================== */
-
-/* Spin - 8-step rotation (45° increments) */
-@keyframes px-spin-57d28fe2 {
-from { transform: rotate(0deg);
-}
-to { transform: rotate(360deg);
-}
-}
-.px-icon--spin[data-v-57d28fe2] {
-  animation: px-spin-57d28fe2 1s steps(8) infinite;
-}
-
-/* Pulse - rotate with scale pulse (8 steps) */
-@keyframes px-pulse-57d28fe2 {
-0%, 100% { transform: rotate(0deg) scale(1);
-}
-50% { transform: rotate(180deg) scale(1.1);
-}
-}
-.px-icon--pulse[data-v-57d28fe2] {
-  animation: px-pulse-57d28fe2 1s steps(8) infinite;
-}
-
-/* Bounce - vertical hop (5 steps) */
-@keyframes px-bounce-57d28fe2 {
-0%, 100% { transform: translateY(0);
-}
-50% { transform: translateY(-25%);
-}
-}
-.px-icon--bounce[data-v-57d28fe2] {
-  animation: px-bounce-57d28fe2 0.6s steps(5) infinite;
-}
-
-/* Shake - horizontal shake (4 steps) */
-@keyframes px-shake-57d28fe2 {
-0%, 100% { transform: translateX(0);
-}
-25% { transform: translateX(-15%);
-}
-75% { transform: translateX(15%);
-}
-}
-.px-icon--shake[data-v-57d28fe2] {
-  animation: px-shake-57d28fe2 0.4s steps(4) infinite;
-}
-
-/* Beat - scale throb (3 steps) */
-@keyframes px-beat-57d28fe2 {
-0%, 100% { transform: scale(1);
-}
-50% { transform: scale(1.25);
-}
-}
-.px-icon--beat[data-v-57d28fe2] {
-  animation: px-beat-57d28fe2 0.6s steps(3) infinite;
-}
-
-/* Fade - opacity flicker (4 steps) */
-@keyframes px-fade-57d28fe2 {
-0%, 100% { opacity: 1;
-}
-50% { opacity: 0.4;
-}
-}
-.px-icon--fade[data-v-57d28fe2] {
-  animation: px-fade-57d28fe2 1s steps(4) infinite;
-}
-
-/* Ensure image-rendering for crisp pixels */
-.px-icon__pixel svg[data-v-57d28fe2] {
-  image-rendering: pixelated;
-  image-rendering: crisp-edges;
-}

package/dist/theme/Overlay.css

@@ -1,12 +0,0 @@
-
-.px-overlay[data-v-a64cd74a] {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  overflow: auto;
-  z-index: 2000;
-}

package/dist/theme/Tooltip.css

@@ -1,235 +0,0 @@
-/* Tooltip Variables */
-.px-tooltip[data-v-d982dfd2] {
-  --px-tooltip-bg-color: var(--px-bg-color);
-  --px-tooltip-font-size: var(--px-font-size-base);
-  --px-tooltip-border-color: var(--px-border-color-dark);
-  --px-tooltip-padding: 10px 14px;
-  --px-tooltip-shadow-color: var(--px-shadow-color);
-  display: inline-block;
-}
-/* Base Tooltip Styles - Pixel Game Style */
-/* No smooth transitions for pixel feel */
-.px-tooltip .fade-enter-active[data-v-d982dfd2],
-  .px-tooltip .fade-leave-active[data-v-d982dfd2] {
-    transition: none;
-}
-.px-tooltip .fade-enter-from[data-v-d982dfd2],
-  .px-tooltip .fade-leave-to[data-v-d982dfd2] {
-    opacity: 0;
-}
-/* Popper container - Pixel style box */
-.px-tooltip .px-tooltip__popper[data-v-d982dfd2] {
-    background: transparent;
-    padding: var(--px-tooltip-padding);
-    color: var(--px-text-color-primary);
-    line-height: 1.5;
-    font-size: var(--px-tooltip-font-size);
-    font-family: var(--px-font-family);
-    word-break: break-all;
-    box-sizing: border-box;
-    z-index: 1000;
-    position: relative;
-
-    /* Remove traditional border */
-    border: none;
-
-    /* Pixel shadow via drop-shadow (respects clip-path shape) */
-    filter: drop-shadow(
-      var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-tooltip-shadow-color)
-    );
-}
-/* Border layer — filled with border color, clipped to pixel shape */
-.px-tooltip .px-tooltip__popper[data-v-d982dfd2]::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      background: var(--px-tooltip-border-color);
-      clip-path: polygon(
-        0 4px,
-        2px 4px,
-        2px 2px,
-        4px 2px,
-        4px 0,
-        calc(100% - 4px) 0,
-        calc(100% - 4px) 2px,
-        calc(100% - 2px) 2px,
-        calc(100% - 2px) 4px,
-        100% 4px,
-        100% calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 2px),
-        calc(100% - 4px) calc(100% - 2px),
-        calc(100% - 4px) 100%,
-        4px 100%,
-        4px calc(100% - 2px),
-        2px calc(100% - 2px),
-        2px calc(100% - 4px),
-        0 calc(100% - 4px)
-      );
-      z-index: -1;
-}
-/* Fill layer — inset by border width, filled with bg color, beveled */
-.px-tooltip .px-tooltip__popper[data-v-d982dfd2]::after {
-      content: "";
-      position: absolute;
-      inset: 2px;
-      background: var(--px-tooltip-bg-color);
-      clip-path: polygon(
-        0 4px,
-        2px 4px,
-        2px 2px,
-        4px 2px,
-        4px 0,
-        calc(100% - 4px) 0,
-        calc(100% - 4px) 2px,
-        calc(100% - 2px) 2px,
-        calc(100% - 2px) 4px,
-        100% 4px,
-        100% calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 4px),
-        calc(100% - 2px) calc(100% - 2px),
-        calc(100% - 4px) calc(100% - 2px),
-        calc(100% - 4px) 100%,
-        4px 100%,
-        4px calc(100% - 2px),
-        2px calc(100% - 2px),
-        2px calc(100% - 4px),
-        0 calc(100% - 4px)
-      );
-      box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.35), inset -2px -2px 0 rgba(0, 0, 0, 0.08);
-      z-index: -1;
-}
-/* Pixel arrow — base */
-.px-tooltip .px-tooltip__popper .px-tooltip__arrow[data-v-d982dfd2] {
-      position: absolute;
-      background: var(--px-tooltip-border-color);
-      z-index: 1;
-}
-/* Top placement → arrow points down at bottom edge */
-.px-tooltip .px-tooltip__popper[data-popper-placement^='top'] .px-tooltip__arrow[data-v-d982dfd2] {
-      bottom: -6px;
-      width: 10px;
-      height: 6px;
-      clip-path: polygon(
-        0 0, 10px 0,
-        10px 2px, 8px 2px,
-        8px 4px, 6px 4px,
-        6px 6px, 4px 6px,
-        4px 4px, 2px 4px,
-        2px 2px, 0 2px
-      );
-}
-/* Bottom placement → arrow points up at top edge */
-.px-tooltip .px-tooltip__popper[data-popper-placement^='bottom'] .px-tooltip__arrow[data-v-d982dfd2] {
-      top: -6px;
-      width: 10px;
-      height: 6px;
-      clip-path: polygon(
-        4px 0, 6px 0,
-        6px 2px, 8px 2px,
-        8px 4px, 10px 4px,
-        10px 6px, 0 6px,
-        0 4px, 2px 4px,
-        2px 2px, 4px 2px
-      );
-}
-/* Left placement → arrow points right at right edge */
-.px-tooltip .px-tooltip__popper[data-popper-placement^='left'] .px-tooltip__arrow[data-v-d982dfd2] {
-      right: -6px;
-      width: 6px;
-      height: 10px;
-      clip-path: polygon(
-        0 0, 2px 0,
-        2px 2px, 4px 2px,
-        4px 4px, 6px 4px,
-        6px 6px, 4px 6px,
-        4px 8px, 2px 8px,
-        2px 10px, 0 10px
-      );
-}
-/* Right placement → arrow points left at left edge */
-.px-tooltip .px-tooltip__popper[data-popper-placement^='right'] .px-tooltip__arrow[data-v-d982dfd2] {
-      left: -6px;
-      width: 6px;
-      height: 10px;
-      clip-path: polygon(
-        6px 0, 6px 10px,
-        4px 10px, 4px 8px,
-        2px 8px, 2px 6px,
-        0 6px, 0 4px,
-        2px 4px, 2px 2px,
-        4px 2px, 4px 0
-      );
-}
-/* Dark tooltip variant */
-.px-tooltip--dark .px-tooltip__popper[data-v-d982dfd2] {
-    --px-tooltip-bg-color: var(--px-text-color-primary);
-    --px-tooltip-border-color: var(--px-text-color-primary);
-    --px-tooltip-shadow-color: rgba(0, 0, 0, 0.4);
-    color: var(--px-bg-color);
-}
-.px-tooltip--dark .px-tooltip__popper[data-v-d982dfd2]::after {
-      box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.15), inset -2px -2px 0 rgba(0, 0, 0, 0.2);
-}
-/* Light tooltip variant */
-.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2] {
-    --px-tooltip-bg-color: var(--px-bg-color);
-    --px-tooltip-border-color: var(--px-border-color);
-    color: var(--px-text-color-primary);
-}
-/* Type variants — themed colors */
-.px-tooltip--primary .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-primary);
-      --px-tooltip-border-color: var(--px-color-primary-dark);
-      --px-tooltip-shadow-color: var(--px-color-primary-dark);
-      color: #fff;
-}
-.px-tooltip--primary.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-primary-light-9);
-      --px-tooltip-border-color: var(--px-color-primary);
-      color: var(--px-color-primary);
-}
-.px-tooltip--success .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-success);
-      --px-tooltip-border-color: var(--px-color-success-dark);
-      --px-tooltip-shadow-color: var(--px-color-success-dark);
-      color: #fff;
-}
-.px-tooltip--success.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-success-light-9);
-      --px-tooltip-border-color: var(--px-color-success);
-      color: var(--px-color-success);
-}
-.px-tooltip--info .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-info);
-      --px-tooltip-border-color: var(--px-color-info-dark);
-      --px-tooltip-shadow-color: var(--px-color-info-dark);
-      color: #fff;
-}
-.px-tooltip--info.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-info-light-9);
-      --px-tooltip-border-color: var(--px-color-info);
-      color: var(--px-color-info);
-}
-.px-tooltip--warning .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-warning);
-      --px-tooltip-border-color: var(--px-color-warning-dark);
-      --px-tooltip-shadow-color: var(--px-color-warning-dark);
-      color: #fff;
-}
-.px-tooltip--warning.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-warning-light-9);
-      --px-tooltip-border-color: var(--px-color-warning);
-      color: var(--px-color-warning);
-}
-.px-tooltip--danger .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-danger);
-      --px-tooltip-border-color: var(--px-color-danger-dark);
-      --px-tooltip-shadow-color: var(--px-color-danger-dark);
-      color: #fff;
-}
-.px-tooltip--danger.px-tooltip--light .px-tooltip__popper[data-v-d982dfd2] {
-      --px-tooltip-bg-color: var(--px-color-danger-light-9);
-      --px-tooltip-border-color: var(--px-color-danger);
-      color: var(--px-color-danger);
-}