@nattstack/ui 0.0.107 → 0.1.1

package/dist/components/button/button.css

@@ -1,157 +0,0 @@
-@layer components {
-  .button-module_base_4nLWdW {
-    cursor: pointer;
-    outline-offset: 2px;
-    user-select: none;
-    outline: 2px solid #0000;
-    justify-content: center;
-    align-items: center;
-    column-gap: 8px;
-    font-size: 14px;
-    font-weight: 450;
-    transition-property: background-color, box-shadow, translate;
-    transition-duration: .15s;
-    display: inline-flex;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .button-module_base_4nLWdW:active:not(:disabled) {
-    translate: 0 1px;
-  }
-
-  .button-module_base_4nLWdW:focus-visible {
-    outline-color: var(--color-outline);
-  }
-
-  .button-module_disabled_4nLWdW, .button-module_loading_4nLWdW {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .button-module_loading_4nLWdW > :not([data-slot="button-spinner"]) {
-    color: #0000;
-    text-shadow: none;
-  }
-
-  .button-module_rounded_base_4nLWdW.button-module_size_32_4nLWdW {
-    border-radius: 8px;
-    padding: 0 12px;
-  }
-
-  .button-module_rounded_base_4nLWdW.button-module_size_36_4nLWdW {
-    border-radius: 9px;
-    padding: 0 14px;
-  }
-
-  .button-module_rounded_base_4nLWdW.button-module_size_40_4nLWdW {
-    border-radius: 10px;
-    padding: 0 16px;
-  }
-
-  .button-module_rounded_base_4nLWdW.button-module_size_44_4nLWdW {
-    border-radius: 11px;
-    padding: 0 18px;
-  }
-
-  .button-module_rounded_base_4nLWdW.button-module_size_48_4nLWdW {
-    border-radius: 12px;
-    padding: 0 20px;
-  }
-
-  .button-module_rounded_full_4nLWdW.button-module_size_32_4nLWdW {
-    border-radius: 16px;
-    padding: 0 12px;
-  }
-
-  .button-module_rounded_full_4nLWdW.button-module_size_36_4nLWdW {
-    border-radius: 18px;
-    padding: 0 17px;
-  }
-
-  .button-module_rounded_full_4nLWdW.button-module_size_40_4nLWdW {
-    border-radius: 20px;
-    padding: 0 20px;
-  }
-
-  .button-module_rounded_full_4nLWdW.button-module_size_44_4nLWdW {
-    border-radius: 22px;
-    padding: 0 23px;
-  }
-
-  .button-module_rounded_full_4nLWdW.button-module_size_48_4nLWdW {
-    border-radius: 24px;
-    padding: 0 28px;
-  }
-
-  .button-module_size_32_4nLWdW {
-    height: 32px;
-  }
-
-  .button-module_size_36_4nLWdW {
-    height: 36px;
-  }
-
-  .button-module_size_40_4nLWdW {
-    height: 40px;
-  }
-
-  .button-module_size_44_4nLWdW {
-    height: 44px;
-  }
-
-  .button-module_size_48_4nLWdW {
-    height: 48px;
-  }
-
-  .button-module_variant_ghost_4nLWdW {
-    color: #000;
-    background-color: #0000;
-  }
-
-  .button-module_variant_ghost_4nLWdW:hover:not(:disabled) {
-    background-color: var(--color-gray-4);
-  }
-
-  .dark .button-module_variant_ghost_4nLWdW {
-    color: #fff;
-  }
-
-  .button-module_variant_primary_4nLWdW {
-    --color: #fff;
-    background-color: var(--color-gray-12);
-    color: var(--color);
-  }
-
-  .button-module_variant_primary_4nLWdW:hover:not(:disabled) {
-    background-color: color-mix(in oklab, var(--color-gray-12) 100%, var(--color) 25%);
-  }
-
-  .dark .button-module_variant_primary_4nLWdW {
-    --color: #000;
-  }
-
-  .button-module_variant_secondary_4nLWdW {
-    --color-text: #000;
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: inset 0 0 0 1px var(--color-border);
-    color: var(--color-text);
-  }
-
-  .dark .button-module_variant_secondary_4nLWdW {
-    --color-text: #fff;
-  }
-
-  .button-module_variant_secondary_4nLWdW:hover:not(:disabled) {
-    background-color: var(--color-gray-4);
-    box-shadow: none;
-  }
-
-  .button-module_width_base_4nLWdW {
-    width: fit-content;
-  }
-
-  .button-module_width_full_4nLWdW {
-    width: stretch;
-  }
-}

package/dist/components/button/button.module.js

@@ -1,21 +0,0 @@
-import './button.css';
-//#region src/components/button/button.module.css
-var button_module_default = {
-	"base": "button-module_base_4nLWdW",
-	"disabled": "button-module_disabled_4nLWdW",
-	"loading": "button-module_loading_4nLWdW",
-	"rounded_base": "button-module_rounded_base_4nLWdW",
-	"rounded_full": "button-module_rounded_full_4nLWdW",
-	"size_32": "button-module_size_32_4nLWdW",
-	"size_36": "button-module_size_36_4nLWdW",
-	"size_40": "button-module_size_40_4nLWdW",
-	"size_44": "button-module_size_44_4nLWdW",
-	"size_48": "button-module_size_48_4nLWdW",
-	"variant_ghost": "button-module_variant_ghost_4nLWdW",
-	"variant_primary": "button-module_variant_primary_4nLWdW",
-	"variant_secondary": "button-module_variant_secondary_4nLWdW",
-	"width_base": "button-module_width_base_4nLWdW",
-	"width_full": "button-module_width_full_4nLWdW"
-};
-//#endregion
-export { button_module_default as default };

package/dist/components/checkbox/checkbox.css

@@ -1,55 +0,0 @@
-@layer components {
-  .checkbox-module_base_tQ0i7W {
-    --size: 16px;
-    background-color: var(--color-bg-shell-inner);
-    border: 1px solid var(--color-border);
-    cursor: pointer;
-    height: var(--size);
-    outline-color: var(--color-primary);
-    outline-offset: 2px;
-    width: var(--size);
-    border-radius: 4px;
-    outline-width: 0;
-    outline-style: solid;
-    justify-content: center;
-    align-items: center;
-    transition-property: background-color, border-color;
-    transition-duration: .15s;
-    display: flex;
-  }
-
-  .checkbox-module_base_tQ0i7W:focus-visible {
-    outline-width: 2px;
-  }
-
-  .checkbox-module_base_tQ0i7W:hover {
-    background-color: var(--color-gray-3);
-    border-color: var(--color-gray-6);
-  }
-
-  .checkbox-module_base_tQ0i7W[data-checked] {
-    background-color: var(--color-primary);
-    border-color: #0000;
-  }
-
-  .checkbox-module_indicator_tQ0i7W {
-    opacity: 0;
-    transition-property: opacity;
-    transition-duration: .15s;
-  }
-
-  .checkbox-module_indicator_tQ0i7W[data-checked] {
-    opacity: 1;
-  }
-
-  .checkbox-module_icon_tQ0i7W {
-    --size: 12px;
-    height: var(--size);
-    width: var(--size);
-
-    & > path {
-      stroke-width: 3px;
-      stroke: #fff;
-    }
-  }
-}

package/dist/components/checkbox/checkbox.module.js

@@ -1,9 +0,0 @@
-import './checkbox.css';
-//#region src/components/checkbox/checkbox.module.css
-var checkbox_module_default = {
-	"base": "checkbox-module_base_tQ0i7W",
-	"icon": "checkbox-module_icon_tQ0i7W",
-	"indicator": "checkbox-module_indicator_tQ0i7W"
-};
-//#endregion
-export { checkbox_module_default as default };

package/dist/components/column/column.css

@@ -1,6 +0,0 @@
-@layer components {
-  .column-module_base_CgFaGG {
-    flex-direction: column;
-    display: flex;
-  }
-}

package/dist/components/column/column.module.js

@@ -1,5 +0,0 @@
-import './column.css';
-//#region src/components/column/column.module.css
-var column_module_default = { "base": "column-module_base_CgFaGG" };
-//#endregion
-export { column_module_default as default };

package/dist/components/combobox/combobox-empty.css

@@ -1,9 +0,0 @@
-@layer components {
-  .combobox-empty-module_base_i-Uoxq:not(:empty) {
-    color: var(--color-text-secondary);
-    text-align: center;
-    padding: 8px 12px;
-    font-size: 14px;
-    font-weight: 450;
-  }
-}

package/dist/components/combobox/combobox-empty.module.js

@@ -1,5 +0,0 @@
-import './combobox-empty.css';
-//#region src/components/combobox/combobox-empty.module.css
-var combobox_empty_module_default = { "base": "combobox-empty-module_base_i-Uoxq" };
-//#endregion
-export { combobox_empty_module_default as default };

package/dist/components/combobox/combobox-input.css

@@ -1,121 +0,0 @@
-@layer components {
-  .combobox-input-module_base_eAQxaq {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: inset 0 0 0 1px var(--color-border);
-    cursor: text;
-    outline-offset: 2px;
-    outline: 2px solid #0000;
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    width: stretch;
-    padding: 0 16px;
-    transition-property: background-color, box-shadow;
-    transition-duration: .15s;
-    display: inline-flex;
-    overflow: hidden;
-  }
-
-  .combobox-input-module_base_eAQxaq[data-disabled], .combobox-input-module_base_eAQxaq:has(.combobox-input-module_input_eAQxaq:disabled) {
-    cursor: not-allowed;
-    opacity: .5;
-    background-color: var(--color-gray-3);
-  }
-
-  .combobox-input-module_base_eAQxaq:focus-within {
-    outline-color: var(--color-primary);
-  }
-
-  .combobox-input-module_base_eAQxaq:hover:not([data-disabled], :has(.combobox-input-module_input_eAQxaq:disabled)) {
-    box-shadow: inset 0 0 0 1px var(--color-gray-6);
-  }
-
-  .combobox-input-module_base_eAQxaq[data-popup-open] {
-    background-color: var(--color-gray-3);
-  }
-
-  .combobox-input-module_size_32_eAQxaq {
-    border-radius: 8px;
-    height: 32px;
-  }
-
-  .combobox-input-module_size_36_eAQxaq {
-    border-radius: 9px;
-    height: 36px;
-  }
-
-  .combobox-input-module_size_40_eAQxaq {
-    border-radius: 10px;
-    height: 40px;
-  }
-
-  .combobox-input-module_size_44_eAQxaq {
-    border-radius: 11px;
-    height: 44px;
-  }
-
-  .combobox-input-module_size_48_eAQxaq {
-    border-radius: 12px;
-    height: 48px;
-  }
-
-  .combobox-input-module_rounded_full_eAQxaq {
-    border-radius: 9999px;
-  }
-
-  .combobox-input-module_input_eAQxaq {
-    appearance: none;
-    color: var(--color-text-primary);
-    background-color: #0000;
-    border-style: none;
-    outline: none;
-    flex: 1;
-    min-width: 0;
-    height: 100%;
-    padding: 0;
-    font-size: 14px;
-    font-weight: 450;
-  }
-
-  .combobox-input-module_input_eAQxaq::placeholder {
-    color: var(--color-gray-9);
-    user-select: none;
-  }
-
-  .combobox-input-module_input_eAQxaq:disabled {
-    cursor: not-allowed;
-  }
-
-  .combobox-input-module_trigger_eAQxaq {
-    color: inherit;
-    cursor: pointer;
-    background-color: #0000;
-    border-style: none;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 100%;
-    margin-left: auto;
-    padding: 0;
-    display: flex;
-  }
-
-  .combobox-input-module_trigger_eAQxaq:disabled {
-    cursor: not-allowed;
-  }
-
-  .combobox-input-module_icon_eAQxaq {
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    transition-property: rotate;
-    transition-duration: .15s;
-    display: flex;
-  }
-
-  .combobox-input-module_base_eAQxaq[data-popup-open] .combobox-input-module_icon_eAQxaq {
-    rotate: 180deg;
-  }
-}

package/dist/components/combobox/combobox-input.module.js

@@ -1,16 +0,0 @@
-import './combobox-input.css';
-//#region src/components/combobox/combobox-input.module.css
-var combobox_input_module_default = {
-	"base": "combobox-input-module_base_eAQxaq",
-	"icon": "combobox-input-module_icon_eAQxaq",
-	"input": "combobox-input-module_input_eAQxaq",
-	"rounded_full": "combobox-input-module_rounded_full_eAQxaq",
-	"size_32": "combobox-input-module_size_32_eAQxaq",
-	"size_36": "combobox-input-module_size_36_eAQxaq",
-	"size_40": "combobox-input-module_size_40_eAQxaq",
-	"size_44": "combobox-input-module_size_44_eAQxaq",
-	"size_48": "combobox-input-module_size_48_eAQxaq",
-	"trigger": "combobox-input-module_trigger_eAQxaq"
-};
-//#endregion
-export { combobox_input_module_default as default };

package/dist/components/combobox/combobox-search.css

@@ -1,44 +0,0 @@
-@layer components {
-  .combobox-search-module_base_6egFqa {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: inset 0 -1px 0 var(--color-border);
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    height: 40px;
-    padding: 0 16px;
-    display: flex;
-  }
-
-  .combobox-search-module_icon_6egFqa {
-    color: var(--color-gray-9);
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .combobox-search-module_input_6egFqa {
-    appearance: none;
-    color: var(--color-text-primary);
-    background-color: #0000;
-    border-style: none;
-    outline: none;
-    flex: 1;
-    min-width: 0;
-    height: 100%;
-    padding: 0;
-    font-size: 14px;
-    font-weight: 400;
-  }
-
-  .combobox-search-module_input_6egFqa::placeholder {
-    color: var(--color-gray-9);
-    user-select: none;
-  }
-
-  .combobox-search-module_input_6egFqa:disabled {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-}

package/dist/components/combobox/combobox-search.module.js

@@ -1,9 +0,0 @@
-import './combobox-search.css';
-//#region src/components/combobox/combobox-search.module.css
-var combobox_search_module_default = {
-	"base": "combobox-search-module_base_6egFqa",
-	"icon": "combobox-search-module_icon_6egFqa",
-	"input": "combobox-search-module_input_6egFqa"
-};
-//#endregion
-export { combobox_search_module_default as default };

package/dist/components/combobox/combobox-value.css

@@ -1,14 +0,0 @@
-@layer components {
-  .combobox-value-module_base_kG6VyG {
-    color: var(--color-text-primary);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 14px;
-    font-weight: 450;
-    overflow-x: hidden;
-  }
-
-  [data-placeholder] .combobox-value-module_base_kG6VyG {
-    color: var(--color-gray-9);
-  }
-}

package/dist/components/combobox/combobox-value.module.js

@@ -1,5 +0,0 @@
-import './combobox-value.css';
-//#region src/components/combobox/combobox-value.module.css
-var combobox_value_module_default = { "base": "combobox-value-module_base_kG6VyG" };
-//#endregion
-export { combobox_value_module_default as default };

package/dist/components/dialog-responsive/dialog-responsive-backdrop.css

@@ -1,28 +0,0 @@
-@layer components {
-  .dialog-responsive-backdrop-module_base_-X7FOq {
-    --backdrop-opacity: .25;
-    opacity: calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));
-    outline-color: var(--color-primary-9);
-    background-color: #000;
-    transition-property: opacity;
-    transition-duration: .15s;
-    position: fixed;
-    inset: 0;
-  }
-
-  .dialog-responsive-backdrop-module_base_-X7FOq[data-ending-style], .dialog-responsive-backdrop-module_base_-X7FOq[data-starting-style] {
-    opacity: 0;
-  }
-
-  .dialog-responsive-backdrop-module_base_-X7FOq[data-ending-style] {
-    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
-  }
-
-  .dialog-responsive-backdrop-module_base_-X7FOq[data-swiping] {
-    transition-duration: 0s;
-  }
-
-  .dark .dialog-responsive-backdrop-module_base_-X7FOq {
-    --backdrop-opacity: .75;
-  }
-}

package/dist/components/dialog-responsive/dialog-responsive-backdrop.module.js

@@ -1,5 +0,0 @@
-import './dialog-responsive-backdrop.css';
-//#region src/components/dialog-responsive/dialog-responsive-backdrop.module.css
-var dialog_responsive_backdrop_module_default = { "base": "dialog-responsive-backdrop-module_base_-X7FOq" };
-//#endregion
-export { dialog_responsive_backdrop_module_default as default };

package/dist/components/dialog-responsive/dialog-responsive-bar.css

@@ -1,16 +0,0 @@
-@layer components {
-  .dialog-responsive-bar-module_base_iUwUCq {
-    background-color: var(--color-gray-4);
-    border-radius: 9999px;
-    width: 48px;
-    height: 4px;
-    margin: 12px auto;
-    display: none;
-  }
-
-  @media (width <= 640px) {
-    .dialog-responsive-bar-module_base_iUwUCq {
-      display: block;
-    }
-  }
-}

package/dist/components/dialog-responsive/dialog-responsive-bar.module.js

@@ -1,5 +0,0 @@
-import './dialog-responsive-bar.css';
-//#region src/components/dialog-responsive/dialog-responsive-bar.module.css
-var dialog_responsive_bar_module_default = { "base": "dialog-responsive-bar-module_base_iUwUCq" };
-//#endregion
-export { dialog_responsive_bar_module_default as default };

package/dist/components/dialog-responsive/dialog-responsive-popup.css

@@ -1,56 +0,0 @@
-@layer components {
-  .dialog-responsive-popup-module_base_cgfWTq {
-    background-color: var(--color-gray-1);
-    cursor: auto;
-    outline-color: var(--color-primary-9);
-    outline-offset: -4px;
-    will-change: opacity, transform;
-    border-radius: 16px;
-    outline-width: 0;
-    outline-style: solid;
-    flex-direction: column;
-    width: 100%;
-    max-width: 640px;
-    padding: 16px;
-    transition-property: opacity, transform;
-    transition-duration: .15s;
-    display: flex;
-  }
-
-  .dialog-responsive-popup-module_base_cgfWTq:focus-visible {
-    outline-width: 2px;
-  }
-
-  .dialog-responsive-popup-module_base_cgfWTq[data-ending-style], .dialog-responsive-popup-module_base_cgfWTq[data-starting-style] {
-    opacity: 0;
-    transform: scale(.975);
-  }
-
-  .dialog-responsive-popup-module_base_cgfWTq[data-swiping] {
-    user-select: none;
-  }
-
-  @media (width <= 640px) {
-    .dialog-responsive-popup-module_base_cgfWTq {
-      --radius-mobile: 24px;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-      border-top-left-radius: var(--radius-mobile);
-      border-top-right-radius: var(--radius-mobile);
-      transform: translateY(var(--drawer-swipe-movement-y));
-      padding-top: 0;
-      transition-property: transform;
-      transition-duration: .45s;
-      transition-timing-function: cubic-bezier(.32, .72, 0, 1);
-    }
-
-    .dialog-responsive-popup-module_base_cgfWTq[data-ending-style], .dialog-responsive-popup-module_base_cgfWTq[data-starting-style] {
-      opacity: 1;
-      transform: scale(1) translateY(100%);
-    }
-
-    .dialog-responsive-popup-module_base_cgfWTq[data-ending-style] {
-      transition-duration: calc(var(--drawer-swipe-strength) * .3s);
-    }
-  }
-}

package/dist/components/dialog-responsive/dialog-responsive-popup.module.js

@@ -1,5 +0,0 @@
-import './dialog-responsive-popup.css';
-//#region src/components/dialog-responsive/dialog-responsive-popup.module.css
-var dialog_responsive_popup_module_default = { "base": "dialog-responsive-popup-module_base_cgfWTq" };
-//#endregion
-export { dialog_responsive_popup_module_default as default };

package/dist/components/dialog-responsive/dialog-responsive-portal.css

@@ -1,7 +0,0 @@
-@layer components {
-  .dialog-responsive-portal-module_base_keH0Tq {
-    isolation: isolate;
-    z-index: 30;
-    position: relative;
-  }
-}

package/dist/components/dialog-responsive/dialog-responsive-portal.module.js

@@ -1,5 +0,0 @@
-import './dialog-responsive-portal.css';
-//#region src/components/dialog-responsive/dialog-responsive-portal.module.css
-var dialog_responsive_portal_module_default = { "base": "dialog-responsive-portal-module_base_keH0Tq" };
-//#endregion
-export { dialog_responsive_portal_module_default as default };

package/dist/components/dialog-responsive/dialog-responsive-viewport.css

@@ -1,18 +0,0 @@
-@layer components {
-  .dialog-responsive-viewport-module_base_b5ZINa {
-    cursor: pointer;
-    justify-content: safe center;
-    align-items: safe center;
-    padding: 24px;
-    display: flex;
-    position: fixed;
-    inset: 0;
-  }
-
-  @media (width <= 640px) {
-    .dialog-responsive-viewport-module_base_b5ZINa {
-      align-items: safe flex-end;
-      padding: 48px 0 0;
-    }
-  }
-}

package/dist/components/dialog-responsive/dialog-responsive-viewport.module.js

@@ -1,5 +0,0 @@
-import './dialog-responsive-viewport.css';
-//#region src/components/dialog-responsive/dialog-responsive-viewport.module.css
-var dialog_responsive_viewport_module_default = { "base": "dialog-responsive-viewport-module_base_b5ZINa" };
-//#endregion
-export { dialog_responsive_viewport_module_default as default };

package/dist/components/icon-button/icon-button.css

@@ -1,21 +0,0 @@
-@layer components {
-  .icon-button-module_size_32_gxECxa {
-    width: 32px;
-  }
-
-  .icon-button-module_size_36_gxECxa {
-    width: 36px;
-  }
-
-  .icon-button-module_size_40_gxECxa {
-    width: 40px;
-  }
-
-  .icon-button-module_size_44_gxECxa {
-    width: 44px;
-  }
-
-  .icon-button-module_size_48_gxECxa {
-    width: 48px;
-  }
-}