@fulate/components 1.0.0

package/dist/internal/control-size.d.ts

@@ -0,0 +1,14 @@
+import type { PropType } from "@vue/runtime-core";
+import type { ControlSize } from "../types/control";
+export type SizeScale<T> = Readonly<Record<ControlSize, Readonly<T>>>;
+export declare const controlSizeProp: {
+    type: PropType<ControlSize>;
+    default: ControlSize;
+};
+export declare const inheritedControlSizeProp: {
+    type: PropType<ControlSize>;
+    default: any;
+};
+export declare const CONTROL_STATE_LAYER_SIZE: SizeScale<number>;
+export declare const CONTROL_GROUP_GAP: SizeScale<number>;
+export declare const CONTROL_LABEL_FONT_SIZE: SizeScale<number>;

package/dist/internal/interaction.d.ts

@@ -0,0 +1,14 @@
+export type InteractionState = "rest" | "hover" | "press";
+export interface InteractionHandlers {
+    onMouseenter(): void;
+    onMouseleave(): void;
+    onPointerdown(): void;
+    onPointerup(): void;
+    onPointercancel(): void;
+}
+interface InteractionController {
+    handlers: InteractionHandlers;
+    refresh(duration?: number): void;
+}
+export declare function useInteractionState(disabled: () => boolean, apply: (state: InteractionState, duration: number) => void): InteractionController;
+export {};

package/dist/internal/ripple.d.ts

@@ -0,0 +1,5 @@
+import type { RippleOverlay } from "@fulate/ui";
+export declare function useRippleAnimation(): {
+    rippleRef: import("@vue/reactivity").ShallowRef<RippleOverlay, RippleOverlay>;
+    trigger: (x: number, y: number) => void;
+};

package/dist/internal/state-layer.d.ts

@@ -0,0 +1,9 @@
+import { type ShallowRef } from "@vue/runtime-core";
+import type { Shape } from "@fulate/core";
+import { type InteractionHandlers } from "./interaction";
+interface StateLayerController {
+    layerRef: ShallowRef<Shape | null>;
+    handlers: InteractionHandlers;
+}
+export declare function useStateLayer(disabled: () => boolean, color?: () => string): StateLayerController;
+export {};

package/dist/theme/index.d.ts

@@ -0,0 +1 @@
+export { MD3 } from "./md3";

package/dist/theme/md3.d.ts

@@ -0,0 +1,25 @@
+export declare const MD3: {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    surface: string;
+    surfaceDim: string;
+    surfaceContainer: string;
+    onSurface: string;
+    onSurfaceVariant: string;
+    outline: string;
+    outlineVariant: string;
+    error: string;
+    onError: string;
+    stateHoverOpacity: number;
+    statePressOpacity: number;
+    stateFocusOpacity: number;
+    rippleOpacity: number;
+    radiusFull: number;
+    radiusLg: number;
+    radiusMd: number;
+    radiusSm: number;
+    fontSize: number;
+    fontFamily: string;
+    iconFamily: string;
+};

package/dist/types/control.d.ts

@@ -0,0 +1 @@
+export type ControlSize = "small" | "medium" | "large";

package/dist/types/floating.d.ts

@@ -0,0 +1,4 @@
+import type { Element } from "@fulate/core";
+import type { Ref } from "@vue/runtime-core";
+/** A canvas element or a ref that resolves to one. */
+export type ElementReference = Element | Readonly<Ref<Element | null | undefined>>;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@fulate/components",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit -p tsconfig.tests.json"
+  },
+  "dependencies": {
+    "@fulate/core": "*",
+    "@fulate/ui": "*",
+    "@fulate/share": "*",
+    "@fulate/vue": "*",
+    "@fulate/yoga": "*",
+    "@vue/runtime-core": "^3.5.0",
+    "lodash-es": "^4.17.22"
+  }
+}