@jfrader/ui 0.5.1 → 0.7.0

package/dist/user-menu.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as UserMenu } from "./user-menu-MctRu_Lh.js";

package/dist/{visually-hidden-BJdvqqvn.js → visually-hidden-DgVO3NaB.js}

@@ -1,5 +1,5 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 //#region src/styling/visually-hidden.ts
 var t = e({
 	position: "absolute",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jfrader/ui",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "description": "React components styled with Emotion and themed through CSS custom properties.",
   "keywords": [
     "react",
@@ -30,6 +30,10 @@
       "types": "./dist/types/components/accordion/index.d.ts",
       "import": "./dist/accordion.js"
     },
+    "./activity-rings": {
+      "types": "./dist/types/components/activity-rings/index.d.ts",
+      "import": "./dist/activity-rings.js"
+    },
     "./alert": {
       "types": "./dist/types/components/alert/index.d.ts",
       "import": "./dist/alert.js"
@@ -50,6 +54,10 @@
       "types": "./dist/types/components/badge/index.d.ts",
       "import": "./dist/badge.js"
     },
+    "./billing-toggle": {
+      "types": "./dist/types/components/billing-toggle/index.d.ts",
+      "import": "./dist/billing-toggle.js"
+    },
     "./bottom-sheet": {
       "types": "./dist/types/components/bottom-sheet/index.d.ts",
       "import": "./dist/bottom-sheet.js"
@@ -62,6 +70,10 @@
       "types": "./dist/types/components/button/index.d.ts",
       "import": "./dist/button.js"
     },
+    "./button-group": {
+      "types": "./dist/types/components/button-group/index.d.ts",
+      "import": "./dist/button-group.js"
+    },
     "./calendar": {
       "types": "./dist/types/components/calendar/index.d.ts",
       "import": "./dist/calendar.js"
@@ -74,6 +86,10 @@
       "types": "./dist/types/components/carousel/index.d.ts",
       "import": "./dist/carousel.js"
     },
+    "./chat-thread": {
+      "types": "./dist/types/components/chat-thread/index.d.ts",
+      "import": "./dist/chat-thread.js"
+    },
     "./checkbox": {
       "types": "./dist/types/components/checkbox/index.d.ts",
       "import": "./dist/checkbox.js"
@@ -138,9 +154,9 @@
       "types": "./dist/types/components/drawer/index.d.ts",
       "import": "./dist/drawer.js"
     },
-    "./elastic-slider": {
-      "types": "./dist/types/components/elastic-slider/index.d.ts",
-      "import": "./dist/elastic-slider.js"
+    "./emblem": {
+      "types": "./dist/types/components/emblem/index.d.ts",
+      "import": "./dist/emblem.js"
     },
     "./empty-state": {
       "types": "./dist/types/components/empty-state/index.d.ts",
@@ -166,6 +182,10 @@
       "types": "./dist/types/components/flex/index.d.ts",
       "import": "./dist/flex.js"
     },
+    "./game-card": {
+      "types": "./dist/types/components/game-card/index.d.ts",
+      "import": "./dist/game-card.js"
+    },
     "./hold-to-confirm": {
       "types": "./dist/types/components/hold-to-confirm/index.d.ts",
       "import": "./dist/hold-to-confirm.js"
@@ -174,6 +194,10 @@
       "types": "./dist/types/components/image-compare/index.d.ts",
       "import": "./dist/image-compare.js"
     },
+    "./in-view-title": {
+      "types": "./dist/types/components/in-view-title/index.d.ts",
+      "import": "./dist/in-view-title.js"
+    },
     "./inline-edit": {
       "types": "./dist/types/components/inline-edit/index.d.ts",
       "import": "./dist/inline-edit.js"
@@ -190,6 +214,22 @@
       "types": "./dist/types/components/kbd/index.d.ts",
       "import": "./dist/kbd.js"
     },
+    "./keycap-keyboard": {
+      "types": "./dist/types/components/keycap-keyboard/index.d.ts",
+      "import": "./dist/keycap-keyboard.js"
+    },
+    "./lightbox-gallery": {
+      "types": "./dist/types/components/lightbox-gallery/index.d.ts",
+      "import": "./dist/lightbox-gallery.js"
+    },
+    "./link-unfurl": {
+      "types": "./dist/types/components/link-unfurl/index.d.ts",
+      "import": "./dist/link-unfurl.js"
+    },
+    "./locale-switcher": {
+      "types": "./dist/types/components/locale-switcher/index.d.ts",
+      "import": "./dist/locale-switcher.js"
+    },
     "./mention-input": {
       "types": "./dist/types/components/mention-input/index.d.ts",
       "import": "./dist/mention-input.js"
@@ -210,6 +250,14 @@
       "types": "./dist/types/components/navigation/index.d.ts",
       "import": "./dist/navigation.js"
     },
+    "./next": {
+      "types": "./dist/types/components/next/index.d.ts",
+      "import": "./dist/next.js"
+    },
+    "./now-playing": {
+      "types": "./dist/types/components/now-playing/index.d.ts",
+      "import": "./dist/now-playing.js"
+    },
     "./pagination": {
       "types": "./dist/types/components/pagination/index.d.ts",
       "import": "./dist/pagination.js"
@@ -218,6 +266,10 @@
       "types": "./dist/types/components/password-field/index.d.ts",
       "import": "./dist/password-field.js"
     },
+    "./photo-grid": {
+      "types": "./dist/types/components/photo-grid/index.d.ts",
+      "import": "./dist/photo-grid.js"
+    },
     "./pill": {
       "types": "./dist/types/components/pill/index.d.ts",
       "import": "./dist/pill.js"
@@ -258,6 +310,14 @@
       "types": "./dist/types/components/select/index.d.ts",
       "import": "./dist/select.js"
     },
+    "./sheet-stack": {
+      "types": "./dist/types/components/sheet-stack/index.d.ts",
+      "import": "./dist/sheet-stack.js"
+    },
+    "./shortcut-recorder": {
+      "types": "./dist/types/components/shortcut-recorder/index.d.ts",
+      "import": "./dist/shortcut-recorder.js"
+    },
     "./signature-pad": {
       "types": "./dist/types/components/signature-pad/index.d.ts",
       "import": "./dist/signature-pad.js"
@@ -290,6 +350,10 @@
       "types": "./dist/types/components/stepper/index.d.ts",
       "import": "./dist/stepper.js"
     },
+    "./stretch-refresh": {
+      "types": "./dist/types/components/stretch-refresh/index.d.ts",
+      "import": "./dist/stretch-refresh.js"
+    },
     "./swipe-actions": {
       "types": "./dist/types/components/swipe-actions/index.d.ts",
       "import": "./dist/swipe-actions.js"
@@ -350,9 +414,17 @@
       "types": "./dist/types/components/tree-view/index.d.ts",
       "import": "./dist/tree-view.js"
     },
+    "./typewriter-terminal": {
+      "types": "./dist/types/components/typewriter-terminal/index.d.ts",
+      "import": "./dist/typewriter-terminal.js"
+    },
     "./usage-meter": {
       "types": "./dist/types/components/usage-meter/index.d.ts",
       "import": "./dist/usage-meter.js"
+    },
+    "./user-menu": {
+      "types": "./dist/types/components/user-menu/index.d.ts",
+      "import": "./dist/user-menu.js"
     }
   },
   "publishConfig": {
@@ -363,23 +435,33 @@
     "@emotion/styled": "^11.14.0",
     "@floating-ui/react": "^0.27.20",
     "motion": "^14.1.0",
-    "@jfrader/tokens": "0.5.1"
+    "@jfrader/tokens": "0.7.0"
   },
   "peerDependencies": {
+    "@emotion/cache": "^11.14.0",
+    "next": "^15.0.0 || ^16.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "shiki": "^4.4.3"
   },
   "peerDependenciesMeta": {
+    "@emotion/cache": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    },
     "shiki": {
       "optional": true
     }
   },
   "devDependencies": {
+    "@emotion/cache": "^11.14.0",
     "@storybook/react-vite": "^10.6.1",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@vitejs/plugin-react": "^6.1.2",
+    "next": "^16.4.0",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "shiki": "^4.4.3",

package/dist/avatar-CaGJHy1N.js

@@ -1,145 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./media-8yrN85VT.js";
-import { useState as r } from "react";
-import { vars as i } from "@jfrader/tokens/vars";
-import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
-//#region src/components/avatar/avatar.tsx
-var s = 2, c = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-function l(e) {
-	let t = Array.from(c.segment(e), ({ segment: e }) => e), n = t[0] ?? "";
-	if (!/\p{Extended_Pictographic}/u.test(n)) return n;
-	let r = "";
-	for (let e of t) {
-		if (!/\p{Extended_Pictographic}/u.test(e)) break;
-		r += e;
-	}
-	return r;
-}
-function u(e) {
-	return e.trim().split(/\s+/).filter(Boolean).slice(0, s).map(l).join("").toLocaleUpperCase();
-}
-var d = e({
-	position: "relative",
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	flexShrink: 0,
-	boxSizing: "border-box",
-	borderRadius: i.radius.full,
-	backgroundColor: i.color.surfaceHover,
-	color: i.color.text,
-	fontWeight: i.fontWeight.medium,
-	lineHeight: 1,
-	userSelect: "none",
-	verticalAlign: "middle",
-	[n]: { outline: "1px solid CanvasText" }
-}), f = {
-	sm: e({
-		inlineSize: i.space[6],
-		blockSize: i.space[6],
-		fontSize: i.textSize.xs
-	}),
-	md: e({
-		inlineSize: i.space[8],
-		blockSize: i.space[8],
-		fontSize: i.textSize.sm
-	}),
-	lg: e({
-		inlineSize: i.space[10],
-		blockSize: i.space[10],
-		fontSize: i.textSize.md
-	})
-}, p = e({
-	display: "block",
-	inlineSize: "100%",
-	blockSize: "100%",
-	borderRadius: i.radius.full,
-	objectFit: "cover"
-}), m = e({
-	position: "absolute",
-	insetBlockEnd: 0,
-	insetInlineEnd: 0,
-	inlineSize: "25%",
-	blockSize: "25%",
-	"&::before": {
-		content: "\"\"",
-		position: "absolute",
-		insetBlockStart: 0,
-		insetInlineStart: 0,
-		inlineSize: "100%",
-		blockSize: "100%",
-		boxSizing: "border-box",
-		borderRadius: i.radius.full,
-		boxShadow: `0 0 0 2px ${i.color.bg}`
-	}
-}), h = {
-	online: e({ "&::before": { backgroundColor: i.color.success } }),
-	away: e({ "&::before": {
-		border: `2px solid ${i.color.warning}`,
-		backgroundColor: "transparent"
-	} }),
-	busy: e({ "&::before": {
-		backgroundColor: i.color.danger,
-		blockSize: "30%",
-		insetBlockStart: "35%"
-	} }),
-	offline: e({ "&::before": {
-		backgroundColor: i.color.textSubtle,
-		inlineSize: "60%",
-		blockSize: "60%",
-		insetBlockStart: "20%",
-		insetInlineStart: "20%"
-	} })
-}, g = e({ [n]: {
-	"&::before": {
-		forcedColorAdjust: "none",
-		backgroundColor: "CanvasText",
-		outline: "2px solid Canvas"
-	},
-	"&[data-status=\"away\"]::before": {
-		borderColor: "CanvasText",
-		backgroundColor: "Canvas"
-	}
-} });
-function _({ ref: e, name: n, src: i, size: s = "md", status: c, statusLabel: l, slotProps: _, className: v, sx: y, ...b }) {
-	let [x, S] = r(), C = i !== void 0 && i !== "" && i !== x, w = c === void 0 ? n : `${n}, ${l ?? c}`;
-	return /* @__PURE__ */ a(t, {
-		className: v,
-		styles: [d, f[s]],
-		sx: y,
-		children: (t) => /* @__PURE__ */ o("span", {
-			...b,
-			ref: e,
-			"data-ui": "avatar",
-			role: "img",
-			"aria-label": w,
-			className: t,
-			children: [C ? /* @__PURE__ */ a("img", {
-				src: i,
-				alt: "",
-				onError: () => S(i),
-				className: _?.image?.className,
-				css: [p, _?.image?.css]
-			}) : /* @__PURE__ */ a("span", {
-				"aria-hidden": "true",
-				className: _?.fallback?.className,
-				css: _?.fallback?.css,
-				children: u(n)
-			}), c !== void 0 && /* @__PURE__ */ a("span", {
-				"aria-hidden": "true",
-				"data-status": c,
-				className: _?.status?.className,
-				css: [
-					m,
-					h[c],
-					g,
-					_?.status?.css
-				]
-			})]
-		})
-	});
-}
-_.displayName = "Avatar";
-//#endregion
-export { _ as t };