@duskmoon-dev/el-tabs 0.4.0

package/dist/types/el-dm-tabs.d.ts

@@ -0,0 +1,106 @@
+/**
+ * DuskMoon Tabs Element
+ *
+ * A tab navigation component with tab panels for organizing content.
+ * Implements WAI-ARIA tabs pattern for accessibility.
+ *
+ * @element el-dm-tabs
+ *
+ * @attr {string} value - Currently selected tab id
+ * @attr {string} variant - Tab style variant: underline, pills, enclosed
+ * @attr {string} color - Color theme for tabs
+ * @attr {string} orientation - Tab orientation: horizontal, vertical
+ *
+ * @slot - Default slot for el-dm-tab and el-dm-tab-panel elements
+ *
+ * @csspart tablist - The tab list container
+ * @csspart indicator - The animated indicator (underline variant)
+ *
+ * @fires change - Fired when tab selection changes
+ */
+import { BaseElement } from '@duskmoon-dev/el-core';
+export type TabsVariant = 'underline' | 'pills' | 'enclosed';
+export type TabsOrientation = 'horizontal' | 'vertical';
+export declare class ElDmTabs extends BaseElement {
+    static properties: {
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        orientation: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+    };
+    value: string;
+    variant: TabsVariant;
+    color: string;
+    orientation: TabsOrientation;
+    private _indicatorStyle;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _initializeSelection;
+    private _getTabs;
+    private _getPanels;
+    private _handleTabClick;
+    private _handleKeyDown;
+    private _updateSelection;
+    private _updateIndicator;
+    render(): string;
+    update(): void;
+}
+export declare class ElDmTab extends BaseElement {
+    static properties: {
+        tabId: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    tabId: string;
+    disabled: boolean;
+    active: boolean;
+    constructor();
+    connectedCallback(): void;
+    private _handleClick;
+    render(): string;
+    update(): void;
+}
+export declare class ElDmTabPanel extends BaseElement {
+    static properties: {
+        panelFor: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+        active: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    panelFor: string;
+    active: boolean;
+    constructor();
+    connectedCallback(): void;
+    render(): string;
+}
+//# sourceMappingURL=el-dm-tabs.d.ts.map

package/dist/types/el-dm-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"el-dm-tabs.d.ts","sourceRoot":"","sources":["../../src/el-dm-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAO,MAAM,uBAAuB,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AA2FxD,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;MAKf;IAEM,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,eAAe,CAAC;IAErC,OAAO,CAAC,eAAe,CAAM;;IAO7B,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,eAAe,CAQrB;IAEF,OAAO,CAAC,cAAc,CAsDpB;IAEF,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,gBAAgB;IA2BxB,MAAM,IAAI,MAAM;IAsBhB,MAAM,IAAI,IAAI;CAQf;AA+GD,qBAAa,OAAQ,SAAQ,WAAW;IACtC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;MAIf;IAEM,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;;IAQxB,iBAAiB,IAAI,IAAI;IAMzB,OAAO,CAAC,YAAY;IAKpB,MAAM,IAAI,MAAM;IAchB,MAAM,IAAI,IAAI;CAKf;AA8BD,qBAAa,YAAa,SAAQ,WAAW;IAC3C,MAAM,CAAC,UAAU;;;;;;;;;;MAGf;IAEM,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;;IAOxB,iBAAiB,IAAI,IAAI;IAQzB,MAAM,IAAI,MAAM;CAOjB"}

package/dist/types/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @duskmoon-dev/el-tabs
+ *
+ * DuskMoon Tabs custom elements for tab navigation
+ */
+import { ElDmTabs, ElDmTab, ElDmTabPanel } from './el-dm-tabs.js';
+export { ElDmTabs, ElDmTab, ElDmTabPanel };
+export type { TabsVariant, TabsOrientation } from './el-dm-tabs.js';
+/**
+ * Register all tab-related custom elements
+ *
+ * @example
+ * ```ts
+ * import { register } from '@duskmoon-dev/el-tabs';
+ * register();
+ * ```
+ */
+export declare function register(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEpE;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,IAAI,IAAI,CAU/B"}

package/dist/types/register.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register.d.ts.map

package/dist/types/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/register.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@duskmoon-dev/el-tabs",
+  "version": "0.4.0",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./register": {
+      "types": "./dist/types/register.d.ts",
+      "import": "./dist/esm/register.js",
+      "require": "./dist/cjs/register.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "bun run clean",
+    "build": "bun run build:esm && bun run build:cjs && bun run build:types",
+    "build:esm": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-core --external @duskmoon-dev/core",
+    "build:cjs": "bun build ./src/index.ts ./src/register.ts --outdir ./dist/cjs --format cjs --sourcemap --external @duskmoon-dev/el-core --external @duskmoon-dev/core",
+    "build:types": "tsc --emitDeclarationOnly --outDir ./dist/types",
+    "dev": "bun build ./src/index.ts --outdir ./dist/esm --format esm --sourcemap --external @duskmoon-dev/el-core --watch",
+    "clean": "del-cli dist",
+    "test": "bun test",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write 'src/**/*.ts' '*.json'",
+    "format:check": "prettier --check 'src/**/*.ts' '*.json'",
+    "lint": "eslint src",
+    "lint:check": "eslint src --max-warnings 0",
+    "lint:fix": "eslint src --fix",
+    "release": "bun publish",
+    "release:dry-run": "bun publish --dry-run"
+  },
+  "dependencies": {
+    "@duskmoon-dev/el-core": "0.3.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "customElements": "custom-elements.json",
+  "keywords": [
+    "duskmoon-dev",
+    "duskmoon",
+    "custom-elements",
+    "customelements",
+    "web-components",
+    "webcomponents",
+    "html",
+    "tabs"
+  ]
+}