kilya-ui 0.0.1 → 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.
- package/dist/kilya-ui.css +1 -1
- package/dist/kilya-ui.es.js +210 -232
- package/dist/kilya-ui.umd.js +2 -2
- package/package.json +6 -2
package/dist/kilya-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._button-white_hbhwm_1 path[fill],._button-reset_hbhwm_1 path[fill],._button-link_hbhwm_1 path[fill],._button-border_hbhwm_1 path[fill],._button-default_hbhwm_1 path[fill],._button-white_hbhwm_1 rect[fill],._button-reset_hbhwm_1 rect[fill],._button-link_hbhwm_1 rect[fill],._button-border_hbhwm_1 rect[fill],._button-default_hbhwm_1 rect[fill],._button-white_hbhwm_1 circle[fill],._button-reset_hbhwm_1 circle[fill],._button-link_hbhwm_1 circle[fill],._button-border_hbhwm_1 circle[fill],._button-default_hbhwm_1 circle[fill]{fill:currentColor;transition:.2s fill}._button-white_hbhwm_1 path[stroke],._button-reset_hbhwm_1 path[stroke],._button-link_hbhwm_1 path[stroke],._button-border_hbhwm_1 path[stroke],._button-default_hbhwm_1 path[stroke],._button-white_hbhwm_1 rect[stroke],._button-reset_hbhwm_1 rect[stroke],._button-link_hbhwm_1 rect[stroke],._button-border_hbhwm_1 rect[stroke],._button-default_hbhwm_1 rect[stroke],._button-white_hbhwm_1 circle[stroke],._button-reset_hbhwm_1 circle[stroke],._button-link_hbhwm_1 circle[stroke],._button-border_hbhwm_1 circle[stroke],._button-default_hbhwm_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._button-white_hbhwm_1 svg,._button-reset_hbhwm_1 svg,._button-link_hbhwm_1 svg,._button-border_hbhwm_1 svg,._button-default_hbhwm_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._button-white_hbhwm_1,._button-reset_hbhwm_1,._button-link_hbhwm_1,._button-border_hbhwm_1,._button-default_hbhwm_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._button-white_hbhwm_1:focus-visible,._button-reset_hbhwm_1:focus-visible,._button-link_hbhwm_1:focus-visible,._button-border_hbhwm_1:focus-visible,._button-default_hbhwm_1:focus-visible{outline:none}._button-white_hbhwm_1:disabled,._button-reset_hbhwm_1:disabled,._button-link_hbhwm_1:disabled,._button-border_hbhwm_1:disabled,._button-default_hbhwm_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._button-white_hbhwm_1,._button-border_hbhwm_1,._button-default_hbhwm_1{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}._button-white_hbhwm_1,._button-border_hbhwm_1,._button-default_hbhwm_1{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){._button-white_hbhwm_1:hover,._button-border_hbhwm_1:hover,._button-default_hbhwm_1:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){._button-white_hbhwm_1:active,._button-border_hbhwm_1:active,._button-default_hbhwm_1:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}._button-white_hbhwm_1:active,._button-border_hbhwm_1:active,._button-default_hbhwm_1:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}._button-default_hbhwm_1{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._button-border_hbhwm_1{--background-color: transparent;--color: var(--color-text, #000);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._button-link_hbhwm_1{--color: var(--color-link, #1677ff);--hover-color: var(--hover-color-link, #4096ff);--pressed-color: var(--pressed-color-link, #0958d9);color:var(--color);border:none;border-radius:0}@media(hover:hover){._button-link_hbhwm_1:hover{color:var(--hover-color)}}@media(hover:none){._button-link_hbhwm_1:active{color:var(--hover-color)}}._button-link_hbhwm_1:active{color:var(--pressed-color)}._button-white_hbhwm_1{--background-color: var(--bg-white, #fff);--color: var(--color-text, #000);--border-color: var(--bg-white, #fff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}._button-close_cfuu0_1 path[fill],._button-close_cfuu0_1 rect[fill],._button-close_cfuu0_1 circle[fill]{fill:currentColor;transition:.2s fill}._button-close_cfuu0_1 path[stroke],._button-close_cfuu0_1 rect[stroke],._button-close_cfuu0_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._button-close_cfuu0_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._button-close_cfuu0_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._button-close_cfuu0_1:focus-visible{outline:none}._button-close_cfuu0_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._button-close_cfuu0_1{--ava: 1.875rem;max-width:var(--ava);min-width:var(--ava);width:var(--ava);height:var(--ava);max-height:var(--ava);font-size:0;position:relative;border-radius:.25rem;color:var(--button-color-close)}@media(hover:hover){._button-close_cfuu0_1:hover{color:var(--button-hover-color-close)}}@media(hover:none){._button-close_cfuu0_1:active{color:var(--button-hover-color-close)}}._button-close_cfuu0_1:before{content:"";height:100dvh;position:fixed;left:50%;top:50%;translate:-50% -50%;width:100vw;z-index:-1}._button-close_cfuu0_1 path{stroke:currentColor;stroke-width:.125rem}._input-button_zw44s_1 path[fill],._input-submit_zw44s_1 path[fill],._input-reset_zw44s_1 path[fill],._input-button_zw44s_1 rect[fill],._input-submit_zw44s_1 rect[fill],._input-reset_zw44s_1 rect[fill],._input-button_zw44s_1 circle[fill],._input-submit_zw44s_1 circle[fill],._input-reset_zw44s_1 circle[fill]{fill:currentColor;transition:.2s fill}._input-button_zw44s_1 path[stroke],._input-submit_zw44s_1 path[stroke],._input-reset_zw44s_1 path[stroke],._input-button_zw44s_1 rect[stroke],._input-submit_zw44s_1 rect[stroke],._input-reset_zw44s_1 rect[stroke],._input-button_zw44s_1 circle[stroke],._input-submit_zw44s_1 circle[stroke],._input-reset_zw44s_1 circle[stroke]{stroke:currentColor;transition:.2s stroke}._input-button_zw44s_1 svg,._input-submit_zw44s_1 svg,._input-reset_zw44s_1 svg{max-width:100%;width:100%;height:100%;object-fit:contain}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}._input-button_zw44s_1:focus-visible,._input-submit_zw44s_1:focus-visible,._input-reset_zw44s_1:focus-visible{outline:none}._input-button_zw44s_1:disabled,._input-submit_zw44s_1:disabled,._input-reset_zw44s_1:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){._input-button_zw44s_1:hover,._input-submit_zw44s_1:hover,._input-reset_zw44s_1:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){._input-button_zw44s_1:active,._input-submit_zw44s_1:active,._input-reset_zw44s_1:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}._input-button_zw44s_1:active,._input-submit_zw44s_1:active,._input-reset_zw44s_1:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}._input-button_zw44s_1,._input-submit_zw44s_1,._input-reset_zw44s_1{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}:root{--bg-primary: #1677ff;--bg-default: #d9d9d9;--bg-white: #fff;--color-text: #000;--color-white: #fff;--color-link: #1677ff;--br-default: #d9d9d9;--hover-bg-primary: #4096ff;--hover-bg-default: #0000000f;--hover-color-link: #4096ff;--hover-br-default: #0000000f;--focused-bg-primary: #4096ff;--focused-bg-default: #0000000f;--focused-color-link: #4096ff;--focused-br-default: #0000000f;--pressed-bg-primary: #0958d9;--pressed-bg-default: #00000026;--pressed-color-link: #0958d9;--pressed-br-default: #00000026;--disabled-bg-primary: #ddd;--disabled-bg-default: #ddd;--disabled-bg-white: #ddd;--disabled-color-text: #818181;--disabled-color-white: #818181;--disabled-color-link: #818181;--disabled-br-default: #ddd;--button-br-small: .25rem;--button-font-family: monospace;--button-font-size: 1rem;--button-font-weight: 300;--button-color-close: #000;--button-hover-color-close: #ff0000}html{font-size:16px}._input-color_zw44s_140{width:50px;height:30px;padding:2px}._input-checkbox_zw44s_146,._input-radio_zw44s_146{margin-right:8px;transform:scale(1.2)}._input-date_zw44s_151,._input-datetime-local_zw44s_151,._input-month_zw44s_151,._input-time_zw44s_151,._input-week_zw44s_151{border:1px solid #ccc;padding:8px;font-family:inherit}._input-file_zw44s_157{padding:8px;border:1px dashed #ccc}._input-number_zw44s_162,._input-text_zw44s_169,._input-email_zw44s_169,._input-password_zw44s_169,._input-search_zw44s_169,._input-tel_zw44s_169,._input-url_zw44s_169{border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:14px}._input-image_zw44s_176{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}._input-hidden_zw44s_184{display:none}._input-range_zw44s_188{width:100%;height:6px}
|
|
1
|
+
.kilya-button-white path[fill],.kilya-button-reset path[fill],.kilya-button-link path[fill],.kilya-button-border path[fill],.kilya-button-default path[fill],.kilya-button-white rect[fill],.kilya-button-reset rect[fill],.kilya-button-link rect[fill],.kilya-button-border rect[fill],.kilya-button-default rect[fill],.kilya-button-white circle[fill],.kilya-button-reset circle[fill],.kilya-button-link circle[fill],.kilya-button-border circle[fill],.kilya-button-default circle[fill]{fill:currentColor;transition:.2s fill}.kilya-button-white path[stroke],.kilya-button-reset path[stroke],.kilya-button-link path[stroke],.kilya-button-border path[stroke],.kilya-button-default path[stroke],.kilya-button-white rect[stroke],.kilya-button-reset rect[stroke],.kilya-button-link rect[stroke],.kilya-button-border rect[stroke],.kilya-button-default rect[stroke],.kilya-button-white circle[stroke],.kilya-button-reset circle[stroke],.kilya-button-link circle[stroke],.kilya-button-border circle[stroke],.kilya-button-default circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-button-white svg,.kilya-button-reset svg,.kilya-button-link svg,.kilya-button-border svg,.kilya-button-default svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-button-white,.kilya-button-reset,.kilya-button-link,.kilya-button-border,.kilya-button-default{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-button-white:focus-visible,.kilya-button-reset:focus-visible,.kilya-button-link:focus-visible,.kilya-button-border:focus-visible,.kilya-button-default:focus-visible{outline:none}.kilya-button-white:disabled,.kilya-button-reset:disabled,.kilya-button-link:disabled,.kilya-button-border:disabled,.kilya-button-default:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-button-white,.kilya-button-border,.kilya-button-default{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}.kilya-button-white,.kilya-button-border,.kilya-button-default{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){.kilya-button-white:hover,.kilya-button-border:hover,.kilya-button-default:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){.kilya-button-white:active,.kilya-button-border:active,.kilya-button-default:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}.kilya-button-white:active,.kilya-button-border:active,.kilya-button-default:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}.kilya-button-default{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-border{--background-color: transparent;--color: var(--color-text, #000);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-link{--color: var(--color-link, #1677ff);--hover-color: var(--hover-color-link, #4096ff);--pressed-color: var(--pressed-color-link, #0958d9);color:var(--color);border:none;border-radius:0}@media(hover:hover){.kilya-button-link:hover{color:var(--hover-color)}}@media(hover:none){.kilya-button-link:active{color:var(--hover-color)}}.kilya-button-link:active{color:var(--pressed-color)}.kilya-button-white{--background-color: var(--bg-white, #fff);--color: var(--color-text, #000);--border-color: var(--bg-white, #fff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}.kilya-button-close path[fill],.kilya-button-close rect[fill],.kilya-button-close circle[fill]{fill:currentColor;transition:.2s fill}.kilya-button-close path[stroke],.kilya-button-close rect[stroke],.kilya-button-close circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-button-close svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-button-close{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-button-close:focus-visible{outline:none}.kilya-button-close:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-button-close{--ava: 1.875rem;max-width:var(--ava);min-width:var(--ava);width:var(--ava);height:var(--ava);max-height:var(--ava);font-size:0;position:relative;border-radius:.25rem;color:var(--button-color-close)}@media(hover:hover){.kilya-button-close:hover{color:var(--button-hover-color-close)}}@media(hover:none){.kilya-button-close:active{color:var(--button-hover-color-close)}}.kilya-button-close:before{content:"";height:100dvh;position:fixed;left:50%;top:50%;translate:-50% -50%;width:100vw;z-index:-1}.kilya-button-close path{stroke:currentColor;stroke-width:.125rem}.kilya-input-button path[fill],.kilya-input-submit path[fill],.kilya-input-reset path[fill],.kilya-input-button rect[fill],.kilya-input-submit rect[fill],.kilya-input-reset rect[fill],.kilya-input-button circle[fill],.kilya-input-submit circle[fill],.kilya-input-reset circle[fill]{fill:currentColor;transition:.2s fill}.kilya-input-button path[stroke],.kilya-input-submit path[stroke],.kilya-input-reset path[stroke],.kilya-input-button rect[stroke],.kilya-input-submit rect[stroke],.kilya-input-reset rect[stroke],.kilya-input-button circle[stroke],.kilya-input-submit circle[stroke],.kilya-input-reset circle[stroke]{stroke:currentColor;transition:.2s stroke}.kilya-input-button svg,.kilya-input-submit svg,.kilya-input-reset svg{max-width:100%;width:100%;height:100%;object-fit:contain}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{font-style:normal;line-height:1.5;width:fit-content;background-color:transparent;border:.0625rem solid transparent;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s color,.2s background-color,.2s border-color}.kilya-input-button:focus-visible,.kilya-input-submit:focus-visible,.kilya-input-reset:focus-visible{outline:none}.kilya-input-button:disabled,.kilya-input-submit:disabled,.kilya-input-reset:disabled{background-color:var(--disabled-bg-primary, #ddd);color:var(--disabled-color-white, #818181);border-color:var(--disabled-br-default, #ddd);pointer-events:none}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);text-align:center;display:flex;align-items:center;justify-content:center;gap:.625rem}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{background-color:var(--background-color);color:var(--color);border-color:var(--border-color);border-radius:var(--border-radius);padding:.5rem 1rem}@media(hover:hover){.kilya-input-button:hover,.kilya-input-submit:hover,.kilya-input-reset:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}@media(hover:none){.kilya-input-button:active,.kilya-input-submit:active,.kilya-input-reset:active{background-color:var(--hover-background-color);color:var(--hover-color);border-color:var(--hover-border-color)}}.kilya-input-button:active,.kilya-input-submit:active,.kilya-input-reset:active{background-color:var(--pressed-background-color);color:var(--pressed-color);border-color:var(--pressed-border-color)}.kilya-input-button,.kilya-input-submit,.kilya-input-reset{--background-color: var(--bg-primary, #1677ff);--color: var(--color-white, #fff);--border-color: var(--bg-primary, #1677ff);--border-radius: var(--button-br-small);--hover-background-color: var(--hover-bg-primary, #4096ff);--hover-color: var(--color-white, #fff);--hover-border-color: var(--hover-bg-primary, #4096ff);--pressed-background-color: var(--pressed-bg-primary, #0958d9);--pressed-color: var(--color-white, #fff);--pressed-border-color: var(--pressed-bg-primary, #0958d9)}:root{--bg-primary: #1677ff;--bg-default: #d9d9d9;--bg-white: #fff;--color-text: #000;--color-white: #fff;--color-link: #1677ff;--br-default: #d9d9d9;--hover-bg-primary: #4096ff;--hover-bg-default: #0000000f;--hover-color-link: #4096ff;--hover-br-default: #0000000f;--focused-bg-primary: #4096ff;--focused-bg-default: #0000000f;--focused-color-link: #4096ff;--focused-br-default: #0000000f;--pressed-bg-primary: #0958d9;--pressed-bg-default: #00000026;--pressed-color-link: #0958d9;--pressed-br-default: #00000026;--disabled-bg-primary: #ddd;--disabled-bg-default: #ddd;--disabled-bg-white: #ddd;--disabled-color-text: #818181;--disabled-color-white: #818181;--disabled-color-link: #818181;--disabled-br-default: #ddd;--button-br-small: .25rem;--button-font-family: monospace;--button-font-size: 1rem;--button-font-weight: 300;--button-color-close: #000;--button-hover-color-close: #ff0000}html{font-size:16px}.kilya-input-color{width:50px;height:30px;padding:2px}.kilya-input-checkbox,.kilya-input-radio{margin-right:8px;transform:scale(1.2)}.kilya-input-date,.kilya-input-datetime-local,.kilya-input-month,.kilya-input-time,.kilya-input-week{border:1px solid #ccc;padding:8px;font-family:inherit}.kilya-input-file{padding:8px;border:1px dashed #ccc}.kilya-input-number,.kilya-input-text,.kilya-input-email,.kilya-input-password,.kilya-input-search,.kilya-input-tel,.kilya-input-url{border:1px solid #ccc;padding:8px 12px;border-radius:4px;font-size:14px}.kilya-input-image{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.kilya-input-hidden{display:none}.kilya-input-range{width:100%;height:6px}
|
package/dist/kilya-ui.es.js
CHANGED
|
@@ -2,44 +2,44 @@ import ne from "react";
|
|
|
2
2
|
function oe(n) {
|
|
3
3
|
return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
|
|
4
4
|
}
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var T = { exports: {} }, E = {};
|
|
6
|
+
var L;
|
|
7
7
|
function ae() {
|
|
8
|
-
if (
|
|
9
|
-
|
|
10
|
-
var n = Symbol.for("react.transitional.element"),
|
|
11
|
-
function
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
|
|
15
|
-
for (var
|
|
16
|
-
|
|
17
|
-
} else
|
|
18
|
-
return i =
|
|
8
|
+
if (L) return E;
|
|
9
|
+
L = 1;
|
|
10
|
+
var n = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
|
|
11
|
+
function o(d, i, t) {
|
|
12
|
+
var s = null;
|
|
13
|
+
if (t !== void 0 && (s = "" + t), i.key !== void 0 && (s = "" + i.key), "key" in i) {
|
|
14
|
+
t = {};
|
|
15
|
+
for (var f in i)
|
|
16
|
+
f !== "key" && (t[f] = i[f]);
|
|
17
|
+
} else t = i;
|
|
18
|
+
return i = t.ref, {
|
|
19
19
|
$$typeof: n,
|
|
20
|
-
type:
|
|
21
|
-
key:
|
|
20
|
+
type: d,
|
|
21
|
+
key: s,
|
|
22
22
|
ref: i !== void 0 ? i : null,
|
|
23
|
-
props:
|
|
23
|
+
props: t
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
return
|
|
26
|
+
return E.Fragment = c, E.jsx = o, E.jsxs = o, E;
|
|
27
27
|
}
|
|
28
|
-
var
|
|
29
|
-
var
|
|
28
|
+
var _ = {};
|
|
29
|
+
var W;
|
|
30
30
|
function se() {
|
|
31
|
-
return
|
|
31
|
+
return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
32
32
|
function n(e) {
|
|
33
33
|
if (e == null) return null;
|
|
34
34
|
if (typeof e == "function")
|
|
35
35
|
return e.$$typeof === ee ? null : e.displayName || e.name || null;
|
|
36
36
|
if (typeof e == "string") return e;
|
|
37
37
|
switch (e) {
|
|
38
|
-
case
|
|
38
|
+
case j:
|
|
39
39
|
return "Fragment";
|
|
40
|
-
case
|
|
40
|
+
case z:
|
|
41
41
|
return "Profiler";
|
|
42
|
-
case
|
|
42
|
+
case J:
|
|
43
43
|
return "StrictMode";
|
|
44
44
|
case H:
|
|
45
45
|
return "Suspense";
|
|
@@ -52,100 +52,100 @@ function se() {
|
|
|
52
52
|
switch (typeof e.tag == "number" && console.error(
|
|
53
53
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
54
54
|
), e.$$typeof) {
|
|
55
|
-
case
|
|
55
|
+
case V:
|
|
56
56
|
return "Portal";
|
|
57
57
|
case G:
|
|
58
58
|
return e.displayName || "Context";
|
|
59
59
|
case B:
|
|
60
60
|
return (e._context.displayName || "Context") + ".Consumer";
|
|
61
61
|
case X:
|
|
62
|
-
var
|
|
63
|
-
return e = e.displayName, e || (e =
|
|
62
|
+
var r = e.render;
|
|
63
|
+
return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
|
|
64
64
|
case Q:
|
|
65
|
-
return
|
|
66
|
-
case
|
|
67
|
-
|
|
65
|
+
return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
|
|
66
|
+
case k:
|
|
67
|
+
r = e._payload, e = e._init;
|
|
68
68
|
try {
|
|
69
|
-
return n(e(
|
|
69
|
+
return n(e(r));
|
|
70
70
|
} catch {
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
return null;
|
|
74
74
|
}
|
|
75
|
-
function
|
|
75
|
+
function c(e) {
|
|
76
76
|
return "" + e;
|
|
77
77
|
}
|
|
78
|
-
function
|
|
78
|
+
function o(e) {
|
|
79
79
|
try {
|
|
80
|
-
|
|
81
|
-
var
|
|
80
|
+
c(e);
|
|
81
|
+
var r = !1;
|
|
82
82
|
} catch {
|
|
83
|
-
|
|
83
|
+
r = !0;
|
|
84
84
|
}
|
|
85
|
-
if (
|
|
86
|
-
|
|
87
|
-
var
|
|
88
|
-
return
|
|
89
|
-
|
|
85
|
+
if (r) {
|
|
86
|
+
r = console;
|
|
87
|
+
var a = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
88
|
+
return a.call(
|
|
89
|
+
r,
|
|
90
90
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
91
|
-
|
|
92
|
-
),
|
|
91
|
+
u
|
|
92
|
+
), c(e);
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
-
function
|
|
96
|
-
if (e ===
|
|
97
|
-
if (typeof e == "object" && e !== null && e.$$typeof ===
|
|
95
|
+
function d(e) {
|
|
96
|
+
if (e === j) return "<>";
|
|
97
|
+
if (typeof e == "object" && e !== null && e.$$typeof === k)
|
|
98
98
|
return "<...>";
|
|
99
99
|
try {
|
|
100
|
-
var
|
|
101
|
-
return
|
|
100
|
+
var r = n(e);
|
|
101
|
+
return r ? "<" + r + ">" : "<...>";
|
|
102
102
|
} catch {
|
|
103
103
|
return "<...>";
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
106
|
function i() {
|
|
107
|
-
var e =
|
|
107
|
+
var e = x.A;
|
|
108
108
|
return e === null ? null : e.getOwner();
|
|
109
109
|
}
|
|
110
|
-
function
|
|
110
|
+
function t() {
|
|
111
111
|
return Error("react-stack-top-frame");
|
|
112
112
|
}
|
|
113
|
-
function
|
|
114
|
-
if (
|
|
115
|
-
var
|
|
116
|
-
if (
|
|
113
|
+
function s(e) {
|
|
114
|
+
if ($.call(e, "key")) {
|
|
115
|
+
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
116
|
+
if (r && r.isReactWarning) return !1;
|
|
117
117
|
}
|
|
118
118
|
return e.key !== void 0;
|
|
119
119
|
}
|
|
120
|
-
function
|
|
121
|
-
function
|
|
122
|
-
|
|
120
|
+
function f(e, r) {
|
|
121
|
+
function a() {
|
|
122
|
+
Y || (Y = !0, console.error(
|
|
123
123
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
124
|
-
|
|
124
|
+
r
|
|
125
125
|
));
|
|
126
126
|
}
|
|
127
|
-
|
|
128
|
-
get:
|
|
127
|
+
a.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
128
|
+
get: a,
|
|
129
129
|
configurable: !0
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
|
-
function
|
|
132
|
+
function y() {
|
|
133
133
|
var e = n(this.type);
|
|
134
|
-
return
|
|
134
|
+
return I[e] || (I[e] = !0, console.error(
|
|
135
135
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
136
136
|
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
137
137
|
}
|
|
138
|
-
function
|
|
139
|
-
var
|
|
138
|
+
function O(e, r, a, u, R, S) {
|
|
139
|
+
var l = a.ref;
|
|
140
140
|
return e = {
|
|
141
|
-
$$typeof:
|
|
141
|
+
$$typeof: C,
|
|
142
142
|
type: e,
|
|
143
|
-
key:
|
|
144
|
-
props:
|
|
145
|
-
_owner:
|
|
146
|
-
}, (
|
|
143
|
+
key: r,
|
|
144
|
+
props: a,
|
|
145
|
+
_owner: u
|
|
146
|
+
}, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
|
|
147
147
|
enumerable: !1,
|
|
148
|
-
get:
|
|
148
|
+
get: y
|
|
149
149
|
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
150
150
|
configurable: !1,
|
|
151
151
|
enumerable: !1,
|
|
@@ -160,243 +160,221 @@ function se() {
|
|
|
160
160
|
configurable: !1,
|
|
161
161
|
enumerable: !1,
|
|
162
162
|
writable: !0,
|
|
163
|
-
value:
|
|
163
|
+
value: R
|
|
164
164
|
}), Object.defineProperty(e, "_debugTask", {
|
|
165
165
|
configurable: !1,
|
|
166
166
|
enumerable: !1,
|
|
167
167
|
writable: !0,
|
|
168
|
-
value:
|
|
168
|
+
value: S
|
|
169
169
|
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
170
170
|
}
|
|
171
|
-
function
|
|
172
|
-
var
|
|
173
|
-
if (
|
|
174
|
-
if (
|
|
175
|
-
if (
|
|
176
|
-
for (
|
|
177
|
-
|
|
178
|
-
Object.freeze && Object.freeze(
|
|
171
|
+
function b(e, r, a, u, R, S) {
|
|
172
|
+
var l = r.children;
|
|
173
|
+
if (l !== void 0)
|
|
174
|
+
if (u)
|
|
175
|
+
if (re(l)) {
|
|
176
|
+
for (u = 0; u < l.length; u++)
|
|
177
|
+
N(l[u]);
|
|
178
|
+
Object.freeze && Object.freeze(l);
|
|
179
179
|
} else
|
|
180
180
|
console.error(
|
|
181
181
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
182
182
|
);
|
|
183
|
-
else
|
|
184
|
-
if (
|
|
185
|
-
|
|
186
|
-
var
|
|
187
|
-
return
|
|
183
|
+
else N(l);
|
|
184
|
+
if ($.call(r, "key")) {
|
|
185
|
+
l = n(e);
|
|
186
|
+
var m = Object.keys(r).filter(function(te) {
|
|
187
|
+
return te !== "key";
|
|
188
188
|
});
|
|
189
|
-
|
|
189
|
+
u = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", M[l + u] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
190
190
|
`A props object containing a "key" prop is being spread into JSX:
|
|
191
191
|
let props = %s;
|
|
192
192
|
<%s {...props} />
|
|
193
193
|
React keys must be passed directly to JSX without using spread:
|
|
194
194
|
let props = %s;
|
|
195
195
|
<%s key={someKey} {...props} />`,
|
|
196
|
-
s,
|
|
197
196
|
u,
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
197
|
+
l,
|
|
198
|
+
m,
|
|
199
|
+
l
|
|
200
|
+
), M[l + u] = !0);
|
|
201
201
|
}
|
|
202
|
-
if (
|
|
203
|
-
|
|
204
|
-
for (var
|
|
205
|
-
|
|
206
|
-
} else
|
|
207
|
-
return
|
|
208
|
-
|
|
202
|
+
if (l = null, a !== void 0 && (o(a), l = "" + a), s(r) && (o(r.key), l = "" + r.key), "key" in r) {
|
|
203
|
+
a = {};
|
|
204
|
+
for (var h in r)
|
|
205
|
+
h !== "key" && (a[h] = r[h]);
|
|
206
|
+
} else a = r;
|
|
207
|
+
return l && f(
|
|
208
|
+
a,
|
|
209
209
|
typeof e == "function" ? e.displayName || e.name || "Unknown" : e
|
|
210
|
-
),
|
|
210
|
+
), O(
|
|
211
211
|
e,
|
|
212
|
-
|
|
213
|
-
|
|
212
|
+
l,
|
|
213
|
+
a,
|
|
214
214
|
i(),
|
|
215
|
-
|
|
216
|
-
|
|
215
|
+
R,
|
|
216
|
+
S
|
|
217
217
|
);
|
|
218
218
|
}
|
|
219
|
-
function g(e) {
|
|
220
|
-
N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
221
|
-
}
|
|
222
219
|
function N(e) {
|
|
223
|
-
|
|
220
|
+
g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
221
|
+
}
|
|
222
|
+
function g(e) {
|
|
223
|
+
return typeof e == "object" && e !== null && e.$$typeof === C;
|
|
224
224
|
}
|
|
225
|
-
var
|
|
225
|
+
var v = ne, C = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), G = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), x = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, re = Array.isArray, A = console.createTask ? console.createTask : function() {
|
|
226
226
|
return null;
|
|
227
227
|
};
|
|
228
|
-
|
|
228
|
+
v = {
|
|
229
229
|
react_stack_bottom_frame: function(e) {
|
|
230
230
|
return e();
|
|
231
231
|
}
|
|
232
232
|
};
|
|
233
|
-
var
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
)(),
|
|
237
|
-
|
|
238
|
-
var
|
|
239
|
-
return
|
|
233
|
+
var Y, I = {}, F = v.react_stack_bottom_frame.bind(
|
|
234
|
+
v,
|
|
235
|
+
t
|
|
236
|
+
)(), D = A(d(t)), M = {};
|
|
237
|
+
_.Fragment = j, _.jsx = function(e, r, a) {
|
|
238
|
+
var u = 1e4 > x.recentlyCreatedOwnerStacks++;
|
|
239
|
+
return b(
|
|
240
240
|
e,
|
|
241
|
-
|
|
242
|
-
|
|
241
|
+
r,
|
|
242
|
+
a,
|
|
243
243
|
!1,
|
|
244
|
-
|
|
245
|
-
|
|
244
|
+
u ? Error("react-stack-top-frame") : F,
|
|
245
|
+
u ? A(d(e)) : D
|
|
246
246
|
);
|
|
247
|
-
},
|
|
248
|
-
var
|
|
249
|
-
return
|
|
247
|
+
}, _.jsxs = function(e, r, a) {
|
|
248
|
+
var u = 1e4 > x.recentlyCreatedOwnerStacks++;
|
|
249
|
+
return b(
|
|
250
250
|
e,
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
r,
|
|
252
|
+
a,
|
|
253
253
|
!0,
|
|
254
|
-
|
|
255
|
-
|
|
254
|
+
u ? Error("react-stack-top-frame") : F,
|
|
255
|
+
u ? A(d(e)) : D
|
|
256
256
|
);
|
|
257
257
|
};
|
|
258
|
-
})()),
|
|
258
|
+
})()), _;
|
|
259
259
|
}
|
|
260
|
-
var
|
|
260
|
+
var q;
|
|
261
261
|
function ue() {
|
|
262
|
-
return
|
|
262
|
+
return q || (q = 1, process.env.NODE_ENV === "production" ? T.exports = ae() : T.exports = se()), T.exports;
|
|
263
263
|
}
|
|
264
|
-
var
|
|
265
|
-
var
|
|
266
|
-
function
|
|
267
|
-
return
|
|
264
|
+
var p = ue(), w = { exports: {} };
|
|
265
|
+
var U;
|
|
266
|
+
function le() {
|
|
267
|
+
return U || (U = 1, (function(n) {
|
|
268
268
|
(function() {
|
|
269
|
-
var
|
|
270
|
-
function
|
|
271
|
-
for (var
|
|
272
|
-
var
|
|
273
|
-
|
|
269
|
+
var c = {}.hasOwnProperty;
|
|
270
|
+
function o() {
|
|
271
|
+
for (var t = "", s = 0; s < arguments.length; s++) {
|
|
272
|
+
var f = arguments[s];
|
|
273
|
+
f && (t = i(t, d(f)));
|
|
274
274
|
}
|
|
275
|
-
return
|
|
275
|
+
return t;
|
|
276
276
|
}
|
|
277
|
-
function
|
|
278
|
-
if (typeof
|
|
279
|
-
return
|
|
280
|
-
if (typeof
|
|
277
|
+
function d(t) {
|
|
278
|
+
if (typeof t == "string" || typeof t == "number")
|
|
279
|
+
return t;
|
|
280
|
+
if (typeof t != "object")
|
|
281
281
|
return "";
|
|
282
|
-
if (Array.isArray(
|
|
283
|
-
return
|
|
284
|
-
if (
|
|
285
|
-
return
|
|
286
|
-
var
|
|
287
|
-
for (var
|
|
288
|
-
|
|
289
|
-
return
|
|
282
|
+
if (Array.isArray(t))
|
|
283
|
+
return o.apply(null, t);
|
|
284
|
+
if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
|
|
285
|
+
return t.toString();
|
|
286
|
+
var s = "";
|
|
287
|
+
for (var f in t)
|
|
288
|
+
c.call(t, f) && t[f] && (s = i(s, f));
|
|
289
|
+
return s;
|
|
290
290
|
}
|
|
291
|
-
function i(
|
|
292
|
-
return
|
|
291
|
+
function i(t, s) {
|
|
292
|
+
return s ? t ? t + " " + s : t + s : t;
|
|
293
293
|
}
|
|
294
|
-
n.exports ? (
|
|
294
|
+
n.exports ? (o.default = o, n.exports = o) : window.classNames = o;
|
|
295
295
|
})();
|
|
296
|
-
})(
|
|
296
|
+
})(w)), w.exports;
|
|
297
297
|
}
|
|
298
|
-
var
|
|
299
|
-
const
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
298
|
+
var ce = le();
|
|
299
|
+
const ie = /* @__PURE__ */ oe(ce), P = (n, c) => ie(fe(n), c), fe = (n) => {
|
|
300
|
+
if (typeof n == "string")
|
|
301
|
+
return `kilya-${n}`;
|
|
302
|
+
if (Array.isArray(n))
|
|
303
|
+
return n.map((o) => `kilya-${o}`).join(" ");
|
|
304
|
+
const c = {};
|
|
305
|
+
return Object.keys(n).forEach((o) => {
|
|
306
|
+
c[`kilya-${o}`] = n[o];
|
|
307
|
+
}), c;
|
|
308
|
+
}, de = ({
|
|
306
309
|
children: n,
|
|
307
|
-
disabled:
|
|
308
|
-
type:
|
|
309
|
-
button:
|
|
310
|
+
disabled: c = !1,
|
|
311
|
+
type: o = "button",
|
|
312
|
+
button: d = "default",
|
|
310
313
|
className: i = "",
|
|
311
|
-
...
|
|
312
|
-
}) => /* @__PURE__ */
|
|
314
|
+
...t
|
|
315
|
+
}) => /* @__PURE__ */ p.jsx(
|
|
313
316
|
"button",
|
|
314
317
|
{
|
|
315
|
-
type:
|
|
316
|
-
className: P(
|
|
317
|
-
disabled:
|
|
318
|
-
...
|
|
318
|
+
type: o,
|
|
319
|
+
className: P(`button-${d}`, i),
|
|
320
|
+
disabled: c,
|
|
321
|
+
...t,
|
|
319
322
|
children: n
|
|
320
323
|
}
|
|
321
|
-
),
|
|
322
|
-
"button-close": "_button-close_cfuu0_1"
|
|
323
|
-
}, pe = ({
|
|
324
|
+
), me = ({
|
|
324
325
|
disabled: n = !1,
|
|
325
|
-
className:
|
|
326
|
-
...
|
|
327
|
-
}) => /* @__PURE__ */
|
|
326
|
+
className: c = "",
|
|
327
|
+
...o
|
|
328
|
+
}) => /* @__PURE__ */ p.jsxs(
|
|
328
329
|
"button",
|
|
329
330
|
{
|
|
330
331
|
type: "button",
|
|
331
|
-
className: P(
|
|
332
|
+
className: P("button-close", c),
|
|
332
333
|
disabled: n,
|
|
333
|
-
...
|
|
334
|
+
...o,
|
|
334
335
|
children: [
|
|
335
336
|
"Close",
|
|
336
|
-
/* @__PURE__ */
|
|
337
|
-
/* @__PURE__ */
|
|
338
|
-
/* @__PURE__ */
|
|
337
|
+
/* @__PURE__ */ p.jsxs("svg", { viewBox: "0 0 24 25", children: [
|
|
338
|
+
/* @__PURE__ */ p.jsx("path", { d: "M6.34314 18.1567L17.6568 6.84303" }),
|
|
339
|
+
/* @__PURE__ */ p.jsx("path", { d: "M17.6569 18.1567L6.34315 6.84303" })
|
|
339
340
|
] })
|
|
340
341
|
]
|
|
341
342
|
}
|
|
342
|
-
),
|
|
343
|
-
Button:
|
|
344
|
-
ButtonClose:
|
|
345
|
-
},
|
|
346
|
-
"input-button": "_input-button_zw44s_1",
|
|
347
|
-
"input-submit": "_input-submit_zw44s_1",
|
|
348
|
-
"input-reset": "_input-reset_zw44s_1",
|
|
349
|
-
"input-color": "_input-color_zw44s_140",
|
|
350
|
-
"input-checkbox": "_input-checkbox_zw44s_146",
|
|
351
|
-
"input-radio": "_input-radio_zw44s_146",
|
|
352
|
-
"input-date": "_input-date_zw44s_151",
|
|
353
|
-
"input-datetime-local": "_input-datetime-local_zw44s_151",
|
|
354
|
-
"input-month": "_input-month_zw44s_151",
|
|
355
|
-
"input-time": "_input-time_zw44s_151",
|
|
356
|
-
"input-week": "_input-week_zw44s_151",
|
|
357
|
-
"input-file": "_input-file_zw44s_157",
|
|
358
|
-
"input-number": "_input-number_zw44s_162",
|
|
359
|
-
"input-text": "_input-text_zw44s_169",
|
|
360
|
-
"input-email": "_input-email_zw44s_169",
|
|
361
|
-
"input-password": "_input-password_zw44s_169",
|
|
362
|
-
"input-search": "_input-search_zw44s_169",
|
|
363
|
-
"input-tel": "_input-tel_zw44s_169",
|
|
364
|
-
"input-url": "_input-url_zw44s_169",
|
|
365
|
-
"input-image": "_input-image_zw44s_176",
|
|
366
|
-
"input-hidden": "_input-hidden_zw44s_184",
|
|
367
|
-
"input-range": "_input-range_zw44s_188"
|
|
368
|
-
}, be = ({
|
|
343
|
+
), pe = {
|
|
344
|
+
Button: de,
|
|
345
|
+
ButtonClose: me
|
|
346
|
+
}, Ee = ({
|
|
369
347
|
id: n,
|
|
370
|
-
type:
|
|
371
|
-
name:
|
|
372
|
-
className:
|
|
348
|
+
type: c,
|
|
349
|
+
name: o,
|
|
350
|
+
className: d,
|
|
373
351
|
disabled: i,
|
|
374
|
-
required:
|
|
375
|
-
readOnly:
|
|
376
|
-
onBlur:
|
|
377
|
-
onFocus:
|
|
378
|
-
onClick:
|
|
379
|
-
...
|
|
380
|
-
}) => /* @__PURE__ */
|
|
352
|
+
required: t,
|
|
353
|
+
readOnly: s,
|
|
354
|
+
onBlur: f,
|
|
355
|
+
onFocus: y,
|
|
356
|
+
onClick: O,
|
|
357
|
+
...b
|
|
358
|
+
}) => /* @__PURE__ */ p.jsx(
|
|
381
359
|
"input",
|
|
382
360
|
{
|
|
383
|
-
type:
|
|
384
|
-
className: P(
|
|
385
|
-
name:
|
|
361
|
+
type: c,
|
|
362
|
+
className: P(`input-${c}`, d),
|
|
363
|
+
name: o,
|
|
386
364
|
id: n,
|
|
387
365
|
disabled: i,
|
|
388
|
-
required:
|
|
389
|
-
readOnly:
|
|
390
|
-
onBlur:
|
|
391
|
-
onFocus:
|
|
392
|
-
onClick:
|
|
393
|
-
...
|
|
366
|
+
required: t,
|
|
367
|
+
readOnly: s,
|
|
368
|
+
onBlur: f,
|
|
369
|
+
onFocus: y,
|
|
370
|
+
onClick: O,
|
|
371
|
+
...b
|
|
394
372
|
}
|
|
395
|
-
),
|
|
396
|
-
Button:
|
|
397
|
-
Input:
|
|
373
|
+
), _e = {
|
|
374
|
+
Button: pe,
|
|
375
|
+
Input: Ee
|
|
398
376
|
}, ve = {
|
|
399
|
-
|
|
377
|
+
..._e
|
|
400
378
|
};
|
|
401
379
|
export {
|
|
402
380
|
ve as default
|
package/dist/kilya-ui.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(m,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("react")):typeof define=="function"&&define.amd?define(["react"],_):(m=typeof globalThis<"u"?globalThis:m||self,m["kilya-ui"]=_(m.React))})(this,(function(m){"use strict";function _(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var R={exports:{}},b={};var C;function J(){if(C)return b;C=1;var n=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function o(d,c,t){var s=null;if(t!==void 0&&(s=""+t),c.key!==void 0&&(s=""+c.key),"key"in c){t={};for(var f in c)f!=="key"&&(t[f]=c[f])}else t=c;return c=t.ref,{$$typeof:n,type:d,key:s,ref:c!==void 0?c:null,props:t}}return b.Fragment=i,b.jsx=o,b.jsxs=o,b}var v={};var $;function z(){return $||($=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case A:return"Fragment";case re:return"Profiler";case ee:return"StrictMode";case ae:return"Suspense";case se:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case K:return"Portal";case ne:return e.displayName||"Context";case te:return(e._context.displayName||"Context")+".Consumer";case oe:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ue:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case S:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function i(e){return""+e}function o(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),i(e)}}function d(e){if(e===A)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=w.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function s(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function f(e,r){function a(){W||(W=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function x(){var e=n(this.type);return q[e]||(q[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function h(e,r,a,u,O,N){var l=a.ref;return e={$$typeof:M,type:e,key:r,props:a,_owner:u},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,a,u,O,N){var l=r.children;if(l!==void 0)if(u)if(ce(l)){for(u=0;u<l.length;u++)F(l[u]);Object.freeze&&Object.freeze(l)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else F(l);if(L.call(r,"key")){l=n(e);var E=Object.keys(r).filter(function(fe){return fe!=="key"});u=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",V[l+u]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,
|
|
6
|
+
<%s key={someKey} {...props} />`,u,l,E,l),V[l+u]=!0)}if(l=null,a!==void 0&&(o(a),l=""+a),s(r)&&(o(r.key),l=""+r.key),"key"in r){a={};for(var g in r)g!=="key"&&(a[g]=r[g])}else a=r;return l&&f(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),h(e,l,a,c(),O,N)}function F(e){D(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?D(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function D(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var y=m,M=Symbol.for("react.transitional.element"),K=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),ee=Symbol.for("react.strict_mode"),re=Symbol.for("react.profiler"),te=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),oe=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ue=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),w=y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,ce=Array.isArray,P=console.createTask?console.createTask:function(){return null};y={react_stack_bottom_frame:function(e){return e()}};var W,q={},B=y.react_stack_bottom_frame.bind(y,t)(),U=P(d(t)),V={};v.Fragment=A,v.jsx=function(e,r,a){var u=1e4>w.recentlyCreatedOwnerStacks++;return T(e,r,a,!1,u?Error("react-stack-top-frame"):B,u?P(d(e)):U)},v.jsxs=function(e,r,a){var u=1e4>w.recentlyCreatedOwnerStacks++;return T(e,r,a,!0,u?Error("react-stack-top-frame"):B,u?P(d(e)):U)}})()),v}var Y;function G(){return Y||(Y=1,process.env.NODE_ENV==="production"?R.exports=J():R.exports=z()),R.exports}var p=G(),j={exports:{}};var I;function X(){return I||(I=1,(function(n){(function(){var i={}.hasOwnProperty;function o(){for(var t="",s=0;s<arguments.length;s++){var f=arguments[s];f&&(t=c(t,d(f)))}return t}function d(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return o.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var s="";for(var f in t)i.call(t,f)&&t[f]&&(s=c(s,f));return s}function c(t,s){return s?t?t+" "+s:t+s:t}n.exports?(o.default=o,n.exports=o):window.classNames=o})()})(j)),j.exports}var H=X();const Z=_(H),k=(n,i)=>Z(Q(n),i),Q=n=>{if(typeof n=="string")return`kilya-${n}`;if(Array.isArray(n))return n.map(o=>`kilya-${o}`).join(" ");const i={};return Object.keys(n).forEach(o=>{i[`kilya-${o}`]=n[o]}),i};return{...{Button:{Button:({children:n,disabled:i=!1,type:o="button",button:d="default",className:c="",...t})=>p.jsx("button",{type:o,className:k(`button-${d}`,c),disabled:i,...t,children:n}),ButtonClose:({disabled:n=!1,className:i="",...o})=>p.jsxs("button",{type:"button",className:k("button-close",i),disabled:n,...o,children:["Close",p.jsxs("svg",{viewBox:"0 0 24 25",children:[p.jsx("path",{d:"M6.34314 18.1567L17.6568 6.84303"}),p.jsx("path",{d:"M17.6569 18.1567L6.34315 6.84303"})]})]})},Input:({id:n,type:i,name:o,className:d,disabled:c,required:t,readOnly:s,onBlur:f,onFocus:x,onClick:h,...T})=>p.jsx("input",{type:i,className:k(`input-${i}`,d),name:o,id:n,disabled:c,required:t,readOnly:s,onBlur:f,onFocus:x,onClick:h,...T})}}}));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "kilya-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"@eslint/js": "^9.39.1",
|
|
33
33
|
"@storybook/addon-docs": "^10.0.8",
|
|
34
34
|
"@storybook/addon-onboarding": "^10.0.8",
|
|
35
|
+
"@storybook/react": "^10.1.10",
|
|
35
36
|
"@storybook/react-vite": "^10.0.8",
|
|
36
37
|
"@types/node": "^24.10.1",
|
|
37
38
|
"@types/react": "^19.2.5",
|
|
@@ -42,12 +43,15 @@
|
|
|
42
43
|
"eslint-plugin-react-refresh": "^0.4.24",
|
|
43
44
|
"eslint-plugin-storybook": "^10.0.8",
|
|
44
45
|
"globals": "^16.5.0",
|
|
46
|
+
"postcss": "^8.5.6",
|
|
47
|
+
"postcss-prefixer": "^3.0.0",
|
|
45
48
|
"sass-embedded": "^1.93.3",
|
|
46
49
|
"storybook": "^10.0.8",
|
|
47
50
|
"styled-components": "^6.1.19",
|
|
48
51
|
"typescript": "~5.9.3",
|
|
49
52
|
"typescript-eslint": "^8.46.4",
|
|
50
|
-
"vite": "^7.2.4"
|
|
53
|
+
"vite": "^7.2.4",
|
|
54
|
+
"vite-plugin-dts": "^4.5.4"
|
|
51
55
|
},
|
|
52
56
|
"peerDependencies": {
|
|
53
57
|
"react": "*",
|