@sekiui/elements 0.0.13 → 0.0.15

package/dist/types/components.d.ts

@@ -5,8 +5,6 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ButtonSize, ButtonVariant } from "./components/seki-button/seki-button";
-export { ButtonSize, ButtonVariant } from "./components/seki-button/seki-button";
 export namespace Components {
     interface SekiButton {
         /**
@@ -14,21 +12,17 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * @default 'default'
+          * @default 'md'
          */
-        "size": ButtonSize;
+        "size": 'sm' | 'md' | 'lg';
         /**
-          * @default 'default'
+          * @default 'button'
          */
-        "variant": ButtonVariant;
-    }
-    interface SekiCard {
-    }
-    interface SekiCardContent {
-    }
-    interface SekiCardHeader {
-    }
-    interface SekiCardTitle {
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * @default 'primary'
+         */
+        "variant": 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
     }
 }
 declare global {
@@ -38,36 +32,8 @@ declare global {
         prototype: HTMLSekiButtonElement;
         new (): HTMLSekiButtonElement;
     };
-    interface HTMLSekiCardElement extends Components.SekiCard, HTMLStencilElement {
-    }
-    var HTMLSekiCardElement: {
-        prototype: HTMLSekiCardElement;
-        new (): HTMLSekiCardElement;
-    };
-    interface HTMLSekiCardContentElement extends Components.SekiCardContent, HTMLStencilElement {
-    }
-    var HTMLSekiCardContentElement: {
-        prototype: HTMLSekiCardContentElement;
-        new (): HTMLSekiCardContentElement;
-    };
-    interface HTMLSekiCardHeaderElement extends Components.SekiCardHeader, HTMLStencilElement {
-    }
-    var HTMLSekiCardHeaderElement: {
-        prototype: HTMLSekiCardHeaderElement;
-        new (): HTMLSekiCardHeaderElement;
-    };
-    interface HTMLSekiCardTitleElement extends Components.SekiCardTitle, HTMLStencilElement {
-    }
-    var HTMLSekiCardTitleElement: {
-        prototype: HTMLSekiCardTitleElement;
-        new (): HTMLSekiCardTitleElement;
-    };
     interface HTMLElementTagNameMap {
         "seki-button": HTMLSekiButtonElement;
-        "seki-card": HTMLSekiCardElement;
-        "seki-card-content": HTMLSekiCardContentElement;
-        "seki-card-header": HTMLSekiCardHeaderElement;
-        "seki-card-title": HTMLSekiCardTitleElement;
     }
 }
 declare namespace LocalJSX {
@@ -77,28 +43,20 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * @default 'default'
+          * @default 'md'
          */
-        "size"?: ButtonSize;
+        "size"?: 'sm' | 'md' | 'lg';
         /**
-          * @default 'default'
+          * @default 'button'
          */
-        "variant"?: ButtonVariant;
-    }
-    interface SekiCard {
-    }
-    interface SekiCardContent {
-    }
-    interface SekiCardHeader {
-    }
-    interface SekiCardTitle {
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * @default 'primary'
+         */
+        "variant"?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
     }
     interface IntrinsicElements {
         "seki-button": SekiButton;
-        "seki-card": SekiCard;
-        "seki-card-content": SekiCardContent;
-        "seki-card-header": SekiCardHeader;
-        "seki-card-title": SekiCardTitle;
     }
 }
 export { LocalJSX as JSX };
@@ -106,10 +64,6 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "seki-button": LocalJSX.SekiButton & JSXBase.HTMLAttributes<HTMLSekiButtonElement>;
-            "seki-card": LocalJSX.SekiCard & JSXBase.HTMLAttributes<HTMLSekiCardElement>;
-            "seki-card-content": LocalJSX.SekiCardContent & JSXBase.HTMLAttributes<HTMLSekiCardContentElement>;
-            "seki-card-header": LocalJSX.SekiCardHeader & JSXBase.HTMLAttributes<HTMLSekiCardHeaderElement>;
-            "seki-card-title": LocalJSX.SekiCardTitle & JSXBase.HTMLAttributes<HTMLSekiCardTitleElement>;
         }
     }
 }

package/dist/types/index.d.ts

@@ -1 +1 @@
-export type { Components, JSX } from './components';
+export { Components, JSX } from './components';

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,4 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
@@ -152,7 +152,13 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -234,6 +240,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/package.json

@@ -1,42 +1,57 @@
 {
   "name": "@sekiui/elements",
-  "version": "0.0.13",
-  "description": "Sekiui UI web components library",
+  "version": "0.0.15",
+  "description": "Modern, accessible Web Components with shadcn/ui-inspired design",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    }
-  },
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/sekiui/sekiui.esm.js",
   "files": [
-    "dist"
-  ],
-  "keywords": [
-    "ui",
-    "components",
-    "web components"
+    "dist/",
+    "loader/"
   ],
-  "license": "MIT",
-  "devDependencies": {
-    "@stencil/core": "^4.37.1",
-    "@tailwindcss/typography": "^0.5.19",
-    "autoprefixer": "^10.4.21",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.0.0"
-  },
   "scripts": {
-    "build": "stencil build",
+    "build": "stencil build --docs",
     "start": "stencil build --dev --watch --serve",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate"
+    "test:e2e": "playwright test",
+    "generate": "stencil generate",
+    "lint": "eslint src/**/*.{ts,tsx}",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "storybook": "npm run build && storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "release": "bash scripts/release.sh"
+  },
+  "keywords": [
+    "web-components",
+    "stencil",
+    "design-system",
+    "ui-library",
+    "accessibility"
+  ],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@axe-core/playwright": "^4.10.2",
+    "@playwright/test": "^1.56.0",
+    "@stencil/core": "^4.38.0",
+    "@storybook/addon-a11y": "^9.1.10",
+    "@storybook/addon-links": "^9.1.10",
+    "@storybook/web-components-vite": "^9.1.10",
+    "@typescript-eslint/eslint-plugin": "^8.46.0",
+    "@typescript-eslint/parser": "^8.46.0",
+    "axe-core": "^4.10.3",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "^10.1.8",
+    "lit": "^3.3.1",
+    "prettier": "^3.6.2",
+    "storybook": "^9.1.10",
+    "eslint-plugin-storybook": "9.1.10",
+    "@storybook/addon-docs": "^9.1.10"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.