morya-ui 0.3.4 → 0.3.6

package/dist/components/Switch/styles.css

@@ -1,129 +1,129 @@
-.m-switch--invalid .m-switch__track {
-    box-shadow: 0 0 0 var(--m-border-width) var(--m-color-danger);
-}
-
-.m-switch {
-    --m-switch-track-height: 1.25rem;
-    --m-switch-track-width: 2.25rem;
-    --m-switch-thumb-size: 1rem;
-    --m-switch-checked-offset: 1rem;
-    --m-switch-spinner-size: 0.55rem;
-}
-
-.m-switch__track {
-    align-items: center;
-    background: var(--m-color-border);
-    border-radius: var(--m-radius-full);
-    display: inline-flex;
-    flex: 0 0 auto;
-    height: var(--m-switch-track-height);
-    padding: var(--m-space-1);
-    transition:
-        background-color var(--m-motion-fast) var(--m-motion-ease),
-        box-shadow var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-switch-track-width);
-}
-
-.m-switch:not(.m-switch--disabled):hover
-    .m-switch__input:not(:checked)
-    + .m-switch__track {
-    background: color-mix(in srgb, var(--m-color-text-muted) 55%, var(--m-color-border));
-}
-
-.m-switch__thumb {
-    background: var(--m-color-surface);
-    border-radius: var(--m-radius-full);
-    box-shadow: var(--m-shadow-sm);
-    height: var(--m-switch-thumb-size);
-    transform: translateX(0);
-    transition: transform var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-switch-thumb-size);
-}
-
-.m-switch__input:checked + .m-switch__track {
-    background: var(--m-color-primary);
-}
-
-.m-switch:not(.m-switch--disabled):hover .m-switch__input:checked + .m-switch__track {
-    background: var(--m-color-primary-hover);
-}
-
-.m-switch__input:checked + .m-switch__track .m-switch__thumb {
-    transform: translateX(var(--m-switch-checked-offset));
-}
-
-.m-switch--invalid .m-switch__input:focus-visible + .m-switch__track {
-    box-shadow: var(--m-focus-shadow-danger);
-}
-
-.m-switch--small {
-    --m-switch-track-height: 1rem;
-    --m-switch-track-width: 1.75rem;
-    --m-switch-thumb-size: 0.75rem;
-    --m-switch-checked-offset: 0.75rem;
-}
-
-.m-switch--small .m-switch__track {
-    height: var(--m-switch-track-height);
-    width: var(--m-switch-track-width);
-}
-
-.m-switch--small .m-switch__thumb {
-    height: var(--m-switch-thumb-size);
-    width: var(--m-switch-thumb-size);
-}
-
-.m-switch--small
-    .m-switch__input:checked
-    + .m-switch__track
-    .m-switch__thumb {
-    transform: translateX(var(--m-switch-checked-offset));
-}
-
-.m-switch--large {
-    --m-switch-track-height: 1.5rem;
-    --m-switch-track-width: 2.75rem;
-    --m-switch-thumb-size: 1.2rem;
-    --m-switch-checked-offset: 1.25rem;
-}
-
-.m-switch--large .m-switch__track {
-    height: var(--m-switch-track-height);
-    width: var(--m-switch-track-width);
-}
-
-.m-switch--large .m-switch__thumb {
-    height: var(--m-switch-thumb-size);
-    width: var(--m-switch-thumb-size);
-}
-
-.m-switch--large
-    .m-switch__input:checked
-    + .m-switch__track
-    .m-switch__thumb {
-    transform: translateX(var(--m-switch-checked-offset));
-}
-
-.m-switch__text {
-    color: var(--m-color-on-emphasis);
-    font-family: var(--m-font-sans);
-    font-size: var(--m-font-size-xs);
-    padding: 0 var(--m-space-1);
-    pointer-events: none;
-}
-
-.m-switch__spinner {
-    animation: m-progress-spinner-rotate var(--m-motion-spin-fast) linear infinite;
-    border: var(--m-border-width) solid
-        color-mix(in srgb, var(--m-color-primary) 40%, transparent);
-    border-radius: 50%;
-    border-top-color: var(--m-color-primary);
-    display: block;
-    height: var(--m-switch-spinner-size);
-    width: var(--m-switch-spinner-size);
-}
-
-[data-m-motion="reduced"] .m-switch__spinner {
-    animation: none;
-    border-top-color: var(--m-color-text-muted);
-}
+.m-switch--invalid .m-switch__track {
+    box-shadow: 0 0 0 var(--m-border-width) var(--m-color-danger);
+}
+
+.m-switch {
+    --m-switch-track-height: 1.25rem;
+    --m-switch-track-width: 2.25rem;
+    --m-switch-thumb-size: 1rem;
+    --m-switch-checked-offset: 1rem;
+    --m-switch-spinner-size: 0.55rem;
+}
+
+.m-switch__track {
+    align-items: center;
+    background: var(--m-color-border);
+    border-radius: var(--m-radius-full);
+    display: inline-flex;
+    flex: 0 0 auto;
+    height: var(--m-switch-track-height);
+    padding: var(--m-space-1);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease);
+    width: var(--m-switch-track-width);
+}
+
+.m-switch:not(.m-switch--disabled):hover
+    .m-switch__input:not(:checked)
+    + .m-switch__track {
+    background: color-mix(in srgb, var(--m-color-text-muted) 55%, var(--m-color-border));
+}
+
+.m-switch__thumb {
+    background: var(--m-color-surface);
+    border-radius: var(--m-radius-full);
+    box-shadow: var(--m-shadow-sm);
+    height: var(--m-switch-thumb-size);
+    transform: translateX(0);
+    transition: transform var(--m-motion-fast) var(--m-motion-ease);
+    width: var(--m-switch-thumb-size);
+}
+
+.m-switch__input:checked + .m-switch__track {
+    background: var(--m-color-primary);
+}
+
+.m-switch:not(.m-switch--disabled):hover .m-switch__input:checked + .m-switch__track {
+    background: var(--m-color-primary-hover);
+}
+
+.m-switch__input:checked + .m-switch__track .m-switch__thumb {
+    transform: translateX(var(--m-switch-checked-offset));
+}
+
+.m-switch--invalid .m-switch__input:focus-visible + .m-switch__track {
+    box-shadow: var(--m-focus-shadow-danger);
+}
+
+.m-switch--small {
+    --m-switch-track-height: 1rem;
+    --m-switch-track-width: 1.75rem;
+    --m-switch-thumb-size: 0.75rem;
+    --m-switch-checked-offset: 0.75rem;
+}
+
+.m-switch--small .m-switch__track {
+    height: var(--m-switch-track-height);
+    width: var(--m-switch-track-width);
+}
+
+.m-switch--small .m-switch__thumb {
+    height: var(--m-switch-thumb-size);
+    width: var(--m-switch-thumb-size);
+}
+
+.m-switch--small
+    .m-switch__input:checked
+    + .m-switch__track
+    .m-switch__thumb {
+    transform: translateX(var(--m-switch-checked-offset));
+}
+
+.m-switch--large {
+    --m-switch-track-height: 1.5rem;
+    --m-switch-track-width: 2.75rem;
+    --m-switch-thumb-size: 1.2rem;
+    --m-switch-checked-offset: 1.25rem;
+}
+
+.m-switch--large .m-switch__track {
+    height: var(--m-switch-track-height);
+    width: var(--m-switch-track-width);
+}
+
+.m-switch--large .m-switch__thumb {
+    height: var(--m-switch-thumb-size);
+    width: var(--m-switch-thumb-size);
+}
+
+.m-switch--large
+    .m-switch__input:checked
+    + .m-switch__track
+    .m-switch__thumb {
+    transform: translateX(var(--m-switch-checked-offset));
+}
+
+.m-switch__text {
+    color: var(--m-color-on-emphasis);
+    font-family: var(--m-font-sans);
+    font-size: var(--m-font-size-xs);
+    padding: 0 var(--m-space-1);
+    pointer-events: none;
+}
+
+.m-switch__spinner {
+    animation: m-progress-spinner-rotate var(--m-motion-spin-fast) linear infinite;
+    border: var(--m-border-width) solid
+        color-mix(in srgb, var(--m-color-primary) 40%, transparent);
+    border-radius: 50%;
+    border-top-color: var(--m-color-primary);
+    display: block;
+    height: var(--m-switch-spinner-size);
+    width: var(--m-switch-spinner-size);
+}
+
+[data-m-motion="reduced"] .m-switch__spinner {
+    animation: none;
+    border-top-color: var(--m-color-text-muted);
+}

package/dist/components/Tabs/styles.css

@@ -1,131 +1,131 @@
-.m-tabs {
-    font-family: var(--m-font-sans);
-}
-
-.m-tabs__bar {
-    align-items: center;
-    display: flex;
-    gap: var(--m-space-2);
-}
-
-.m-tabs__scroller {
-    flex: 1;
-    min-width: 0;
-}
-
-.m-tabs__list {
-    border-bottom: var(--m-border-width) solid var(--m-color-border);
-    display: flex;
-    gap: var(--m-space-2);
-    min-width: max-content;
-    width: max-content;
-}
-
-.m-tabs--card .m-tabs__list {
-    border-bottom: 0;
-    gap: var(--m-space-1);
-}
-
-.m-tabs__item {
-    align-items: center;
-    display: inline-flex;
-    position: relative;
-}
-
-.m-tabs__tab {
-    --m-tabs-indicator-width: 2px;
-    background: transparent;
-    border: 0;
-    border-bottom: var(--m-tabs-indicator-width) solid transparent;
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    font-family: var(--m-font-sans);
-    padding: var(--m-space-3) var(--m-space-2);
-    transition:
-        color var(--m-motion-fast) var(--m-motion-ease),
-        border-color var(--m-motion-fast) var(--m-motion-ease),
-        background-color var(--m-motion-fast) var(--m-motion-ease);
-}
-
-.m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
-    color: var(--m-color-primary);
-}
-
-.m-tabs__tab--active {
-    border-color: var(--m-color-primary);
-    color: var(--m-color-primary);
-    font-weight: 600;
-}
-
-.m-tabs--card .m-tabs__tab {
-    background: color-mix(in srgb, var(--m-color-border) 35%, var(--m-color-surface));
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-bottom: 0;
-    border-radius: var(--m-radius-sm) var(--m-radius-sm) 0 0;
-}
-
-.m-tabs--card .m-tabs__tab--active {
-    background: var(--m-color-surface);
-    border-color: var(--m-color-border);
-    color: var(--m-color-primary);
-}
-
-.m-tabs--card .m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
-    background: color-mix(in srgb, var(--m-color-primary) 8%, var(--m-color-surface));
-}
-
-.m-tabs__tab:disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
-.m-tabs__tab:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-tabs__close,
-.m-tabs__add,
-.m-tabs__scroll {
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-sm);
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    font: inherit;
-    line-height: 1;
-    padding: var(--m-space-1) var(--m-space-2);
-    transition:
-        background-color var(--m-motion-fast) var(--m-motion-ease),
-        color var(--m-motion-fast) var(--m-motion-ease),
-        opacity var(--m-motion-fast) var(--m-motion-ease);
-}
-
-.m-tabs__close:hover:not(:disabled),
-.m-tabs__add:hover:not(:disabled),
-.m-tabs__scroll:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
-    color: var(--m-color-primary);
-}
-
-.m-tabs__close:disabled,
-.m-tabs__add:disabled,
-.m-tabs__scroll:disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
-.m-tabs__close:focus-visible,
-.m-tabs__add:focus-visible,
-.m-tabs__scroll:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-tabs__extra {
-    margin-left: auto;
-}
-
-.m-tabs__panel {
-    padding-top: var(--m-space-4);
-}
+.m-tabs {
+    font-family: var(--m-font-sans);
+}
+
+.m-tabs__bar {
+    align-items: center;
+    display: flex;
+    gap: var(--m-space-2);
+}
+
+.m-tabs__scroller {
+    flex: 1;
+    min-width: 0;
+}
+
+.m-tabs__list {
+    border-bottom: var(--m-border-width) solid var(--m-color-border);
+    display: flex;
+    gap: var(--m-space-2);
+    min-width: max-content;
+    width: max-content;
+}
+
+.m-tabs--card .m-tabs__list {
+    border-bottom: 0;
+    gap: var(--m-space-1);
+}
+
+.m-tabs__item {
+    align-items: center;
+    display: inline-flex;
+    position: relative;
+}
+
+.m-tabs__tab {
+    --m-tabs-indicator-width: 2px;
+    background: transparent;
+    border: 0;
+    border-bottom: var(--m-tabs-indicator-width) solid transparent;
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    font-family: var(--m-font-sans);
+    padding: var(--m-space-3) var(--m-space-2);
+    transition:
+        color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        background-color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
+    color: var(--m-color-primary);
+}
+
+.m-tabs__tab--active {
+    border-color: var(--m-color-primary);
+    color: var(--m-color-primary);
+    font-weight: 600;
+}
+
+.m-tabs--card .m-tabs__tab {
+    background: color-mix(in srgb, var(--m-color-border) 35%, var(--m-color-surface));
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-bottom: 0;
+    border-radius: var(--m-radius-sm) var(--m-radius-sm) 0 0;
+}
+
+.m-tabs--card .m-tabs__tab--active {
+    background: var(--m-color-surface);
+    border-color: var(--m-color-border);
+    color: var(--m-color-primary);
+}
+
+.m-tabs--card .m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
+    background: color-mix(in srgb, var(--m-color-primary) 8%, var(--m-color-surface));
+}
+
+.m-tabs__tab:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-tabs__tab:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-tabs__close,
+.m-tabs__add,
+.m-tabs__scroll {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    font: inherit;
+    line-height: 1;
+    padding: var(--m-space-1) var(--m-space-2);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-tabs__close:hover:not(:disabled),
+.m-tabs__add:hover:not(:disabled),
+.m-tabs__scroll:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
+    color: var(--m-color-primary);
+}
+
+.m-tabs__close:disabled,
+.m-tabs__add:disabled,
+.m-tabs__scroll:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-tabs__close:focus-visible,
+.m-tabs__add:focus-visible,
+.m-tabs__scroll:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-tabs__extra {
+    margin-left: auto;
+}
+
+.m-tabs__panel {
+    padding-top: var(--m-space-4);
+}

package/dist/components/Terminal/styles.css

@@ -1,74 +1,74 @@
-/* —— Data: Terminal —— */
-.m-terminal {
-    --m-terminal-bg: var(--m-color-contrast);
-    --m-terminal-fg: var(--m-color-contrast-fg);
-    --m-terminal-prompt: var(--m-color-success);
-    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 12%, transparent);
-    --m-terminal-min-height: 12rem;
-    background: var(--m-terminal-bg);
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-radius: var(--m-radius-md);
-    color: var(--m-terminal-fg);
-    display: flex;
-    flex-direction: column;
-    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-    min-height: var(--m-terminal-min-height);
-    overflow: hidden;
-}
-
-.m-terminal__body {
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow: hidden;
-}
-
-.m-terminal__body.m-terminal__scrollbar > .m-scrollbar__wrap {
-    padding: var(--m-space-3);
-}
-
-.m-terminal__welcome,
-.m-terminal__line {
-    line-height: 1.5;
-    margin-bottom: var(--m-space-1);
-}
-
-.m-terminal__response {
-    color: color-mix(in srgb, var(--m-terminal-fg) 85%, transparent);
-    line-height: 1.5;
-    margin-bottom: var(--m-space-2);
-    white-space: pre-wrap;
-}
-
-.m-terminal__form {
-    align-items: center;
-    border-top: var(--m-border-width) solid var(--m-terminal-border);
-    display: flex;
-    gap: var(--m-space-2);
-    padding: var(--m-space-2) var(--m-space-3);
-}
-
-.m-terminal__prompt {
-    color: var(--m-terminal-prompt);
-}
-
-[data-theme="dark"] .m-terminal {
-    --m-terminal-bg: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
-    --m-terminal-fg: var(--m-color-text);
-    --m-terminal-prompt: var(--m-color-success);
-    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 14%, transparent);
-}
-
-.m-terminal__input {
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-sm);
-    color: inherit;
-    flex: 1;
-    font: inherit;
-    outline: none;
-}
-
-.m-terminal__input:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
+/* —— Data: Terminal —— */
+.m-terminal {
+    --m-terminal-bg: var(--m-color-contrast);
+    --m-terminal-fg: var(--m-color-contrast-fg);
+    --m-terminal-prompt: var(--m-color-success);
+    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 12%, transparent);
+    --m-terminal-min-height: 12rem;
+    background: var(--m-terminal-bg);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    color: var(--m-terminal-fg);
+    display: flex;
+    flex-direction: column;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    min-height: var(--m-terminal-min-height);
+    overflow: hidden;
+}
+
+.m-terminal__body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: hidden;
+}
+
+.m-terminal__body.m-terminal__scrollbar > .m-scrollbar__wrap {
+    padding: var(--m-space-3);
+}
+
+.m-terminal__welcome,
+.m-terminal__line {
+    line-height: 1.5;
+    margin-bottom: var(--m-space-1);
+}
+
+.m-terminal__response {
+    color: color-mix(in srgb, var(--m-terminal-fg) 85%, transparent);
+    line-height: 1.5;
+    margin-bottom: var(--m-space-2);
+    white-space: pre-wrap;
+}
+
+.m-terminal__form {
+    align-items: center;
+    border-top: var(--m-border-width) solid var(--m-terminal-border);
+    display: flex;
+    gap: var(--m-space-2);
+    padding: var(--m-space-2) var(--m-space-3);
+}
+
+.m-terminal__prompt {
+    color: var(--m-terminal-prompt);
+}
+
+[data-theme="dark"] .m-terminal {
+    --m-terminal-bg: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
+    --m-terminal-fg: var(--m-color-text);
+    --m-terminal-prompt: var(--m-color-success);
+    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 14%, transparent);
+}
+
+.m-terminal__input {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: inherit;
+    flex: 1;
+    font: inherit;
+    outline: none;
+}
+
+.m-terminal__input:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}