@babylonjs/shared-ui-components 9.26.0 → 9.26.2

package/lite/fluent/hoc/propertyLines/colorPropertyLine.d.ts

@@ -0,0 +1,10 @@
+import { type Color3, type Color4 } from "@babylonjs/lite";
+import { type FunctionComponent } from "react";
+import { type PropertyLineProps } from "../../../../fluent/hoc/propertyLines/propertyLine.js";
+import { type StructuralColorPickerProps } from "../../../../fluent/primitives/structuralColorPicker.js";
+export type Color3Value = Color3 | readonly [number, number, number];
+export type Color4Value = Color4 | readonly [number, number, number, number];
+export type ColorPickerProps<ValueT extends Color3Value | Color4Value> = Omit<StructuralColorPickerProps<ValueT>, "adapter">;
+export type ColorPropertyLineProps<ValueT extends Color3Value | Color4Value> = ColorPickerProps<ValueT> & PropertyLineProps<ValueT>;
+export declare const Color3PropertyLine: FunctionComponent<ColorPropertyLineProps<Color3Value>>;
+export declare const Color4PropertyLine: FunctionComponent<ColorPropertyLineProps<Color4Value>>;

package/lite/fluent/hoc/propertyLines/colorPropertyLine.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ControlledColorPropertyLine } from "../../../../fluent/hoc/propertyLines/colorPropertyLineCore.js";
+import { StructuralColorPickerPopup } from "../../../../fluent/primitives/structuralColorPicker.js";
+function IsColor4Value(value) {
+    return "r" in value ? "a" in value : value.length === 4;
+}
+function GetStructuralColor(value) {
+    if (!("r" in value)) {
+        return {
+            r: value[0],
+            g: value[1],
+            b: value[2],
+            ...(value.length === 4 ? { a: value[3] } : {}),
+        };
+    }
+    return value;
+}
+function CreateColor3Value(color, source) {
+    if (!("r" in source)) {
+        return [color.r, color.g, color.b];
+    }
+    return {
+        r: color.r,
+        g: color.g,
+        b: color.b,
+    };
+}
+function CreateColor4Value(color, source) {
+    if (!("r" in source)) {
+        return [color.r, color.g, color.b, color.a ?? source[3]];
+    }
+    return {
+        r: color.r,
+        g: color.g,
+        b: color.b,
+        a: color.a ?? source.a,
+    };
+}
+const Picker = (props) => (_jsx(StructuralColorPickerPopup, { ...props, adapter: {
+        getColor: GetStructuralColor,
+        createColor: (color, source) => (IsColor4Value(source) ? CreateColor4Value(color, source) : CreateColor3Value(color, source)),
+    } }));
+const Adapter = {
+    picker: Picker,
+    getColor: GetStructuralColor,
+    createColor: (color, source) => (IsColor4Value(source) ? CreateColor4Value(color, source) : CreateColor3Value(color, source)),
+};
+export const Color3PropertyLine = (props) => (_jsx(ControlledColorPropertyLine, { ...props, adapter: Adapter }));
+export const Color4PropertyLine = (props) => (_jsx(ControlledColorPropertyLine, { ...props, adapter: Adapter }));
+//# sourceMappingURL=colorPropertyLine.js.map

package/lite/fluent/hoc/propertyLines/colorPropertyLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPropertyLine.js","sourceRoot":"","sources":["../../../../../../../dev/sharedUiComponents/src/lite/fluent/hoc/propertyLines/colorPropertyLine.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,2BAA2B,EAAiC,MAAM,qEAAqE,CAAC;AAEjJ,OAAO,EAAE,0BAA0B,EAAyD,MAAM,8DAA8D,CAAC;AAQjK,SAAS,aAAa,CAAC,KAAgC;IACnD,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAgC;IACxD,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO;YACH,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;YACX,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;YACX,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;YACX,GAAG,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACjD,CAAC;IACN,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAsB,EAAE,MAAmB;IAClE,IAAI,CAAC,CAAC,GAAG,IAAI,MAAM,CAAC,EAAE,CAAC;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,OAAO;QACH,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;KACb,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAsB,EAAE,MAAmB;IAClE,IAAI,CAAC,CAAC,GAAG,IAAI,MAAM,CAAC,EAAE,CAAC;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO;QACH,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;KACzB,CAAC;AACN,CAAC;AAED,MAAM,MAAM,GAAmE,CAAC,KAAK,EAAE,EAAE,CAAC,CACtF,KAAC,0BAA0B,OACnB,KAAK,EACT,OAAO,EAAE;QACL,QAAQ,EAAE,kBAAkB;QAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KAChI,GACH,CACL,CAAC;AAEF,MAAM,OAAO,GAAwD;IACjE,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,kBAAkB;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAChI,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA2D,CAAC,KAAK,EAAE,EAAE,CAAC,CACjG,KAAC,2BAA2B,OAAK,KAAK,EAAE,OAAO,EAAE,OAAgD,GAAI,CACxG,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAA2D,CAAC,KAAK,EAAE,EAAE,CAAC,CACjG,KAAC,2BAA2B,OAAK,KAAK,EAAE,OAAO,EAAE,OAAgD,GAAI,CACxG,CAAC","sourcesContent":["import { type Color3, type Color4 } from \"@babylonjs/lite\";\r\nimport { type FunctionComponent } from \"react\";\r\n\r\nimport { ControlledColorPropertyLine, type ColorPropertyLineAdapter } from \"shared-ui-components/fluent/hoc/propertyLines/colorPropertyLineCore\";\r\nimport { type PropertyLineProps } from \"shared-ui-components/fluent/hoc/propertyLines/propertyLine\";\r\nimport { StructuralColorPickerPopup, type StructuralColorPickerProps, type StructuralColor } from \"shared-ui-components/fluent/primitives/structuralColorPicker\";\r\n\r\nexport type Color3Value = Color3 | readonly [number, number, number];\r\nexport type Color4Value = Color4 | readonly [number, number, number, number];\r\n\r\nexport type ColorPickerProps<ValueT extends Color3Value | Color4Value> = Omit<StructuralColorPickerProps<ValueT>, \"adapter\">;\r\nexport type ColorPropertyLineProps<ValueT extends Color3Value | Color4Value> = ColorPickerProps<ValueT> & PropertyLineProps<ValueT>;\r\n\r\nfunction IsColor4Value(value: Color3Value | Color4Value): value is Color4Value {\r\n    return \"r\" in value ? \"a\" in value : value.length === 4;\r\n}\r\n\r\nfunction GetStructuralColor(value: Color3Value | Color4Value): StructuralColor {\r\n    if (!(\"r\" in value)) {\r\n        return {\r\n            r: value[0],\r\n            g: value[1],\r\n            b: value[2],\r\n            ...(value.length === 4 ? { a: value[3] } : {}),\r\n        };\r\n    }\r\n    return value;\r\n}\r\n\r\nfunction CreateColor3Value(color: StructuralColor, source: Color3Value): Color3Value {\r\n    if (!(\"r\" in source)) {\r\n        return [color.r, color.g, color.b];\r\n    }\r\n    return {\r\n        r: color.r,\r\n        g: color.g,\r\n        b: color.b,\r\n    };\r\n}\r\n\r\nfunction CreateColor4Value(color: StructuralColor, source: Color4Value): Color4Value {\r\n    if (!(\"r\" in source)) {\r\n        return [color.r, color.g, color.b, color.a ?? source[3]];\r\n    }\r\n    return {\r\n        r: color.r,\r\n        g: color.g,\r\n        b: color.b,\r\n        a: color.a ?? source.a,\r\n    };\r\n}\r\n\r\nconst Picker: FunctionComponent<ColorPickerProps<Color3Value | Color4Value>> = (props) => (\r\n    <StructuralColorPickerPopup\r\n        {...props}\r\n        adapter={{\r\n            getColor: GetStructuralColor,\r\n            createColor: (color, source) => (IsColor4Value(source) ? CreateColor4Value(color, source) : CreateColor3Value(color, source)),\r\n        }}\r\n    />\r\n);\r\n\r\nconst Adapter: ColorPropertyLineAdapter<Color3Value | Color4Value> = {\r\n    picker: Picker,\r\n    getColor: GetStructuralColor,\r\n    createColor: (color, source) => (IsColor4Value(source) ? CreateColor4Value(color, source) : CreateColor3Value(color, source)),\r\n};\r\n\r\nexport const Color3PropertyLine: FunctionComponent<ColorPropertyLineProps<Color3Value>> = (props) => (\r\n    <ControlledColorPropertyLine {...props} adapter={Adapter as ColorPropertyLineAdapter<Color3Value>} />\r\n);\r\nexport const Color4PropertyLine: FunctionComponent<ColorPropertyLineProps<Color4Value>> = (props) => (\r\n    <ControlledColorPropertyLine {...props} adapter={Adapter as ColorPropertyLineAdapter<Color4Value>} />\r\n);\r\n"]}

package/lite/fluent/hoc/propertyLines/vectorPropertyLine.d.ts

@@ -0,0 +1,28 @@
+import { type Quat, type Vec2, type Vec3, type Vec4 } from "@babylonjs/lite";
+import { type FunctionComponent } from "react";
+import { type TensorPropertyLineProps as RuntimeNeutralTensorPropertyLineProps } from "../../../../fluent/hoc/propertyLines/vectorPropertyLineCore.js";
+export type Vector2Value = Vec2 | readonly [number, number];
+export type Vector3Value = Vec3 | readonly [number, number, number];
+export type Vector4Value = Vec4 | readonly [number, number, number, number];
+export type QuaternionValue = Quat | readonly [number, number, number, number];
+export type TensorPropertyLineProps<ValueT extends Vector2Value | Vector3Value | Vector4Value | QuaternionValue> = RuntimeNeutralTensorPropertyLineProps<ValueT>;
+/**
+ * Converts a Lite Euler value to a quaternion while preserving tuple versus structural representation.
+ * @param value The Euler value in radians.
+ * @param source The source quaternion whose representation should be preserved.
+ * @returns The converted quaternion.
+ */
+export declare function CreateQuaternionFromEuler(value: Vector3Value, source: QuaternionValue): QuaternionValue;
+type RotationVectorPropertyLineProps = TensorPropertyLineProps<Vector3Value> & {
+    useDegrees?: boolean;
+};
+type QuaternionPropertyLineProps = TensorPropertyLineProps<QuaternionValue> & {
+    useDegrees?: boolean;
+    useEuler?: boolean;
+};
+export declare const Vector2PropertyLine: FunctionComponent<TensorPropertyLineProps<Vector2Value>>;
+export declare const Vector3PropertyLine: FunctionComponent<TensorPropertyLineProps<Vector3Value>>;
+export declare const Vector4PropertyLine: FunctionComponent<TensorPropertyLineProps<Vector4Value>>;
+export declare const RotationVectorPropertyLine: FunctionComponent<RotationVectorPropertyLineProps>;
+export declare const QuaternionPropertyLine: FunctionComponent<QuaternionPropertyLineProps>;
+export {};

package/lite/fluent/hoc/propertyLines/vectorPropertyLine.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { eulerToQuat, quatToEulerXYZ } from "@babylonjs/lite";
+import { ControlledQuaternionPropertyLine, ControlledRotationVectorPropertyLine, ControlledTensorPropertyLine, } from "../../../../fluent/hoc/propertyLines/vectorPropertyLineCore.js";
+const ComponentIndices = {
+    x: 0,
+    y: 1,
+    z: 2,
+    w: 3,
+};
+function IsNumberTuple(value) {
+    return Array.isArray(value);
+}
+function GetComponent(value, component) {
+    if (IsNumberTuple(value)) {
+        return value[ComponentIndices[component]];
+    }
+    switch (component) {
+        case "x":
+            return value.x;
+        case "y":
+            return value.y;
+        case "z":
+            return "z" in value ? value.z : 0;
+        case "w":
+            return "w" in value ? value.w : 0;
+    }
+}
+const Vector2Adapter = {
+    components: ["x", "y"],
+    getComponent: GetComponent,
+    withComponent: (value, component, componentValue) => IsNumberTuple(value) ? [component === "x" ? componentValue : value[0], component === "y" ? componentValue : value[1]] : { ...value, [component]: componentValue },
+};
+const Vector3Adapter = {
+    components: ["x", "y", "z"],
+    getComponent: GetComponent,
+    withComponent: (value, component, componentValue) => IsNumberTuple(value)
+        ? [component === "x" ? componentValue : value[0], component === "y" ? componentValue : value[1], component === "z" ? componentValue : value[2]]
+        : { ...value, [component]: componentValue },
+};
+const Vector4Adapter = {
+    components: ["x", "y", "z", "w"],
+    getComponent: GetComponent,
+    withComponent: (value, component, componentValue) => IsNumberTuple(value)
+        ? [
+            component === "x" ? componentValue : value[0],
+            component === "y" ? componentValue : value[1],
+            component === "z" ? componentValue : value[2],
+            component === "w" ? componentValue : value[3],
+        ]
+        : { ...value, [component]: componentValue },
+};
+const QuaternionTensorAdapter = {
+    components: ["x", "y", "z", "w"],
+    getComponent: GetComponent,
+    withComponent: (value, component, componentValue) => IsNumberTuple(value)
+        ? [
+            component === "x" ? componentValue : value[0],
+            component === "y" ? componentValue : value[1],
+            component === "z" ? componentValue : value[2],
+            component === "w" ? componentValue : value[3],
+        ]
+        : { ...value, [component]: componentValue },
+};
+/**
+ * Converts a Lite Euler value to a quaternion while preserving tuple versus structural representation.
+ * @param value The Euler value in radians.
+ * @param source The source quaternion whose representation should be preserved.
+ * @returns The converted quaternion.
+ */
+export function CreateQuaternionFromEuler(value, source) {
+    const [x, y, z] = "x" in value ? [value.x, value.y, value.z] : value;
+    const quaternion = eulerToQuat(x, y, z);
+    return "x" in source ? { x: quaternion[0], y: quaternion[1], z: quaternion[2], w: quaternion[3] } : quaternion;
+}
+const QuaternionAdapter = {
+    quaternion: QuaternionTensorAdapter,
+    euler: Vector3Adapter,
+    fromEuler: CreateQuaternionFromEuler,
+    toEuler: (value) => {
+        const [x, y, z, w] = "x" in value ? [value.x, value.y, value.z, value.w] : value;
+        return quatToEulerXYZ(x, y, z, w);
+    },
+};
+export const Vector2PropertyLine = (props) => _jsx(ControlledTensorPropertyLine, { ...props, adapter: Vector2Adapter });
+export const Vector3PropertyLine = (props) => _jsx(ControlledTensorPropertyLine, { ...props, adapter: Vector3Adapter });
+export const Vector4PropertyLine = (props) => _jsx(ControlledTensorPropertyLine, { ...props, adapter: Vector4Adapter });
+export const RotationVectorPropertyLine = (props) => (_jsx(ControlledRotationVectorPropertyLine, { ...props, adapter: Vector3Adapter }));
+export const QuaternionPropertyLine = (props) => _jsx(ControlledQuaternionPropertyLine, { ...props, adapter: QuaternionAdapter });
+//# sourceMappingURL=vectorPropertyLine.js.map

package/lite/fluent/hoc/propertyLines/vectorPropertyLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vectorPropertyLine.js","sourceRoot":"","sources":["../../../../../../../dev/sharedUiComponents/src/lite/fluent/hoc/propertyLines/vectorPropertyLine.tsx"],"names":[],"mappings":"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","sourcesContent":["import { eulerToQuat, quatToEulerXYZ, type Quat, type Vec2, type Vec3, type Vec4 } from \"@babylonjs/lite\";\r\nimport { type FunctionComponent } from \"react\";\r\n\r\nimport {\r\n    ControlledQuaternionPropertyLine,\r\n    ControlledRotationVectorPropertyLine,\r\n    ControlledTensorPropertyLine,\r\n    type QuaternionValueAdapter,\r\n    type TensorComponent,\r\n    type TensorPropertyLineProps as RuntimeNeutralTensorPropertyLineProps,\r\n    type TensorValueAdapter,\r\n} from \"shared-ui-components/fluent/hoc/propertyLines/vectorPropertyLineCore\";\r\n\r\nexport type Vector2Value = Vec2 | readonly [number, number];\r\nexport type Vector3Value = Vec3 | readonly [number, number, number];\r\nexport type Vector4Value = Vec4 | readonly [number, number, number, number];\r\nexport type QuaternionValue = Quat | readonly [number, number, number, number];\r\n\r\nexport type TensorPropertyLineProps<ValueT extends Vector2Value | Vector3Value | Vector4Value | QuaternionValue> = RuntimeNeutralTensorPropertyLineProps<ValueT>;\r\n\r\nconst ComponentIndices: Readonly<Record<TensorComponent, number>> = {\r\n    x: 0,\r\n    y: 1,\r\n    z: 2,\r\n    w: 3,\r\n};\r\n\r\ntype TupleValue = readonly [number, number] | readonly [number, number, number] | readonly [number, number, number, number];\r\n\r\nfunction IsNumberTuple(value: Vector2Value | Vector3Value | Vector4Value | QuaternionValue): value is TupleValue {\r\n    return Array.isArray(value);\r\n}\r\n\r\nfunction GetComponent(value: Vector2Value | Vector3Value | Vector4Value | QuaternionValue, component: TensorComponent): number {\r\n    if (IsNumberTuple(value)) {\r\n        return value[ComponentIndices[component]];\r\n    }\r\n    switch (component) {\r\n        case \"x\":\r\n            return value.x;\r\n        case \"y\":\r\n            return value.y;\r\n        case \"z\":\r\n            return \"z\" in value ? value.z : 0;\r\n        case \"w\":\r\n            return \"w\" in value ? value.w : 0;\r\n    }\r\n}\r\n\r\nconst Vector2Adapter: TensorValueAdapter<Vector2Value> = {\r\n    components: [\"x\", \"y\"],\r\n    getComponent: GetComponent,\r\n    withComponent: (value, component, componentValue) =>\r\n        IsNumberTuple(value) ? [component === \"x\" ? componentValue : value[0], component === \"y\" ? componentValue : value[1]] : { ...value, [component]: componentValue },\r\n};\r\nconst Vector3Adapter: TensorValueAdapter<Vector3Value> = {\r\n    components: [\"x\", \"y\", \"z\"],\r\n    getComponent: GetComponent,\r\n    withComponent: (value, component, componentValue) =>\r\n        IsNumberTuple(value)\r\n            ? [component === \"x\" ? componentValue : value[0], component === \"y\" ? componentValue : value[1], component === \"z\" ? componentValue : value[2]]\r\n            : { ...value, [component]: componentValue },\r\n};\r\nconst Vector4Adapter: TensorValueAdapter<Vector4Value> = {\r\n    components: [\"x\", \"y\", \"z\", \"w\"],\r\n    getComponent: GetComponent,\r\n    withComponent: (value, component, componentValue) =>\r\n        IsNumberTuple(value)\r\n            ? [\r\n                  component === \"x\" ? componentValue : value[0],\r\n                  component === \"y\" ? componentValue : value[1],\r\n                  component === \"z\" ? componentValue : value[2],\r\n                  component === \"w\" ? componentValue : value[3],\r\n              ]\r\n            : { ...value, [component]: componentValue },\r\n};\r\nconst QuaternionTensorAdapter: TensorValueAdapter<QuaternionValue> = {\r\n    components: [\"x\", \"y\", \"z\", \"w\"],\r\n    getComponent: GetComponent,\r\n    withComponent: (value, component, componentValue) =>\r\n        IsNumberTuple(value)\r\n            ? [\r\n                  component === \"x\" ? componentValue : value[0],\r\n                  component === \"y\" ? componentValue : value[1],\r\n                  component === \"z\" ? componentValue : value[2],\r\n                  component === \"w\" ? componentValue : value[3],\r\n              ]\r\n            : { ...value, [component]: componentValue },\r\n};\r\n\r\n/**\r\n * Converts a Lite Euler value to a quaternion while preserving tuple versus structural representation.\r\n * @param value The Euler value in radians.\r\n * @param source The source quaternion whose representation should be preserved.\r\n * @returns The converted quaternion.\r\n */\r\nexport function CreateQuaternionFromEuler(value: Vector3Value, source: QuaternionValue): QuaternionValue {\r\n    const [x, y, z] = \"x\" in value ? [value.x, value.y, value.z] : value;\r\n    const quaternion = eulerToQuat(x, y, z);\r\n    return \"x\" in source ? { x: quaternion[0], y: quaternion[1], z: quaternion[2], w: quaternion[3] } : quaternion;\r\n}\r\n\r\nconst QuaternionAdapter: QuaternionValueAdapter<QuaternionValue, Vector3Value> = {\r\n    quaternion: QuaternionTensorAdapter,\r\n    euler: Vector3Adapter,\r\n    fromEuler: CreateQuaternionFromEuler,\r\n    toEuler: (value) => {\r\n        const [x, y, z, w] = \"x\" in value ? [value.x, value.y, value.z, value.w] : value;\r\n        return quatToEulerXYZ(x, y, z, w);\r\n    },\r\n};\r\n\r\ntype RotationVectorPropertyLineProps = TensorPropertyLineProps<Vector3Value> & {\r\n    useDegrees?: boolean;\r\n};\r\n\r\ntype QuaternionPropertyLineProps = TensorPropertyLineProps<QuaternionValue> & {\r\n    useDegrees?: boolean;\r\n    useEuler?: boolean;\r\n};\r\n\r\nexport const Vector2PropertyLine: FunctionComponent<TensorPropertyLineProps<Vector2Value>> = (props) => <ControlledTensorPropertyLine {...props} adapter={Vector2Adapter} />;\r\nexport const Vector3PropertyLine: FunctionComponent<TensorPropertyLineProps<Vector3Value>> = (props) => <ControlledTensorPropertyLine {...props} adapter={Vector3Adapter} />;\r\nexport const Vector4PropertyLine: FunctionComponent<TensorPropertyLineProps<Vector4Value>> = (props) => <ControlledTensorPropertyLine {...props} adapter={Vector4Adapter} />;\r\nexport const RotationVectorPropertyLine: FunctionComponent<RotationVectorPropertyLineProps> = (props) => (\r\n    <ControlledRotationVectorPropertyLine {...props} adapter={Vector3Adapter} />\r\n);\r\nexport const QuaternionPropertyLine: FunctionComponent<QuaternionPropertyLineProps> = (props) => <ControlledQuaternionPropertyLine {...props} adapter={QuaternionAdapter} />;\r\n"]}

package/lite/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./fluent/hoc/propertyLines/colorPropertyLine.js";
+export * from "./fluent/hoc/propertyLines/vectorPropertyLine.js";

package/lite/index.js

@@ -0,0 +1,3 @@
+export * from "./fluent/hoc/propertyLines/colorPropertyLine.js";
+export * from "./fluent/hoc/propertyLines/vectorPropertyLine.js";
+//# sourceMappingURL=index.js.map

package/lite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/lite/index.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC","sourcesContent":["export * from \"./fluent/hoc/propertyLines/colorPropertyLine\";\r\nexport * from \"./fluent/hoc/propertyLines/vectorPropertyLine\";\r\n"]}

package/nodeGraphSystem/graphFrame.module.scss

@@ -26,14 +26,17 @@
     display: grid;
     grid-row: 2;
     grid-column: 1;
+    min-width: 0;
+    overflow: hidden;
     padding: 0 10px;
     font-style: italic;
     word-wrap: break-word;
 }
 
 .frame-comment-span {
+    min-width: 0;
     white-space: normal;
-    overflow-wrap: break-word;
+    overflow-wrap: anywhere;
     word-wrap: break-word;
 }
 

package/package.json

@@ -1,9 +1,29 @@
 {
     "name": "@babylonjs/shared-ui-components",
-    "version": "9.26.0",
+    "version": "9.26.2",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./index.d.ts",
+            "default": "./index.js"
+        },
+        "./lite": {
+            "types": "./lite/index.d.ts",
+            "default": "./lite/index.js"
+        },
+        "./*.js": "./*.js",
+        "./*.d.ts": "./*.d.ts",
+        "./*.map": "./*.map",
+        "./*.svg": "./*.svg",
+        "./*.scss": "./*.scss",
+        "./*": {
+            "types": "./*.d.ts",
+            "default": "./*.js"
+        },
+        "./package.json": "./package.json"
+    },
     "files": [
         "**/*.js",
         "**/*.d.ts",
@@ -21,10 +41,12 @@
         "postcompile": "build-tools -c add-js-to-es6"
     },
     "devDependencies": {
+        "@babylonjs/lite": "1.27.0",
         "@dev/build-tools": "^1.0.0",
         "@dev/shared-ui-components": "^1.0.0"
     },
     "peerDependencies": {
+        "@babylonjs/lite": "^1.27.0",
         "@types/dagre": "^0.7.47",
         "dagre": "^0.8.5",
         "react": "^18.2.0",
@@ -32,6 +54,11 @@
         "react-dnd-touch-backend": "15.0.1",
         "react-dom": "^18.2.0"
     },
+    "peerDependenciesMeta": {
+        "@babylonjs/lite": {
+            "optional": true
+        }
+    },
     "keywords": [
         "3D",
         "javascript",