@m11g/library 0.0.2 → 0.0.3

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 (69) hide show
  1. package/dist/dist-C8cpIyO1.js +3039 -0
  2. package/dist/library.css +2 -0
  3. package/dist/library.js +4057 -0
  4. package/dist/library.umd.cjs +3 -0
  5. package/package.json +13 -1
  6. package/.editorconfig +0 -8
  7. package/.gitattributes +0 -1
  8. package/.oxfmtrc.json +0 -5
  9. package/.oxlintrc.json +0 -10
  10. package/.stylelintrc +0 -33
  11. package/.vscode/extensions.json +0 -8
  12. package/env.d.ts +0 -1
  13. package/eslint.config.ts +0 -35
  14. package/index.html +0 -13
  15. package/postcss.config.ts +0 -23
  16. package/src/App.vue +0 -28
  17. package/src/assets/css/base.css +0 -2
  18. package/src/assets/css/elements/_base.css +0 -5
  19. package/src/assets/css/elements/buttons.css +0 -23
  20. package/src/assets/css/elements/form.css +0 -75
  21. package/src/assets/css/elements/scaffolding.css +0 -62
  22. package/src/assets/css/elements/transition.css +0 -4
  23. package/src/assets/css/elements/typography.css +0 -80
  24. package/src/assets/css/media-queries/media-queries.css +0 -3
  25. package/src/assets/css/mixins/list-reset.css +0 -5
  26. package/src/assets/css/variables/_base.css +0 -7
  27. package/src/assets/css/variables/chakra.css +0 -160
  28. package/src/assets/css/variables/colors.css +0 -205
  29. package/src/assets/css/variables/grid.css +0 -6
  30. package/src/assets/css/variables/spacings.css +0 -10
  31. package/src/assets/css/variables/transitions.css +0 -10
  32. package/src/assets/css/variables/typography.css +0 -17
  33. package/src/components/AppBreadcrumb.vue +0 -63
  34. package/src/components/AppButton.vue +0 -105
  35. package/src/components/AppCarousel.vue +0 -145
  36. package/src/components/AppDialog.vue +0 -126
  37. package/src/components/AppNotification.vue +0 -68
  38. package/src/components/AppPagination.vue +0 -127
  39. package/src/components/AppPopover.vue +0 -57
  40. package/src/components/AppTabs.vue +0 -176
  41. package/src/components/CenterWrapper.vue +0 -50
  42. package/src/components/ClickableWrapper.vue +0 -48
  43. package/src/components/Forms/AppForm.vue +0 -61
  44. package/src/components/Forms/FormErrorMessage.vue +0 -17
  45. package/src/components/Forms/FormField.vue +0 -30
  46. package/src/components/Forms/FormFieldset.vue +0 -28
  47. package/src/components/Forms/RadioGroup.vue +0 -85
  48. package/src/components/Forms/SearchField.vue +0 -38
  49. package/src/components/Forms/SelectField.vue +0 -125
  50. package/src/components/Forms/TextField.vue +0 -41
  51. package/src/components/Forms/TextareaField.vue +0 -32
  52. package/src/components/ScrollSpy.vue +0 -111
  53. package/src/components/SummaryDetails.vue +0 -83
  54. package/src/composables/useTheme.ts +0 -20
  55. package/src/index.ts +0 -47
  56. package/src/main.ts +0 -10
  57. package/src/router/index.ts +0 -26
  58. package/src/types/Theme.ts +0 -11
  59. package/src/views/CarouselView.vue +0 -27
  60. package/src/views/FormView.vue +0 -111
  61. package/src/views/HomeView.vue +0 -100
  62. package/src/views/ScrollSpyView.vue +0 -58
  63. package/theme-dark +0 -117
  64. package/theme-light +0 -191
  65. package/tsconfig.app.json +0 -18
  66. package/tsconfig.json +0 -11
  67. package/tsconfig.node.json +0 -28
  68. package/vite.config.ts +0 -26
  69. /package/{public → dist}/favicon.ico +0 -0
@@ -0,0 +1,2 @@
1
+ a[data-v-2902ea9d],button[data-v-2902ea9d]{--btn-border-radius:.5em}.primary[data-v-2902ea9d]:is(a,button){--btn-background-color:var(--v12fddeda);--btn-background-color-hover:var(--v21fa547a);--btn-text-color:var(--v7b61801a);--focus-ring-color:var(--v69733d10)}.ghost[data-v-2902ea9d]:is(a,button){--btn-background-color:transparant;--btn-background-color-hover:var(--v4c1da476);--btn-text-color:var(--v12fddeda);--btn-border-color:currentcolor;--focus-ring-color:var(--btn-text-color)}a[data-v-2902ea9d],button[data-v-2902ea9d]{inline-size:auto;padding:var(--spacing-2) var(--spacing-8);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--btn-text-color);text-align:center;text-transform:uppercase;background-color:var(--btn-background-color);border:2px solid var(--btn-border-color);border-radius:var(--btn-border-radius);-webkit-transition:background-color var(--transition), text-decoration var(--transition), opacity var(--transition);transition:background-color var(--transition), text-decoration var(--transition), opacity var(--transition);text-decoration:none;display:inline-block}:is(a[data-v-2902ea9d],button[data-v-2902ea9d]):hover:not(:disabled){background-color:var(--btn-background-color-hover)}:is(a[data-v-2902ea9d],button[data-v-2902ea9d]):active:not(:disabled){padding-block:calc(var(--spacing-2) + 1px) calc(var(--spacing-2) - 1px)}:is(a[data-v-2902ea9d],button[data-v-2902ea9d]):focus-visible{outline:var(--focus-ring-color) solid 2px;outline-offset:2px}button[data-v-2902ea9d]:disabled{opacity:.5}.notification[data-v-3631bd7c]{gap:var(--spacing-1);padding:var(--spacing-2);-webkit-margin-after:var(--spacing-4);color:var(--v630beb5a);background-color:var(--v630beade);border:1px solid var(--v58354376);border-inline-start-width:.25em;margin-block-end:var(--spacing-4);display:flex}.title[data-v-3631bd7c]{font-weight:var(--font-weight-bold)}svg[data-v-3631bd7c]{--size:1.25em;inline-size:var(--size);block-size:var(--size);-webkit-margin-before:.1em;flex:none;margin-block-start:.1em}@scope(.tabs){:scope{-webkit-margin-after:var(--spacing-4);-webkit-transition:height var(--transition), content-visibility var(--transition) allow-discrete;transition:height var(--transition), content-visibility var(--transition) allow-discrete;margin-block-end:var(--spacing-4);container-type:inline-size}ul{grid-template-columns:repeat(var(--v1e37d192), 1fr);margin:0 0 var(--spacing-4);-webkit-border-after:1px solid var(--v99f3e58e);border-block-end:1px solid var(--v99f3e58e);padding:0;list-style:none;display:grid}ul:before{inline-size:anchor-size(inline);block-size:anchor-size(block);position-anchor:var(--ef7ed3b2);content:"";background:var(--c42b4c24);-webkit-transition:left var(--transition), width var(--transition);transition:left var(--transition), width var(--transition);display:block;position:absolute;inset-block-end:anchor(bottom);inset-inline-start:anchor(left)}[role=tab]{inline-size:100%;padding:var(--spacing-3) var(--spacing-2);text-align:center;-webkit-transition:background var(--transition);transition:background var(--transition);position:relative}[role=tab]:hover:not([aria-selected=true]){color:var(--v4ca0e54d);background-color:var(--v99f3e58e)}[role=tab][aria-selected=true]{anchor-name:var(--ef7ed3b2);color:var(--v4ca0e54d)}[role=tabpanel]{opacity:0;-webkit-transition:opacity var(--transition), overlay allow-discrete, display allow-discrete;transition:opacity var(--transition), overlay allow-discrete, display allow-discrete;display:none}.active[role=tabpanel]{opacity:1;transition-delay:.1s;display:block}@starting-style{[role=tabpanel].active{opacity:0}}}.wrapper[data-v-c2c324cf]{position:relative}@supports (scroll-marker-group:after){.wrapper[data-v-c2c324cf]{-webkit-margin-after:var(--spacing-12);margin-block-end:var(--spacing-12)}}ul[data-v-c2c324cf]{grid-template-columns:repeat(var(--e227236c), 100%);gap:var(--spacing-2);-webkit-padding-start:0;-webkit-margin-after:var(--spacing-4);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-color:var(--chakra-colors-gray-400) transparent;scrollbar-width:thin;margin-block-end:var(--spacing-4);padding-inline-start:0;list-style:none;display:grid}@supports (scroll-marker-group:after){ul[data-v-c2c324cf]{-webkit-margin-after:var(--spacing-2);margin-block-end:var(--spacing-2)}}ul[data-v-c2c324cf]::scroll-button(*){aspect-ratio:.571;-webkit-margin-before:calc(var(--spacing-8) * -1);inline-size:1.5em;cursor:pointer;content:"";background-color:var(--chakra-colors-gray-900);border:1px solid var(--chakra-colors-gray-300);opacity:.7;clip-path:shape(from 96.34% 44.96%, curve by 0% 10.11% with 4.88% 2.79%/4.88% 7.32%, line by -74.99% 42.84%, curve by -17.69% 0% with -4.88% 2.79%/-12.81% 2.79%, smooth by 0% -10.11% with -4.88% -7.32%, line to 69.82% 50%, line to 3.7% 12.2%, curve by 0% -10.11% with -4.88% -2.79%/-4.88% -7.32%, smooth by 17.69% 0% with 12.81% -2.79%, line by 74.99% 42.84%, close);-webkit-transition:opacity var(--transition);transition:opacity var(--transition);margin-block-start:calc(var(--spacing-8) * -1);display:none;position:absolute;inset-block-start:50%}ul[data-v-c2c324cf]::scroll-button(*):hover{opacity:1}ul[data-v-c2c324cf]::scroll-button(*):focus{opacity:1}ul[data-v-c2c324cf]::scroll-button(*):active{translate:0 1px}ul[data-v-c2c324cf]::scroll-button(*):disabled{opacity:.2}ul[data-v-c2c324cf]::scroll-button(left){inset-inline-start:1em;rotate:180deg}ul[data-v-c2c324cf]::scroll-button(right){inset-inline-end:1em}ul[data-v-c2c324cf]:has(>li:nth-child(2)){scroll-behavior:smooth;scroll-marker-group:after;overflow-x:scroll}ul[data-v-c2c324cf]:has(>li:nth-child(2))::scroll-button(left){display:block}ul[data-v-c2c324cf]:has(>li:nth-child(2))::scroll-button(right){display:block}ul[data-v-c2c324cf]::scroll-marker-group{gap:var(--spacing-2);place-content:center;display:flex}li[data-v-c2c324cf]{scroll-snap-align:center}li[data-v-c2c324cf]::scroll-marker{aspect-ratio:1;content:"";background-color:var(--color-white);border:3px solid var(--color-white);block-size:.5em;inline-size:.5em;-webkit-transition:border var(--transition), background var(--transition);transition:border var(--transition), background var(--transition);border-radius:50%;display:block}li[data-v-c2c324cf]::scroll-marker:target-current{background-color:var(--v565496e7)}li[data-v-c2c324cf]::scroll-marker:hover{background-color:var(--v565496e7)}li[data-v-c2c324cf]::scroll-marker:target-current{border-color:var(--v565496e7)}.notch[data-v-de9741ca]{padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.notch.top[data-v-de9741ca]{-webkit-padding-before:env(safe-area-inset-top);padding-block-start:env(safe-area-inset-top)}.wrapper-sm[data-v-de9741ca]{--wrapper-size:var(--container-size-sm)}.wrapper-md[data-v-de9741ca]{--wrapper-size:var(--container-size-md)}.wrapper-lg[data-v-de9741ca]{--wrapper-size:var(--container-size-lg)}.wrapper[data-v-de9741ca]{--zero:0px;padding-inline:var(--gutter);margin-inline:max(var(--zero), ((100% - var(--wrapper-size)) / 2))}.content[data-v-ae061766]{gap:var(--gutter);align-items:start;display:grid;position:relative}@media (width>=768px){.content[data-v-ae061766]{grid-template-columns:auto 12rem}}span[data-v-ae061766]{translate:0 calc(var(--spacing-4) * -1);display:block}nav[data-v-ae061766]{background:var(--color-bg-panel);scroll-target-group:auto;order:-1;display:none;position:sticky;inset-block-start:var(--spacing-4)}@media (width>=768px){nav[data-v-ae061766]{order:1;display:block}}ol[data-v-ae061766]{margin:0;padding:0;list-style:none}ol[data-v-ae061766]:before{inline-size:.25em;block-size:anchor-size(block);position-anchor:var(--v80e7688a);content:"";background:var(--v0862a933);-webkit-transition:top var(--transition), height var(--transition);transition:top var(--transition), height var(--transition);display:block;position:absolute;inset-block-start:anchor(top);inset-inline-start:0}a[data-v-ae061766]{padding-block:var(--spacing-1);-webkit-padding-start:var(--spacing-3);-webkit-border-start:.25em solid var(--v0442a925);border-inline-start:.25em solid var(--v0442a925);padding-inline-start:var(--spacing-3);text-decoration:none;display:block}a[data-v-ae061766]:target-current{anchor-name:var(--v80e7688a);color:var(--v0862a933)}a[data-v-ae061766]:hover{border-color:var(--v0862a933)}@scope(.breadcrumb){[data-v-4c0ff354]:scope{-webkit-margin-after:var(--spacing-4);margin-block-end:var(--spacing-4)}ol[data-v-4c0ff354]{gap:var(--spacing-2);margin:0;padding:0;list-style:none;display:flex}li[data-v-4c0ff354]{gap:var(--spacing-2);align-items:center;display:flex}li[data-v-4c0ff354]:not(:last-child):after{content:"/"}a[aria-current=page][data-v-4c0ff354]{color:var(--color-fg)}a[aria-current=page][data-v-4c0ff354]:not(:hover){text-decoration:none}svg[data-v-4c0ff354]{inline-size:1.25em;translate:0 -1px}}dialog{inline-size:calc(100vw - (var(--spacing-4) * 2));max-inline-size:var(--container-size-md);-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--color-fg);background-color:var(--color-bg-panel);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);-webkit-transition:display var(--transition) allow-discrete, overlay var(--transition) allow-discrete;transition:display var(--transition) allow-discrete, overlay var(--transition) allow-discrete;-webkit-animation:dialog-hide var(--transition);animation:dialog-hide var(--transition);border:0;border-radius:.25em;padding:0}dialog[open]{-webkit-animation:dialog-show var(--transition);animation:dialog-show var(--transition)}dialog[open]::-ms-backdrop{animation:backdrop-show var(--transition)}dialog[open]::backdrop{-webkit-animation:backdrop-show var(--transition);animation:backdrop-show var(--transition)}::-ms-backdrop{-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-backdrop-filter:blur(.25em);backdrop-filter:blur(.25em);animation:backdrop-hide var(--transition);background-color:#00000080;overflow:hidden}::backdrop{-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-backdrop-filter:blur(.25em);backdrop-filter:blur(.25em);-webkit-animation:backdrop-hide var(--transition);animation:backdrop-hide var(--transition);background-color:#00000080;overflow:hidden}@scope(dialog){svg{cursor:pointer;font-size:2em}header{gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4) 0;background-color:var(--color-panel-bg);justify-content:space-between;align-items:start;display:flex;position:sticky;inset-block-start:0}.content{padding:var(--spacing-4)}}@keyframes dialog-hide{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1em}}@keyframes dialog-show{0%{opacity:0;translate:0 -1em}to{opacity:1;translate:0}}@keyframes backdrop-show{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(.25em);backdrop-filter:blur(.25em)}}@keyframes backdrop-hide{0%{opacity:1;-webkit-backdrop-filter:blur(.25em);backdrop-filter:blur(.25em)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}button[data-v-85d27891]{anchor-name:var(--d7cbed22);interest-delay:0s var(--transition-duration)}[popover][data-v-85d27891]{padding:var(--spacing-1) var(--spacing-2);margin:var(--spacing-2);position-area:top;position-anchor:var(--d7cbed22);position-try-fallbacks:flip-block;color:#fafafa;zoom:.9;opacity:0;-webkit-transition:opacity var(--transition), zoom var(--transition), overlay allow-discrete, display allow-discrete;transition:opacity var(--transition), zoom var(--transition), overlay allow-discrete, display allow-discrete;background-color:#111;border:1px solid #27272a;position:absolute}[popover][data-v-85d27891]:popover-open{zoom:1;opacity:1}@starting-style{[popover][data-v-85d27891]:popover-open{zoom:.9;opacity:0}}.item[data-v-3ec5080b]{cursor:pointer}details{cursor:pointer;-webkit-border-after:2px solid var(--color-black);border-block-end:2px solid var(--color-black)}details:first-of-type{-webkit-border-before:2px solid var(--color-black);border-block-start:2px solid var(--color-black)}details::details-content{-webkit-border-before:1px solid var(--color-black);border-block-start:1px solid var(--color-black);opacity:0;block-size:0;-webkit-transition:padding var(--transition), opacity var(--transition), height var(--transition), content-visibility var(--transition) allow-discrete;transition:padding var(--transition), opacity var(--transition), height var(--transition), content-visibility var(--transition) allow-discrete;overflow:clip}details[open]::details-content{block-size:max-content;padding-block:var(--spacing-2) var(--spacing-4);opacity:1}details ::marker{aspect-ratio:1;content:"";background-color:var(--color-black);block-size:1em;inline-size:2em}summary{padding-block:var(--spacing-2)}ul[data-v-33239efc]{-webkit-padding-start:0;margin:0;padding-inline-start:0;list-style:none}[aria-live=assertive][data-v-33239efc]:not(:empty){-webkit-margin-before:var(--spacing-4);margin-block-start:var(--spacing-4)}span[data-v-ae376c89]{display:block}label[data-v-e97a8db9]{-webkit-margin-after:var(--spacing-xxs);font-weight:var(--font-weight-bold);margin-block-end:var(--spacing-xxs)}.error-message[data-v-e97a8db9]{-webkit-margin-before:var(--spacing-xxs);margin-block-start:var(--spacing-xxs)}.field[data-v-63eb0053]{gap:var(--spacing-2);align-items:start;display:flex}.field[data-v-63eb0053]:not(:last-child){-webkit-margin-after:var(--spacing-1);margin-block-end:var(--spacing-1)}input[data-v-63eb0053]{aspect-ratio:1;-webkit-margin-before:.1em;appearance:none;background:var(--color-panel-bg);border:3px solid var(--color-white);inline-size:1.25em;-webkit-transition:border var(--transition), background var(--transition);transition:border var(--transition), background var(--transition);border-radius:50%;flex:none;margin:0;margin-block-start:.1em;padding:0}input[data-v-63eb0053]:checked{background-color:var(--ff4c354a)}.icon[data-v-a7da80f3]{-webkit-transition:rotate var(--transition);transition:rotate var(--transition)}select[data-v-a7da80f3]{appearance:base-select;cursor:pointer}select:open .icon[data-v-a7da80f3]{rotate:-180deg}button[data-v-a7da80f3]{gap:var(--spacing-2);justify-content:space-between;align-items:center;inline-size:100%;display:flex}[data-v-a7da80f3]::checkmark{display:none}[data-v-a7da80f3]::picker-icon{display:none}[data-v-a7da80f3]::picker(select){-webkit-margin-before:var(--spacing-1);appearance:base-select;border:2px solid var(--color-white);opacity:0;translate:0 calc(-1 * var(--spacing-4));-webkit-transition:translate var(--transition), opacity var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;transition:translate var(--transition), opacity var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;margin-block-start:var(--spacing-1)}[data-v-a7da80f3]:open::picker(select){opacity:1;translate:0}@starting-style{[data-v-a7da80f3]:open::picker(select){opacity:0;translate:0 calc(-1 * var(--spacing-4))}}option[data-v-a7da80f3]{gap:var(--spacing-2);padding:var(--spacing-2);color:var(--color-fg);background-color:var(--color-body-background);-webkit-border-start:3px solid transparent;border-inline-start:3px solid #0000;display:flex}option[data-v-a7da80f3]:hover{color:var(--v265bc4d1);background-color:var(--color-primary-hover)}option[data-v-a7da80f3]:checked{font-weight:var(--font-weight-bold);color:var(--v265bc4d1);background-color:var(--color-primary)}fieldset[data-v-702389ce]{grid-template-columns:repeat(var(--v003ca58a), 1fr);gap:var(--gutter);display:grid}.field[data-v-2f317fdb]{position:relative}input[data-v-2f317fdb]{-webkit-padding-end:3rem;padding-inline-end:3rem}svg[data-v-2f317fdb]{aspect-ratio:1;block-size:auto;inline-size:1.5rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-4);translate:0 -.75rem}
2
+ /*$vite$:1*/