kemet-ui 4.0.2 → 5.0.0

package/package.json

@@ -1,48 +1,219 @@
 {
   "name": "kemet-ui",
-  "version": "4.0.2",
-  "description": "A flexible blueprint system for UIs.",
-  "watch": {
-    "build": "src/**/*.*",
-    "analyze": "src/elements/*.ts"
-  },
+  "version": "5.0.0",
+  "description": "A framework agnostic design system that's blessed by the gods.",
+  "type": "module",
   "scripts": {
     "analyze": "custom-elements-manifest analyze --litelement --globs \"src/elements/**/*\"",
-    "build": "rimraf dist && npm run build:css && npm run build:scss && npm run build:ts",
-    "build:css": "sass src/styles/kemet.core.scss:dist/styles/kemet.core.css src/styles/kemet.base.scss:dist/styles/kemet.base.css && postcss dist/styles/**/*.css -u autoprefixer --dir dist/styles",
-    "build:scss": "cp -R src/styles dist",
-    "build:storybook": "storybook build",
-    "build:ts": "tsup",
-    "chromatic": "npx chromatic --project-token=chpt_6729a2f8709640a --build-script-name=build:storybook",
-    "dev": "concurrently npm:storybook npm:watch",
+    "build": "rimraf dist && npm run build:css && npm run build:litcss && npm run build:ts && npm run copy:vanilla",
+    "build:css": "sass --load-path=node_modules src/styles:dist/styles && postcss dist/styles/**/*.css -u autoprefixer --dir dist/styles",
+    "build:litcss": "node scripts/build-litcss.js",
+    "build:ts": "node --max-old-space-size=8192 node_modules/.bin/tsup",
+    "copy:vanilla": "cp -r dist/* ../../integrations/vanilla/dist",
+    "dev": "npm run watch",
     "format:eslint": "eslint --ext .js,.html . --fix --ignore-pattern .gitignore",
     "format:stylelint": "npx stylelint --fix 'src/styles/**/*.scss' -c stylelint.config.mjs",
     "lint:eslint": "eslint --ext .js,.html . --ignore-pattern .gitignore",
     "lint:stylelint": "npx stylelint 'src/styles/**/*.scss' -c stylelint.config.mjs",
-    "prepare": "husky",
+    "pack": "npm run build && npm pack --pack-destination ../published",
     "prepublish": "rimraf dist && npm run build",
-    "storybook": "storybook dev -p 6006",
     "test": "vitest --config=vitest.browser.config.mts",
-    "preversion": "npm run build",
-    "watch": "npm-watch"
+    "watch": "concurrently \"npm run watch:analyze\" \"npm run watch:elements\" \"npm run watch:elements:css\" \"npm run watch:scss\"",
+    "watch:analyze": "chokidar \"src/elements/**/index.ts\" -c \"npm run analyze\"",
+    "watch:elements": "chokidar \"src/elements/**/index.ts\" -c \"npm run build:ts\"",
+    "watch:elements:css": "chokidar \"src/elements/**/*.css\" -c \"npm run build:litcss\"",
+    "watch:scss": "chokidar \"src/styles/**/*.scss\" -c \"npm run build:css\"",
+    "preversion": "npm run build"
   },
   "author": {
     "name": "Hasani Rogers",
-    "email": "dev@hasanirogers.me"
+    "email": "contact@deificarts.com"
   },
   "license": "MIT",
   "keywords": [
     "web components",
     "custom elements",
-    "blueprint system"
+    "design system"
   ],
   "exports": {
+    "./accordion": {
+      "types": "./dist/elements/accordion/index.d.ts",
+      "default": "./dist/elements/accordion/index.js"
+    },
+    "./accordion-panel": {
+      "types": "./dist/elements/accordion-panel/index.d.ts",
+      "default": "./dist/elements/accordion-panel/index.js"
+    },
+    "./alert": {
+      "types": "./dist/elements/alert/index.d.ts",
+      "default": "./dist/elements/alert/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/elements/avatar/index.d.ts",
+      "default": "./dist/elements/avatar/index.js"
+    },
+    "./avatars": {
+      "types": "./dist/elements/avatars/index.d.ts",
+      "default": "./dist/elements/avatars/index.js"
+    },
+    "./badge": {
+      "types": "./dist/elements/badge/index.d.ts",
+      "default": "./dist/elements/badge/index.js"
+    },
+    "./button": {
+      "types": "./dist/elements/button/index.d.ts",
+      "default": "./dist/elements/button/index.js"
+    },
+    "./card": {
+      "types": "./dist/elements/card/index.d.ts",
+      "default": "./dist/elements/card/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/elements/checkbox/index.d.ts",
+      "default": "./dist/elements/checkbox/index.js"
+    },
+    "./combo": {
+      "types": "./dist/elements/combo/index.d.ts",
+      "default": "./dist/elements/combo/index.js"
+    },
+    "./count": {
+      "types": "./dist/elements/count/index.d.ts",
+      "default": "./dist/elements/count/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/elements/dialog/index.d.ts",
+      "default": "./dist/elements/dialog/index.js"
+    },
+    "./dialog-close": {
+      "types": "./dist/elements/dialog-close/index.d.ts",
+      "default": "./dist/elements/dialog-close/index.js"
+    },
+    "./drawer": {
+      "types": "./dist/elements/drawer/index.d.ts",
+      "default": "./dist/elements/drawer/index.js"
+    },
+    "./fab": {
+      "types": "./dist/elements/fab/index.d.ts",
+      "default": "./dist/elements/fab/index.js"
+    },
+    "./field": {
+      "types": "./dist/elements/field/index.d.ts",
+      "default": "./dist/elements/field/index.js"
+    },
+    "./flipcard": {
+      "types": "./dist/elements/flipcard/index.d.ts",
+      "default": "./dist/elements/flipcard/index.js"
+    },
+    "./flipcard-trigger": {
+      "types": "./dist/elements/flipcard-trigger/index.d.ts",
+      "default": "./dist/elements/flipcard-trigger/index.js"
+    },
+    "./icon": {
+      "types": "./dist/elements/icon/index.d.ts",
+      "default": "./dist/elements/icon/index.js"
+    },
+    "./input": {
+      "types": "./dist/elements/input/index.d.ts",
+      "default": "./dist/elements/input/index.js"
+    },
+    "./input-combo": {
+      "types": "./dist/elements/input-combo/index.d.ts",
+      "default": "./dist/elements/input-combo/index.js"
+    },
+    "./input-file": {
+      "types": "./dist/elements/input-file/index.d.ts",
+      "default": "./dist/elements/input-file/index.js"
+    },
+    "./input-files": {
+      "types": "./dist/elements/input-files/index.d.ts",
+      "default": "./dist/elements/input-files/index.js"
+    },
+    "./input-otp": {
+      "types": "./dist/elements/input-otp/index.d.ts",
+      "default": "./dist/elements/input-otp/index.js"
+    },
+    "./loader": {
+      "types": "./dist/elements/loader/index.d.ts",
+      "default": "./dist/elements/loader/index.js"
+    },
+    "./password": {
+      "types": "./dist/elements/password/index.d.ts",
+      "default": "./dist/elements/password/index.js"
+    },
+    "./radio": {
+      "types": "./dist/elements/radio/index.d.ts",
+      "default": "./dist/elements/radio/index.js"
+    },
+    "./radios": {
+      "types": "./dist/elements/radios/index.d.ts",
+      "default": "./dist/elements/radios/index.js"
+    },
+    "./rotator": {
+      "types": "./dist/elements/rotator/index.d.ts",
+      "default": "./dist/elements/rotator/index.js"
+    },
+    "./select": {
+      "types": "./dist/elements/select/index.d.ts",
+      "default": "./dist/elements/select/index.js"
+    },
+    "./select-option": {
+      "types": "./dist/elements/select-option/index.d.ts",
+      "default": "./dist/elements/select-option/index.js"
+    },
+    "./sortable": {
+      "types": "./dist/elements/sortable/index.d.ts",
+      "default": "./dist/elements/sortable/index.js"
+    },
+    "./sortable-item": {
+      "types": "./dist/elements/sortable-item/index.d.ts",
+      "default": "./dist/elements/sortable-item/index.js"
+    },
+    "./tab": {
+      "types": "./dist/elements/tab/index.d.ts",
+      "default": "./dist/elements/tab/index.js"
+    },
+    "./tab-panel": {
+      "types": "./dist/elements/tab-panel/index.d.ts",
+      "default": "./dist/elements/tab-panel/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/elements/tabs/index.d.ts",
+      "default": "./dist/elements/tabs/index.js"
+    },
+    "./textarea": {
+      "types": "./dist/elements/textarea/index.d.ts",
+      "default": "./dist/elements/textarea/index.js"
+    },
+    "./timer": {
+      "types": "./dist/elements/timer/index.d.ts",
+      "default": "./dist/elements/timer/index.js"
+    },
+    "./timer-display": {
+      "types": "./dist/elements/timer-display/index.d.ts",
+      "default": "./dist/elements/timer-display/index.js"
+    },
+    "./toggle": {
+      "types": "./dist/elements/toggle/index.d.ts",
+      "default": "./dist/elements/toggle/index.js"
+    },
+    "./tracker": {
+      "types": "./dist/elements/tracker/index.d.ts",
+      "default": "./dist/elements/tracker/index.js"
+    },
+    "./tracker-step": {
+      "types": "./dist/elements/tracker-step/index.d.ts",
+      "default": "./dist/elements/tracker-step/index.js"
+    },
+    "./typewriter": {
+      "types": "./dist/elements/typewriter/index.d.ts",
+      "default": "./dist/elements/typewriter/index.js"
+    },
     "./elements/*": "./dist/elements/*",
     "./types/jsx": "./types/jsx.d.ts",
     "./types/solid": "./types/solid.d.ts",
     "./react": "./dist/wrappers/react.js",
-    "./next": "./dist/wrappers/next.js",
-    "./styles/*": "./dist/styles/*"
+    "./styles/*": "./dist/styles/*",
+    "./custom-elements.json": "./custom-elements.json"
   },
   "files": [
     "dist",
@@ -55,64 +226,54 @@
   ],
   "dependencies": {
     "@lit/react": "^1.0.8",
-    "@popperjs/core": "^2.11.8",
-    "autoprefixer": "^10.4.21",
-    "lit": "^3.1.2",
-    "mobile-drag-drop": "2.2.0"
+    "autoprefixer": "^10.5.4",
+    "kemet-tokens": "*",
+    "lit": "^3.3.3",
+    "mobile-drag-drop": "2.2.0",
+    "typewriter-effect": "^2.22.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.2",
-    "@custom-elements-manifest/analyzer": "^0.10.10",
-    "@eslint/js": "^9.37.0",
-    "@storybook/addon-a11y": "^10.0.1",
-    "@storybook/addon-docs": "^10.0.1",
-    "@storybook/addon-links": "^10.0.1",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/web-components-vite": "^10.0.1",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
-    "@typescript-eslint/eslint-plugin": "^8.46.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "@vitest/browser": "^3.2.4",
-    "chromatic": "^13.3.0",
-    "concurrently": "^9.2.1",
-    "dotenv": "^17.2.3",
-    "eslint": "^9.37.0",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@eslint/js": "^10.0.1",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@typescript-eslint/eslint-plugin": "^8.68.0",
+    "@vitejs/plugin-react": "^6.1.0",
+    "@vitest/browser": "^4.1.11",
+    "chokidar-cli": "^3.0.0",
+    "concurrently": "^10.0.5",
+    "dotenv": "^17.4.2",
+    "eslint": "^10.9.1",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-lit": "^2.1.1",
+    "eslint-plugin-lit": "^2.3.1",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-storybook": "^10.0.1",
-    "eslint-plugin-wc": "^3.0.2",
-    "husky": "^9.1.7",
-    "npm-watch": "^0.13.0",
-    "playwright": "^1.56.0",
-    "postcss": "^8.5.6",
+    "eslint-plugin-wc": "^3.1.0",
+    "playwright": "^1.62.1",
+    "postcss": "^8.5.26",
     "postcss-cli": "^11.0.1",
-    "prettier": "^3.6.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-syntax-highlighter": "^15.6.6",
-    "remark-gfm": "^4.0.1",
-    "rimraf": "^6.0.1",
-    "sass": "^1.93.2",
-    "storybook": "^10.0.1",
-    "stylelint": "^16.25.0",
-    "stylelint-config-sass-guidelines": "^12.1.0",
-    "stylelint-config-standard": "^39.0.1",
+    "prettier": "^3.9.6",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "rimraf": "^6.1.3",
+    "rollup-plugin-dts": "^6.5.1",
+    "sass": "^1.103.1",
+    "stylelint": "^17.14.1",
+    "stylelint-config-sass-guidelines": "^13.0.0",
+    "stylelint-config-standard": "^40.0.0",
     "ts-node": "^10.9.2",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.0",
-    "vite": "^7.1.9",
-    "vitest": "^3.2.4",
-    "vitest-browser-lit": "^0.1.0"
+    "tsup": "^8.5.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.68.0",
+    "vite": "^8.2.2",
+    "vitest": "^4.1.11",
+    "vitest-browser-lit": "^1.0.1"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hasanirogers/kemet-ui.git"
+    "url": "git+https://github.com/hasanirogers/kemet.git"
   },
   "bugs": {
-    "url": "https://github.com/hasanirogers/kemet-ui/issues"
+    "url": "https://github.com/hasanirogers/kemet/issues"
   },
   "homepage": "https://kemet.dev",
   "customElements": "custom-elements.json"

package/types/global.d.ts

@@ -1,3 +1,9 @@
-interface Window {
-  lucide: any; // You can replace 'any' with a more specific type if available
+declare module '*.css' {
+  const css: CSSStyleSheet;
+  export default css;
+}
+
+declare module '*.css?inline' {
+  const content: string;
+  export default content;
 }

package/types/jsx.d.ts

@@ -8,49 +8,39 @@ import KemetAvatarClass from '../dist/elements/avatar';
 import KemetBadgeClass from '../dist/elements/badge';
 import KemetButtonClass from '../dist/elements/button';
 import KemetCardClass from '../dist/elements/card';
-import KemetCarouselClass from '../dist/elements/carousel';
-import KemetCarouselCurrentClass from '../dist/elements/carousel-current';
-import KemetCarouselFirstClass from '../dist/elements/carousel-first';
-import KemetCarouselLastClass from '../dist/elements/carousel-last';
-import KemetCarouselNextClass from '../dist/elements/carousel-next';
-import KemetCarouselPrevClass from '../dist/elements/carousel-prev';
-import KemetCarouselLinkClass from '../dist/elements/carousel-link';
-import KemetCarouselSlideClass from '../dist/elements/carousel-slide';
-import KemetCarouselTotalClass from '../dist/elements/carousel-total';
 import KemetCheckboxClass from '../dist/elements/checkbox';
 import KemetComboClass from '../dist/elements/combo';
 import KemetCountClass from '../dist/elements/count';
-import KemetDraggableClass from '../dist/elements/draggable';
+import KemetDialogClass from '../dist/elements/dialog';
+import KemetDialogCloseClass from '../dist/elements/dialog-close';
 import KemetDrawerClass from '../dist/elements/drawer';
 import KemetFabClass from '../dist/elements/fab';
 import KemetFieldClass from '../dist/elements/field';
 import KemetFlipcardClass from '../dist/elements/flipcard';
 import KemetFlipcardTriggerClass from '../dist/elements/flipcard-trigger';
-import KemetIconBootstrapClass from '../dist/elements/icon-bootstrap';
-import KemetIconLucideClass from '../dist/elements/icon-lucide';
+import KemetIconClass from '../dist/elements/icon';
 import KemetInputClass from '../dist/elements/input';
-import KemetModalClass from '../dist/elements/modal';
-import KemetMultiInputClass from '../dist/elements/multi-input';
+import KemetInputComboClass from '../dist/elements/input-combo';
 import KemetPasswordClass from '../dist/elements/password';
-import KemetPopperClass from '../dist/elements/popper';
 import KemetRadioClass from '../dist/elements/radio';
+import KemetRadiosClass from '../dist/elements/radios';
 import KemetRotatorClass from '../dist/elements/rotator';
 import KemetSelectClass from '../dist/elements/select';
-import KemetScrollNavClass from '../dist/elements/scroll-nav';
-import KemetScrollSnapClass from '../dist/elements/scroll-snap';
-import KemetScrollSnapPaginatorClass from '../dist/elements/scroll-snap-paginator';
-import KemetScrollSnapSlideClass from '../dist/elements/scroll-snap-slide';
+import KemetSelectOptionClass from '../dist/elements/select-option';
 import KemetSortableClass from '../dist/elements/sortable';
-import KemetSvgs from '../dist/elements/svgs';
 import KemetTabClass from '../dist/elements/tab';
 import KemetTabPanelClass from '../dist/elements/tab-panel';
 import KemetTabsClass from '../dist/elements/tabs';
 import KemetTextareaClass from '../dist/elements/textarea';
 import KemetTimerClass from '../dist/elements/timer';
+import KemetTimerDisplayClass from '../dist/elements/timer-display';
 import KemetToggleClass from '../dist/elements/toggle';
-import KemetTooltipClass from '../dist/elements/tooltip';
 import KemetTrackerClass from '../dist/elements/tracker';
-import KemetUpload from '../dist/elements/upload';
+import KemetTrackerStepClass from '../dist/elements/tracker-step';
+import KemetInputFilesClass from '../dist/elements/input-files';
+import KemetInputFileClass from '../dist/elements/input-file';
+import KemetTypewriterClass from '../dist/elements/typewriter';
+import KemetInputOtpClass from '../dist/elements/input-otp';
 
 
 /**
@@ -90,49 +80,37 @@ declare module 'react' {
       'kemet-badge': ReactLitProps<KemetBadgeClass>;
       'kemet-button': ReactLitProps<KemetButtonClass>;
       'kemet-card': ReactLitProps<KemetCardClass>;
-      'kemet-carousel': ReactLitProps<KemetCarouselClass>;
-      'kemet-carousel-current': ReactLitProps<KemetCarouselCurrentClass>;
-      'kemet-carousel-first': ReactLitProps<KemetCarouselFirstClass>;
-      'kemet-carousel-last': ReactLitProps<KemetCarouselLastClass>;
-      'kemet-carousel-next': ReactLitProps<KemetCarouselNextClass>;
-      'kemet-carousel-prev': ReactLitProps<KemetCarouselPrevClass>;
-      'kemet-carousel-link': ReactLitProps<KemetCarouselLinkClass>;
-      'kemet-carousel-slide': ReactLitProps<KemetCarouselSlideClass>;
-      'kemet-carousel-total': ReactLitProps<KemetCarouselTotalClass>;
       'kemet-checkbox': ReactLitProps<KemetCheckboxClass>;
       'kemet-combo': ReactLitProps<KemetComboClass>;
       'kemet-count': ReactLitProps<KemetCountClass>;
-      'kemet-draggable': ReactLitProps<KemetDraggableClass>;
+      'kemet-dialog': ReactLitProps<KemetDialogClass>;
       'kemet-drawer': ReactLitProps<KemetDrawerClass>;
       'kemet-fab': ReactLitProps<KemetFabClass>;
       'kemet-field': ReactLitProps<KemetFieldClass>;
       'kemet-flipcard': ReactLitProps<KemetFlipcardClass>;
       'kemet-flipcard-trigger': ReactLitProps<KemetFlipcardTriggerClass>;
-      'kemet-icon-bootstrap': ReactLitProps<KemetIconBootstrapClass>;
-      'kemet-icon-lucide' : ReactLitProps<KemetIconLucideClass>;
+      'kemet-icon': ReactLitProps<KemetIconClass>;
       'kemet-input': ReactLitProps<KemetInputClass>;
-      'kemet-modal': ReactLitProps<KemetModalClass>;
-      'kemet-multi-input': ReactLitProps<KemetMultiInputClass>;
+      'kemet-input-combo': ReactLitProps<KemetInputComboClass>;
+      'kemet-input-file': ReactLitProps<KemetInputFileClass>;
+      'kemet-input-files': ReactLitProps<KemetInputFilesClass>;
       'kemet-password': ReactLitProps<KemetPasswordClass>;
-      'kemet-popper': ReactLitProps<KemetPopperClass>;
       'kemet-radio': ReactLitProps<KemetRadioClass>;
+      'kemet-radios': ReactLitProps<KemetRadiosClass>;
       'kemet-rotator': ReactLitProps<KemetRotatorClass>;
       'kemet-select': ReactLitProps<KemetSelectClass>;
-      'kemet-scroll-nav': ReactLitProps<KemetScrollNavClass>;
-      'kemet-scroll-snap': ReactLitProps<KemetScrollSnapClass>;
-      'kemet-scroll-snap-paginator': ReactLitProps<KemetScrollSnapPaginatorClass>;
-      'kemet-scroll-snap-slide': ReactLitProps<KemetScrollSnapSlideClass>;
       'kemet-sortable': ReactLitProps<KemetSortableClass>;
-      'kemet-svgs': ReactLitProps<KemetSvgs>;
       'kemet-tab': ReactLitProps<KemetTabClass>;
       'kemet-tab-panel': ReactLitProps<KemetTabPanelClass>;
       'kemet-tabs': ReactLitProps<KemetTabsClass>;
       'kemet-textarea': ReactLitProps<KemetTextareaClass>;
       'kemet-timer': ReactLitProps<KemetTimerClass>;
+      'kemet-timer-display': ReactLitProps<KemetTimerDisplayClass>;
       'kemet-toggle': ReactLitProps<KemetToggleClass>;
-      'kemet-tooltip': ReactLitProps<KemetTooltipClass>;
       'kemet-tracker': ReactLitProps<KemetTrackerClass>;
-      'kemet-upload': ReactLitProps<KemetUpload>;
+      'kemet-tracker-step': ReactLitProps<KemetTrackerStepClass>;
+      'kemet-input-otp': ReactLitProps<KemetInputOtpClass>;
+      'kemet-typewriter': ReactLitProps<KemetTypewriterClass>;
     }
   }
 }

package/types/solid.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import type { JSX as SolidJSX } from 'solid-js';
+import React from 'react';
 
 import KemetAccordionClass from '../dist/elements/accordion';
 import KemetAccordionPanelClass from '../dist/elements/accordion-panel';
@@ -8,49 +9,38 @@ import KemetAvatarClass from '../dist/elements/avatar';
 import KemetBadgeClass from '../dist/elements/badge';
 import KemetButtonClass from '../dist/elements/button';
 import KemetCardClass from '../dist/elements/card';
-import KemetCarouselClass from '../dist/elements/carousel';
-import KemetCarouselCurrentClass from '../dist/elements/carousel-current';
-import KemetCarouselFirstClass from '../dist/elements/carousel-first';
-import KemetCarouselLastClass from '../dist/elements/carousel-last';
-import KemetCarouselNextClass from '../dist/elements/carousel-next';
-import KemetCarouselPrevClass from '../dist/elements/carousel-prev';
-import KemetCarouselLinkClass from '../dist/elements/carousel-link';
-import KemetCarouselSlideClass from '../dist/elements/carousel-slide';
-import KemetCarouselTotalClass from '../dist/elements/carousel-total';
 import KemetCheckboxClass from '../dist/elements/checkbox';
 import KemetComboClass from '../dist/elements/combo';
 import KemetCountClass from '../dist/elements/count';
-import KemetDraggableClass from '../dist/elements/draggable';
 import KemetDrawerClass from '../dist/elements/drawer';
 import KemetFabClass from '../dist/elements/fab';
 import KemetFieldClass from '../dist/elements/field';
 import KemetFlipcardClass from '../dist/elements/flipcard';
 import KemetFlipcardTriggerClass from '../dist/elements/flipcard-trigger';
-import KemetIconBootstrapClass from '../dist/elements/icon-bootstrap';
-import KemetIconLucideClass from '../dist/elements/icon-lucide';
+import KemetIconClass from '../dist/elements/icon';
 import KemetInputClass from '../dist/elements/input';
-import KemetModalClass from '../dist/elements/modal';
-import KemetMultiInputClass from '../dist/elements/multi-input';
+import KemetDialogClass from '../dist/elements/dialog';
+import KemetDialogCloseClass from '../dist/elements/dialog-close';
+import KemetInputComboClass from '../dist/elements/input-combo';
 import KemetPasswordClass from '../dist/elements/password';
-import KemetPopperClass from '../dist/elements/popper';
 import KemetRadioClass from '../dist/elements/radio';
+import KemetRadiosClass from '../dist/elements/radios';
 import KemetRotatorClass from '../dist/elements/rotator';
 import KemetSelectClass from '../dist/elements/select';
-import KemetScrollNavClass from '../dist/elements/scroll-nav';
-import KemetScrollSnapClass from '../dist/elements/scroll-snap';
-import KemetScrollSnapPaginatorClass from '../dist/elements/scroll-snap-paginator';
-import KemetScrollSnapSlideClass from '../dist/elements/scroll-snap-slide';
 import KemetSortableClass from '../dist/elements/sortable';
-import KemetSvgs from '../dist/elements/svgs';
 import KemetTabClass from '../dist/elements/tab';
 import KemetTabPanelClass from '../dist/elements/tab-panel';
 import KemetTabsClass from '../dist/elements/tabs';
 import KemetTextareaClass from '../dist/elements/textarea';
 import KemetTimerClass from '../dist/elements/timer';
+import KemetTimerDisplayClass from '../dist/elements/timer-display';
 import KemetToggleClass from '../dist/elements/toggle';
-import KemetTooltipClass from '../dist/elements/tooltip';
 import KemetTrackerClass from '../dist/elements/tracker';
-import KemetUpload from '../dist/elements/upload';
+import KemetTrackerStepClass from '../dist/elements/tracker-step';
+import KemetInputFilesClass from '../dist/elements/input-files';
+import KemetInputFileClass from '../dist/elements/input-file';
+import KemetTypewriterClass from '../dist/elements/typewriter';
+import KemetInputOtpClass from '../dist/elements/input-otp';
 
 /**
  * Extract only data properties (no methods) from a type
@@ -88,49 +78,39 @@ declare module 'solid-js' {
       'kemet-badge': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetBadgeClass>;
       'kemet-button': SolidJSX.IntrinsicElements['button'] & SolidLitProps<KemetButtonClass>;
       'kemet-card': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCardClass>;
-      'kemet-carousel': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselClass>;
-      'kemet-carousel-current': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselCurrentClass>;
-      'kemet-carousel-first': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselFirstClass>;
-      'kemet-carousel-last': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselLastClass>;
-      'kemet-carousel-next': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselNextClass>;
-      'kemet-carousel-prev': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselPrevClass>;
-      'kemet-carousel-link': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselLinkClass>;
-      'kemet-carousel-slide': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselSlideClass>;
-      'kemet-carousel-total': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCarouselTotalClass>;
       'kemet-checkbox': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCheckboxClass>;
       'kemet-combo': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetComboClass>;
       'kemet-count': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetCountClass>;
-      'kemet-draggable': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDraggableClass>;
       'kemet-drawer': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDrawerClass>;
       'kemet-fab': SolidJSX.IntrinsicElements['button'] & SolidLitProps<KemetFabClass>;
       'kemet-field': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetFieldClass>;
       'kemet-flipcard': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetFlipcardClass>;
       'kemet-flipcard-trigger': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetFlipcardTriggerClass>;
-      'kemet-icon-bootstrap': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetIconBootstrapClass>;
-      'kemet-icon-lucide' : SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetIconLucideClass>;
       'kemet-input': SolidJSX.IntrinsicElements['input'] & SolidLitProps<KemetInputClass>;
-      'kemet-modal': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetModalClass>;
-      'kemet-multi-input': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetMultiInputClass>;
+      'kemet-modal': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDialogClass>;
+      'kemet-input-combo': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetInputComboClass>;
       'kemet-password': SolidJSX.IntrinsicElements['input'] & SolidLitProps<KemetPasswordClass>;
-      'kemet-popper': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetPopperClass>;
       'kemet-radio': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetRadioClass>;
       'kemet-rotator': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetRotatorClass>;
       'kemet-select': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetSelectClass>;
-      'kemet-scroll-nav': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollNavClass>;
-      'kemet-scroll-snap': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollSnapClass>;
-      'kemet-scroll-snap-paginator': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollSnapPaginatorClass>;
-      'kemet-scroll-snap-slide': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetScrollSnapSlideClass>;
       'kemet-sortable': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetSortableClass>;
-      'kemet-svgs': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetSvgs>;
       'kemet-tab': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTabClass>;
       'kemet-tab-panel': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTabPanelClass>;
       'kemet-tabs': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTabsClass>;
       'kemet-textarea': SolidJSX.IntrinsicElements['textarea'] & SolidLitProps<KemetTextareaClass>;
       'kemet-timer': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTimerClass>;
       'kemet-toggle': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetToggleClass>;
-      'kemet-tooltip': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTooltipClass>;
       'kemet-tracker': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTrackerClass>;
-      'kemet-upload': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetUpload>;
+      'kemet-input-files': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetInputFilesClass>;
+      'kemet-input-file': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetInputFileClass>;
+      'kemet-dialog': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDialogClass>;
+      'kemet-dialog-close': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetDialogCloseClass>;
+      'kemet-radios': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetRadiosClass>;
+      'kemet-tracker-step': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTrackerStepClass>;
+      'kemet-timer-display': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTimerDisplayClass>;
+      'kemet-typewriter': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetTypewriterClass>;
+      'kemet-icon': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetIconClass>;
+      'kemet-input-otp': SolidJSX.IntrinsicElements['div'] & SolidLitProps<KemetInputOtpClass>;
     }
   }
 }

package/types/typewriter-effect.d.ts

@@ -0,0 +1,18 @@
+declare module 'typewriter-effect/dist/core' {
+  export interface TypewriterOptions {
+    cursor?: string;
+    loop?: boolean;
+    delay?: number;
+    [key: string]: any;
+  }
+
+  export default class Typewriter {
+    constructor(target: HTMLElement, options?: TypewriterOptions);
+
+    stop(): this;
+    deleteAll(speed?: number): this;
+    typeString(string: string): this;
+    callFunction(callback: () => void): this;
+    start(): this;
+  }
+}

package/types/vite-env.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css?inline' {
+  const content: string;
+  export default content;
+}