@latty-ds/web 0.2.0

package/dist/utils/click-outside.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Creates a click-outside handler that executes a callback when a click (or pointer) event
+ * occurs outside the specified host element.
+ *
+ * @param host - The element to detect clicks outside of.
+ * @param onOutside - The callback function to execute when a click outside occurs.
+ * @param options - Optional configuration for the handler.
+ * @param options.event - The event type to listen for (defaults to 'pointerdown').
+ * @param options.capture - Whether to use event capture (defaults to false).
+ * @returns A cleanup function to remove the event listener.
+ *
+ * @example
+ * ```ts
+ * const cleanup = createClickOutsideHandler(element, () => console.log('clicked outside'));
+ * // later...
+ * cleanup();
+ * ```
+ */
+export declare const createClickOutsideHandler: (host: Element, onOutside: () => void, options?: {
+    event?: "click" | "pointerdown";
+    capture?: boolean;
+}) => (() => void);

package/dist/utils/color.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Resolves a color value. If the value starts with '--', it is wrapped in 'var()'.
+ * Otherwise, the value is returned as-is.
+ *
+ * @param value - The color value to resolve.
+ * @returns The resolved color string.
+ *
+ * @example
+ * ```ts
+ * resolveColorValue('--lt-color-primary'); // returns 'var(--lt-color-primary)'
+ * resolveColorValue('#ff0000'); // returns '#ff0000'
+ * ```
+ */
+export declare const resolveColorValue: (value: string) => string;

package/dist/utils/dispatch.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Dispatches a custom event from the specified host element.
+ * The event bubbles and is composed by default.
+ *
+ * @param host - The element or target to dispatch the event from.
+ * @param name - The name of the custom event.
+ * @param detail - Optional data to include in the event's detail property.
+ * @param init - Optional event initialization options.
+ * @returns A boolean indicating whether the event was canceled.
+ *
+ * @example
+ * ```ts
+ * dispatch(button, 'lt-click', { originalEvent: e });
+ * ```
+ */
+export declare const dispatch: (host: EventTarget, name: string, detail?: unknown, init?: {
+    cancelable?: boolean;
+}) => boolean;

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { dispatch } from './dispatch';
+export { resolveColorValue } from './color';
+export { createClickOutsideHandler } from './click-outside';

package/package.json

@@ -0,0 +1,231 @@
+{
+  "name": "@latty-ds/web",
+  "version": "0.2.0",
+  "description": "Web Components for the Latty design system — framework-agnostic UI components built with Lit",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/penhold3r/latty-ds.git",
+    "directory": "packages/web"
+  },
+  "homepage": "https://penhold3r.github.io/latty-ds",
+  "keywords": [
+    "design-system",
+    "web-components",
+    "custom-elements",
+    "lit",
+    "ui",
+    "latty"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "custom-elements.json"
+  ],
+  "sideEffects": true,
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./css/latty.css": "./dist/css/latty.css",
+    "./css/font-face.css": "./dist/css/font-face.css",
+    "./manifest.json": "./dist/manifest.json",
+    "./accordion": {
+      "import": "./dist/components/accordion/index.js",
+      "default": "./dist/components/accordion/index.js"
+    },
+    "./alert": {
+      "import": "./dist/components/alert/index.js",
+      "default": "./dist/components/alert/index.js"
+    },
+    "./avatar": {
+      "import": "./dist/components/avatar/index.js",
+      "default": "./dist/components/avatar/index.js"
+    },
+    "./badge": {
+      "import": "./dist/components/badge/index.js",
+      "default": "./dist/components/badge/index.js"
+    },
+    "./breadcrumb": {
+      "import": "./dist/components/breadcrumb/index.js",
+      "default": "./dist/components/breadcrumb/index.js"
+    },
+    "./button": {
+      "import": "./dist/components/button/index.js",
+      "default": "./dist/components/button/index.js"
+    },
+    "./calendar": {
+      "import": "./dist/components/calendar/index.js",
+      "default": "./dist/components/calendar/index.js"
+    },
+    "./checkbox": {
+      "import": "./dist/components/checkbox/index.js",
+      "default": "./dist/components/checkbox/index.js"
+    },
+    "./chip": {
+      "import": "./dist/components/chip/index.js",
+      "default": "./dist/components/chip/index.js"
+    },
+    "./color-input": {
+      "import": "./dist/components/color-input/index.js",
+      "default": "./dist/components/color-input/index.js"
+    },
+    "./combobox": {
+      "import": "./dist/components/combobox/index.js",
+      "default": "./dist/components/combobox/index.js"
+    },
+    "./date-input": {
+      "import": "./dist/components/date-input/index.js",
+      "default": "./dist/components/date-input/index.js"
+    },
+    "./datepicker": {
+      "import": "./dist/components/datepicker/index.js",
+      "default": "./dist/components/datepicker/index.js"
+    },
+    "./dialog": {
+      "import": "./dist/components/dialog/index.js",
+      "default": "./dist/components/dialog/index.js"
+    },
+    "./divider": {
+      "import": "./dist/components/divider/index.js",
+      "default": "./dist/components/divider/index.js"
+    },
+    "./dropdown": {
+      "import": "./dist/components/dropdown/index.js",
+      "default": "./dist/components/dropdown/index.js"
+    },
+    "./header": {
+      "import": "./dist/components/header/index.js",
+      "default": "./dist/components/header/index.js"
+    },
+    "./icon-button": {
+      "import": "./dist/components/icon-button/index.js",
+      "default": "./dist/components/icon-button/index.js"
+    },
+    "./image": {
+      "import": "./dist/components/image/index.js",
+      "default": "./dist/components/image/index.js"
+    },
+    "./link": {
+      "import": "./dist/components/link/index.js",
+      "default": "./dist/components/link/index.js"
+    },
+    "./list": {
+      "import": "./dist/components/list/index.js",
+      "default": "./dist/components/list/index.js"
+    },
+    "./nav": {
+      "import": "./dist/components/nav/index.js",
+      "default": "./dist/components/nav/index.js"
+    },
+    "./pagination": {
+      "import": "./dist/components/pagination/index.js",
+      "default": "./dist/components/pagination/index.js"
+    },
+    "./progress": {
+      "import": "./dist/components/progress/index.js",
+      "default": "./dist/components/progress/index.js"
+    },
+    "./radio": {
+      "import": "./dist/components/radio/index.js",
+      "default": "./dist/components/radio/index.js"
+    },
+    "./radio-group": {
+      "import": "./dist/components/radio-group/index.js",
+      "default": "./dist/components/radio-group/index.js"
+    },
+    "./select": {
+      "import": "./dist/components/select/index.js",
+      "default": "./dist/components/select/index.js"
+    },
+    "./shared": {
+      "import": "./dist/components/shared/index.js",
+      "default": "./dist/components/shared/index.js"
+    },
+    "./sidepanel": {
+      "import": "./dist/components/sidepanel/index.js",
+      "default": "./dist/components/sidepanel/index.js"
+    },
+    "./skeleton": {
+      "import": "./dist/components/skeleton/index.js",
+      "default": "./dist/components/skeleton/index.js"
+    },
+    "./slider": {
+      "import": "./dist/components/slider/index.js",
+      "default": "./dist/components/slider/index.js"
+    },
+    "./snackbar": {
+      "import": "./dist/components/snackbar/index.js",
+      "default": "./dist/components/snackbar/index.js"
+    },
+    "./spinner": {
+      "import": "./dist/components/spinner/index.js",
+      "default": "./dist/components/spinner/index.js"
+    },
+    "./surface": {
+      "import": "./dist/components/surface/index.js",
+      "default": "./dist/components/surface/index.js"
+    },
+    "./switch": {
+      "import": "./dist/components/switch/index.js",
+      "default": "./dist/components/switch/index.js"
+    },
+    "./tab": {
+      "import": "./dist/components/tab/index.js",
+      "default": "./dist/components/tab/index.js"
+    },
+    "./tab-group": {
+      "import": "./dist/components/tab-group/index.js",
+      "default": "./dist/components/tab-group/index.js"
+    },
+    "./table": {
+      "import": "./dist/components/table/index.js",
+      "default": "./dist/components/table/index.js"
+    },
+    "./text": {
+      "import": "./dist/components/text/index.js",
+      "default": "./dist/components/text/index.js"
+    },
+    "./textfield": {
+      "import": "./dist/components/textfield/index.js",
+      "default": "./dist/components/textfield/index.js"
+    },
+    "./tooltip": {
+      "import": "./dist/components/tooltip/index.js",
+      "default": "./dist/components/tooltip/index.js"
+    }
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build:ts": "tsup && tsc --emitDeclarationOnly -p tsconfig.build.json",
+    "build:assets": "mkdir -p dist/css dist/fonts && cp -R src/css/* dist/css/ && cp -R src/font/* dist/fonts/",
+    "build:manifest": "cem analyze --config cem.config.mjs && node scripts/build-manifest.mjs",
+    "build": "pnpm run clean && pnpm run build:ts && pnpm run build:assets && pnpm run build:manifest",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "lit": "^3.2.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.5.4"
+  },
+  "peerDependencies": {
+    "lit": "^3.2.0"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.6",
+    "@latty-ds/icons": "0.2.0"
+  },
+  "customElements": "custom-elements.json",
+  "gitHead": "6fd1814cb17a56d6652c581fc349c4f8f426a4bc"
+}