@sekiui/elements 0.0.13 → 0.0.15
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/README.md +260 -14
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/{esm/index-3X8Wsgjr.js → cjs/index-6jIfEFyf.js} +32 -54
- package/dist/cjs/index.cjs.js +0 -1
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/seki-button.cjs.entry.js +6 -31
- package/dist/cjs/sekiui.cjs.js +5 -5
- package/dist/collection/collection-manifest.json +2 -6
- package/dist/collection/components/button/seki-button.css +380 -0
- package/dist/collection/components/button/seki-button.js +108 -0
- package/dist/collection/index.js +0 -1
- package/dist/components/index.js +1130 -3
- package/dist/components/seki-button.js +10 -35
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/{cjs/index-BxbILFLe.js → esm/index-BROrRAlq.js} +27 -81
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +4 -4
- package/dist/esm/seki-button.entry.js +6 -31
- package/dist/esm/sekiui.js +5 -5
- package/dist/sekiui/index.esm.js +0 -2
- package/dist/sekiui/p-BROrRAlq.js +2 -0
- package/dist/sekiui/p-DQuL1Twl.js +1 -0
- package/dist/sekiui/p-e65a94f7.entry.js +1 -0
- package/dist/sekiui/sekiui.esm.js +1 -2
- package/dist/types/components/button/seki-button.d.ts +7 -0
- package/dist/types/components.d.ts +16 -62
- package/dist/types/index.d.ts +1 -1
- package/dist/types/stencil-public-runtime.d.ts +16 -2
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/package.json +42 -27
- package/LICENSE +0 -21
- package/dist/cjs/index-BxbILFLe.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/seki-button.entry.cjs.js.map +0 -1
- package/dist/cjs/seki-card-content.cjs.entry.js +0 -18
- package/dist/cjs/seki-card-content.entry.cjs.js.map +0 -1
- package/dist/cjs/seki-card-header.cjs.entry.js +0 -18
- package/dist/cjs/seki-card-header.entry.cjs.js.map +0 -1
- package/dist/cjs/seki-card-title.cjs.entry.js +0 -18
- package/dist/cjs/seki-card-title.entry.cjs.js.map +0 -1
- package/dist/cjs/seki-card.cjs.entry.js +0 -18
- package/dist/cjs/seki-card.entry.cjs.js.map +0 -1
- package/dist/cjs/sekiui.cjs.js.map +0 -1
- package/dist/collection/button.js +0 -18
- package/dist/collection/button.js.map +0 -1
- package/dist/collection/card.js +0 -18
- package/dist/collection/card.js.map +0 -1
- package/dist/collection/components/seki-button/seki-button.css +0 -60
- package/dist/collection/components/seki-button/seki-button.js +0 -125
- package/dist/collection/components/seki-button/seki-button.js.map +0 -1
- package/dist/collection/components/seki-card/seki-card.css +0 -60
- package/dist/collection/components/seki-card/seki-card.js +0 -19
- package/dist/collection/components/seki-card/seki-card.js.map +0 -1
- package/dist/collection/components/seki-card-content/seki-card-content.css +0 -60
- package/dist/collection/components/seki-card-content/seki-card-content.js +0 -19
- package/dist/collection/components/seki-card-content/seki-card-content.js.map +0 -1
- package/dist/collection/components/seki-card-header/seki-card-header.css +0 -60
- package/dist/collection/components/seki-card-header/seki-card-header.js +0 -19
- package/dist/collection/components/seki-card-header/seki-card-header.js.map +0 -1
- package/dist/collection/components/seki-card-title/seki-card-title.css +0 -60
- package/dist/collection/components/seki-card-title/seki-card-title.js +0 -19
- package/dist/collection/components/seki-card-title/seki-card-title.js.map +0 -1
- package/dist/collection/index.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/seki-button.js.map +0 -1
- package/dist/components/seki-card-content.d.ts +0 -11
- package/dist/components/seki-card-content.js +0 -38
- package/dist/components/seki-card-content.js.map +0 -1
- package/dist/components/seki-card-header.d.ts +0 -11
- package/dist/components/seki-card-header.js +0 -38
- package/dist/components/seki-card-header.js.map +0 -1
- package/dist/components/seki-card-title.d.ts +0 -11
- package/dist/components/seki-card-title.js +0 -38
- package/dist/components/seki-card-title.js.map +0 -1
- package/dist/components/seki-card.d.ts +0 -11
- package/dist/components/seki-card.js +0 -38
- package/dist/components/seki-card.js.map +0 -1
- package/dist/esm/index-3X8Wsgjr.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/seki-button.entry.js.map +0 -1
- package/dist/esm/seki-card-content.entry.js +0 -16
- package/dist/esm/seki-card-content.entry.js.map +0 -1
- package/dist/esm/seki-card-header.entry.js +0 -16
- package/dist/esm/seki-card-header.entry.js.map +0 -1
- package/dist/esm/seki-card-title.entry.js +0 -16
- package/dist/esm/seki-card-title.entry.js.map +0 -1
- package/dist/esm/seki-card.entry.js +0 -16
- package/dist/esm/seki-card.entry.js.map +0 -1
- package/dist/esm/sekiui.js.map +0 -1
- package/dist/sekiui/index.esm.js.map +0 -1
- package/dist/sekiui/loader.esm.js.map +0 -1
- package/dist/sekiui/p-043a8413.entry.js +0 -2
- package/dist/sekiui/p-043a8413.entry.js.map +0 -1
- package/dist/sekiui/p-3X8Wsgjr.js +0 -3
- package/dist/sekiui/p-3X8Wsgjr.js.map +0 -1
- package/dist/sekiui/p-65fc14ff.entry.js +0 -2
- package/dist/sekiui/p-65fc14ff.entry.js.map +0 -1
- package/dist/sekiui/p-aa468537.entry.js +0 -2
- package/dist/sekiui/p-aa468537.entry.js.map +0 -1
- package/dist/sekiui/p-c49f2aaf.entry.js +0 -2
- package/dist/sekiui/p-c49f2aaf.entry.js.map +0 -1
- package/dist/sekiui/p-e8e49693.entry.js +0 -2
- package/dist/sekiui/p-e8e49693.entry.js.map +0 -1
- package/dist/sekiui/seki-button.entry.esm.js.map +0 -1
- package/dist/sekiui/seki-card-content.entry.esm.js.map +0 -1
- package/dist/sekiui/seki-card-header.entry.esm.js.map +0 -1
- package/dist/sekiui/seki-card-title.entry.esm.js.map +0 -1
- package/dist/sekiui/seki-card.entry.esm.js.map +0 -1
- package/dist/sekiui/sekiui.css +0 -60
- package/dist/sekiui/sekiui.esm.js.map +0 -1
- package/dist/types/button.d.ts +0 -4
- package/dist/types/card.d.ts +0 -4
- package/dist/types/components/seki-button/seki-button.d.ts +0 -10
- package/dist/types/components/seki-card/seki-card.d.ts +0 -3
- package/dist/types/components/seki-card-content/seki-card-content.d.ts +0 -3
- package/dist/types/components/seki-card-header/seki-card-header.d.ts +0 -3
- package/dist/types/components/seki-card-title/seki-card-title.d.ts +0 -3
|
@@ -1,51 +1,28 @@
|
|
|
1
|
-
import { proxyCustomElement,
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './index.js';
|
|
2
2
|
|
|
3
|
-
const sekiButtonCss = "
|
|
3
|
+
const sekiButtonCss = ":root{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96%);--seki-neutral-200:hsl(0, 0%, 90%);--seki-neutral-300:hsl(0, 0%, 83%);--seki-neutral-400:hsl(0, 0%, 64%);--seki-neutral-500:hsl(0, 0%, 45%);--seki-neutral-600:hsl(0, 0%, 32%);--seki-neutral-700:hsl(0, 0%, 25%);--seki-neutral-800:hsl(0, 0%, 15%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 4%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 72%, 51%);--seki-destructive-600:hsl(0, 72%, 41%)}:root{--seki-bg-primary:var(--seki-neutral-50);--seki-bg-secondary:var(--seki-neutral-100);--seki-bg-tertiary:var(--seki-neutral-200);--seki-text-primary:var(--seki-neutral-900);--seki-text-secondary:var(--seki-neutral-600);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-neutral-200);--seki-border-emphasis:var(--seki-neutral-300);--seki-accent:var(--seki-primary-500);--seki-accent-emphasis:var(--seki-primary-600);--seki-success:var(--seki-success-500);--seki-warning:var(--seki-warning-500);--seki-destructive:var(--seki-destructive-500)}:root[data-theme='dark']{--seki-bg-primary:var(--seki-neutral-950);--seki-bg-secondary:var(--seki-neutral-900);--seki-bg-tertiary:var(--seki-neutral-800);--seki-text-primary:var(--seki-neutral-50);--seki-text-secondary:var(--seki-neutral-400);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-neutral-800);--seki-border-emphasis:var(--seki-neutral-700);--seki-accent:var(--seki-primary-400);--seki-accent-emphasis:var(--seki-primary-300);}:root{--seki-button-primary-bg:var(--seki-accent);--seki-button-primary-text:var(--seki-neutral-50);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:var(--seki-accent-emphasis);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-bg-secondary);--seki-button-secondary-text:var(--seki-text-primary);--seki-button-secondary-border:var(--seki-border-default);--seki-button-secondary-hover-bg:var(--seki-bg-tertiary);--seki-button-secondary-hover-border:var(--seki-border-emphasis);--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-accent);--seki-button-outline-border:var(--seki-accent);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-neutral-50);--seki-button-outline-hover-border:var(--seki-accent);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-text-primary);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-bg-secondary);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-neutral-50);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:var(--seki-destructive-600);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:var(--seki-spacing-1-5, 0.375rem);--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:var(--seki-spacing-5, 1.25rem);--seki-button-lg-padding-y:var(--seki-spacing-2-5, 0.625rem);--seki-button-lg-font-size:var(--seki-text-lg, 1.125rem);--seki-button-lg-height:3rem;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5}:root{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;}:root{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:root{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:root{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:inline-block}.button{font-family:var(--seki-font-sans);font-weight:var(--seki-button-font-weight);border-radius:var(--seki-button-radius);cursor:pointer;border:1px solid;transition:background-color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n border-color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n box-shadow var(--seki-button-transition-duration) var(--seki-button-transition-timing);box-shadow:var(--seki-button-shadow)}.button:hover:not(:disabled){box-shadow:var(--seki-button-shadow-hover)}.button:focus-visible{outline:2px solid var(--seki-accent);outline-offset:2px}.button:disabled{opacity:var(--seki-button-disabled-opacity);cursor:not-allowed}.button--primary{background:var(--seki-button-primary-bg);color:var(--seki-button-primary-text);border-color:var(--seki-button-primary-border)}.button--primary:hover:not(:disabled){background:var(--seki-button-primary-hover-bg);border-color:var(--seki-button-primary-hover-border)}.button--secondary{background:var(--seki-button-secondary-bg);color:var(--seki-button-secondary-text);border-color:var(--seki-button-secondary-border)}.button--secondary:hover:not(:disabled){background:var(--seki-button-secondary-hover-bg);border-color:var(--seki-button-secondary-hover-border)}.button--outline{background:var(--seki-button-outline-bg);color:var(--seki-button-outline-text);border-color:var(--seki-button-outline-border)}.button--outline:hover:not(:disabled){background:var(--seki-button-outline-hover-bg);color:var(--seki-button-outline-hover-text);border-color:var(--seki-button-outline-hover-border)}.button--ghost{background:var(--seki-button-ghost-bg);color:var(--seki-button-ghost-text);border-color:var(--seki-button-ghost-border)}.button--ghost:hover:not(:disabled){background:var(--seki-button-ghost-hover-bg);border-color:var(--seki-button-ghost-hover-border)}.button--destructive{background:var(--seki-button-destructive-bg);color:var(--seki-button-destructive-text);border-color:var(--seki-button-destructive-border)}.button--destructive:hover:not(:disabled){background:var(--seki-button-destructive-hover-bg);border-color:var(--seki-button-destructive-hover-border)}.button--sm{padding:var(--seki-button-sm-padding-y) var(--seki-button-sm-padding-x);font-size:var(--seki-button-sm-font-size);height:var(--seki-button-sm-height)}.button--md{padding:var(--seki-button-md-padding-y) var(--seki-button-md-padding-x);font-size:var(--seki-button-md-font-size);height:var(--seki-button-md-height)}.button--lg{padding:var(--seki-button-lg-padding-y) var(--seki-button-lg-padding-x);font-size:var(--seki-button-lg-font-size);height:var(--seki-button-lg-height)}@media (prefers-reduced-motion: reduce){.button{transition:none}}";
|
|
4
4
|
|
|
5
|
-
const SekiButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiButton extends
|
|
5
|
+
const SekiButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiButton extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
7
7
|
super();
|
|
8
8
|
if (registerHost !== false) {
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
}
|
|
11
11
|
this.__attachShadow();
|
|
12
|
-
this.variant = '
|
|
13
|
-
this.size = '
|
|
12
|
+
this.variant = 'primary';
|
|
13
|
+
this.size = 'md';
|
|
14
14
|
this.disabled = false;
|
|
15
|
-
|
|
16
|
-
getVariantClasses() {
|
|
17
|
-
const variants = {
|
|
18
|
-
default: 'bg-primary text-primary-foreground hover:bg-primary/90',
|
|
19
|
-
destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
|
|
20
|
-
outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
|
|
21
|
-
secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
|
|
22
|
-
ghost: 'hover:bg-accent hover:text-accent-foreground',
|
|
23
|
-
link: 'text-primary underline-offset-4 hover:underline',
|
|
24
|
-
};
|
|
25
|
-
return variants[this.variant];
|
|
26
|
-
}
|
|
27
|
-
getSizeClasses() {
|
|
28
|
-
const sizes = {
|
|
29
|
-
default: 'h-10 px-4 py-2',
|
|
30
|
-
sm: 'h-9 rounded-md px-3',
|
|
31
|
-
lg: 'h-11 rounded-md px-8',
|
|
32
|
-
icon: 'h-10 w-10',
|
|
33
|
-
};
|
|
34
|
-
return sizes[this.size];
|
|
15
|
+
this.type = 'button';
|
|
35
16
|
}
|
|
36
17
|
render() {
|
|
37
|
-
|
|
38
|
-
'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
|
|
39
|
-
this.getVariantClasses(),
|
|
40
|
-
this.getSizeClasses(),
|
|
41
|
-
].join(' ');
|
|
42
|
-
return (h(Host, { key: 'c4ee82237138aa7199fda3fac536d3d0e4f93177' }, h("button", { key: '4705d51d384092e63d902db3d59bd79866eb105d', class: classes, disabled: this.disabled, part: "button" }, h("slot", { key: 'b0e5909326c0e23fd0b611411eaa0b402c90cee3' }))));
|
|
18
|
+
return (h("button", { key: '0a0740566a19505743488924d3971f75cf086ab8', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null }, h("slot", { key: '6c715e7b707efb6dffc4b88773d7ea63c510f305' })));
|
|
43
19
|
}
|
|
44
20
|
static get style() { return sekiButtonCss; }
|
|
45
21
|
}, [257, "seki-button", {
|
|
46
22
|
"variant": [1],
|
|
47
23
|
"size": [1],
|
|
48
|
-
"disabled": [4]
|
|
24
|
+
"disabled": [4],
|
|
25
|
+
"type": [1]
|
|
49
26
|
}]);
|
|
50
27
|
function defineCustomElement$1() {
|
|
51
28
|
if (typeof customElements === "undefined") {
|
|
@@ -60,11 +37,9 @@ function defineCustomElement$1() {
|
|
|
60
37
|
break;
|
|
61
38
|
} });
|
|
62
39
|
}
|
|
40
|
+
defineCustomElement$1();
|
|
63
41
|
|
|
64
42
|
const SekiButton = SekiButton$1;
|
|
65
43
|
const defineCustomElement = defineCustomElement$1;
|
|
66
44
|
|
|
67
45
|
export { SekiButton, defineCustomElement };
|
|
68
|
-
//# sourceMappingURL=seki-button.js.map
|
|
69
|
-
|
|
70
|
-
//# sourceMappingURL=seki-button.js.map
|
|
@@ -1,31 +1,8 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopNamespace(e) {
|
|
4
|
-
if (e && e.__esModule) return e;
|
|
5
|
-
var n = Object.create(null);
|
|
6
|
-
if (e) {
|
|
7
|
-
Object.keys(e).forEach(function (k) {
|
|
8
|
-
if (k !== 'default') {
|
|
9
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () { return e[k]; }
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
n.default = e;
|
|
18
|
-
return Object.freeze(n);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
1
|
const NAMESPACE = 'sekiui';
|
|
22
|
-
const BUILD = /* sekiui */ { hydratedSelectorName: "hydrated", lazyLoad: true,
|
|
23
|
-
|
|
24
|
-
const globalScripts = () => {};
|
|
25
|
-
const globalStyles = "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n/* shadcn/ui design tokens */\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 222.2 84% 4.9%;\n --card: 0 0% 100%;\n --card-foreground: 222.2 84% 4.9%;\n --popover: 0 0% 100%;\n --popover-foreground: 222.2 84% 4.9%;\n --primary: 222.2 47.4% 11.2%;\n --primary-foreground: 210 40% 98%;\n --secondary: 210 40% 96%;\n --secondary-foreground: 222.2 84% 4.9%;\n --muted: 210 40% 96%;\n --muted-foreground: 215.4 16.3% 46.9%;\n --accent: 210 40% 96%;\n --accent-foreground: 222.2 84% 4.9%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 40% 98%;\n --border: 214.3 31.8% 91.4%;\n --input: 214.3 31.8% 91.4%;\n --ring: 222.2 84% 4.9%;\n --radius: 0.5rem;\n }\n\n .dark {\n --background: 222.2 84% 4.9%;\n --foreground: 210 40% 98%;\n --card: 222.2 84% 4.9%;\n --card-foreground: 210 40% 98%;\n --popover: 222.2 84% 4.9%;\n --popover-foreground: 210 40% 98%;\n --primary: 210 40% 98%;\n --primary-foreground: 222.2 47.4% 11.2%;\n --secondary: 217.2 32.6% 17.5%;\n --secondary-foreground: 210 40% 98%;\n --muted: 217.2 32.6% 17.5%;\n --muted-foreground: 215 20.2% 65.1%;\n --accent: 217.2 32.6% 17.5%;\n --accent-foreground: 210 40% 98%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 210 40% 98%;\n --border: 217.2 32.6% 17.5%;\n --input: 217.2 32.6% 17.5%;\n --ring: 212.7 26.8% 83.9%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}";
|
|
2
|
+
const BUILD = /* sekiui */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
|
|
26
3
|
|
|
27
4
|
/*
|
|
28
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
|
|
29
6
|
*/
|
|
30
7
|
var __defProp = Object.defineProperty;
|
|
31
8
|
var __export = (target, all) => {
|
|
@@ -50,13 +27,17 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
50
27
|
$flags$: 0,
|
|
51
28
|
$hostElement$: hostElement,
|
|
52
29
|
$cmpMeta$: cmpMeta,
|
|
53
|
-
$instanceValues$: /* @__PURE__ */ new Map()
|
|
30
|
+
$instanceValues$: /* @__PURE__ */ new Map(),
|
|
31
|
+
$serializerValues$: /* @__PURE__ */ new Map()
|
|
54
32
|
};
|
|
55
33
|
{
|
|
56
34
|
hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
|
|
57
35
|
hostElement["s-p"] = [];
|
|
58
36
|
hostElement["s-rc"] = [];
|
|
59
37
|
}
|
|
38
|
+
{
|
|
39
|
+
hostRef.$fetchedCbList$ = [];
|
|
40
|
+
}
|
|
60
41
|
const ref = hostRef;
|
|
61
42
|
hostElement.__stencil__getHostRef = () => ref;
|
|
62
43
|
return ref;
|
|
@@ -76,37 +57,8 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
76
57
|
if (module) {
|
|
77
58
|
return module[exportName];
|
|
78
59
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
const processMod = importedModule => {
|
|
82
|
-
cmpModules.set(bundleId, importedModule);
|
|
83
|
-
return importedModule[exportName];
|
|
84
|
-
}
|
|
85
|
-
switch(bundleId) {
|
|
86
|
-
|
|
87
|
-
case 'seki-button.cjs':
|
|
88
|
-
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
89
|
-
/* webpackMode: "lazy" */
|
|
90
|
-
'./seki-button.cjs.entry.js')); }).then(processMod, consoleError);
|
|
91
|
-
case 'seki-card.cjs':
|
|
92
|
-
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
93
|
-
/* webpackMode: "lazy" */
|
|
94
|
-
'./seki-card.cjs.entry.js')); }).then(processMod, consoleError);
|
|
95
|
-
case 'seki-card-content.cjs':
|
|
96
|
-
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
97
|
-
/* webpackMode: "lazy" */
|
|
98
|
-
'./seki-card-content.cjs.entry.js')); }).then(processMod, consoleError);
|
|
99
|
-
case 'seki-card-header.cjs':
|
|
100
|
-
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
101
|
-
/* webpackMode: "lazy" */
|
|
102
|
-
'./seki-card-header.cjs.entry.js')); }).then(processMod, consoleError);
|
|
103
|
-
case 'seki-card-title.cjs':
|
|
104
|
-
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
105
|
-
/* webpackMode: "lazy" */
|
|
106
|
-
'./seki-card-title.cjs.entry.js')); }).then(processMod, consoleError);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
return (function (t) { return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(t)); }); })(
|
|
60
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/
|
|
61
|
+
return import(
|
|
110
62
|
/* @vite-ignore */
|
|
111
63
|
/* webpackInclude: /\.entry\.js$/ */
|
|
112
64
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
@@ -251,10 +203,7 @@ var unwrapErr = (result) => {
|
|
|
251
203
|
|
|
252
204
|
// src/utils/style.ts
|
|
253
205
|
function createStyleSheetIfNeededAndSupported(styles2) {
|
|
254
|
-
|
|
255
|
-
const sheet = new CSSStyleSheet();
|
|
256
|
-
sheet.replaceSync(styles2);
|
|
257
|
-
return sheet;
|
|
206
|
+
return void 0;
|
|
258
207
|
}
|
|
259
208
|
|
|
260
209
|
// src/utils/shadow-root.ts
|
|
@@ -262,7 +211,7 @@ var globalStyleSheet;
|
|
|
262
211
|
function createShadowRoot(cmpMeta) {
|
|
263
212
|
var _a;
|
|
264
213
|
const shadowRoot = this.attachShadow({ mode: "open" });
|
|
265
|
-
if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(
|
|
214
|
+
if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
|
|
266
215
|
if (globalStyleSheet) {
|
|
267
216
|
if (supportsMutableAdoptedStyleSheets) {
|
|
268
217
|
shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
|
|
@@ -822,6 +771,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
822
771
|
}
|
|
823
772
|
let maybePromise;
|
|
824
773
|
if (isInitialLoad) {
|
|
774
|
+
{
|
|
775
|
+
if (hostRef.$fetchedCbList$.length) {
|
|
776
|
+
hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
|
|
777
|
+
}
|
|
778
|
+
}
|
|
825
779
|
maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
|
|
826
780
|
} else {
|
|
827
781
|
maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
|
|
@@ -978,7 +932,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
978
932
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
979
933
|
var _a, _b;
|
|
980
934
|
const prototype = Cstr.prototype;
|
|
981
|
-
if (cmpMeta.$members$ || BUILD.
|
|
935
|
+
if (cmpMeta.$members$ || BUILD.propChangeCallback) {
|
|
982
936
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
983
937
|
members.map(([memberName, [memberFlags]]) => {
|
|
984
938
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
@@ -1012,8 +966,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1012
966
|
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
1013
967
|
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
1014
968
|
newValue = ref.$instanceValues$.get(memberName);
|
|
1015
|
-
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1016
|
-
ref.$instanceValues$.set(memberName, currentValue);
|
|
1017
969
|
}
|
|
1018
970
|
origSetter.apply(this, [
|
|
1019
971
|
parsePropertyValue(
|
|
@@ -1028,7 +980,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1028
980
|
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
1029
981
|
setValue(this, memberName, newValue, cmpMeta);
|
|
1030
982
|
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
1031
|
-
ref.$
|
|
983
|
+
ref.$fetchedCbList$.push(() => {
|
|
1032
984
|
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
1033
985
|
ref.$lazyInstance$[memberName] = newValue;
|
|
1034
986
|
}
|
|
@@ -1049,7 +1001,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1049
1001
|
if (ref.$lazyInstance$) {
|
|
1050
1002
|
setterSetVal();
|
|
1051
1003
|
} else {
|
|
1052
|
-
ref.$
|
|
1004
|
+
ref.$fetchedCbList$.push(() => {
|
|
1005
|
+
setterSetVal();
|
|
1006
|
+
});
|
|
1053
1007
|
}
|
|
1054
1008
|
}
|
|
1055
1009
|
}
|
|
@@ -1062,14 +1016,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1062
1016
|
plt.jmp(() => {
|
|
1063
1017
|
var _a2;
|
|
1064
1018
|
const propName = attrNameToPropName.get(attrName);
|
|
1019
|
+
const hostRef = getHostRef(this);
|
|
1065
1020
|
if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
|
|
1066
1021
|
newValue = this[propName];
|
|
1067
1022
|
delete this[propName];
|
|
1068
|
-
}
|
|
1023
|
+
}
|
|
1024
|
+
if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
1069
1025
|
this[propName] == newValue) {
|
|
1070
1026
|
return;
|
|
1071
1027
|
} else if (propName == null) {
|
|
1072
|
-
const hostRef = getHostRef(this);
|
|
1073
1028
|
const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
|
|
1074
1029
|
if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
|
|
1075
1030
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -1084,7 +1039,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1084
1039
|
}
|
|
1085
1040
|
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1086
1041
|
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1087
|
-
if (newValue
|
|
1042
|
+
if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1088
1043
|
this[propName] = newValue;
|
|
1089
1044
|
}
|
|
1090
1045
|
});
|
|
@@ -1194,7 +1149,7 @@ var connectedCallback = (elm) => {
|
|
|
1194
1149
|
}
|
|
1195
1150
|
if (cmpMeta.$members$) {
|
|
1196
1151
|
Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
|
|
1197
|
-
if (memberFlags & 31 /* Prop */ && elm.
|
|
1152
|
+
if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
|
|
1198
1153
|
const value = elm[memberName];
|
|
1199
1154
|
delete elm[memberName];
|
|
1200
1155
|
elm[memberName] = value;
|
|
@@ -1372,13 +1327,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1372
1327
|
// src/runtime/nonce.ts
|
|
1373
1328
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1374
1329
|
|
|
1375
|
-
|
|
1376
|
-
exports.bootstrapLazy = bootstrapLazy;
|
|
1377
|
-
exports.globalScripts = globalScripts;
|
|
1378
|
-
exports.h = h;
|
|
1379
|
-
exports.promiseResolve = promiseResolve;
|
|
1380
|
-
exports.registerInstance = registerInstance;
|
|
1381
|
-
exports.setNonce = setNonce;
|
|
1382
|
-
//# sourceMappingURL=index-BxbILFLe.js.map
|
|
1383
|
-
|
|
1384
|
-
//# sourceMappingURL=index-BxbILFLe.js.map
|
|
1330
|
+
export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/index.js
CHANGED
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-BROrRAlq.js';
|
|
2
|
+
export { s as setNonce } from './index-BROrRAlq.js';
|
|
3
|
+
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
3
4
|
|
|
4
5
|
const defineCustomElements = async (win, options) => {
|
|
5
6
|
if (typeof window === 'undefined') return undefined;
|
|
6
7
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["seki-button",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4]
|
|
8
|
+
return bootstrapLazy([["seki-button",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}]]]], options);
|
|
8
9
|
};
|
|
9
10
|
|
|
10
11
|
export { defineCustomElements };
|
|
11
|
-
//# sourceMappingURL=loader.js.map
|
|
@@ -1,44 +1,19 @@
|
|
|
1
|
-
import { r as registerInstance, h
|
|
1
|
+
import { r as registerInstance, h } from './index-BROrRAlq.js';
|
|
2
2
|
|
|
3
|
-
const sekiButtonCss = "
|
|
3
|
+
const sekiButtonCss = ":root{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96%);--seki-neutral-200:hsl(0, 0%, 90%);--seki-neutral-300:hsl(0, 0%, 83%);--seki-neutral-400:hsl(0, 0%, 64%);--seki-neutral-500:hsl(0, 0%, 45%);--seki-neutral-600:hsl(0, 0%, 32%);--seki-neutral-700:hsl(0, 0%, 25%);--seki-neutral-800:hsl(0, 0%, 15%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 4%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 72%, 51%);--seki-destructive-600:hsl(0, 72%, 41%)}:root{--seki-bg-primary:var(--seki-neutral-50);--seki-bg-secondary:var(--seki-neutral-100);--seki-bg-tertiary:var(--seki-neutral-200);--seki-text-primary:var(--seki-neutral-900);--seki-text-secondary:var(--seki-neutral-600);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-neutral-200);--seki-border-emphasis:var(--seki-neutral-300);--seki-accent:var(--seki-primary-500);--seki-accent-emphasis:var(--seki-primary-600);--seki-success:var(--seki-success-500);--seki-warning:var(--seki-warning-500);--seki-destructive:var(--seki-destructive-500)}:root[data-theme='dark']{--seki-bg-primary:var(--seki-neutral-950);--seki-bg-secondary:var(--seki-neutral-900);--seki-bg-tertiary:var(--seki-neutral-800);--seki-text-primary:var(--seki-neutral-50);--seki-text-secondary:var(--seki-neutral-400);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-neutral-800);--seki-border-emphasis:var(--seki-neutral-700);--seki-accent:var(--seki-primary-400);--seki-accent-emphasis:var(--seki-primary-300);}:root{--seki-button-primary-bg:var(--seki-accent);--seki-button-primary-text:var(--seki-neutral-50);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:var(--seki-accent-emphasis);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-bg-secondary);--seki-button-secondary-text:var(--seki-text-primary);--seki-button-secondary-border:var(--seki-border-default);--seki-button-secondary-hover-bg:var(--seki-bg-tertiary);--seki-button-secondary-hover-border:var(--seki-border-emphasis);--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-accent);--seki-button-outline-border:var(--seki-accent);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-neutral-50);--seki-button-outline-hover-border:var(--seki-accent);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-text-primary);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-bg-secondary);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-neutral-50);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:var(--seki-destructive-600);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:var(--seki-spacing-1-5, 0.375rem);--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:var(--seki-spacing-5, 1.25rem);--seki-button-lg-padding-y:var(--seki-spacing-2-5, 0.625rem);--seki-button-lg-font-size:var(--seki-text-lg, 1.125rem);--seki-button-lg-height:3rem;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5}:root{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;}:root{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:root{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:root{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:inline-block}.button{font-family:var(--seki-font-sans);font-weight:var(--seki-button-font-weight);border-radius:var(--seki-button-radius);cursor:pointer;border:1px solid;transition:background-color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n border-color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n box-shadow var(--seki-button-transition-duration) var(--seki-button-transition-timing);box-shadow:var(--seki-button-shadow)}.button:hover:not(:disabled){box-shadow:var(--seki-button-shadow-hover)}.button:focus-visible{outline:2px solid var(--seki-accent);outline-offset:2px}.button:disabled{opacity:var(--seki-button-disabled-opacity);cursor:not-allowed}.button--primary{background:var(--seki-button-primary-bg);color:var(--seki-button-primary-text);border-color:var(--seki-button-primary-border)}.button--primary:hover:not(:disabled){background:var(--seki-button-primary-hover-bg);border-color:var(--seki-button-primary-hover-border)}.button--secondary{background:var(--seki-button-secondary-bg);color:var(--seki-button-secondary-text);border-color:var(--seki-button-secondary-border)}.button--secondary:hover:not(:disabled){background:var(--seki-button-secondary-hover-bg);border-color:var(--seki-button-secondary-hover-border)}.button--outline{background:var(--seki-button-outline-bg);color:var(--seki-button-outline-text);border-color:var(--seki-button-outline-border)}.button--outline:hover:not(:disabled){background:var(--seki-button-outline-hover-bg);color:var(--seki-button-outline-hover-text);border-color:var(--seki-button-outline-hover-border)}.button--ghost{background:var(--seki-button-ghost-bg);color:var(--seki-button-ghost-text);border-color:var(--seki-button-ghost-border)}.button--ghost:hover:not(:disabled){background:var(--seki-button-ghost-hover-bg);border-color:var(--seki-button-ghost-hover-border)}.button--destructive{background:var(--seki-button-destructive-bg);color:var(--seki-button-destructive-text);border-color:var(--seki-button-destructive-border)}.button--destructive:hover:not(:disabled){background:var(--seki-button-destructive-hover-bg);border-color:var(--seki-button-destructive-hover-border)}.button--sm{padding:var(--seki-button-sm-padding-y) var(--seki-button-sm-padding-x);font-size:var(--seki-button-sm-font-size);height:var(--seki-button-sm-height)}.button--md{padding:var(--seki-button-md-padding-y) var(--seki-button-md-padding-x);font-size:var(--seki-button-md-font-size);height:var(--seki-button-md-height)}.button--lg{padding:var(--seki-button-lg-padding-y) var(--seki-button-lg-padding-x);font-size:var(--seki-button-lg-font-size);height:var(--seki-button-lg-height)}@media (prefers-reduced-motion: reduce){.button{transition:none}}";
|
|
4
4
|
|
|
5
5
|
const SekiButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
-
this.variant = '
|
|
9
|
-
this.size = '
|
|
8
|
+
this.variant = 'primary';
|
|
9
|
+
this.size = 'md';
|
|
10
10
|
this.disabled = false;
|
|
11
|
-
|
|
12
|
-
getVariantClasses() {
|
|
13
|
-
const variants = {
|
|
14
|
-
default: 'bg-primary text-primary-foreground hover:bg-primary/90',
|
|
15
|
-
destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
|
|
16
|
-
outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
|
|
17
|
-
secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
|
|
18
|
-
ghost: 'hover:bg-accent hover:text-accent-foreground',
|
|
19
|
-
link: 'text-primary underline-offset-4 hover:underline',
|
|
20
|
-
};
|
|
21
|
-
return variants[this.variant];
|
|
22
|
-
}
|
|
23
|
-
getSizeClasses() {
|
|
24
|
-
const sizes = {
|
|
25
|
-
default: 'h-10 px-4 py-2',
|
|
26
|
-
sm: 'h-9 rounded-md px-3',
|
|
27
|
-
lg: 'h-11 rounded-md px-8',
|
|
28
|
-
icon: 'h-10 w-10',
|
|
29
|
-
};
|
|
30
|
-
return sizes[this.size];
|
|
11
|
+
this.type = 'button';
|
|
31
12
|
}
|
|
32
13
|
render() {
|
|
33
|
-
|
|
34
|
-
'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
|
|
35
|
-
this.getVariantClasses(),
|
|
36
|
-
this.getSizeClasses(),
|
|
37
|
-
].join(' ');
|
|
38
|
-
return (h(Host, { key: 'c4ee82237138aa7199fda3fac536d3d0e4f93177' }, h("button", { key: '4705d51d384092e63d902db3d59bd79866eb105d', class: classes, disabled: this.disabled, part: "button" }, h("slot", { key: 'b0e5909326c0e23fd0b611411eaa0b402c90cee3' }))));
|
|
14
|
+
return (h("button", { key: '0a0740566a19505743488924d3971f75cf086ab8', class: `button button--${this.variant} button--${this.size}`, type: this.type, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null }, h("slot", { key: '6c715e7b707efb6dffc4b88773d7ea63c510f305' })));
|
|
39
15
|
}
|
|
40
16
|
};
|
|
41
17
|
SekiButton.style = sekiButtonCss;
|
|
42
18
|
|
|
43
19
|
export { SekiButton as seki_button };
|
|
44
|
-
//# sourceMappingURL=seki-button.entry.js.map
|
package/dist/esm/sekiui.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve,
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-BROrRAlq.js';
|
|
2
|
+
export { s as setNonce } from './index-BROrRAlq.js';
|
|
3
|
+
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
3
4
|
|
|
4
5
|
/*
|
|
5
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.38.0 | MIT Licensed | https://stenciljs.com
|
|
6
7
|
*/
|
|
7
8
|
|
|
8
9
|
var patchBrowser = () => {
|
|
@@ -16,6 +17,5 @@ var patchBrowser = () => {
|
|
|
16
17
|
|
|
17
18
|
patchBrowser().then(async (options) => {
|
|
18
19
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["seki-button",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4]
|
|
20
|
+
return bootstrapLazy([["seki-button",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}]]]], options);
|
|
20
21
|
});
|
|
21
|
-
//# sourceMappingURL=sekiui.js.map
|
package/dist/sekiui/index.esm.js
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},n=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.t=e)},o=(e,t)=>(0,console.error)(e,t),i=new Map,l=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",r="undefined"!=typeof window?window:{},c={o:0,i:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),f=!!a&&(()=>!!r.document&&Object.getOwnPropertyDescriptor(r.document.adoptedStyleSheets,"length").writable)(),d=!1,h=[],p=[],m=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&c.o?b(y):c.raf(y))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&c.raf(y)},b=e=>u().then(e),$=m(p,!0),w=e=>"object"==(e=typeof e)||"function"===e;function g(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>k,ok:()=>S,unwrap:()=>E,unwrapErr:()=>M});var S=e=>({isOk:!0,isErr:!1,value:e}),j=e=>({isOk:!1,isErr:!0,value:e});function k(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>S(e))):S(n)}if(e.isErr)return j(e.value);throw"should never get here"}var O,E=e=>{if(e.isOk)return e.value;throw e.value},M=e=>{if(e.isErr)return e.value;throw e.value};function C(){const e=this.attachShadow({mode:"open"});void 0===O&&(O=null),O&&(f?e.adoptedStyleSheets.push(O):e.adoptedStyleSheets=[...e.adoptedStyleSheets,O])}var x=new WeakMap,P=e=>"sc-"+e.l,D=(e,t,...n)=>{let o=null,i=null,l=!1,s=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!w(o))&&(o+=""),l&&s?r[r.length-1].u+=o:r.push(l?R(null,o):o),s=l)};if(c(n),t){t.key&&(i=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=R(e,null);return u.h=t,r.length>0&&(u.p=r),u.m=i,u},R=(e,t)=>({o:0,v:e,u:t,$:null,p:null,h:null,m:null}),U={},W=e=>{const t=(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(e);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};W("::slotted"),W(":host"),W(":host-context");var A,N=(e,t)=>null==e||w(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e,L=(e,t,n,o,i,l)=>{if(n===o)return;let s=((e,t)=>t in e)(e,t);if(t.toLowerCase(),"class"===t){const t=e.classList,i=z(n);let l=z(o);t.remove(...i.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!i.includes(e))))}else if("key"===t);else{const r=w(o);if(s||r&&null!==o)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const i=null==o?"":o;"list"===t?s=!1:null!=n&&e[t]==i||("function"==typeof e.__lookupSetter__(t)?e[t]=i:e.setAttribute(t,i))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&l||i)&&!r&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}},T=/\s/,z=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(T):[]),H=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,i=e&&e.h||{},l=t.h||{};for(const e of V(Object.keys(i)))e in l||L(o,e,i[e],void 0,n,t.o);for(const e of V(Object.keys(l)))L(o,e,i[e],l[e],n,t.o)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,F=(e,t,n)=>{const o=t.p[n];let i,l,s=0;if(!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(i=o.$=r.document.createElement(o.v),H(null,o,q),o.p)for(s=0;s<o.p.length;++s)l=F(e,o,s),l&&i.appendChild(l);return i["s-hn"]=A,i},G=(e,t,n,o,i,l)=>{let s,r=e;for(r.shadowRoot&&r.tagName===A&&(r=r.shadowRoot);i<=l;++i)o[i]&&(s=F(null,n,i),s&&(o[i].$=s,B(r,s,t)))},I=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},Y=(e,t,n=!1)=>e.v===t.v&&(n?(n&&!e.m&&t.m&&(e.m=t.m),!0):e.m===t.m),_=(e,t,n=!1)=>{const o=t.$=e.$,i=e.p,l=t.p;H(e,t,q),null!==i&&null!==l?((e,t,n,o,i=!1)=>{let l,s,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(Y(d,m,i))_(d,m,i),d=t[++r],m=o[++c];else if(Y(h,v,i))_(h,v,i),h=t[--f],v=o[--p];else if(Y(d,v,i))_(d,v,i),B(e,d.$,h.$.nextSibling),d=t[++r],v=o[--p];else if(Y(h,m,i))_(h,m,i),B(e,h.$,d.$),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].m&&t[a].m===m.m){u=a;break}u>=0?(s=t[u],s.v!==m.v?l=F(t&&t[c],n,u):(_(s,m,i),t[u]=void 0,l=s.$),m=o[++c]):(l=F(t&&t[c],n,c),m=o[++c]),l&&B(d.$.parentNode,l,d.$)}r>f?G(e,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&I(t,r,f)})(o,i,t,l,n):null!==l?G(o,null,t,l,0,l.length-1):!n&&null!==i&&I(i,0,i.length-1)},B=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},K=(e,t)=>{if(e.o|=16,4&e.o)return void(e.o|=512);J(e,e.j);const n=()=>Q(e,t);if(!t)return $(n);queueMicrotask((()=>{n()}))},Q=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let i;return t?(e.k.length&&e.k.forEach((e=>e(n))),i=ie(o,"componentWillLoad",void 0,n)):i=ie(o,"componentWillUpdate",void 0,n),i=X(i,(()=>ie(o,"componentWillRender",void 0,n))),X(i,(()=>ee(e,o,t)))},X=(e,t)=>Z(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ee=async(e,t,n)=>{var o;const i=e.$hostElement$,u=i["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,i=((e,t)=>{var n;const o=P(t),i=l.get(o);if(!r.document)return o;if(e=11===e.nodeType?e:r.document,i)if("string"==typeof i){let l,u=x.get(e=e.head||e);if(u||x.set(e,u=new Set),!u.has(o)){{l=r.document.createElement("style"),l.innerHTML=i;const o=null!=(n=c.M)?n:g(r.document);if(null!=o&&l.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(a){const t=new CSSStyleSheet;t.replaceSync(i),f?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=i+t.innerHTML:e.prepend(l)}else e.append(l);1&t.o&&e.insertBefore(l,null)}4&t.o&&(l.innerHTML+=s),u&&u.add(o)}}else e.adoptedStyleSheets.includes(i)||(f?e.adoptedStyleSheets.push(i):e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=i,n.classList.add(i+"-h"))})(e);te(e,t,i,n),u&&(u.map((e=>e())),i["s-rc"]=void 0);{const t=null!=(o=i["s-p"])?o:[],n=()=>ne(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},te=(e,t,n,i)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,i=e.C||R(null,null),l=(e=>e&&e.v===U)(t)?t:D(null,null,t);if(A=o.tagName,n&&l.h)for(const e of Object.keys(l.h))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(l.h[e]=o[e]);l.v=null,l.o|=4,e.C=l,l.$=i.$=o.shadowRoot||o,_(i,l,n)})(e,t,i)}catch(t){o(t,e.$hostElement$)}return null},ne=e=>{const t=e.$hostElement$,n=e.t,o=e.j;ie(n,"componentDidRender",void 0,t),64&e.o?ie(n,"componentDidUpdate",void 0,t):(e.o|=64,le(t),ie(n,"componentDidLoad",void 0,t),e.P(t),o||oe()),e.S&&(e.S(),e.S=void 0),512&e.o&&b((()=>K(e,!1))),e.o&=-517},oe=()=>{b((()=>(e=>{const t=c.ce("appload",{detail:{namespace:"sekiui"}});return e.dispatchEvent(t),t})(r)))},ie=(e,t,n,i)=>{if(e&&e[t])try{return e[t](n)}catch(e){o(e,i)}},le=e=>e.classList.add("hydrated"),se=(e,n,o,i)=>{const l=t(e);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${i.l}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.D.get(n),r=l.o,c=l.t;if(o=N(o,i.R[n][0]),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(l.D.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;K(l,!1)}},re=(e,n,o)=>{var i,l;const s=e.prototype;if(n.R){const r=Object.entries(null!=(i=n.R)?i:{});if(r.map((([e,[i]])=>{if(31&i||2&o&&32&i){const{get:l,set:r}=Object.getOwnPropertyDescriptor(s,e)||{};l&&(n.R[e][0]|=2048),r&&(n.R[e][0]|=4096),(1&o||!l)&&Object.defineProperty(s,e,{get(){{if(!(2048&n.R[e][0]))return((e,n)=>t(this).D.get(n))(0,e);const o=t(this),i=o?o.t:s;if(!i)return;return i[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(l){const s=t(this);if(s){if(r)return void 0===(32&i?this[e]:s.$hostElement$[e])&&s.D.get(e)&&(l=s.D.get(e)),r.call(this,N(l,i)),void se(this,e,l=32&i?this[e]:s.$hostElement$[e],n);{if(!(1&o&&4096&n.R[e][0]))return se(this,e,l,n),void(1&o&&!s.t&&s.k.push((()=>{4096&n.R[e][0]&&s.t[e]!==s.D.get(e)&&(s.t[e]=l)})));const t=()=>{const t=s.t[e];!s.D.get(e)&&t&&s.D.set(e,t),s.t[e]=N(l,i),se(this,e,s.t[e],n)};s.t?t():s.k.push((()=>{t()}))}}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(e,i,l){c.jmp((()=>{var r;const c=o.get(e),u=t(this);if(this.hasOwnProperty(c)&&(l=this[c],delete this[c]),s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==l)return;if(null==c){const t=null==u?void 0:u.o;if(u&&t&&!(8&t)&&128&t&&l!==i){const t=u.t,o=null==(r=n.U)?void 0:r[e];null==o||o.forEach((n=>{null!=t[n]&&t[n].call(t,l,i,e)}))}return}const a=Object.getOwnPropertyDescriptor(s,c);(l=(null!==l||"boolean"!=typeof this[c])&&l)==this[c]||a.get&&!a.set||(this[c]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.U)?l:{}),...r.filter((([e,t])=>31&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},ce=(e,t)=>{ie(e,"connectedCallback",void 0,t)},ue=(e,t)=>{ie(e,"disconnectedCallback",void 0,t||e)},ae=(e,n={})=>{var u;if(!r.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=r.customElements,p=r.document.head,m=p.querySelector("meta[charset]"),v=r.document.createElement("style"),y=[];let b,$=!0;Object.assign(c,n),c.i=new URL(n.resourcesUrl||"./",r.document.baseURI).href;let w=!1;if(e.map((e=>{e[1].map((n=>{const s={o:n[0],l:n[1],R:n[2],W:n[3]};4&s.o&&(w=!0),s.R=n[2];const r=s.l,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,O:t,D:new Map,A:new Map};n.N=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],n.k=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,s),1&s.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.l}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else C.call(e,s)}connectedCallback(){t(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),$?y.push(this):c.jmp((()=>(e=>{if(!(1&c.o)){const n=t(e);if(!n)return;const s=n.O,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ce(n.t,e):(null==n?void 0:n.N)&&n.N.then((()=>ce(n.t,e)));else{n.o|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){J(n,n.j=t);break}}s.R&&Object.entries(s.R).map((([t,[n]])=>{if(31&n&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let s;if(!(32&t.o)){if(t.o|=32,n.L){const l=((e,t)=>{const n=e.l.replace(/-/g,"_"),l=e.L;if(!l)return;const s=i.get(l);return s?s[n]:import(`./${l}.entry.js`).then((e=>(i.set(l,e),e[n])),(e=>{o(e,t.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(l&&"then"in l){const e=()=>{};s=await l,e()}else s=l;if(!s)throw Error(`Constructor for "${n.l}#${t.T}" was not found`);s.isProxied||(re(s,n,2),s.isProxied=!0);const r=()=>{};t.o|=8;try{new s(t)}catch(t){o(t,e)}t.o&=-9,r(),ce(t.t,e)}else s=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(s&&s.style){let e;"string"==typeof s.style&&(e=s.style);const t=P(n);if(!l.has(t)){const o=()=>{};((e,t,n)=>{let o=l.get(e);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,l.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>K(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,n,s)}r()}})(this))))}disconnectedCallback(){c.jmp((()=>(async e=>{if(!(1&c.o)){const n=t(e);(null==n?void 0:n.t)?ue(n.t,e):(null==n?void 0:n.N)&&n.N.then((()=>ue(n.t,e)))}x.has(e)&&x.delete(e),e.shadowRoot&&x.has(e.shadowRoot)&&x.delete(e.shadowRoot)})(this))),c.raf((()=>{var e;const n=t(this);if(!n)return;const o=y.findIndex((e=>e===this));o>-1&&y.splice(o,1),(null==(e=null==n?void 0:n.C)?void 0:e.$)instanceof Node&&!n.C.$.isConnected&&delete n.C.$}))}componentOnReady(){var e;return null==(e=t(this))?void 0:e.N}};s.L=e[0],d.includes(r)||h.get(r)||(f.push(r),h.define(r,re(u,s,1)))}))})),f.length>0&&(w&&(v.textContent+=s),v.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(u=c.M)?u:g(r.document);null!=e&&v.setAttribute("nonce",e),p.insertBefore(v,m?m.nextSibling:p.firstChild)}$=!1,y.length?y.map((e=>e.connectedCallback())):c.jmp((()=>b=setTimeout(oe,30)))},fe=e=>c.M=e;export{ae as b,D as h,u as p,n as r,fe as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=()=>{};export{o as g}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t}from"./p-BROrRAlq.js";const r=class{constructor(t){e(this,t),this.variant="primary",this.size="md",this.disabled=!1,this.type="button"}render(){return t("button",{key:"0a0740566a19505743488924d3971f75cf086ab8",class:`button button--${this.variant} button--${this.size}`,type:this.type,disabled:this.disabled,"aria-disabled":this.disabled?"true":null},t("slot",{key:"6c715e7b707efb6dffc4b88773d7ea63c510f305"}))}};r.style=":root{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96%);--seki-neutral-200:hsl(0, 0%, 90%);--seki-neutral-300:hsl(0, 0%, 83%);--seki-neutral-400:hsl(0, 0%, 64%);--seki-neutral-500:hsl(0, 0%, 45%);--seki-neutral-600:hsl(0, 0%, 32%);--seki-neutral-700:hsl(0, 0%, 25%);--seki-neutral-800:hsl(0, 0%, 15%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 4%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 72%, 51%);--seki-destructive-600:hsl(0, 72%, 41%)}:root{--seki-bg-primary:var(--seki-neutral-50);--seki-bg-secondary:var(--seki-neutral-100);--seki-bg-tertiary:var(--seki-neutral-200);--seki-text-primary:var(--seki-neutral-900);--seki-text-secondary:var(--seki-neutral-600);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-neutral-200);--seki-border-emphasis:var(--seki-neutral-300);--seki-accent:var(--seki-primary-500);--seki-accent-emphasis:var(--seki-primary-600);--seki-success:var(--seki-success-500);--seki-warning:var(--seki-warning-500);--seki-destructive:var(--seki-destructive-500)}:root[data-theme='dark']{--seki-bg-primary:var(--seki-neutral-950);--seki-bg-secondary:var(--seki-neutral-900);--seki-bg-tertiary:var(--seki-neutral-800);--seki-text-primary:var(--seki-neutral-50);--seki-text-secondary:var(--seki-neutral-400);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-neutral-800);--seki-border-emphasis:var(--seki-neutral-700);--seki-accent:var(--seki-primary-400);--seki-accent-emphasis:var(--seki-primary-300);}:root{--seki-button-primary-bg:var(--seki-accent);--seki-button-primary-text:var(--seki-neutral-50);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:var(--seki-accent-emphasis);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-bg-secondary);--seki-button-secondary-text:var(--seki-text-primary);--seki-button-secondary-border:var(--seki-border-default);--seki-button-secondary-hover-bg:var(--seki-bg-tertiary);--seki-button-secondary-hover-border:var(--seki-border-emphasis);--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-accent);--seki-button-outline-border:var(--seki-accent);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-neutral-50);--seki-button-outline-hover-border:var(--seki-accent);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-text-primary);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-bg-secondary);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-neutral-50);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:var(--seki-destructive-600);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:var(--seki-spacing-1-5, 0.375rem);--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:var(--seki-spacing-5, 1.25rem);--seki-button-lg-padding-y:var(--seki-spacing-2-5, 0.625rem);--seki-button-lg-font-size:var(--seki-text-lg, 1.125rem);--seki-button-lg-height:3rem;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5}:root{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;}:root{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:root{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:root{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:inline-block}.button{font-family:var(--seki-font-sans);font-weight:var(--seki-button-font-weight);border-radius:var(--seki-button-radius);cursor:pointer;border:1px solid;transition:background-color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n border-color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n color var(--seki-button-transition-duration) var(--seki-button-transition-timing),\n box-shadow var(--seki-button-transition-duration) var(--seki-button-transition-timing);box-shadow:var(--seki-button-shadow)}.button:hover:not(:disabled){box-shadow:var(--seki-button-shadow-hover)}.button:focus-visible{outline:2px solid var(--seki-accent);outline-offset:2px}.button:disabled{opacity:var(--seki-button-disabled-opacity);cursor:not-allowed}.button--primary{background:var(--seki-button-primary-bg);color:var(--seki-button-primary-text);border-color:var(--seki-button-primary-border)}.button--primary:hover:not(:disabled){background:var(--seki-button-primary-hover-bg);border-color:var(--seki-button-primary-hover-border)}.button--secondary{background:var(--seki-button-secondary-bg);color:var(--seki-button-secondary-text);border-color:var(--seki-button-secondary-border)}.button--secondary:hover:not(:disabled){background:var(--seki-button-secondary-hover-bg);border-color:var(--seki-button-secondary-hover-border)}.button--outline{background:var(--seki-button-outline-bg);color:var(--seki-button-outline-text);border-color:var(--seki-button-outline-border)}.button--outline:hover:not(:disabled){background:var(--seki-button-outline-hover-bg);color:var(--seki-button-outline-hover-text);border-color:var(--seki-button-outline-hover-border)}.button--ghost{background:var(--seki-button-ghost-bg);color:var(--seki-button-ghost-text);border-color:var(--seki-button-ghost-border)}.button--ghost:hover:not(:disabled){background:var(--seki-button-ghost-hover-bg);border-color:var(--seki-button-ghost-hover-border)}.button--destructive{background:var(--seki-button-destructive-bg);color:var(--seki-button-destructive-text);border-color:var(--seki-button-destructive-border)}.button--destructive:hover:not(:disabled){background:var(--seki-button-destructive-hover-bg);border-color:var(--seki-button-destructive-hover-border)}.button--sm{padding:var(--seki-button-sm-padding-y) var(--seki-button-sm-padding-x);font-size:var(--seki-button-sm-font-size);height:var(--seki-button-sm-height)}.button--md{padding:var(--seki-button-md-padding-y) var(--seki-button-md-padding-x);font-size:var(--seki-button-md-font-size);height:var(--seki-button-md-height)}.button--lg{padding:var(--seki-button-lg-padding-y) var(--seki-button-lg-padding-x);font-size:var(--seki-button-lg-font-size);height:var(--seki-button-lg-height)}@media (prefers-reduced-motion: reduce){.button{transition:none}}";export{r as seki_button}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{p as
|
|
2
|
-
//# sourceMappingURL=sekiui.esm.js.map
|
|
1
|
+
import{p as t,b as a}from"./p-BROrRAlq.js";export{s as setNonce}from"./p-BROrRAlq.js";import{g as r}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),t(a)})().then((async s=>(await r(),a([["p-e65a94f7",[[257,"seki-button",{variant:[1],size:[1],disabled:[4],type:[1]}]]]],s))));
|