@pattern-stack/frontend-patterns 0.2.0-alpha.16 → 0.2.0-alpha.19

package/CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.0-alpha.17]
+
+### Fixed
+- **`SidebarButton` label no longer wraps mid-animation**: added `whitespace-nowrap` to the label `<span>` so the text stays on one line during the Sidebar's `w-16 ↔ w-64` expand/collapse width transition, instead of briefly wrapping onto two lines.
+
 ## [0.2.0-alpha.16]
 
 ### Added

package/dist/atoms/components/data/Duration/Duration.d.ts

@@ -0,0 +1,11 @@
+export interface DurationProps {
+    ms: number;
+    precision?: "auto" | "s" | "ms";
+    className?: string;
+}
+/**
+ * Duration — renders a millisecond value as a compact, human-readable span
+ * with an accessible spoken label (e.g. 1500 → "1.5s", aria-label "1.5 seconds").
+ */
+export declare function Duration({ ms, precision, className }: DurationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Duration.d.ts.map

package/dist/atoms/components/data/Duration/Duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Duration/Duration.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,SAAkB,EAAE,SAAS,EAAE,EAAE,aAAa,2CAgB5E"}

package/dist/atoms/components/data/Duration/index.d.ts

@@ -0,0 +1,2 @@
+export { Duration, type DurationProps } from "./Duration";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/Duration/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Duration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/atoms/components/data/LiveIndicator/LiveIndicator.d.ts

@@ -0,0 +1,12 @@
+export interface LiveIndicatorProps {
+    active: boolean;
+    label?: string;
+    className?: string;
+}
+/**
+ * LiveIndicator — a small status pill with a pulsing dot signalling a live /
+ * connected state (e.g. real-time sync, streaming). Announces its state via
+ * role="status" + aria-live for assistive tech.
+ */
+export declare function LiveIndicator({ active, label, className, }: LiveIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LiveIndicator.d.ts.map

package/dist/atoms/components/data/LiveIndicator/LiveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/LiveIndicator/LiveIndicator.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CAuBpB"}

package/dist/atoms/components/data/LiveIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { LiveIndicator, type LiveIndicatorProps } from "./LiveIndicator";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/LiveIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/LiveIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/atoms/components/data/Sparkline/Sparkline.d.ts

@@ -0,0 +1,16 @@
+export interface SparklineProps {
+    data: number[];
+    width?: number;
+    height?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+    markLast?: boolean;
+}
+/**
+ * Sparkline — a tiny inline trend chart drawn as a single SVG polyline.
+ * Lightweight alternative to <Chart> for in-cell / in-row sparklines.
+ * Renders an empty (aria-hidden) svg when given fewer than 2 points.
+ */
+export declare function Sparkline({ data, width, height, color, fill, strokeWidth, markLast, }: SparklineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sparkline.d.ts.map

package/dist/atoms/components/data/Sparkline/Sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Sparkline/Sparkline.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAW,EACX,KAAsC,EACtC,IAAI,EACJ,WAAiB,EACjB,QAAgB,GACjB,EAAE,cAAc,2CAyDhB"}

package/dist/atoms/components/data/Sparkline/index.d.ts

@@ -0,0 +1,2 @@
+export { Sparkline, type SparklineProps } from "./Sparkline";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/Sparkline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Sparkline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/atoms/components/data/Timestamp/Timestamp.d.ts

@@ -0,0 +1,13 @@
+export interface TimestampProps {
+    value: string | Date | number;
+    format?: "relative" | "absolute" | "both";
+    tz?: string;
+    className?: string;
+}
+/**
+ * Timestamp — renders a date/time value as a semantic <time> element.
+ * In "relative" / "both" modes it self-updates every 30s. "both" shows the
+ * absolute time with the relative time on hover.
+ */
+export declare function Timestamp({ value, format, tz, className, }: TimestampProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Timestamp.d.ts.map

package/dist/atoms/components/data/Timestamp/Timestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAmB,EACnB,EAAE,EACF,SAAS,GACV,EAAE,cAAc,2CA0BhB"}

package/dist/atoms/components/data/Timestamp/index.d.ts

@@ -0,0 +1,2 @@
+export { Timestamp, type TimestampProps } from "./Timestamp";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/Timestamp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Timestamp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/atoms/components/data/index.d.ts

@@ -9,6 +9,10 @@ export { ProgressBar, type ProgressBarProps } from "./ProgressBar";
 export { ListCard, type ListCardProps } from "./ListCard";
 export { EntityIcon, type EntityIconProps } from "./EntityIcon";
 export { TruncatedText, type TruncatedTextProps } from "./TruncatedText";
+export { Duration, type DurationProps } from "./Duration";
+export { Timestamp, type TimestampProps } from "./Timestamp";
+export { Sparkline, type SparklineProps } from "./Sparkline";
+export { LiveIndicator, type LiveIndicatorProps } from "./LiveIndicator";
 export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type ActivityType, type ActivityVariant, } from "./ActivityFeed";
 export { ConnectionStatus, type ConnectionStatusProps, } from "../../composed/ConnectionStatus";
 //# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/components/data/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/components/data/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,iCAAiC,CAAC"}