@sekiui/elements 0.0.12 → 0.0.13
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 +23 -3
- package/dist/cjs/index-BxbILFLe.js +1384 -0
- package/dist/cjs/index-BxbILFLe.js.map +1 -0
- package/dist/cjs/index.cjs.js +3 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +13 -0
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/cjs/seki-button.cjs.entry.js +46 -0
- package/dist/cjs/seki-button.entry.cjs.js.map +1 -0
- package/dist/cjs/seki-card-content.cjs.entry.js +18 -0
- package/dist/cjs/seki-card-content.entry.cjs.js.map +1 -0
- package/dist/cjs/seki-card-header.cjs.entry.js +18 -0
- package/dist/cjs/seki-card-header.entry.cjs.js.map +1 -0
- package/dist/cjs/seki-card-title.cjs.entry.js +18 -0
- package/dist/cjs/seki-card-title.entry.cjs.js.map +1 -0
- package/dist/cjs/seki-card.cjs.entry.js +18 -0
- package/dist/cjs/seki-card.entry.cjs.js.map +1 -0
- package/dist/cjs/sekiui.cjs.js +25 -0
- package/dist/cjs/sekiui.cjs.js.map +1 -0
- package/dist/collection/button.js +18 -0
- package/dist/collection/button.js.map +1 -0
- package/dist/collection/card.js +18 -0
- package/dist/collection/card.js.map +1 -0
- package/dist/collection/collection-manifest.json +16 -0
- package/dist/collection/components/seki-button/seki-button.css +60 -0
- package/dist/collection/components/seki-button/seki-button.js +125 -0
- package/dist/collection/components/seki-button/seki-button.js.map +1 -0
- package/dist/collection/components/seki-card/seki-card.css +60 -0
- package/dist/collection/components/seki-card/seki-card.js +19 -0
- package/dist/collection/components/seki-card/seki-card.js.map +1 -0
- package/dist/collection/components/seki-card-content/seki-card-content.css +60 -0
- package/dist/collection/components/seki-card-content/seki-card-content.js +19 -0
- package/dist/collection/components/seki-card-content/seki-card-content.js.map +1 -0
- package/dist/collection/components/seki-card-header/seki-card-header.css +60 -0
- package/dist/collection/components/seki-card-header/seki-card-header.js +19 -0
- package/dist/collection/components/seki-card-header/seki-card-header.js.map +1 -0
- package/dist/collection/components/seki-card-title/seki-card-title.css +60 -0
- package/dist/collection/components/seki-card-title/seki-card-title.js +19 -0
- package/dist/collection/components/seki-card-title/seki-card-title.js.map +1 -0
- package/dist/collection/index.js +2 -0
- package/dist/collection/index.js.map +1 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/seki-button.d.ts +11 -0
- package/dist/components/seki-button.js +70 -0
- package/dist/components/seki-button.js.map +1 -0
- package/dist/components/seki-card-content.d.ts +11 -0
- package/dist/components/seki-card-content.js +38 -0
- package/dist/components/seki-card-content.js.map +1 -0
- package/dist/components/seki-card-header.d.ts +11 -0
- package/dist/components/seki-card-header.js +38 -0
- package/dist/components/seki-card-header.js.map +1 -0
- package/dist/components/seki-card-title.d.ts +11 -0
- package/dist/components/seki-card-title.js +38 -0
- package/dist/components/seki-card-title.js.map +1 -0
- package/dist/components/seki-card.d.ts +11 -0
- package/dist/components/seki-card.js +38 -0
- package/dist/components/seki-card.js.map +1 -0
- package/dist/esm/index-3X8Wsgjr.js +1358 -0
- package/dist/esm/index-3X8Wsgjr.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/loader.js +11 -0
- package/dist/esm/loader.js.map +1 -0
- package/dist/esm/seki-button.entry.js +44 -0
- package/dist/esm/seki-button.entry.js.map +1 -0
- package/dist/esm/seki-card-content.entry.js +16 -0
- package/dist/esm/seki-card-content.entry.js.map +1 -0
- package/dist/esm/seki-card-header.entry.js +16 -0
- package/dist/esm/seki-card-header.entry.js.map +1 -0
- package/dist/esm/seki-card-title.entry.js +16 -0
- package/dist/esm/seki-card-title.entry.js.map +1 -0
- package/dist/esm/seki-card.entry.js +16 -0
- package/dist/esm/seki-card.entry.js.map +1 -0
- package/dist/esm/sekiui.js +21 -0
- package/dist/esm/sekiui.js.map +1 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/sekiui/index.esm.js +2 -0
- package/dist/sekiui/index.esm.js.map +1 -0
- package/dist/sekiui/loader.esm.js.map +1 -0
- package/dist/sekiui/p-043a8413.entry.js +2 -0
- package/dist/sekiui/p-043a8413.entry.js.map +1 -0
- package/dist/sekiui/p-3X8Wsgjr.js +3 -0
- package/dist/sekiui/p-3X8Wsgjr.js.map +1 -0
- package/dist/sekiui/p-65fc14ff.entry.js +2 -0
- package/dist/sekiui/p-65fc14ff.entry.js.map +1 -0
- package/dist/sekiui/p-aa468537.entry.js +2 -0
- package/dist/sekiui/p-aa468537.entry.js.map +1 -0
- package/dist/sekiui/p-c49f2aaf.entry.js +2 -0
- package/dist/sekiui/p-c49f2aaf.entry.js.map +1 -0
- package/dist/sekiui/p-e8e49693.entry.js +2 -0
- package/dist/sekiui/p-e8e49693.entry.js.map +1 -0
- package/dist/sekiui/seki-button.entry.esm.js.map +1 -0
- package/dist/sekiui/seki-card-content.entry.esm.js.map +1 -0
- package/dist/sekiui/seki-card-header.entry.esm.js.map +1 -0
- package/dist/sekiui/seki-card-title.entry.esm.js.map +1 -0
- package/dist/sekiui/seki-card.entry.esm.js.map +1 -0
- package/dist/sekiui/sekiui.css +60 -0
- package/dist/sekiui/sekiui.esm.js +2 -0
- package/dist/sekiui/sekiui.esm.js.map +1 -0
- package/dist/types/button.d.ts +4 -0
- package/dist/types/card.d.ts +4 -0
- package/dist/types/components/seki-button/seki-button.d.ts +10 -0
- package/dist/types/components/seki-card/seki-card.d.ts +3 -0
- package/dist/types/components/seki-card-content/seki-card-content.d.ts +3 -0
- package/dist/types/components/seki-card-header/seki-card-header.d.ts +3 -0
- package/dist/types/components/seki-card-title/seki-card-title.d.ts +3 -0
- package/dist/types/components.d.ts +115 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +1732 -0
- package/package.json +34 -5
- package/.github/workflows/release.yml +0 -42
- package/packages/elements/README.md +0 -25
- package/packages/elements/package.json +0 -30
- package/packages/elements/src/button.ts +0 -18
- package/packages/elements/src/card.ts +0 -18
- package/packages/elements/src/index.ts +0 -13
- package/packages/elements/tsconfig.json +0 -21
- package/pnpm-workspace.yaml +0 -2
- /package/{packages/elements/LICENSE → LICENSE} +0 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
/* shadcn/ui design tokens */
|
|
6
|
+
@layer base {
|
|
7
|
+
:root {
|
|
8
|
+
--background: 0 0% 100%;
|
|
9
|
+
--foreground: 222.2 84% 4.9%;
|
|
10
|
+
--card: 0 0% 100%;
|
|
11
|
+
--card-foreground: 222.2 84% 4.9%;
|
|
12
|
+
--popover: 0 0% 100%;
|
|
13
|
+
--popover-foreground: 222.2 84% 4.9%;
|
|
14
|
+
--primary: 222.2 47.4% 11.2%;
|
|
15
|
+
--primary-foreground: 210 40% 98%;
|
|
16
|
+
--secondary: 210 40% 96%;
|
|
17
|
+
--secondary-foreground: 222.2 84% 4.9%;
|
|
18
|
+
--muted: 210 40% 96%;
|
|
19
|
+
--muted-foreground: 215.4 16.3% 46.9%;
|
|
20
|
+
--accent: 210 40% 96%;
|
|
21
|
+
--accent-foreground: 222.2 84% 4.9%;
|
|
22
|
+
--destructive: 0 84.2% 60.2%;
|
|
23
|
+
--destructive-foreground: 210 40% 98%;
|
|
24
|
+
--border: 214.3 31.8% 91.4%;
|
|
25
|
+
--input: 214.3 31.8% 91.4%;
|
|
26
|
+
--ring: 222.2 84% 4.9%;
|
|
27
|
+
--radius: 0.5rem;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.dark {
|
|
31
|
+
--background: 222.2 84% 4.9%;
|
|
32
|
+
--foreground: 210 40% 98%;
|
|
33
|
+
--card: 222.2 84% 4.9%;
|
|
34
|
+
--card-foreground: 210 40% 98%;
|
|
35
|
+
--popover: 222.2 84% 4.9%;
|
|
36
|
+
--popover-foreground: 210 40% 98%;
|
|
37
|
+
--primary: 210 40% 98%;
|
|
38
|
+
--primary-foreground: 222.2 47.4% 11.2%;
|
|
39
|
+
--secondary: 217.2 32.6% 17.5%;
|
|
40
|
+
--secondary-foreground: 210 40% 98%;
|
|
41
|
+
--muted: 217.2 32.6% 17.5%;
|
|
42
|
+
--muted-foreground: 215 20.2% 65.1%;
|
|
43
|
+
--accent: 217.2 32.6% 17.5%;
|
|
44
|
+
--accent-foreground: 210 40% 98%;
|
|
45
|
+
--destructive: 0 62.8% 30.6%;
|
|
46
|
+
--destructive-foreground: 210 40% 98%;
|
|
47
|
+
--border: 217.2 32.6% 17.5%;
|
|
48
|
+
--input: 217.2 32.6% 17.5%;
|
|
49
|
+
--ring: 212.7 26.8% 83.9%;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@layer base {
|
|
54
|
+
* {
|
|
55
|
+
@apply border-border;
|
|
56
|
+
}
|
|
57
|
+
body {
|
|
58
|
+
@apply bg-background text-foreground;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Host, h } from "@stencil/core";
|
|
2
|
+
export class SekiCardHeader {
|
|
3
|
+
render() {
|
|
4
|
+
return (h(Host, { key: '307b6439aa19ecb9cad43a11f835946bcf45ec1c' }, h("div", { key: 'ae88d484f2d3da6f5298965eb3328f9467a12e01', class: "flex flex-col space-y-1.5 p-6", part: "header" }, h("slot", { key: 'fc5c76c6ad45bd91bc2d675e7b2528eabdbd4d3f' }))));
|
|
5
|
+
}
|
|
6
|
+
static get is() { return "seki-card-header"; }
|
|
7
|
+
static get encapsulation() { return "shadow"; }
|
|
8
|
+
static get originalStyleUrls() {
|
|
9
|
+
return {
|
|
10
|
+
"$": ["seki-card-header.css"]
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
static get styleUrls() {
|
|
14
|
+
return {
|
|
15
|
+
"$": ["seki-card-header.css"]
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=seki-card-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"seki-card-header.js","sourceRoot":"","sources":["../../../src/components/seki-card-header/seki-card-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc;IACzB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ;gBACtD,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'seki-card-header',\n styleUrl: 'seki-card-header.css',\n shadow: true,\n})\nexport class SekiCardHeader {\n render() {\n return (\n <Host>\n <div class=\"flex flex-col space-y-1.5 p-6\" part=\"header\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}"]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
/* shadcn/ui design tokens */
|
|
6
|
+
@layer base {
|
|
7
|
+
:root {
|
|
8
|
+
--background: 0 0% 100%;
|
|
9
|
+
--foreground: 222.2 84% 4.9%;
|
|
10
|
+
--card: 0 0% 100%;
|
|
11
|
+
--card-foreground: 222.2 84% 4.9%;
|
|
12
|
+
--popover: 0 0% 100%;
|
|
13
|
+
--popover-foreground: 222.2 84% 4.9%;
|
|
14
|
+
--primary: 222.2 47.4% 11.2%;
|
|
15
|
+
--primary-foreground: 210 40% 98%;
|
|
16
|
+
--secondary: 210 40% 96%;
|
|
17
|
+
--secondary-foreground: 222.2 84% 4.9%;
|
|
18
|
+
--muted: 210 40% 96%;
|
|
19
|
+
--muted-foreground: 215.4 16.3% 46.9%;
|
|
20
|
+
--accent: 210 40% 96%;
|
|
21
|
+
--accent-foreground: 222.2 84% 4.9%;
|
|
22
|
+
--destructive: 0 84.2% 60.2%;
|
|
23
|
+
--destructive-foreground: 210 40% 98%;
|
|
24
|
+
--border: 214.3 31.8% 91.4%;
|
|
25
|
+
--input: 214.3 31.8% 91.4%;
|
|
26
|
+
--ring: 222.2 84% 4.9%;
|
|
27
|
+
--radius: 0.5rem;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.dark {
|
|
31
|
+
--background: 222.2 84% 4.9%;
|
|
32
|
+
--foreground: 210 40% 98%;
|
|
33
|
+
--card: 222.2 84% 4.9%;
|
|
34
|
+
--card-foreground: 210 40% 98%;
|
|
35
|
+
--popover: 222.2 84% 4.9%;
|
|
36
|
+
--popover-foreground: 210 40% 98%;
|
|
37
|
+
--primary: 210 40% 98%;
|
|
38
|
+
--primary-foreground: 222.2 47.4% 11.2%;
|
|
39
|
+
--secondary: 217.2 32.6% 17.5%;
|
|
40
|
+
--secondary-foreground: 210 40% 98%;
|
|
41
|
+
--muted: 217.2 32.6% 17.5%;
|
|
42
|
+
--muted-foreground: 215 20.2% 65.1%;
|
|
43
|
+
--accent: 217.2 32.6% 17.5%;
|
|
44
|
+
--accent-foreground: 210 40% 98%;
|
|
45
|
+
--destructive: 0 62.8% 30.6%;
|
|
46
|
+
--destructive-foreground: 210 40% 98%;
|
|
47
|
+
--border: 217.2 32.6% 17.5%;
|
|
48
|
+
--input: 217.2 32.6% 17.5%;
|
|
49
|
+
--ring: 212.7 26.8% 83.9%;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@layer base {
|
|
54
|
+
* {
|
|
55
|
+
@apply border-border;
|
|
56
|
+
}
|
|
57
|
+
body {
|
|
58
|
+
@apply bg-background text-foreground;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Host, h } from "@stencil/core";
|
|
2
|
+
export class SekiCardTitle {
|
|
3
|
+
render() {
|
|
4
|
+
return (h(Host, { key: '5b4ce5035a0cc1e7764ecef5833e28b0d03da4ee' }, h("h3", { key: '0cad0e68870f3c77f487dd7b03409659d05f5581', class: "text-2xl font-semibold leading-none tracking-tight", part: "title" }, h("slot", { key: 'c865770f8175e6ee04de5707f4f722b615fe384f' }))));
|
|
5
|
+
}
|
|
6
|
+
static get is() { return "seki-card-title"; }
|
|
7
|
+
static get encapsulation() { return "shadow"; }
|
|
8
|
+
static get originalStyleUrls() {
|
|
9
|
+
return {
|
|
10
|
+
"$": ["seki-card-title.css"]
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
static get styleUrls() {
|
|
14
|
+
return {
|
|
15
|
+
"$": ["seki-card-title.css"]
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=seki-card-title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"seki-card-title.js","sourceRoot":"","sources":["../../../src/components/seki-card-title/seki-card-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IACxB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,2DAAI,KAAK,EAAC,oDAAoD,EAAC,IAAI,EAAC,OAAO;gBACzE,8DAAa,CACV,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'seki-card-title',\n styleUrl: 'seki-card-title.css',\n shadow: true,\n})\nexport class SekiCardTitle {\n render() {\n return (\n <Host>\n <h3 class=\"text-2xl font-semibold leading-none tracking-tight\" part=\"title\">\n <slot></slot>\n </h3>\n </Host>\n );\n }\n}"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export type { Components, JSX } from './components';\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Get the base path to where the assets can be found. Use "setAssetPath(path)"
|
|
3
|
+
* if the path needs to be customized.
|
|
4
|
+
*/
|
|
5
|
+
export declare const getAssetPath: (path: string) => string;
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Used to manually set the base path where assets can be found.
|
|
9
|
+
* If the script is used as "module", it's recommended to use "import.meta.url",
|
|
10
|
+
* such as "setAssetPath(import.meta.url)". Other options include
|
|
11
|
+
* "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
|
|
12
|
+
* dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
|
|
13
|
+
* But do note that this configuration depends on how your script is bundled, or lack of
|
|
14
|
+
* bundling, and where your assets can be loaded from. Additionally custom bundling
|
|
15
|
+
* will have to ensure the static assets are copied to its build directory.
|
|
16
|
+
*/
|
|
17
|
+
export declare const setAssetPath: (path: string) => void;
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Used to specify a nonce value that corresponds with an application's CSP.
|
|
21
|
+
* When set, the nonce will be added to all dynamically created script and style tags at runtime.
|
|
22
|
+
* Alternatively, the nonce value can be set on a meta tag in the DOM head
|
|
23
|
+
* (<meta name="csp-nonce" content="{ nonce value here }" />) which
|
|
24
|
+
* will result in the same behavior.
|
|
25
|
+
*/
|
|
26
|
+
export declare const setNonce: (nonce: string) => void
|
|
27
|
+
|
|
28
|
+
export interface SetPlatformOptions {
|
|
29
|
+
raf?: (c: FrameRequestCallback) => number;
|
|
30
|
+
ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
31
|
+
rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
32
|
+
}
|
|
33
|
+
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiButton extends Components.SekiButton, HTMLElement {}
|
|
4
|
+
export const SekiButton: {
|
|
5
|
+
prototype: SekiButton;
|
|
6
|
+
new (): SekiButton;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
|
|
3
|
+
const sekiButtonCss = "@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}";
|
|
4
|
+
|
|
5
|
+
const SekiButton$1 = /*@__PURE__*/ proxyCustomElement(class SekiButton extends HTMLElement {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
this.variant = 'default';
|
|
13
|
+
this.size = 'default';
|
|
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];
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
const classes = [
|
|
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' }))));
|
|
43
|
+
}
|
|
44
|
+
static get style() { return sekiButtonCss; }
|
|
45
|
+
}, [257, "seki-button", {
|
|
46
|
+
"variant": [1],
|
|
47
|
+
"size": [1],
|
|
48
|
+
"disabled": [4]
|
|
49
|
+
}]);
|
|
50
|
+
function defineCustomElement$1() {
|
|
51
|
+
if (typeof customElements === "undefined") {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const components = ["seki-button"];
|
|
55
|
+
components.forEach(tagName => { switch (tagName) {
|
|
56
|
+
case "seki-button":
|
|
57
|
+
if (!customElements.get(tagName)) {
|
|
58
|
+
customElements.define(tagName, SekiButton$1);
|
|
59
|
+
}
|
|
60
|
+
break;
|
|
61
|
+
} });
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
const SekiButton = SekiButton$1;
|
|
65
|
+
const defineCustomElement = defineCustomElement$1;
|
|
66
|
+
|
|
67
|
+
export { SekiButton, defineCustomElement };
|
|
68
|
+
//# sourceMappingURL=seki-button.js.map
|
|
69
|
+
|
|
70
|
+
//# sourceMappingURL=seki-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"seki-button.js","mappings":";;AAAA,MAAM,aAAa,GAAG,smDAAsmD;;MCU/mDA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAA,WAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAkB,SAAS;AAClC,QAAA,IAAI,CAAA,IAAA,GAAe,SAAS;AAC5B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AA2ClC;IAzCS,iBAAiB,GAAA;AACvB,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,OAAO,EAAE,wDAAwD;AACjE,YAAA,WAAW,EAAE,oEAAoE;AACjF,YAAA,OAAO,EAAE,gFAAgF;AACzF,YAAA,SAAS,EAAE,8DAA8D;AACzE,YAAA,KAAK,EAAE,8CAA8C;AACrD,YAAA,IAAI,EAAE,iDAAiD;SACxD;AACD,QAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGvB,cAAc,GAAA;AACpB,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,OAAO,EAAE,gBAAgB;AACzB,YAAA,EAAE,EAAE,qBAAqB;AACzB,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,IAAI,EAAE,WAAW;SAClB;AACD,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGzB,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;YACd,wRAAwR;YACxR,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,cAAc,EAAE;AACtB,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;QAEX,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SekiButton","__stencil_proxyCustomElement"],"sources":["src/components/seki-button/seki-button.css?tag=seki-button&encapsulation=shadow","src/components/seki-button/seki-button.tsx"],"sourcesContent":["@import '../../global/app.css';","import { Component, Host, h, Prop } from '@stencil/core';\n\nexport type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';\nexport type ButtonSize = 'default' | 'sm' | 'lg' | 'icon';\n\n@Component({\n tag: 'seki-button',\n styleUrl: 'seki-button.css',\n shadow: true,\n})\nexport class SekiButton {\n @Prop() variant: ButtonVariant = 'default';\n @Prop() size: ButtonSize = 'default';\n @Prop() disabled: boolean = false;\n\n private getVariantClasses(): string {\n const variants = {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n ghost: 'hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n };\n return variants[this.variant];\n }\n\n private getSizeClasses(): string {\n const sizes = {\n default: 'h-10 px-4 py-2',\n sm: 'h-9 rounded-md px-3',\n lg: 'h-11 rounded-md px-8',\n icon: 'h-10 w-10',\n };\n return sizes[this.size];\n }\n\n render() {\n const classes = [\n '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',\n this.getVariantClasses(),\n this.getSizeClasses(),\n ].join(' ');\n\n return (\n <Host>\n <button\n class={classes}\n disabled={this.disabled}\n part=\"button\"\n >\n <slot></slot>\n </button>\n </Host>\n );\n }\n}"],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiCardContent extends Components.SekiCardContent, HTMLElement {}
|
|
4
|
+
export const SekiCardContent: {
|
|
5
|
+
prototype: SekiCardContent;
|
|
6
|
+
new (): SekiCardContent;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
|
|
3
|
+
const sekiCardContentCss = "@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}";
|
|
4
|
+
|
|
5
|
+
const SekiCardContent$1 = /*@__PURE__*/ proxyCustomElement(class SekiCardContent extends HTMLElement {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h(Host, { key: '20f47ef0574acb6a0c08c03136f36a3d7542370a' }, h("div", { key: '9a16e97c10508908cabb4ee515018f53bdb146d2', class: "p-6 pt-0", part: "content" }, h("slot", { key: '712aaeb2db8f10915eb60500ea0366279e6cef86' }))));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiCardContentCss; }
|
|
17
|
+
}, [257, "seki-card-content"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-card-content"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-card-content":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiCardContent$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const SekiCardContent = SekiCardContent$1;
|
|
33
|
+
const defineCustomElement = defineCustomElement$1;
|
|
34
|
+
|
|
35
|
+
export { SekiCardContent, defineCustomElement };
|
|
36
|
+
//# sourceMappingURL=seki-card-content.js.map
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=seki-card-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"seki-card-content.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,smDAAsmD;;MCOpnDA,iBAAe,iBAAAC,kBAAA,CAAA,MAAA,eAAA,SAAA,WAAA,CAAA;;;;;;;;IAC1B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,EAAA,EAClC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["SekiCardContent","__stencil_proxyCustomElement"],"sources":["src/components/seki-card-content/seki-card-content.css?tag=seki-card-content&encapsulation=shadow","src/components/seki-card-content/seki-card-content.tsx"],"sourcesContent":["@import '../../global/app.css';","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'seki-card-content',\n styleUrl: 'seki-card-content.css',\n shadow: true,\n})\nexport class SekiCardContent {\n render() {\n return (\n <Host>\n <div class=\"p-6 pt-0\" part=\"content\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}"],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiCardHeader extends Components.SekiCardHeader, HTMLElement {}
|
|
4
|
+
export const SekiCardHeader: {
|
|
5
|
+
prototype: SekiCardHeader;
|
|
6
|
+
new (): SekiCardHeader;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
|
|
3
|
+
const sekiCardHeaderCss = "@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}";
|
|
4
|
+
|
|
5
|
+
const SekiCardHeader$1 = /*@__PURE__*/ proxyCustomElement(class SekiCardHeader extends HTMLElement {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h(Host, { key: '307b6439aa19ecb9cad43a11f835946bcf45ec1c' }, h("div", { key: 'ae88d484f2d3da6f5298965eb3328f9467a12e01', class: "flex flex-col space-y-1.5 p-6", part: "header" }, h("slot", { key: 'fc5c76c6ad45bd91bc2d675e7b2528eabdbd4d3f' }))));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiCardHeaderCss; }
|
|
17
|
+
}, [257, "seki-card-header"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-card-header"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-card-header":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiCardHeader$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const SekiCardHeader = SekiCardHeader$1;
|
|
33
|
+
const defineCustomElement = defineCustomElement$1;
|
|
34
|
+
|
|
35
|
+
export { SekiCardHeader, defineCustomElement };
|
|
36
|
+
//# sourceMappingURL=seki-card-header.js.map
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=seki-card-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"seki-card-header.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,smDAAsmD;;MCOnnDA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAA,WAAA,CAAA;;;;;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ,EAAA,EACtD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["SekiCardHeader","__stencil_proxyCustomElement"],"sources":["src/components/seki-card-header/seki-card-header.css?tag=seki-card-header&encapsulation=shadow","src/components/seki-card-header/seki-card-header.tsx"],"sourcesContent":["@import '../../global/app.css';","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'seki-card-header',\n styleUrl: 'seki-card-header.css',\n shadow: true,\n})\nexport class SekiCardHeader {\n render() {\n return (\n <Host>\n <div class=\"flex flex-col space-y-1.5 p-6\" part=\"header\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}"],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiCardTitle extends Components.SekiCardTitle, HTMLElement {}
|
|
4
|
+
export const SekiCardTitle: {
|
|
5
|
+
prototype: SekiCardTitle;
|
|
6
|
+
new (): SekiCardTitle;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
|
|
3
|
+
const sekiCardTitleCss = "@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}";
|
|
4
|
+
|
|
5
|
+
const SekiCardTitle$1 = /*@__PURE__*/ proxyCustomElement(class SekiCardTitle extends HTMLElement {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h(Host, { key: '5b4ce5035a0cc1e7764ecef5833e28b0d03da4ee' }, h("h3", { key: '0cad0e68870f3c77f487dd7b03409659d05f5581', class: "text-2xl font-semibold leading-none tracking-tight", part: "title" }, h("slot", { key: 'c865770f8175e6ee04de5707f4f722b615fe384f' }))));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiCardTitleCss; }
|
|
17
|
+
}, [257, "seki-card-title"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-card-title"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-card-title":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiCardTitle$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const SekiCardTitle = SekiCardTitle$1;
|
|
33
|
+
const defineCustomElement = defineCustomElement$1;
|
|
34
|
+
|
|
35
|
+
export { SekiCardTitle, defineCustomElement };
|
|
36
|
+
//# sourceMappingURL=seki-card-title.js.map
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=seki-card-title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"seki-card-title.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,smDAAsmD;;MCOlnDA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAA,WAAA,CAAA;;;;;;;;IACxB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oDAAoD,EAAC,IAAI,EAAC,OAAO,EAAA,EACzE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["SekiCardTitle","__stencil_proxyCustomElement"],"sources":["src/components/seki-card-title/seki-card-title.css?tag=seki-card-title&encapsulation=shadow","src/components/seki-card-title/seki-card-title.tsx"],"sourcesContent":["@import '../../global/app.css';","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'seki-card-title',\n styleUrl: 'seki-card-title.css',\n shadow: true,\n})\nexport class SekiCardTitle {\n render() {\n return (\n <Host>\n <h3 class=\"text-2xl font-semibold leading-none tracking-tight\" part=\"title\">\n <slot></slot>\n </h3>\n </Host>\n );\n }\n}"],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiCard extends Components.SekiCard, HTMLElement {}
|
|
4
|
+
export const SekiCard: {
|
|
5
|
+
prototype: SekiCard;
|
|
6
|
+
new (): SekiCard;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
|
|
3
|
+
const sekiCardCss = "@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}";
|
|
4
|
+
|
|
5
|
+
const SekiCard$1 = /*@__PURE__*/ proxyCustomElement(class SekiCard extends HTMLElement {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h(Host, { key: 'f82895b112b7609ac5e227f693be8c997d0c3060' }, h("div", { key: '5568da6d2b39ff5affe0419c9f0126ffd8da64f2', class: "rounded-lg border bg-card text-card-foreground shadow-sm", part: "card" }, h("slot", { key: '6a9fa8a71ed7a962c6ff727919e59b6c353a89a6' }))));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiCardCss; }
|
|
17
|
+
}, [257, "seki-card"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-card"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-card":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiCard$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const SekiCard = SekiCard$1;
|
|
33
|
+
const defineCustomElement = defineCustomElement$1;
|
|
34
|
+
|
|
35
|
+
export { SekiCard, defineCustomElement };
|
|
36
|
+
//# sourceMappingURL=seki-card.js.map
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=seki-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"seki-card.js","mappings":";;AAAA,MAAM,WAAW,GAAG,smDAAsmD;;MCO7mDA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAA,WAAA,CAAA;;;;;;;;IACnB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0DAA0D,EAAC,IAAI,EAAC,MAAM,EAAA,EAC/E,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["SekiCard","__stencil_proxyCustomElement"],"sources":["src/components/seki-card/seki-card.css?tag=seki-card&encapsulation=shadow","src/components/seki-card/seki-card.tsx"],"sourcesContent":["@import '../../global/app.css';","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'seki-card',\n styleUrl: 'seki-card.css',\n shadow: true,\n})\nexport class SekiCard {\n render() {\n return (\n <Host>\n <div class=\"rounded-lg border bg-card text-card-foreground shadow-sm\" part=\"card\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}"],"version":3}
|