@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.
Files changed (123) hide show
  1. package/README.md +260 -14
  2. package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
  3. package/dist/{esm/index-3X8Wsgjr.js → cjs/index-6jIfEFyf.js} +32 -54
  4. package/dist/cjs/index.cjs.js +0 -1
  5. package/dist/cjs/loader.cjs.js +4 -4
  6. package/dist/cjs/seki-button.cjs.entry.js +6 -31
  7. package/dist/cjs/sekiui.cjs.js +5 -5
  8. package/dist/collection/collection-manifest.json +2 -6
  9. package/dist/collection/components/button/seki-button.css +380 -0
  10. package/dist/collection/components/button/seki-button.js +108 -0
  11. package/dist/collection/index.js +0 -1
  12. package/dist/components/index.js +1130 -3
  13. package/dist/components/seki-button.js +10 -35
  14. package/dist/esm/app-globals-DQuL1Twl.js +3 -0
  15. package/dist/{cjs/index-BxbILFLe.js → esm/index-BROrRAlq.js} +27 -81
  16. package/dist/esm/index.js +0 -1
  17. package/dist/esm/loader.js +4 -4
  18. package/dist/esm/seki-button.entry.js +6 -31
  19. package/dist/esm/sekiui.js +5 -5
  20. package/dist/sekiui/index.esm.js +0 -2
  21. package/dist/sekiui/p-BROrRAlq.js +2 -0
  22. package/dist/sekiui/p-DQuL1Twl.js +1 -0
  23. package/dist/sekiui/p-e65a94f7.entry.js +1 -0
  24. package/dist/sekiui/sekiui.esm.js +1 -2
  25. package/dist/types/components/button/seki-button.d.ts +7 -0
  26. package/dist/types/components.d.ts +16 -62
  27. package/dist/types/index.d.ts +1 -1
  28. package/dist/types/stencil-public-runtime.d.ts +16 -2
  29. package/loader/cdn.js +1 -0
  30. package/loader/index.cjs.js +1 -0
  31. package/loader/index.d.ts +24 -0
  32. package/loader/index.es2017.js +1 -0
  33. package/loader/index.js +2 -0
  34. package/package.json +42 -27
  35. package/LICENSE +0 -21
  36. package/dist/cjs/index-BxbILFLe.js.map +0 -1
  37. package/dist/cjs/index.cjs.js.map +0 -1
  38. package/dist/cjs/loader.cjs.js.map +0 -1
  39. package/dist/cjs/seki-button.entry.cjs.js.map +0 -1
  40. package/dist/cjs/seki-card-content.cjs.entry.js +0 -18
  41. package/dist/cjs/seki-card-content.entry.cjs.js.map +0 -1
  42. package/dist/cjs/seki-card-header.cjs.entry.js +0 -18
  43. package/dist/cjs/seki-card-header.entry.cjs.js.map +0 -1
  44. package/dist/cjs/seki-card-title.cjs.entry.js +0 -18
  45. package/dist/cjs/seki-card-title.entry.cjs.js.map +0 -1
  46. package/dist/cjs/seki-card.cjs.entry.js +0 -18
  47. package/dist/cjs/seki-card.entry.cjs.js.map +0 -1
  48. package/dist/cjs/sekiui.cjs.js.map +0 -1
  49. package/dist/collection/button.js +0 -18
  50. package/dist/collection/button.js.map +0 -1
  51. package/dist/collection/card.js +0 -18
  52. package/dist/collection/card.js.map +0 -1
  53. package/dist/collection/components/seki-button/seki-button.css +0 -60
  54. package/dist/collection/components/seki-button/seki-button.js +0 -125
  55. package/dist/collection/components/seki-button/seki-button.js.map +0 -1
  56. package/dist/collection/components/seki-card/seki-card.css +0 -60
  57. package/dist/collection/components/seki-card/seki-card.js +0 -19
  58. package/dist/collection/components/seki-card/seki-card.js.map +0 -1
  59. package/dist/collection/components/seki-card-content/seki-card-content.css +0 -60
  60. package/dist/collection/components/seki-card-content/seki-card-content.js +0 -19
  61. package/dist/collection/components/seki-card-content/seki-card-content.js.map +0 -1
  62. package/dist/collection/components/seki-card-header/seki-card-header.css +0 -60
  63. package/dist/collection/components/seki-card-header/seki-card-header.js +0 -19
  64. package/dist/collection/components/seki-card-header/seki-card-header.js.map +0 -1
  65. package/dist/collection/components/seki-card-title/seki-card-title.css +0 -60
  66. package/dist/collection/components/seki-card-title/seki-card-title.js +0 -19
  67. package/dist/collection/components/seki-card-title/seki-card-title.js.map +0 -1
  68. package/dist/collection/index.js.map +0 -1
  69. package/dist/components/index.js.map +0 -1
  70. package/dist/components/seki-button.js.map +0 -1
  71. package/dist/components/seki-card-content.d.ts +0 -11
  72. package/dist/components/seki-card-content.js +0 -38
  73. package/dist/components/seki-card-content.js.map +0 -1
  74. package/dist/components/seki-card-header.d.ts +0 -11
  75. package/dist/components/seki-card-header.js +0 -38
  76. package/dist/components/seki-card-header.js.map +0 -1
  77. package/dist/components/seki-card-title.d.ts +0 -11
  78. package/dist/components/seki-card-title.js +0 -38
  79. package/dist/components/seki-card-title.js.map +0 -1
  80. package/dist/components/seki-card.d.ts +0 -11
  81. package/dist/components/seki-card.js +0 -38
  82. package/dist/components/seki-card.js.map +0 -1
  83. package/dist/esm/index-3X8Wsgjr.js.map +0 -1
  84. package/dist/esm/index.js.map +0 -1
  85. package/dist/esm/loader.js.map +0 -1
  86. package/dist/esm/seki-button.entry.js.map +0 -1
  87. package/dist/esm/seki-card-content.entry.js +0 -16
  88. package/dist/esm/seki-card-content.entry.js.map +0 -1
  89. package/dist/esm/seki-card-header.entry.js +0 -16
  90. package/dist/esm/seki-card-header.entry.js.map +0 -1
  91. package/dist/esm/seki-card-title.entry.js +0 -16
  92. package/dist/esm/seki-card-title.entry.js.map +0 -1
  93. package/dist/esm/seki-card.entry.js +0 -16
  94. package/dist/esm/seki-card.entry.js.map +0 -1
  95. package/dist/esm/sekiui.js.map +0 -1
  96. package/dist/sekiui/index.esm.js.map +0 -1
  97. package/dist/sekiui/loader.esm.js.map +0 -1
  98. package/dist/sekiui/p-043a8413.entry.js +0 -2
  99. package/dist/sekiui/p-043a8413.entry.js.map +0 -1
  100. package/dist/sekiui/p-3X8Wsgjr.js +0 -3
  101. package/dist/sekiui/p-3X8Wsgjr.js.map +0 -1
  102. package/dist/sekiui/p-65fc14ff.entry.js +0 -2
  103. package/dist/sekiui/p-65fc14ff.entry.js.map +0 -1
  104. package/dist/sekiui/p-aa468537.entry.js +0 -2
  105. package/dist/sekiui/p-aa468537.entry.js.map +0 -1
  106. package/dist/sekiui/p-c49f2aaf.entry.js +0 -2
  107. package/dist/sekiui/p-c49f2aaf.entry.js.map +0 -1
  108. package/dist/sekiui/p-e8e49693.entry.js +0 -2
  109. package/dist/sekiui/p-e8e49693.entry.js.map +0 -1
  110. package/dist/sekiui/seki-button.entry.esm.js.map +0 -1
  111. package/dist/sekiui/seki-card-content.entry.esm.js.map +0 -1
  112. package/dist/sekiui/seki-card-header.entry.esm.js.map +0 -1
  113. package/dist/sekiui/seki-card-title.entry.esm.js.map +0 -1
  114. package/dist/sekiui/seki-card.entry.esm.js.map +0 -1
  115. package/dist/sekiui/sekiui.css +0 -60
  116. package/dist/sekiui/sekiui.esm.js.map +0 -1
  117. package/dist/types/button.d.ts +0 -4
  118. package/dist/types/card.d.ts +0 -4
  119. package/dist/types/components/seki-button/seki-button.d.ts +0 -10
  120. package/dist/types/components/seki-card/seki-card.d.ts +0 -3
  121. package/dist/types/components/seki-card-content/seki-card-content.d.ts +0 -3
  122. package/dist/types/components/seki-card-header/seki-card-header.d.ts +0 -3
  123. package/dist/types/components/seki-card-title/seki-card-title.d.ts +0 -3
@@ -1,51 +1,28 @@
1
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
1
+ import { p as proxyCustomElement, H, h } from './index.js';
2
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}";
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 HTMLElement {
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 = 'default';
13
- this.size = 'default';
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
- 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' }))));
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
@@ -0,0 +1,3 @@
1
+ const globalScripts = () => {};
2
+
3
+ export { globalScripts as g };
@@ -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, updatable: true, watchCallback: false };
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.37.1 | MIT Licensed | https://stenciljs.com
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
- if (!hmrVersionId || !BUILD.hotModuleReplacement) {
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
- if (!supportsConstructableStylesheets) return void 0;
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(globalStyles)) != null ? _a : null;
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.watchCallback) {
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.$onReadyPromise$.then(() => {
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.$onReadyPromise$.then(() => setterSetVal());
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
- } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
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 !== this[propName] && (!propDesc.get || !!propDesc.set)) {
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.hasOwnProperty(memberName)) {
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
- exports.Host = Host;
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
@@ -1,2 +1 @@
1
1
 
2
- //# sourceMappingURL=index.js.map
@@ -1,11 +1,11 @@
1
- import { g as globalScripts, b as bootstrapLazy } from './index-3X8Wsgjr.js';
2
- export { s as setNonce } from './index-3X8Wsgjr.js';
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]}]]],["seki-card",[[257,"seki-card"]]],["seki-card-content",[[257,"seki-card-content"]]],["seki-card-header",[[257,"seki-card-header"]]],["seki-card-title",[[257,"seki-card-title"]]]], options);
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, H as Host } from './index-3X8Wsgjr.js';
1
+ import { r as registerInstance, h } from './index-BROrRAlq.js';
2
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}";
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 = 'default';
9
- this.size = 'default';
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
- const classes = [
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
@@ -1,8 +1,9 @@
1
- import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-3X8Wsgjr.js';
2
- export { s as setNonce } from './index-3X8Wsgjr.js';
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.37.1 | MIT Licensed | https://stenciljs.com
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]}]]],["seki-card",[[257,"seki-card"]]],["seki-card-content",[[257,"seki-card-content"]]],["seki-card-header",[[257,"seki-card-header"]]],["seki-card-title",[[257,"seki-card-title"]]]], options);
20
+ return bootstrapLazy([["seki-button",[[257,"seki-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}]]]], options);
20
21
  });
21
- //# sourceMappingURL=sekiui.js.map
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=index.esm.js.map
@@ -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 a,g as e,b as r}from"./p-3X8Wsgjr.js";export{s as setNonce}from"./p-3X8Wsgjr.js";var t=()=>{const e=import.meta.url;const s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return a(s)};t().then((async a=>{await e();return r([["p-043a8413",[[257,"seki-button",{variant:[1],size:[1],disabled:[4]}]]],["p-aa468537",[[257,"seki-card"]]],["p-c49f2aaf",[[257,"seki-card-content"]]],["p-65fc14ff",[[257,"seki-card-header"]]],["p-e8e49693",[[257,"seki-card-title"]]]],a)}));
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))));
@@ -0,0 +1,7 @@
1
+ export declare class SekiButton {
2
+ variant: 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
3
+ size: 'sm' | 'md' | 'lg';
4
+ disabled: boolean;
5
+ type: 'button' | 'submit' | 'reset';
6
+ render(): any;
7
+ }