veload 0.0.0-stage → 0.1.1

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 (31) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +138 -3
  3. package/dist/components/VLoader/index.vue.d.ts +12 -0
  4. package/dist/components/VLoader/loaders.d.ts +38 -0
  5. package/dist/components/VLoader/types.d.ts +28 -0
  6. package/dist/components/VLoading/index.vue.d.ts +21 -0
  7. package/dist/components/VLoading/types.d.ts +27 -0
  8. package/dist/components/VLoadingButton/index.vue.d.ts +21 -0
  9. package/dist/components/VLoadingButton/types.d.ts +29 -0
  10. package/dist/components/VPatternSkeleton/index.vue.d.ts +18 -0
  11. package/dist/components/VPatternSkeleton/presets.d.ts +26 -0
  12. package/dist/components/VPatternSkeleton/types.d.ts +48 -0
  13. package/dist/components/VProgress/index.vue.d.ts +10 -0
  14. package/dist/components/VProgress/types.d.ts +45 -0
  15. package/dist/components/VSkeleton/index.vue.d.ts +7 -0
  16. package/dist/components/VSkeleton/types.d.ts +37 -0
  17. package/dist/components/VSkeletonGroup/index.vue.d.ts +17 -0
  18. package/dist/components/VSkeletonGroup/types.d.ts +8 -0
  19. package/dist/components/VSkeletonSwitch/index.vue.d.ts +31 -0
  20. package/dist/components/VSkeletonSwitch/types.d.ts +5 -0
  21. package/dist/components/VSpinner/index.vue.d.ts +9 -0
  22. package/dist/components/VSpinner/types.d.ts +29 -0
  23. package/dist/composables/useDelayedLoading.d.ts +32 -0
  24. package/dist/composables/useLoading.d.ts +28 -0
  25. package/dist/composables/useLoadingGroup.d.ts +25 -0
  26. package/dist/index.cjs +1 -0
  27. package/dist/index.d.ts +24 -0
  28. package/dist/index.js +851 -0
  29. package/dist/style.css +2 -0
  30. package/dist/utils/css.d.ts +7 -0
  31. package/package.json +70 -6
package/dist/style.css ADDED
@@ -0,0 +1,2 @@
1
+ .v-spinner[data-v-b967b6f4]{vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.v-spinner__indicator[data-v-b967b6f4]{box-sizing:border-box;border:var(--v-spinner-border-width,3px) solid var(--v-spinner-track-color,currentColor);border-radius:50%;flex:none;animation:.75s linear infinite veload-spin-b967b6f4;display:inline-block}@keyframes veload-spin-b967b6f4{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.v-spinner__indicator[data-v-b967b6f4]{animation:none}}.v-skeleton[data-v-9a8cf481]{box-sizing:border-box;background-color:var(--v-skeleton-base-color,#94a3b847);display:block;position:relative;overflow:hidden}.v-skeleton--text[data-v-9a8cf481]{border-radius:var(--v-skeleton-radius,.25em)}.v-skeleton--rect[data-v-9a8cf481]{border-radius:var(--v-skeleton-radius,.5rem)}.v-skeleton--circle[data-v-9a8cf481]{border-radius:50%}.v-skeleton--animated[data-v-9a8cf481]:after{content:"";background-image:linear-gradient(90deg, transparent, var(--v-skeleton-highlight-color,#ffffff8c), transparent);animation:veload-skeleton-shimmer-9a8cf481 var(--v-skeleton-duration,1.4s) ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes veload-skeleton-shimmer-9a8cf481{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.v-skeleton--animated[data-v-9a8cf481]:after{animation:none;display:none}}.v-progress[data-v-8a7154ed]{box-sizing:border-box;border-radius:var(--v-progress-radius,999px);background-color:var(--v-progress-track-color,#e2e8f0);width:100%;position:relative;overflow:hidden}.v-progress__bar[data-v-8a7154ed]{border-radius:inherit;background-color:var(--v-progress-color,#2563eb);height:100%;transition:width .2s}.v-progress--indeterminate .v-progress__bar[data-v-8a7154ed]{width:40%;animation:veload-progress-indeterminate-8a7154ed var(--v-progress-duration,1.4s) ease-in-out infinite}@keyframes veload-progress-indeterminate-8a7154ed{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.v-progress__bar[data-v-8a7154ed]{transition:none}.v-progress--indeterminate .v-progress__bar[data-v-8a7154ed]{opacity:.55;width:100%;animation:none;transform:none}}.v-loading[data-v-ac332306]{isolation:isolate;position:relative}.v-loading__content[data-v-ac332306]{min-width:0}.v-loading__overlay[data-v-ac332306]{z-index:var(--v-loading-z-index,10);box-sizing:border-box;border-radius:var(--v-loading-radius,inherit);background-color:var(--v-loading-overlay-background,#ffffffb8);-webkit-backdrop-filter:var(--v-loading-backdrop-filter,none);backdrop-filter:var(--v-loading-backdrop-filter,none);color:var(--v-loading-color,#334155);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.v-loading--blocking .v-loading__overlay[data-v-ac332306]{pointer-events:auto}.v-loading__label[data-v-ac332306]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.v-loading__overlay[data-v-ac332306]{-webkit-backdrop-filter:none;backdrop-filter:none}}.v-loading-button[data-v-323480f1]{vertical-align:middle;box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.v-loading-button[data-v-323480f1]:disabled{cursor:not-allowed}.v-loading-button__content[data-v-323480f1]{justify-content:center;align-items:center;gap:var(--v-loading-button-gap,.5rem);display:inline-flex}.v-loading-button__content--hidden[data-v-323480f1]{opacity:0;pointer-events:none}.v-loading-button__indicator[data-v-323480f1]{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.v-loading-button[data-v-323480f1]{transition:none}}.v-loader[data-v-f38f76f8]{inline-size:var(--vl-size);block-size:var(--vl-size);color:var(--vl-color);vertical-align:middle;contain:layout paint;display:inline-flex}.v-loader__visual[data-v-f38f76f8]{block-size:100%;inline-size:100%;display:block;position:relative}.v-loader__mark[data-v-f38f76f8]{box-sizing:border-box;background:currentColor;display:block;position:absolute}.v-loader__value[data-v-f38f76f8]{font:600 calc(var(--vl-size) * .22)/1 ui-sans-serif, system-ui, sans-serif;place-items:center;display:grid;position:absolute;inset:0}.v-loader--spin .v-loader__visual[data-v-f38f76f8],.v-loader--gradient-ring .v-loader__visual[data-v-f38f76f8],.v-loader--rotate .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .09)) solid color-mix(in srgb, currentColor 18%, transparent);animation:spin-f38f76f8 var(--vl-duration) linear infinite;border-top-color:currentColor;border-radius:50%}.v-loader--gradient-ring .v-loader__visual[data-v-f38f76f8]{background:conic-gradient(from 40deg, transparent, currentColor, color-mix(in srgb, currentColor 35%, white), transparent 78%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, calc(var(--vl-size) * .1))), #000 0);mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, calc(var(--vl-size) * .1))), #000 0);border:0}.v-loader--rotate .v-loader__visual[data-v-f38f76f8]{border-radius:28% 72% 72% 28%;animation-timing-function:cubic-bezier(.6,.05,.35,.95)}.v-loader--ring .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .09)) solid currentColor;animation:spin-f38f76f8 calc(var(--vl-duration) * 1.25) cubic-bezier(.55,.1,.45,.9) infinite;border-inline-end-color:#0000;border-radius:50%}.v-loader--pulse .v-loader__visual[data-v-f38f76f8]{animation:pulse-f38f76f8 var(--vl-duration) ease-in-out infinite;background:currentColor;border-radius:50%}.v-loader--ripple .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .06)) solid currentColor;animation:ripple-f38f76f8 var(--vl-duration) ease-out infinite;border-radius:50%}.v-loader--ripple .v-loader__mark[data-v-f38f76f8]{border:inherit;border-radius:inherit;animation:ripple-f38f76f8 var(--vl-duration) ease-out calc(var(--vl-duration) / -2) infinite;background:0 0;inset:0}.v-loader--orbit .v-loader__visual[data-v-f38f76f8]{border:max(1px, calc(var(--vl-size) * .035)) solid color-mix(in srgb, currentColor 35%, transparent);animation:spin-f38f76f8 calc(var(--vl-duration) * 1.6) linear infinite;border-radius:50%}.v-loader--orbit .v-loader__mark[data-v-f38f76f8]{block-size:22%;inline-size:22%;transform-origin:50% calc(var(--vl-size) * .61);animation:orbit-f38f76f8 var(--vl-duration) linear infinite;border-radius:50%;inset:-11% auto auto 39%}.v-loader--orbit-dots .v-loader__visual[data-v-f38f76f8]{animation:spin-f38f76f8 calc(var(--vl-duration) * 1.5) linear infinite}.v-loader--orbit-dots .v-loader__mark[data-v-f38f76f8]{block-size:19%;inline-size:19%;transform:rotate(calc(var(--vl-index) * 360deg / var(--vl-total))) translateY(calc(var(--vl-size) * -.38));opacity:calc(.35 + var(--vl-index) / var(--vl-total));border-radius:50%;inset:40%}.v-loader--spin-dots .v-loader__visual[data-v-f38f76f8]{animation:spin-f38f76f8 var(--vl-duration) steps(12) infinite}.v-loader--spin-dots .v-loader__mark[data-v-f38f76f8]{block-size:13%;inline-size:13%;transform:rotate(calc(var(--vl-index) * 360deg / var(--vl-total))) translateY(calc(var(--vl-size) * -.42));transform-origin:50%;opacity:calc(.2 + var(--vl-index) / var(--vl-total));border-radius:50%;inset:43.5%}.v-loader--progress-ring .v-loader__visual[data-v-f38f76f8]{background:conic-gradient(currentColor var(--vl-value), color-mix(in srgb, currentColor 14%, transparent) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - max(3px, calc(var(--vl-size) * .1))), #000 0);mask:radial-gradient(farthest-side, transparent calc(100% - max(3px, calc(var(--vl-size) * .1))), #000 0);animation:progress-ring-f38f76f8 calc(var(--vl-duration) * 2) ease-in-out infinite alternate;border-radius:50%}.v-loader--progress-ring:has(.v-loader__value) .v-loader__visual[data-v-f38f76f8]{animation:none}.v-loader--dots[data-v-f38f76f8],.v-loader--typing[data-v-f38f76f8],.v-loader--bounce[data-v-f38f76f8]{inline-size:max(calc(var(--vl-size) * 1.5), calc(var(--vl-size) * (.31 * var(--vl-total) - .12)))}.v-loader--bars[data-v-f38f76f8],.v-loader--equalizer[data-v-f38f76f8],.v-loader--wave[data-v-f38f76f8],.v-loader--stair[data-v-f38f76f8]{inline-size:max(calc(var(--vl-size) * 1.5), calc(var(--vl-size) * (.21 * var(--vl-total) - .08)))}.v-loader--dots .v-loader__visual[data-v-f38f76f8],.v-loader--typing .v-loader__visual[data-v-f38f76f8],.v-loader--bounce .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .12);display:flex}.v-loader--dots .v-loader__mark[data-v-f38f76f8],.v-loader--typing .v-loader__mark[data-v-f38f76f8],.v-loader--bounce .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .19);block-size:calc(var(--vl-size) * .19);animation:dot-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / -8) infinite;border-radius:50%;position:relative}.v-loader--typing .v-loader__mark[data-v-f38f76f8]{animation-name:typing-f38f76f8}.v-loader--bounce .v-loader__mark[data-v-f38f76f8]{box-shadow:0 calc(var(--vl-size) * .18) 0 color-mix(in srgb, currentColor 14%, transparent);animation-name:bounce-f38f76f8}.v-loader--bars .v-loader__visual[data-v-f38f76f8],.v-loader--equalizer .v-loader__visual[data-v-f38f76f8],.v-loader--wave .v-loader__visual[data-v-f38f76f8],.v-loader--stair .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .08);display:flex}.v-loader--bars .v-loader__mark[data-v-f38f76f8],.v-loader--equalizer .v-loader__mark[data-v-f38f76f8],.v-loader--wave .v-loader__mark[data-v-f38f76f8],.v-loader--stair .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .13);transform-origin:50%;block-size:65%;animation:bars-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / -7) infinite;border-radius:999px;position:relative}.v-loader--equalizer .v-loader__mark[data-v-f38f76f8]{border-radius:calc(var(--vl-size) * .04);animation-name:equalizer-f38f76f8}.v-loader--wave .v-loader__mark[data-v-f38f76f8]{border-radius:50%;block-size:18%;animation-name:wave-f38f76f8}.v-loader--stair .v-loader__mark[data-v-f38f76f8]{block-size:calc(18% + var(--vl-index) * 15%);align-self:flex-end;animation-name:stair-f38f76f8}.v-loader--grid .v-loader__visual[data-v-f38f76f8],.v-loader--squares .v-loader__visual[data-v-f38f76f8],.v-loader--heatmap .v-loader__visual[data-v-f38f76f8]{grid-template-columns:repeat(2,1fr);gap:12%;padding:8%;display:grid}.v-loader--grid .v-loader__mark[data-v-f38f76f8],.v-loader--squares .v-loader__mark[data-v-f38f76f8],.v-loader--heatmap .v-loader__mark[data-v-f38f76f8]{animation:grid-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / -6) infinite;border-radius:20%;position:relative}.v-loader--squares .v-loader__visual[data-v-f38f76f8]{grid-template-columns:repeat(3,1fr)}.v-loader--squares .v-loader__mark[data-v-f38f76f8]{border-radius:8%;animation-name:squares-f38f76f8}.v-loader--heatmap .v-loader__visual[data-v-f38f76f8]{grid-template-columns:repeat(3,1fr);gap:7%;padding:2%}.v-loader--heatmap .v-loader__mark[data-v-f38f76f8]{border-radius:20%;animation-name:heatmap-f38f76f8}.v-loader--card-flip .v-loader__visual[data-v-f38f76f8],.v-loader--element .v-loader__visual[data-v-f38f76f8],.v-loader--plane .v-loader__visual[data-v-f38f76f8],.v-loader--logo-spin .v-loader__visual[data-v-f38f76f8],.v-loader--morph .v-loader__visual[data-v-f38f76f8],.v-loader--blob .v-loader__visual[data-v-f38f76f8]{background:currentColor}.v-loader--card-flip .v-loader__visual[data-v-f38f76f8]{block-size:72%;inline-size:72%;animation:card-flip-f38f76f8 var(--vl-duration) cubic-bezier(.6,.05,.3,.95) infinite;border-radius:12%;margin:14%}.v-loader--element .v-loader__visual[data-v-f38f76f8]{block-size:62%;inline-size:62%;animation:element-f38f76f8 var(--vl-duration) ease-in-out infinite;border-radius:10%;margin:19%;transform:rotate(45deg)}.v-loader--plane .v-loader__visual[data-v-f38f76f8]{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);animation:plane-f38f76f8 var(--vl-duration) ease-in-out infinite}.v-loader--logo-spin .v-loader__visual[data-v-f38f76f8]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:spin-f38f76f8 calc(var(--vl-duration) * 1.2) cubic-bezier(.5,0,.5,1) infinite;border-radius:30% 70%}.v-loader--morph .v-loader__visual[data-v-f38f76f8]{animation:morph-f38f76f8 var(--vl-duration) ease-in-out infinite;border-radius:32% 68% 62% 38%/35% 36% 64% 65%}.v-loader--blob .v-loader__visual[data-v-f38f76f8]{animation:blob-f38f76f8 calc(var(--vl-duration) * 1.8) ease-in-out infinite;border-radius:48% 52% 36% 64%/57% 40% 60% 43%}.v-loader--hashtag .v-loader__visual[data-v-f38f76f8]:before,.v-loader--hashtag .v-loader__visual[data-v-f38f76f8]:after{content:"";background:currentColor;border-radius:999px;position:absolute;inset:8% 39%;transform:rotate(15deg)}.v-loader--hashtag .v-loader__visual[data-v-f38f76f8]:after{transform:rotate(105deg)}.v-loader--fallback .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .08)) dashed currentColor;animation:spin-f38f76f8 calc(var(--vl-duration) * 1.4) linear infinite;border-radius:50%}.v-loader--signal .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .06)) solid currentColor;animation:signal-f38f76f8 var(--vl-duration) ease-in-out infinite;border-bottom-color:#0000;border-left-color:#0000;border-radius:100% 0 0}.v-loader--snake .v-loader__visual[data-v-f38f76f8]{border:max(3px, calc(var(--vl-size) * .1)) solid transparent;animation:snake-f38f76f8 var(--vl-duration) linear infinite;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%}.v-loader--liquid .v-loader__visual[data-v-f38f76f8]{border:max(2px, calc(var(--vl-size) * .06)) solid currentColor;border-radius:50%;overflow:hidden}.v-loader--liquid .v-loader__visual[data-v-f38f76f8]:after{content:"";block-size:90%;inline-size:180%;animation:liquid-f38f76f8 var(--vl-duration) ease-in-out infinite;background:currentColor;border-radius:42%;position:absolute;inset:42% auto auto -40%}.v-loader--flow .v-loader__visual[data-v-f38f76f8]{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:999px;overflow:hidden}.v-loader--flow .v-loader__visual[data-v-f38f76f8]:after{content:"";border-radius:inherit;animation:flow-f38f76f8 var(--vl-duration) ease-in-out infinite;background:currentColor;position:absolute;inset:36% 0}.v-loader--breathing .v-loader__mark[data-v-f38f76f8]{border-radius:50%}.v-loader--breathing .v-loader__mark[data-v-f38f76f8]:first-child{border:max(1px, calc(var(--vl-size) * .045)) solid currentColor;opacity:.4;animation:breathing-halo-f38f76f8 var(--vl-duration) cubic-bezier(.45, 0, .55, 1) infinite;background:0 0;inset:12%;transform:scale(.86)}.v-loader--breathing .v-loader__mark[data-v-f38f76f8]:last-child{inset:40%}.v-loader--dual-arc .v-loader__mark[data-v-f38f76f8]{border:max(1px, calc(var(--vl-size) * .055)) solid transparent;animation:spin-f38f76f8 var(--vl-duration) linear infinite;background:0 0;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;inset:5%}.v-loader--dual-arc .v-loader__mark[data-v-f38f76f8]:last-child{opacity:.65;animation-direction:reverse;animation-duration:calc(var(--vl-duration) * 1.25);border-color:#0000 #0000 currentColor currentColor;inset:25%}.v-loader--dot-sweep[data-v-f38f76f8]{inline-size:max(calc(var(--vl-size) * 1.5), calc(var(--vl-size) * (.34 * var(--vl-total) + .2)))}.v-loader--dot-sweep .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .18);display:flex}.v-loader--dot-sweep .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .16);block-size:calc(var(--vl-size) * .16);opacity:.65;animation:dot-sweep-f38f76f8 var(--vl-duration) ease-in-out calc(var(--vl-index) * var(--vl-duration) / var(--vl-total) * -1) infinite;border-radius:50%;flex-shrink:0;position:relative}.v-loader--sliding-bars[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * 1.5);block-size:max(var(--vl-size), calc(var(--vl-size) * (.2 * var(--vl-total) + .1)))}.v-loader--sliding-bars .v-loader__visual[data-v-f38f76f8]{justify-content:center;align-items:center;gap:calc(var(--vl-size) * .1);flex-direction:column;display:flex}.v-loader--sliding-bars .v-loader__mark[data-v-f38f76f8]{inline-size:calc(var(--vl-size) * .8);block-size:calc(var(--vl-size) * .1);opacity:.85;animation:sliding-bars-f38f76f8 var(--vl-duration) cubic-bezier(.65, 0, .35, 1) infinite;border-radius:999px;flex-shrink:0;position:relative}.v-loader--sliding-bars .v-loader__mark[data-v-f38f76f8]:nth-child(2n){opacity:.5;animation-delay:calc(var(--vl-duration) / -2)}@keyframes breathing-halo-f38f76f8{0%,to{opacity:.35;transform:scale(.86)}50%{opacity:.7;transform:scale(1.12)}}@keyframes dot-sweep-f38f76f8{0%,to{opacity:.3;transform:translate(-55%)}50%{opacity:1;transform:translate(55%)}}@keyframes sliding-bars-f38f76f8{0%,to{transform:translate(-25%)}50%{transform:translate(25%)}}@keyframes spin-f38f76f8{to{transform:rotate(360deg)}}@keyframes orbit-f38f76f8{to{transform:rotate(360deg)}}@keyframes pulse-f38f76f8{50%{opacity:.45;transform:scale(.62)}}@keyframes ripple-f38f76f8{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes progress-ring-f38f76f8{to{transform:rotate(160deg)}}@keyframes dot-f38f76f8{50%{opacity:.38;transform:translateY(-35%)}}@keyframes typing-f38f76f8{50%{opacity:.35;transform:scale(.65)}}@keyframes bounce-f38f76f8{50%{transform:translateY(-65%)}}@keyframes bars-f38f76f8{50%{opacity:.42;transform:scaleY(.28)}}@keyframes equalizer-f38f76f8{50%{transform:scaleY(.22)}}@keyframes wave-f38f76f8{50%{transform:translateY(-100%)scale(1.25)}}@keyframes stair-f38f76f8{50%{opacity:.4;transform:translateY(-38%)}}@keyframes grid-f38f76f8{50%{opacity:.35;transform:scale(.45)}}@keyframes squares-f38f76f8{50%{transform:rotate(90deg)scale(.6)}}@keyframes heatmap-f38f76f8{50%{background:color-mix(in srgb, currentColor 28%, transparent);transform:scale(.78)}}@keyframes card-flip-f38f76f8{50%{transform:rotateY(180deg)scale(.82)}}@keyframes element-f38f76f8{50%{border-radius:50%;transform:rotate(225deg)scale(.68)}}@keyframes plane-f38f76f8{50%{transform:translateY(-16%)rotate(8deg)}}@keyframes morph-f38f76f8{50%{border-radius:64% 36% 38% 62%/58% 65% 35% 42%;transform:rotate(90deg)scale(.82)}}@keyframes blob-f38f76f8{50%{border-radius:67% 33% 55% 45%/36% 61% 39% 64%;transform:rotate(24deg)scale(.87)}}@keyframes signal-f38f76f8{50%{opacity:.4;transform:scale(.72)}}@keyframes snake-f38f76f8{to{transform:rotate(360deg)}}@keyframes liquid-f38f76f8{50%{transform:translate(22%)rotate(8deg)}}@keyframes flow-f38f76f8{50%{transform:translate(60%)}}@media (prefers-reduced-motion:reduce){.v-loader[data-v-f38f76f8] *,.v-loader__visual[data-v-f38f76f8],.v-loader__visual[data-v-f38f76f8]:before,.v-loader__visual[data-v-f38f76f8]:after{transition:none!important;animation:none!important}.v-loader--ripple .v-loader__mark[data-v-f38f76f8]{display:none}}.v-pattern-skeleton[data-v-e1a021e1]{gap:.75rem;width:100%;max-width:38rem;display:grid}.v-pattern-skeleton__body[data-v-e1a021e1]{align-content:center;gap:.45rem;min-width:0;display:grid}.v-pattern-skeleton--profile[data-v-e1a021e1]{grid-template-columns:auto 1fr;align-items:start}.v-pattern-skeleton--profile .v-pattern-skeleton__stats[data-v-e1a021e1]{grid-column:1/-1}.v-pattern-skeleton--media[data-v-e1a021e1]{grid-template-columns:auto 1fr;align-items:start}.v-pattern-skeleton__feed-item[data-v-e1a021e1],.v-pattern-skeleton__inline[data-v-e1a021e1]{align-items:center;gap:.75rem;display:flex}.v-pattern-skeleton__feed-item+.v-pattern-skeleton__feed-item[data-v-e1a021e1]{border-top:1px solid color-mix(in srgb, currentColor 9%, transparent);padding-top:.75rem}.v-pattern-skeleton__feed-item .v-pattern-skeleton__body[data-v-e1a021e1]{flex:1}.v-pattern-skeleton__stats[data-v-e1a021e1]{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.75rem;display:grid}.v-pattern-skeleton__table-row[data-v-e1a021e1]{border-bottom:1px solid color-mix(in srgb, currentColor 9%, transparent);align-items:center;gap:.75rem;padding:.55rem 0;display:grid}.v-pattern-skeleton__field[data-v-e1a021e1]{gap:.4rem;display:grid}.v-skeleton-group[data-v-6a86d8c9]{width:100%;display:grid}
2
+ /*$vite$:1*/
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Converts a numeric or string length into a CSS length.
3
+ *
4
+ * Numeric values are interpreted as pixels and clamped to zero. Invalid
5
+ * numeric values and blank strings fall back to `fallback`.
6
+ */
7
+ export declare function toCssLength(value: number | string | null | undefined, fallback: string): string;
package/package.json CHANGED
@@ -1,6 +1,70 @@
1
- {
2
- "name": "veload",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
6
- }
1
+ {
2
+ "name": "veload",
3
+ "version": "0.1.1",
4
+ "description": "Accessible Vue 3 loaders, skeletons, progress indicators, and loading-state composables.",
5
+ "type": "module",
6
+ "main": "./dist/index.cjs",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.js",
13
+ "require": "./dist/index.cjs"
14
+ },
15
+ "./style.css": "./dist/style.css"
16
+ },
17
+ "files": [
18
+ "dist"
19
+ ],
20
+ "sideEffects": [
21
+ "**/*.css"
22
+ ],
23
+ "license": "MIT",
24
+ "homepage": "https://veload-playground.vercel.app",
25
+ "repository": {
26
+ "type": "git",
27
+ "url": "git+https://github.com/Shehab-Mo/veload.git"
28
+ },
29
+ "bugs": {
30
+ "url": "https://github.com/Shehab-Mo/veload/issues"
31
+ },
32
+ "publishConfig": {
33
+ "access": "public"
34
+ },
35
+ "keywords": [
36
+ "vue",
37
+ "vue3",
38
+ "loading",
39
+ "spinner",
40
+ "loader",
41
+ "skeleton",
42
+ "progress",
43
+ "accessibility",
44
+ "typescript",
45
+ "nuxt"
46
+ ],
47
+ "scripts": {
48
+ "prepack": "node scripts/package-readme.mjs prepare",
49
+ "postpack": "node scripts/package-readme.mjs cleanup",
50
+ "build": "vite build && npm run build:types",
51
+ "typecheck": "vue-tsc --noEmit",
52
+ "build:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",
53
+ "test": "vitest run",
54
+ "check:consumer": "node scripts/consumer-check.mjs",
55
+ "check:bundle": "node scripts/measure-bundle.mjs"
56
+ },
57
+ "peerDependencies": {
58
+ "vue": "^3.5.2"
59
+ },
60
+ "devDependencies": {
61
+ "@vitejs/plugin-vue": "^6.0.10",
62
+ "@vue/test-utils": "^2.5.1",
63
+ "jsdom": "^29.1.1",
64
+ "typescript": "^5.9.3",
65
+ "vite": "^8.3.4",
66
+ "vitest": "^5.0.5",
67
+ "vue": "^3.5.2",
68
+ "vue-tsc": "^3.3.13"
69
+ }
70
+ }