@nattstack/ui 0.0.107 → 0.1.0

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;
-  }
-}

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

@@ -1,11 +0,0 @@
-import './icon-button.css';
-//#region src/components/icon-button/icon-button.module.css
-var icon_button_module_default = {
-	"size_32": "icon-button-module_size_32_gxECxa",
-	"size_36": "icon-button-module_size_36_gxECxa",
-	"size_40": "icon-button-module_size_40_gxECxa",
-	"size_44": "icon-button-module_size_44_gxECxa",
-	"size_48": "icon-button-module_size_48_gxECxa"
-};
-//#endregion
-export { icon_button_module_default as default };

package/dist/components/input/input.css

@@ -1,83 +0,0 @@
-@layer components {
-  .input-module_base_o34hyq {
-    appearance: none;
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: inset 0 0 0 1px var(--color-border);
-    color: var(--color-text-primary);
-    cursor: text;
-    outline-offset: -2px;
-    border-style: none;
-    outline: 2px solid #0000;
-    width: 100%;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 1.5;
-    text-decoration: none;
-    transition-property: box-shadow, opacity;
-    transition-duration: .15s;
-  }
-
-  .input-module_base_o34hyq::placeholder {
-    color: var(--color-gray-9);
-    user-select: none;
-  }
-
-  .input-module_base_o34hyq:disabled {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .input-module_base_o34hyq:enabled:active, .input-module_base_o34hyq:enabled:focus, .input-module_base_o34hyq:enabled:hover, .input-module_base_o34hyq:enabled[data-is-active="true"] {
-    box-shadow: inset 0 0 0 1px var(--color-gray-6);
-  }
-
-  .input-module_base_o34hyq[data-is-valid="true"] {
-    outline-color: #30a46c;
-  }
-
-  .input-module_base_o34hyq[data-is-invalid="true"] {
-    outline-color: #e5484d;
-  }
-
-  .input-module_base_o34hyq:focus-visible {
-    outline-color: var(--color-outline);
-  }
-
-  .input-module_rounded_base_o34hyq {
-    border-radius: 12px;
-  }
-
-  .input-module_base_o34hyq.input-module_rounded_full_o34hyq {
-    border-radius: 9999px;
-  }
-
-  .input-module_size_32_o34hyq {
-    border-radius: 8px;
-    min-height: 32px;
-    padding: 0 8px;
-  }
-
-  .input-module_size_36_o34hyq {
-    border-radius: 9px;
-    min-height: 36px;
-    padding: 0 10px;
-  }
-
-  .input-module_size_40_o34hyq {
-    border-radius: 10px;
-    min-height: 40px;
-    padding: 0 12px;
-  }
-
-  .input-module_size_44_o34hyq {
-    border-radius: 11px;
-    min-height: 44px;
-    padding: 0 14px;
-  }
-
-  .input-module_size_48_o34hyq {
-    border-radius: 12px;
-    min-height: 48px;
-    padding: 0 16px;
-  }
-}

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

@@ -1,14 +0,0 @@
-import './input.css';
-//#region src/components/input/input.module.css
-var input_module_default = {
-	"base": "input-module_base_o34hyq",
-	"rounded_base": "input-module_rounded_base_o34hyq",
-	"rounded_full": "input-module_rounded_full_o34hyq",
-	"size_32": "input-module_size_32_o34hyq",
-	"size_36": "input-module_size_36_o34hyq",
-	"size_40": "input-module_size_40_o34hyq",
-	"size_44": "input-module_size_44_o34hyq",
-	"size_48": "input-module_size_48_o34hyq"
-};
-//#endregion
-export { input_module_default as default };

package/dist/components/label/label.css

@@ -1,8 +0,0 @@
-@layer components {
-  .label-module_base_iQZ4sG {
-    color: var(--color-text-secondary);
-    width: fit-content;
-    font-size: 13px;
-    font-weight: 450;
-  }
-}

package/dist/components/label/label.module.js

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

package/dist/components/menu/menu-content.css

@@ -1,7 +0,0 @@
-@layer components {
-  .menu-content-module_base_Dr2KgW {
-    max-width: min(var(--available-width), 320px);
-    width: max-content;
-    min-width: 180px;
-  }
-}

package/dist/components/menu/menu-content.module.js

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

package/dist/components/menu/menu-item.css

@@ -1,7 +0,0 @@
-@layer components {
-  .menu-item-module_base_6F7Ula {
-    color: var(--color-text-primary);
-    font-size: 14px;
-    font-weight: 450;
-  }
-}

package/dist/components/menu/menu-item.module.js

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

package/dist/components/menu/menu-submenu-trigger.css

@@ -1,16 +0,0 @@
-@layer components {
-  .menu-submenu-trigger-module_base_XujWGq[data-popup-open] {
-    background-color: var(--color-gray-3);
-  }
-
-  .menu-submenu-trigger-module_icon_XujWGq {
-    color: var(--color-text-secondary);
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    margin-left: auto;
-    display: flex;
-  }
-}

package/dist/components/menu/menu-submenu-trigger.module.js

@@ -1,8 +0,0 @@
-import './menu-submenu-trigger.css';
-//#region src/components/menu/menu-submenu-trigger.module.css
-var menu_submenu_trigger_module_default = {
-	"base": "menu-submenu-trigger-module_base_XujWGq",
-	"icon": "menu-submenu-trigger-module_icon_XujWGq"
-};
-//#endregion
-export { menu_submenu_trigger_module_default as default };

package/dist/components/otp-field/otp-field-input.css

@@ -1,32 +0,0 @@
-@layer components {
-  .otp-field-input-module_base_7VaNVa {
-    background-color: var(--color-gray-3);
-    box-shadow: inset 0 0 0 1px var(--color-border);
-    color: var(--color-text-primary);
-    outline-color: var(--color-outline);
-    outline-offset: -2px;
-    text-align: center;
-    border-radius: 14px;
-    outline-width: 0;
-    outline-style: solid;
-    width: 40px;
-    height: 48px;
-    font-size: 14px;
-    font-weight: 450;
-    transition-property: box-shadow;
-    transition-duration: .15s;
-  }
-
-  .otp-field-input-module_base_7VaNVa:enabled:hover {
-    box-shadow: inset 0 0 0 1px var(--color-gray-6);
-  }
-
-  .otp-field-input-module_base_7VaNVa:disabled {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .otp-field-input-module_base_7VaNVa:focus-visible {
-    outline-width: 2px;
-  }
-}

package/dist/components/otp-field/otp-field-input.module.js

@@ -1,5 +0,0 @@
-import './otp-field-input.css';
-//#region src/components/otp-field/otp-field-input.module.css
-var otp_field_input_module_default = { "base": "otp-field-input-module_base_7VaNVa" };
-//#endregion
-export { otp_field_input_module_default as default };

package/dist/components/otp-field/otp-field.css

@@ -1,13 +0,0 @@
-@layer components {
-  .otp-field-module_base_6ylpka {
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 8px;
-    width: fit-content;
-    display: flex;
-  }
-
-  .otp-field-module_masked_6ylpka > input {
-    font-family: var(--font-code);
-  }
-}

package/dist/components/otp-field/otp-field.module.js

@@ -1,8 +0,0 @@
-import './otp-field.css';
-//#region src/components/otp-field/otp-field.module.css
-var otp_field_module_default = {
-	"base": "otp-field-module_base_6ylpka",
-	"masked": "otp-field-module_masked_6ylpka"
-};
-//#endregion
-export { otp_field_module_default as default };

package/dist/components/picker/picker-group.css

@@ -1,14 +0,0 @@
-@layer components {
-  .picker-group-module_base_7MpjwG {
-    flex-direction: column;
-    row-gap: 2px;
-    display: flex;
-  }
-
-  .picker-group-module_label_7MpjwG {
-    color: var(--color-text-secondary);
-    padding: 6px 12px 4px;
-    font-size: 12px;
-    font-weight: 450;
-  }
-}

package/dist/components/picker/picker-group.module.js

@@ -1,8 +0,0 @@
-import './picker-group.css';
-//#region src/components/picker/picker-group.module.css
-var picker_group_module_default = {
-	"base": "picker-group-module_base_7MpjwG",
-	"label": "picker-group-module_label_7MpjwG"
-};
-//#endregion
-export { picker_group_module_default as default };

package/dist/components/picker/picker-item.css

@@ -1,43 +0,0 @@
-@layer components {
-  .picker-item-module_base__oYUvq {
-    cursor: pointer;
-    user-select: none;
-    border-radius: 8px;
-    outline: none;
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    height: 36px;
-    padding: 0 12px;
-    display: flex;
-  }
-
-  .picker-item-module_base__oYUvq[data-disabled] {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .picker-item-module_base__oYUvq[data-highlighted]:not([data-disabled]), .picker-item-module_base__oYUvq[data-highlighted][data-disabled]:not(:hover) {
-    background-color: var(--color-gray-3);
-  }
-
-  .picker-item-module_label__oYUvq {
-    color: var(--color-text-primary);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 14px;
-    font-weight: 450;
-    overflow-x: hidden;
-  }
-
-  .picker-item-module_indicator__oYUvq {
-    color: var(--color-primary-9);
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    margin-left: auto;
-    display: flex;
-  }
-}

package/dist/components/picker/picker-item.module.js

@@ -1,9 +0,0 @@
-import './picker-item.css';
-//#region src/components/picker/picker-item.module.css
-var picker_item_module_default = {
-	"base": "picker-item-module_base__oYUvq",
-	"indicator": "picker-item-module_indicator__oYUvq",
-	"label": "picker-item-module_label__oYUvq"
-};
-//#endregion
-export { picker_item_module_default as default };

package/dist/components/picker/picker-list.css

@@ -1,15 +0,0 @@
-@layer components {
-  .picker-list-module_base_DdtSga {
-    overscroll-behavior: contain;
-    flex-direction: column;
-    row-gap: 2px;
-    padding: 4px;
-    scroll-padding: 4px;
-    display: flex;
-    overflow-y: auto;
-  }
-
-  .picker-list-module_base_DdtSga[data-empty] {
-    display: none;
-  }
-}

package/dist/components/picker/picker-list.module.js

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