@logicplanes/kaeso-ui 0.2.0 → 0.2.2

package/dist/types/components/status-dot/status-dot.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from "react";
+import { type IconData } from "../icon/icon.js";
 export declare const KAESO_STATUS_DOT_VARIANTS: {
     readonly tone: {
         readonly success: {
@@ -30,6 +31,7 @@ export interface StatusDotProps {
     tone?: keyof typeof KAESO_STATUS_DOT_VARIANTS.tone | undefined;
     children?: ReactNode | undefined;
     size?: "sm" | "md" | undefined;
+    icon?: IconData | undefined;
     className?: string | undefined;
 }
 export declare const StatusDot: import("react").ForwardRefExoticComponent<StatusDotProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/format/index.d.ts

@@ -1,5 +1,7 @@
 export declare function setFormatLocale(locale: string, messages?: Readonly<Record<string, string>>): void;
 export declare function formatLocale(): string;
+export declare function setFormatTimeZone(timeZone: string | undefined): void;
+export declare function formatTimeZone(): string | undefined;
 export declare function formatNumber(value: number, options?: Intl.NumberFormatOptions): string;
 export declare function formatTokens(value: number): string;
 export declare function formatBytes(bytes: number): string;

package/dist/types/index.d.ts

@@ -66,6 +66,7 @@ export * from "./components/avatar/index.js";
 export * from "./components/stat/index.js";
 export * from "./components/key-value/index.js";
 export * from "./components/qr-code/index.js";
+export * from "./components/release-art/index.js";
 export * from "./components/collapsible/index.js";
 export * from "./components/timeline/index.js";
 export * from "./components/flow/index.js";

package/foundations/accessibility.md

@@ -7,6 +7,7 @@ Every component works with a keyboard, a screen reader, a coarse pointer and the
 - Behavior comes from Base UI: roles, states, focus management and keyboard interaction follow the WAI-ARIA practices.
 - **Targets**: nothing interactive is smaller than 32px; with a coarse pointer, rows and menu items grow to 44px.
 - **Text**: 14px base, 12px minimum. Every text and background pair is measured against WCAG 2.2 (4.5:1 for text, 3:1 for large text and essential graphics).
+- **Zoom stays with the person**: with a coarse pointer, every field's text is at least 16px, so a phone never zooms the page when a field takes focus, and a quick second tap on a control is a tap, not a zoom. Pinch zoom always works; never set `maximum-scale` or `user-scalable=no`.
 - **Color is never alone**: every status carries a word or an icon.
 
 ## Focus

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicplanes/kaeso-ui",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Kaeso's UI library: React components on Base UI, Tailwind CSS v4 and the Kaeso tokens.",
   "license": "MIT",
   "author": "Devin Oldenburg",
@@ -102,7 +102,7 @@
     "shiki": "4.4.3",
     "tailwind-merge": "3.7.0",
     "uqr": "0.1.3",
-    "@logicplanes/kaeso-tokens": "0.2.0"
+    "@logicplanes/kaeso-tokens": "0.2.2"
   },
   "devDependencies": {
     "@hugeicons/core-free-icons": "4.3.5",

package/dist/chunks/status-dot-CBoQpyL4.js

@@ -1,25 +0,0 @@
-"use client";
-import { t as e } from "./cn-CidVUKMm.js";
-import { t } from "./dev-CR1p7gCm.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/status-dot/status-dot.tsx
-var i = { tone: {
-	success: { classes: "text-success-text" },
-	warning: { classes: "text-warning-text" },
-	danger: { classes: "text-danger-text" },
-	info: { classes: "text-info-text" },
-	neutral: { classes: "text-fg-secondary" }
-} }, a = { tone: "neutral" }, o = /* @__PURE__ */ n(function({ tone: n = "neutral", children: a, size: o = "md", className: s }, c) {
-	return (a == null || a === "") && t("StatusDot: a status is a word in its color; pass the word as children (it renders nothing without one)."), /* @__PURE__ */ r("span", {
-		ref: c,
-		className: e("inline-flex items-center font-medium", o === "md" ? "text-body" : "text-small", i.tone[n].classes, s),
-		children: a
-	});
-});
-process.env.NODE_ENV !== "production" && (o.displayName = "StatusDot");
-var s = o;
-//#endregion
-export { o as i, i as n, s as r, a as t };
-
-//# sourceMappingURL=status-dot-CBoQpyL4.js.map

package/dist/chunks/status-dot-CBoQpyL4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-dot-CBoQpyL4.js","names":["cn","KAESO_STATUS_DOT_VARIANTS","KAESO_STATUS_DOT_DEFAULT_VARIANTS","StatusDot","children","devWarn","size","tone","className","Status"],"sources":["../../src/components/status-dot/status-dot.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { devWarn } from \"../../utils/dev.js\";\n\nexport const KAESO_STATUS_DOT_VARIANTS = {\n  tone: {\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    danger: { classes: \"text-danger-text\" },\n    info: { classes: \"text-info-text\" },\n    neutral: { classes: \"text-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_STATUS_DOT_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface StatusDotProps {\n  tone?: keyof typeof KAESO_STATUS_DOT_VARIANTS.tone | undefined;\n  children?: ReactNode | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n}\n\nexport const StatusDot = /* @__PURE__ */ forwardRef<HTMLSpanElement, StatusDotProps>(function StatusDot({ tone = \"neutral\", children, size = \"md\", className }, ref) {\n  if (children === undefined || children === null || children === \"\")\n    devWarn(\"StatusDot: a status is a word in its color; pass the word as children (it renders nothing without one).\");\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex items-center font-medium\",\n        size === \"md\" ? \"text-body\" : \"text-small\",\n        KAESO_STATUS_DOT_VARIANTS.tone[tone].classes,\n        className,\n      )}\n    >\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") StatusDot.displayName = \"StatusDot\";\n\nexport const Status = StatusDot;\n"],"mappings":";;;;;;AAIA,IAAaC,IAA4B,EACvC,MAAM;CACJ,SAAS,EAAE,SAAS,oBAAoB;CACxC,SAAS,EAAE,SAAS,oBAAoB;CACxC,QAAQ,EAAE,SAAS,mBAAmB;CACtC,MAAM,EAAE,SAAS,iBAAiB;CAClC,SAAS,EAAE,SAAS,oBAAoB;AAC1C,EACF,GACaC,IAAoC,EAAE,MAAM,UAAU,GAStDC,IAA4B,kBAA4C,SAAmB,EAAE,UAAO,WAAW,aAAU,UAAO,MAAM,gBAAa,GAAK;CAGnK,QAFIC,KAAuC,QAAQA,MAAa,OAC9DC,EAAQ,yGAAyG,GAEjH,kBAAC,QAAD;EACO;EACL,WAAWL,EACT,wCACAM,MAAS,OAAO,cAAc,cAC9BL,EAA0B,KAAKM,EAAK,CAAC,SACrCC,CACF;EAEC;CACG,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,IAASN"}