@duskmoon-dev/el-stepper 0.4.0

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

@@ -0,0 +1,121 @@
+/**
+ * DuskMoon Stepper Element
+ *
+ * A multi-step progress indicator/wizard component.
+ * Uses custom CSS with theme variables for consistent theming.
+ *
+ * @element el-dm-stepper
+ *
+ * @attr {string} steps - JSON array of step objects [{label, description?, icon?}]
+ * @attr {number} current - Current step index (0-based)
+ * @attr {string} orientation - Layout orientation: horizontal, vertical
+ * @attr {string} color - Stepper color: primary, secondary, tertiary, success, warning, error, info
+ * @attr {boolean} clickable - Whether steps are clickable for navigation
+ *
+ * @fires change - Fired when step changes via click
+ *
+ * @csspart stepper - The stepper container
+ * @csspart step - Individual step wrapper
+ * @csspart indicator - The step number/icon circle
+ * @csspart content - The step label and description wrapper
+ * @csspart label - The step label text
+ * @csspart description - The step description text
+ * @csspart connector - The connector line between steps
+ */
+import { BaseElement } from '@duskmoon-dev/el-core';
+export interface StepData {
+    label: string;
+    description?: string;
+    icon?: string;
+}
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' | 'info';
+export declare class ElDmStepper extends BaseElement {
+    static properties: {
+        steps: {
+            type: ArrayConstructor;
+            reflect: boolean;
+            default: never[];
+        };
+        current: {
+            type: NumberConstructor;
+            reflect: boolean;
+            default: number;
+        };
+        orientation: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+        clickable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            default: boolean;
+        };
+    };
+    steps: StepData[];
+    current: number;
+    orientation: StepperOrientation;
+    color: StepperColor;
+    clickable: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    private _getStepState;
+    private _renderStepIndicator;
+    render(): string;
+}
+export declare class ElDmStep extends BaseElement {
+    static properties: {
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        description: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        status: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+        orientation: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            reflect: boolean;
+            default: string;
+        };
+        stepNumber: {
+            type: NumberConstructor;
+            reflect: boolean;
+            attribute: string;
+            default: number;
+        };
+    };
+    label: string;
+    description: string;
+    icon: string;
+    status: 'completed' | 'current' | 'upcoming';
+    orientation: 'horizontal' | 'vertical';
+    color: string;
+    stepNumber: number;
+    constructor();
+    private _renderIndicator;
+    render(): string;
+}
+//# sourceMappingURL=el-dm-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"el-dm-stepper.d.ts","sourceRoot":"","sources":["../../src/el-dm-stepper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,WAAW,EAAO,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAgNX,qBAAa,WAAY,SAAQ,WAAW;IAC1C,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;MAMf;IAEM,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,kBAAkB,CAAC;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;;IAO3B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,oBAAoB;IAY5B,MAAM,IAAI,MAAM;CA6CjB;AA2GD,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQf;IAEM,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;;IAO3B,OAAO,CAAC,gBAAgB;IAUxB,MAAM,IAAI,MAAM;CAcjB"}

package/dist/types/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @duskmoon-dev/el-stepper
+ *
+ * DuskMoon Stepper custom elements for multi-step progress indicators
+ */
+import { ElDmStepper, ElDmStep } from './el-dm-stepper.js';
+export { ElDmStepper, ElDmStep };
+export type { StepData, StepperOrientation, StepperColor } from './el-dm-stepper.js';
+/**
+ * Register the el-dm-stepper and el-dm-step custom elements
+ *
+ * @example
+ * ```ts
+ * import { register } from '@duskmoon-dev/el-stepper';
+ * 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,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AACjC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAErF;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,IAAI,IAAI,CAO/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,58 @@
+{
+  "name": "@duskmoon-dev/el-stepper",
+  "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"
+  },
+  "keywords": [
+    "duskmoon-dev",
+    "custom-elements",
+    "web-components",
+    "stepper",
+    "wizard",
+    "progress-indicator"
+  ]
+}