@sekiui/elements 0.0.12 → 0.0.13

package/dist/cjs/seki-button.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-BxbILFLe.js');
+
+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}";
+
+const SekiButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'default';
+        this.size = 'default';
+        this.disabled = false;
+    }
+    getVariantClasses() {
+        const variants = {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        };
+        return variants[this.variant];
+    }
+    getSizeClasses() {
+        const sizes = {
+            default: 'h-10 px-4 py-2',
+            sm: 'h-9 rounded-md px-3',
+            lg: 'h-11 rounded-md px-8',
+            icon: 'h-10 w-10',
+        };
+        return sizes[this.size];
+    }
+    render() {
+        const classes = [
+            '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',
+            this.getVariantClasses(),
+            this.getSizeClasses(),
+        ].join(' ');
+        return (index.h(index.Host, { key: 'c4ee82237138aa7199fda3fac536d3d0e4f93177' }, index.h("button", { key: '4705d51d384092e63d902db3d59bd79866eb105d', class: classes, disabled: this.disabled, part: "button" }, index.h("slot", { key: 'b0e5909326c0e23fd0b611411eaa0b402c90cee3' }))));
+    }
+};
+SekiButton.style = sekiButtonCss;
+
+exports.seki_button = SekiButton;
+//# sourceMappingURL=seki-button.entry.cjs.js.map

package/dist/cjs/seki-button.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-button.entry.cjs.js","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}"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,aAAa,GAAG,smDAAsmD;;MCU/mD,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,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,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EAAA,EAEbA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;;"}

package/dist/cjs/seki-card-content.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-BxbILFLe.js');
+
+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}";
+
+const SekiCardContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '20f47ef0574acb6a0c08c03136f36a3d7542370a' }, index.h("div", { key: '9a16e97c10508908cabb4ee515018f53bdb146d2', class: "p-6 pt-0", part: "content" }, index.h("slot", { key: '712aaeb2db8f10915eb60500ea0366279e6cef86' }))));
+    }
+};
+SekiCardContent.style = sekiCardContentCss;
+
+exports.seki_card_content = SekiCardContent;
+//# sourceMappingURL=seki-card-content.entry.cjs.js.map

package/dist/cjs/seki-card-content.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-card-content.entry.cjs.js","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}"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,smDAAsmD;;MCOpnD,eAAe,GAAA,MAAA;;;;IAC1B,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,EAAA,EAClCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/cjs/seki-card-header.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-BxbILFLe.js');
+
+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}";
+
+const SekiCardHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '307b6439aa19ecb9cad43a11f835946bcf45ec1c' }, index.h("div", { key: 'ae88d484f2d3da6f5298965eb3328f9467a12e01', class: "flex flex-col space-y-1.5 p-6", part: "header" }, index.h("slot", { key: 'fc5c76c6ad45bd91bc2d675e7b2528eabdbd4d3f' }))));
+    }
+};
+SekiCardHeader.style = sekiCardHeaderCss;
+
+exports.seki_card_header = SekiCardHeader;
+//# sourceMappingURL=seki-card-header.entry.cjs.js.map

package/dist/cjs/seki-card-header.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-card-header.entry.cjs.js","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}"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,smDAAsmD;;MCOnnD,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ,EAAA,EACtDA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/cjs/seki-card-title.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-BxbILFLe.js');
+
+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}";
+
+const SekiCardTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '5b4ce5035a0cc1e7764ecef5833e28b0d03da4ee' }, index.h("h3", { key: '0cad0e68870f3c77f487dd7b03409659d05f5581', class: "text-2xl font-semibold leading-none tracking-tight", part: "title" }, index.h("slot", { key: 'c865770f8175e6ee04de5707f4f722b615fe384f' }))));
+    }
+};
+SekiCardTitle.style = sekiCardTitleCss;
+
+exports.seki_card_title = SekiCardTitle;
+//# sourceMappingURL=seki-card-title.entry.cjs.js.map

package/dist/cjs/seki-card-title.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-card-title.entry.cjs.js","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}"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,smDAAsmD;;MCOlnD,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,oDAAoD,EAAC,IAAI,EAAC,OAAO,EAAA,EACzEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV,CACA;;;;;;;"}

package/dist/cjs/seki-card.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-BxbILFLe.js');
+
+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}";
+
+const SekiCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f82895b112b7609ac5e227f693be8c997d0c3060' }, index.h("div", { key: '5568da6d2b39ff5affe0419c9f0126ffd8da64f2', class: "rounded-lg border bg-card text-card-foreground shadow-sm", part: "card" }, index.h("slot", { key: '6a9fa8a71ed7a962c6ff727919e59b6c353a89a6' }))));
+    }
+};
+SekiCard.style = sekiCardCss;
+
+exports.seki_card = SekiCard;
+//# sourceMappingURL=seki-card.entry.cjs.js.map

package/dist/cjs/seki-card.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-card.entry.cjs.js","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}"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,smDAAsmD;;MCO7mD,QAAQ,GAAA,MAAA;;;;IACnB,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0DAA0D,EAAC,IAAI,EAAC,MAAM,EAAA,EAC/EA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/cjs/sekiui.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-BxbILFLe.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('sekiui.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await index.globalScripts();
+  return index.bootstrapLazy([["seki-button.cjs",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4]}]]],["seki-card.cjs",[[257,"seki-card"]]],["seki-card-content.cjs",[[257,"seki-card-content"]]],["seki-card-header.cjs",[[257,"seki-card-header"]]],["seki-card-title.cjs",[[257,"seki-card-title"]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+//# sourceMappingURL=sekiui.cjs.js.map

package/dist/cjs/sekiui.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sekiui.cjs.js","sources":["../../node_modules/.pnpm/@stencil+core@4.37.1/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,+PAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/collection/button.js

@@ -0,0 +1,18 @@
+export class SekiButton extends HTMLElement {
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            const root = this.attachShadow({ mode: "open" });
+            root.innerHTML = `
+        <button part="button" style="border:1px solid currentColor;padding:.5rem .75rem;border-radius:.5rem;background:transparent;">
+          <slot></slot>
+        </button>
+      `;
+        }
+    }
+}
+export function defineSekiButton() {
+    if (!customElements.get("seki-button")) {
+        customElements.define("seki-button", SekiButton);
+    }
+}
+//# sourceMappingURL=button.js.map

package/dist/collection/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YACjD,IAAI,CAAC,SAAS,GAAG;;;;OAIhB,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB;IAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;QACvC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IACnD,CAAC;AACH,CAAC","sourcesContent":["export class SekiButton extends HTMLElement {\n  connectedCallback() {\n    if (!this.shadowRoot) {\n      const root = this.attachShadow({ mode: \"open\" });\n      root.innerHTML = `\n        <button part=\"button\" style=\"border:1px solid currentColor;padding:.5rem .75rem;border-radius:.5rem;background:transparent;\">\n          <slot></slot>\n        </button>\n      `;\n    }\n  }\n}\n\nexport function defineSekiButton() {\n  if (!customElements.get(\"seki-button\")) {\n    customElements.define(\"seki-button\", SekiButton);\n  }\n}\n"]}

package/dist/collection/card.js

@@ -0,0 +1,18 @@
+export class SekiCard extends HTMLElement {
+    connectedCallback() {
+        if (!this.shadowRoot) {
+            const root = this.attachShadow({ mode: "open" });
+            root.innerHTML = `
+        <div part="card" style="border:1px solid currentColor;padding:1rem;border-radius:.75rem;display:block">
+          <slot></slot>
+        </div>
+      `;
+        }
+    }
+}
+export function defineSekiCard() {
+    if (!customElements.get("seki-card")) {
+        customElements.define("seki-card", SekiCard);
+    }
+}
+//# sourceMappingURL=card.js.map

package/dist/collection/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,QAAS,SAAQ,WAAW;IACvC,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YACjD,IAAI,CAAC,SAAS,GAAG;;;;OAIhB,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AAED,MAAM,UAAU,cAAc;IAC5B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;QACrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;AACH,CAAC","sourcesContent":["export class SekiCard extends HTMLElement {\n  connectedCallback() {\n    if (!this.shadowRoot) {\n      const root = this.attachShadow({ mode: \"open\" });\n      root.innerHTML = `\n        <div part=\"card\" style=\"border:1px solid currentColor;padding:1rem;border-radius:.75rem;display:block\">\n          <slot></slot>\n        </div>\n      `;\n    }\n  }\n}\n\nexport function defineSekiCard() {\n  if (!customElements.get(\"seki-card\")) {\n    customElements.define(\"seki-card\", SekiCard);\n  }\n}\n"]}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,16 @@
+{
+  "entries": [
+    "components/seki-button/seki-button.js",
+    "components/seki-card/seki-card.js",
+    "components/seki-card-content/seki-card-content.js",
+    "components/seki-card-header/seki-card-header.js",
+    "components/seki-card-title/seki-card-title.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.37.1",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/seki-button/seki-button.css

@@ -0,0 +1,60 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* shadcn/ui design tokens */
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 84% 4.9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/dist/collection/components/seki-button/seki-button.js

@@ -0,0 +1,125 @@
+import { Host, h } from "@stencil/core";
+export class SekiButton {
+    constructor() {
+        this.variant = 'default';
+        this.size = 'default';
+        this.disabled = false;
+    }
+    getVariantClasses() {
+        const variants = {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        };
+        return variants[this.variant];
+    }
+    getSizeClasses() {
+        const sizes = {
+            default: 'h-10 px-4 py-2',
+            sm: 'h-9 rounded-md px-3',
+            lg: 'h-11 rounded-md px-8',
+            icon: 'h-10 w-10',
+        };
+        return sizes[this.size];
+    }
+    render() {
+        const classes = [
+            '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',
+            this.getVariantClasses(),
+            this.getSizeClasses(),
+        ].join(' ');
+        return (h(Host, { key: 'c4ee82237138aa7199fda3fac536d3d0e4f93177' }, h("button", { key: '4705d51d384092e63d902db3d59bd79866eb105d', class: classes, disabled: this.disabled, part: "button" }, h("slot", { key: 'b0e5909326c0e23fd0b611411eaa0b402c90cee3' }))));
+    }
+    static get is() { return "seki-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonVariant",
+                    "resolved": "\"default\" | \"destructive\" | \"ghost\" | \"link\" | \"outline\" | \"secondary\"",
+                    "references": {
+                        "ButtonVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/elements/elements/packages/elements/src/components/seki-button/seki-button.tsx",
+                            "id": "src/components/seki-button/seki-button.tsx::ButtonVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "ButtonSize",
+                    "resolved": "\"default\" | \"icon\" | \"lg\" | \"sm\"",
+                    "references": {
+                        "ButtonSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/elements/elements/packages/elements/src/components/seki-button/seki-button.tsx",
+                            "id": "src/components/seki-button/seki-button.tsx::ButtonSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=seki-button.js.map

package/dist/collection/components/seki-button/seki-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-button.js","sourceRoot":"","sources":["../../../src/components/seki-button/seki-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD,MAAM,OAAO,UAAU;IALvB;QAMU,YAAO,GAAkB,SAAS,CAAC;QACnC,SAAI,GAAe,SAAS,CAAC;QAC7B,aAAQ,GAAY,KAAK,CAAC;KA2CnC;IAzCS,iBAAiB;QACvB,MAAM,QAAQ,GAAG;YACf,OAAO,EAAE,wDAAwD;YACjE,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,gFAAgF;YACzF,SAAS,EAAE,8DAA8D;YACzE,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,iDAAiD;SACxD,CAAC;QACF,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAEO,cAAc;QACpB,MAAM,KAAK,GAAG;YACZ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,WAAW;SAClB,CAAC;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,wRAAwR;YACxR,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,cAAc,EAAE;SACtB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEZ,OAAO,CACL,EAAC,IAAI;YACH,+DACE,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ;gBAEb,8DAAa,CACN,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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}"]}

package/dist/collection/components/seki-card/seki-card.css

@@ -0,0 +1,60 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* shadcn/ui design tokens */
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 84% 4.9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/dist/collection/components/seki-card/seki-card.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class SekiCard {
+    render() {
+        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' }))));
+    }
+    static get is() { return "seki-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-card.css"]
+        };
+    }
+}
+//# sourceMappingURL=seki-card.js.map

package/dist/collection/components/seki-card/seki-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-card.js","sourceRoot":"","sources":["../../../src/components/seki-card/seki-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,0DAA0D,EAAC,IAAI,EAAC,MAAM;gBAC/E,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["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}"]}

package/dist/collection/components/seki-card-content/seki-card-content.css

@@ -0,0 +1,60 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* shadcn/ui design tokens */
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 84% 4.9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/dist/collection/components/seki-card-content/seki-card-content.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class SekiCardContent {
+    render() {
+        return (h(Host, { key: '20f47ef0574acb6a0c08c03136f36a3d7542370a' }, h("div", { key: '9a16e97c10508908cabb4ee515018f53bdb146d2', class: "p-6 pt-0", part: "content" }, h("slot", { key: '712aaeb2db8f10915eb60500ea0366279e6cef86' }))));
+    }
+    static get is() { return "seki-card-content"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-card-content.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-card-content.css"]
+        };
+    }
+}
+//# sourceMappingURL=seki-card-content.js.map

package/dist/collection/components/seki-card-content/seki-card-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seki-card-content.js","sourceRoot":"","sources":["../../../src/components/seki-card-content/seki-card-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,eAAe;IAC1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS;gBAClC,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["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}"]}