@getufy/flint-ui 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,75 @@
+# @getufy/flint-ui
+
+[![npm](https://img.shields.io/npm/v/@getufy/flint-ui)](https://www.npmjs.com/package/@getufy/flint-ui)
+[![license](https://img.shields.io/npm/l/@getufy/flint-ui)](https://github.com/getufy/flint-ui/blob/main/LICENSE)
+
+A modern, lightweight web component library built with [Lit](https://lit.dev). 50+ components for building rich UIs — works with any framework.
+
+## Installation
+
+```bash
+npm install @getufy/flint-ui lit
+```
+
+## Usage
+
+```html
+<script type="module">
+  import '@getufy/flint-ui/button/flint-button';
+</script>
+
+<flint-button variant="contained" color="primary">Click me</flint-button>
+```
+
+Or import the full bundle:
+
+```js
+import { FlintButton, FlintTabs, FlintDialog } from '@getufy/flint-ui';
+```
+
+### Tree-shakeable imports
+
+```js
+import '@getufy/flint-ui/tabs/flint-tabs';
+import '@getufy/flint-ui/dialog/flint-dialog';
+import '@getufy/flint-ui/date-picker/flint-date-picker';
+```
+
+## Components
+
+**Inputs:** Button, Checkbox, Input, Radio, Rating, Select, Slider, Switch, Textarea, Toggle, Autocomplete, Input OTP, Date Picker, Date Range Picker, Time Picker, Transfer List
+
+**Data Display:** Avatar, Badge, Chip, Divider, Item, List, Table, Tooltip, Typography, Kbd, Empty, Carousel
+
+**Feedback:** Alert, Dialog, Progress, Skeleton, Snackbar, Sonner, Backdrop
+
+**Surfaces:** Accordion, App Bar, Card, Paper
+
+**Navigation:** Bottom Navigation, Breadcrumbs, Drawer, Link, Menu, Menubar, Navigation Menu, Pagination, Speed Dial, Stepper, Tabs
+
+**Layout:** Box, Container, Grid, Stack, Image List, Split Panel, Resizable, Scroll Area
+
+**Utilities:** Collapsible, Command, Copy Button, Hover Card, Image Comparer, Tree View, Relative Time, Format Date, Format Number, Visually Hidden
+
+## Theming
+
+```css
+:root {
+  --flint-primary-color: #3b82f6;
+  --flint-text-color: #111827;
+  --flint-font-family: system-ui, sans-serif;
+}
+```
+
+```js
+import '@getufy/flint-ui/theme.css';       // Light theme
+import '@getufy/flint-ui/theme-dark.css';   // Dark theme
+```
+
+## React
+
+Looking for React wrappers? See [`@getufy/flint-ui-react`](https://www.npmjs.com/package/@getufy/flint-ui-react).
+
+## License
+
+[MIT](https://github.com/getufy/flint-ui/blob/main/LICENSE)

package/dist/_shared/{flint-rating-9FxNfBNa.js → flint-rating-CqUGdPR_.js}

@@ -43,7 +43,7 @@ var l = ":host{font-family:var(--flint-font-family);--flint-rating-color:#ffb400
 	}
 	_handleKeydown(e, t) {
 		if (!this._isInteractive()) return;
-		let n = this.precision === .5 ? .5 : 1, r = this.value;
+		let n = this.precision === .5 ? .5 : 1, r;
 		switch (e.key) {
 			case "ArrowRight":
 			case "ArrowUp":

package/dist/_shared/{flint-rich-tree-view-BGUjgeZv.js → flint-rich-tree-view-D1Cmqb3L.js}

@@ -285,7 +285,7 @@ var c = ":host{font-family:var(--flint-font-family);display:block}.tree-root{pad
 		this._disabledOverrides.set(e, t), this.requestUpdate();
 	}
 	_renderItem(e, t = 0) {
-		let i = this.getItemId(e), a = this.getItemLabel(e), o = this._getEffectiveDisabled(e), s = [], c = !1, l = !1;
+		let i = this.getItemId(e), a = this.getItemLabel(e), o = this._getEffectiveDisabled(e), s = [], c = !1, l;
 		this.dataSource ? this._lazyChildren.has(i) ? (s = this._lazyChildren.get(i), l = s.length > 0) : (c = this._loading.has(i), l = this.dataSource.getChildrenCount(e) !== 0) : (s = this.getItemChildren(e) ?? [], l = s.length > 0);
 		let u = (t + 1) * 24 + 8;
 		return n`
@@ -339,7 +339,7 @@ var c = ":host{font-family:var(--flint-font-family);display:block}.tree-root{pad
 		let r = this._findItemAndParentInTree(e, this._orderedItems), i = this._findItemAndParentInTree(t, this._orderedItems);
 		if (!r || !i) return;
 		r.parentList.splice(r.index, 1);
-		let a = null, o = 0;
+		let a, o;
 		if (n === "inside") {
 			let e = i.item, n = this.getItemChildren(e), s = Object.keys(e).find((t) => e[t] === n) || "children";
 			e[s] || (e[s] = []);

package/dist/_shared/{flint-time-picker-D00w7wjz.js → flint-time-picker-DcFN6DJD.js}

@@ -498,7 +498,7 @@ var k = class extends t {
 		}
 	}
 	_onClockKeyDown(e) {
-		let t = this._t, n = 0;
+		let t = this._t, n;
 		if (e.key === "ArrowRight" || e.key === "ArrowUp") e.preventDefault(), n = 1;
 		else if (e.key === "ArrowLeft" || e.key === "ArrowDown") e.preventDefault(), n = -1;
 		else if (e.key === "Enter" || e.key === " ") {
@@ -512,7 +512,7 @@ var k = class extends t {
 		else this.view === "minutes" ? this._emit(t.h, (t.m + n + 60) % 60, t.s) : this._emit(t.h, t.m, (t.s + n + 60) % 60);
 	}
 	_renderFace() {
-		let e = this._renderT, t = 0, n = 100;
+		let e = this._renderT, t, n;
 		if (this.view === "hours") {
 			let r;
 			r = this.ampm ? x(e.h).hour : e.h === 0 || e.h > 12 ? e.h % 12 : e.h, t = r / 12 * 360, n = this.ampm ? 100 : e.h === 0 || e.h > 12 ? 64 : 100;

package/dist/index.js

@@ -13,7 +13,7 @@ import { t as d } from "./_shared/flint-fab-D8nKcAan.js";
 import { t as f } from "./_shared/flint-autocomplete-B1tLM8lN.js";
 import { t as p } from "./_shared/flint-checkbox-GnuZq0Yy.js";
 import { n as m, t as h } from "./_shared/flint-radio-B_C3wNRn.js";
-import { t as g } from "./_shared/flint-rating-9FxNfBNa.js";
+import { t as g } from "./_shared/flint-rating-CqUGdPR_.js";
 import { t as _ } from "./_shared/flint-switch-DN7VI9jT.js";
 import { t as v } from "./_shared/flint-textarea-wDEUC9Bt.js";
 import { t as y } from "./_shared/flint-transfer-list-DZsAcF0l.js";
@@ -62,10 +62,10 @@ import { t as ze } from "./_shared/flint-date-field-CYSc9ezt.js";
 import { t as Be } from "./_shared/flint-single-input-date-range-field-BVGf6515.js";
 import { t as Ve } from "./_shared/flint-date-range-calendar-BPBdO9n3.js";
 import { t as He } from "./_shared/flint-date-range-picker-DiVjn_ST.js";
-import { a as Ue, c as We, i as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "./_shared/flint-time-picker-D00w7wjz.js";
+import { a as Ue, c as We, i as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "./_shared/flint-time-picker-DcFN6DJD.js";
 import { t as Ze } from "./_shared/flint-tree-item-iMT216uo.js";
 import { t as Qe } from "./_shared/flint-simple-tree-view-DD3zHLzJ.js";
-import { t as $e } from "./_shared/flint-rich-tree-view-BGUjgeZv.js";
+import { t as $e } from "./_shared/flint-rich-tree-view-D1Cmqb3L.js";
 import { a as et, c as tt, i as nt, l as rt, n as it, o as at, r as ot, s as st, t as ct } from "./_shared/flint-command-DGhby0QI.js";
 import { a as lt, i as ut, n as dt, r as ft, t as pt } from "./_shared/flint-carousel-jwZ5C4e_.js";
 import { a as mt, i as ht, n as gt, o as _t, r as vt, t as yt } from "./_shared/flint-empty-Bq8DuJQT.js";

package/dist/rating/flint-rating.js

@@ -1,2 +1,2 @@
-import { t as e } from "../_shared/flint-rating-9FxNfBNa.js";
+import { t as e } from "../_shared/flint-rating-CqUGdPR_.js";
 export { e as FlintRating };

package/dist/time-picker/flint-time-picker.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../_shared/flint-time-picker-D00w7wjz.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../_shared/flint-time-picker-DcFN6DJD.js";
 export { s as FlintDesktopTimePicker, r as FlintDigitalClock, a as FlintMobileTimePicker, n as FlintMultiSectionDigitalClock, e as FlintStaticTimePicker, i as FlintTimeClock, o as FlintTimeField, t as FlintTimePicker };

package/dist/tree-view/flint-rich-tree-view.js

@@ -1,2 +1,2 @@
-import { t as e } from "../_shared/flint-rich-tree-view-BGUjgeZv.js";
+import { t as e } from "../_shared/flint-rich-tree-view-D1Cmqb3L.js";
 export { e as FlintRichTreeView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getufy/flint-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",
@@ -430,7 +430,7 @@
     "src/theme-dark.css"
   ],
   "dependencies": {
-    "lit": "^3.3.2"
+    "lit": "^3.0.0"
   },
   "peerDependencies": {
     "lit": "^3.0.0"
@@ -442,6 +442,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.0.1",
+    "@eslint/js": "^10.0.1",
     "@open-wc/testing": "^4.0.0",
     "@storybook/addon-a11y": "^10.2.19",
     "@storybook/addon-docs": "^10.2.19",
@@ -454,10 +455,10 @@
     "@types/node": "^25.5.0",
     "@vitest/browser-playwright": "^4.1.0",
     "@vitest/coverage-v8": "^4.1.0",
-    "eslint": "^9.39.4",
+    "eslint": "^10.0.3",
     "eslint-plugin-lit": "^2.2.1",
     "eslint-plugin-wc": "^3.1.0",
-    "jsdom": "^27.0.1",
+    "jsdom": "^28.1.0",
     "lit-element": "^4.2.2",
     "lit-html": "^3.3.2",
     "playwright": "^1.58.2",