@glasshome/widget-sdk 0.5.0 → 0.5.1

package/dist/framework/hooks/index.d.ts

@@ -4,5 +4,7 @@
  * Hooks for widget development: context, dialog, entity group.
  */
 export { type ReactiveWidgetContext, useWidgetContext, WidgetCtx, } from "./use-widget-context";
+export { useIntersectionPause } from "./use-intersection-pause";
+export { useReducedMotion } from "./use-reduced-motion";
 export { useWidgetDialog, type WidgetDialogReturn } from "./use-widget-dialog";
 export { type AggregationPreset, type UseWidgetEntityGroupOptions, type UseWidgetEntityGroupResult, useWidgetEntityGroup, } from "./use-widget-entity-group";

package/dist/framework/hooks/use-intersection-pause.d.ts

@@ -0,0 +1,7 @@
+import { type Accessor } from "solid-js";
+/**
+ * True while `el` is outside the viewport, so callers can pause animation.
+ *
+ * SSR-safe: returns a constant `false` when `IntersectionObserver` is absent.
+ */
+export declare function useIntersectionPause(el: Accessor<Element | undefined>): Accessor<boolean>;

package/dist/framework/hooks/use-reduced-motion.d.ts

@@ -0,0 +1,7 @@
+import { type Accessor } from "solid-js";
+/**
+ * Reactive `prefers-reduced-motion` accessor.
+ *
+ * SSR-safe: returns a constant `false` when `window`/`matchMedia` are absent.
+ */
+export declare function useReducedMotion(): Accessor<boolean>;

package/dist/framework/index.d.ts

@@ -37,9 +37,9 @@ export { WidgetTitle } from "./components/WidgetTitle";
 export { WidgetValue } from "./components/WidgetValue";
 export { WidgetSliderFill } from "./backgrounds/WidgetSliderFill";
 export { WidgetDialog, type WidgetDialogProps, type WidgetDialogTab } from "./dialogs";
-export { type AggregationPreset, type ReactiveWidgetContext, type UseWidgetEntityGroupOptions, type UseWidgetEntityGroupResult, useWidgetContext, useWidgetDialog, useWidgetEntityGroup, WidgetCtx, type WidgetDialogReturn, } from "./hooks";
+export { type AggregationPreset, type ReactiveWidgetContext, type UseWidgetEntityGroupOptions, type UseWidgetEntityGroupResult, useIntersectionPause, useReducedMotion, useWidgetContext, useWidgetDialog, useWidgetEntityGroup, WidgetCtx, type WidgetDialogReturn, } from "./hooks";
 export { type GestureHandlers, useWidgetGestures } from "./gestures/use-widget-gestures";
-export { injectTokens, type Tone, ToneSchema, } from "./theming";
+export { injectTokens, type SvgColorKey, svgColors, type Tone, ToneSchema, } from "./theming";
 export { widgetFields } from "./fields";
 export { calculateLightGroup, calculateSensorGroup, countActiveEntities, getEntityAttribute, isEntityActive, type LightGroupResult, type SensorGroupResult, type SensorGroupType, } from "./utils";
 export type { EntityView, WidgetStyles, WidgetVariantConfig, } from "./types";

package/dist/framework/theming/index.d.ts

@@ -3,5 +3,6 @@
  *
  * Tone schema and token injection.
  */
+export { type SvgColorKey, svgColors } from "./svg-colors";
 export { ToneSchema, type Tone } from "./tone";
 export { injectTokens } from "./tokens";

package/dist/framework/theming/svg-colors.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Energy design tokens for SVG charts.
+ *
+ * Each entry resolves to colors directly usable in SVG `fill`/`stroke`
+ * attributes: `solid`/`stroke` at full opacity, `fill` reduced for area fills.
+ */
+declare const base: {
+    readonly solar: "oklch(0.74 0.18 60)";
+    readonly grid: "oklch(0.62 0.12 245)";
+    readonly battery: "oklch(0.70 0.18 145)";
+    readonly ev: "oklch(0.70 0.14 190)";
+    readonly home: "oklch(0.68 0.06 250)";
+    readonly positive: "oklch(0.70 0.14 160)";
+    readonly negative: "oklch(0.64 0.22 27)";
+};
+export type SvgColorKey = keyof typeof base;
+interface SvgColorEntry {
+    fill: string;
+    stroke: string;
+    solid: string;
+}
+export declare const svgColors: Record<SvgColorKey, SvgColorEntry>;
+export {};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { defineWidget } from "./define-widget";
 export * from "./framework";
+export { monotoneCubicPath } from "./shared/spline";
 export { formatSchemaError, WidgetManifestSchema } from "./schemas";
 export { isDark } from "./theme";
 export type { GridSize, WidgetContext, WidgetDefinition, WidgetManifest, } from "./types";