@luxonis/depthai-pipeline-lib 1.17.1 → 3.0.1-rc.1

package/dist/panda.css

@@ -19,7 +19,7 @@
     box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--global-color-border, currentcolor);
+    border-color: var(--global-color-border, currentColor);
 }
 
   hr {
@@ -77,16 +77,10 @@
 
   ::placeholder {
     opacity: 1;
-    --placeholder-fallback: rgba(0, 0, 0, 0.5);
+    --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
     color: var(--global-color-placeholder, var(--placeholder-fallback));
 }
 
-  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
-}
-}
-
   textarea {
     resize: vertical;
 }

package/dist/src/components/BridgeEdge.d.ts

@@ -1,7 +1,4 @@
 import { type EdgeProps } from '@xyflow/react';
-type BridgeEdgeProps = EdgeProps & {
-    data: any;
-    type: any;
-};
+type BridgeEdgeProps = EdgeProps;
 export declare const BridgeEdge: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerStart, markerEnd, interactionWidth, pathOptions, }: BridgeEdgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/BridgeEdge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowRightSideIcon, Icon } from '@luxonis/common-fe-components/icons';
-import { BaseEdge, EdgeLabelRenderer, getSmoothStepPath, } from '@xyflow/react';
+import { BaseEdge, EdgeLabelRenderer, getSmoothStepPath } from '@xyflow/react';
 import React from 'react';
 import { css } from '../styled-system/css/css.mjs';
 const bridgeArrowClassName = css({
@@ -41,8 +41,7 @@ export const BridgeEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosit
         const nextArrowState = {
             x: (startPoint.x + endPoint.x) / 2,
             y: (startPoint.y + endPoint.y) / 2,
-            angle: Math.atan2(endPoint.y - startPoint.y, endPoint.x - startPoint.x) *
-                (180 / Math.PI),
+            angle: Math.atan2(endPoint.y - startPoint.y, endPoint.x - startPoint.x) * (180 / Math.PI),
         };
         setArrowState((currentArrowState) => {
             const didChange = Math.abs(currentArrowState.x - nextArrowState.x) > 0.5 ||

package/dist/src/components/GroupNode.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Flex } from '@luxonis/common-fe-components';
 import { css } from '../styled-system/css/index.mjs';
-// eslint-disable-next-line no-warning-comments
 // TODO: Add group node
 export const GroupNode = (props) => {
     const { data: _node } = props;

package/dist/src/components/Node.d.ts

@@ -1,5 +1,5 @@
 import type { NodeProps } from '@xyflow/react';
-import React from 'react';
-import { type ParsedNode } from '../services/pipeline.js';
+import type React from 'react';
+import type { ParsedNode } from '../services/pipeline.js';
 export type PipelineNodeProps = NodeProps<ParsedNode>;
 export declare const PipelineNode: React.FC<PipelineNodeProps>;

package/dist/src/components/Node.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Button, Flex, HelpIcon, Label, SubLabel, } from '@luxonis/common-fe-components';
+import { Badge, Button, Flex, HelpIcon, Label, SubLabel } from '@luxonis/common-fe-components';
 import { clsx } from '@luxonis/common-fe-components/helpers';
 import { Handle, Position } from '@xyflow/react';
 import { formatTiming } from '../services/pipeline-state.js';
-import { DOCS_BASE_URL, MIN_NODE_WIDTH, NodesWithLinks, } from '../services/utils.js';
+import { DOCS_BASE_URL, MIN_NODE_WIDTH, NodesWithLinks } from '../services/utils.js';
 import { css } from '../styled-system/css/css.mjs';
 const NodeHandles = (props) => {
     const { handles, type } = props;
     return (_jsx(Flex, { full: true, direction: "column", align: type === 'input' ? 'start' : 'end', minWidth: "120px", children: handles.map(({ type: handleType, id, blocking, queueSize, name, maxQueueSize, fps, connected, dotColor, }) => {
             if (!connected) {
-                return;
+                return null;
             }
             return (_jsxs(Flex, { position: "relative", align: "end", direction: handleType === 'input' ? 'row' : 'row-reverse', children: [_jsx(Handle, { type: handleType === 'input' ? 'target' : 'source', position: handleType === 'input' ? Position.Left : Position.Right, id: name, isConnectable: false, className: css({
                             width: 'custom.handle.dot!',
@@ -95,7 +95,7 @@ export const PipelineNode = (props) => {
                 }), style: {
                     border: 'none',
                     background: 'transparent',
-                } }), _jsxs(Flex, { gap: "sm", paddingY: "xs", minWidth: `${MIN_NODE_WIDTH}px`, children: [_jsx(NodeHandles, { type: "input", handles: node.handles.input }), node.extras && node.extras.gpstTimings && (_jsx(GPSTTimings, { ...node.extras.gpstTimings })), _jsx(NodeHandles, { type: "output", handles: node.handles.output })] }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom", isConnectable: false, className: css({
+                } }), _jsxs(Flex, { gap: "sm", paddingY: "xs", minWidth: `${MIN_NODE_WIDTH}px`, children: [_jsx(NodeHandles, { type: "input", handles: node.handles.input }), node.extras?.gpstTimings && _jsx(GPSTTimings, { ...node.extras.gpstTimings }), _jsx(NodeHandles, { type: "output", handles: node.handles.output })] }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom", isConnectable: false, className: css({
                     width: 'custom.handle.dot!',
                     height: 'custom.handle.dot!',
                 }), style: {

package/dist/src/components/PipelineCanvas.js

@@ -11,11 +11,8 @@ const edgeTypes = { generic: BezierEdge, bridge: BridgeEdge };
 const PipelineCanvasBody = ({ pipeline, pipelineState: pipelineStateParsed, header, isDebugging = false, ...flexProps }) => {
     const { fitView, setViewport, getViewport } = useReactFlow();
     const autoArrangeRef = React.useRef(true);
-    const moveStartZoomRef = React.useRef(null);
-    const widthSelector = (state) => state.width;
-    const heightSelector = (state) => state.height;
-    const reactFlowWidth = useStore(widthSelector);
-    const reactFlowHeight = useStore(heightSelector);
+    const reactFlowWidth = useStore((state) => state.width);
+    const reactFlowHeight = useStore((state) => state.height);
     const [shouldFitAndResize, setShouldFitAndResize] = React.useState(false);
     const [openLegend, setOpenLegend] = React.useState(false);
     const pipelineState = React.useMemo(() => pipelineStateParsed, [pipelineStateParsed]);
@@ -36,7 +33,6 @@ const PipelineCanvasBody = ({ pipeline, pipelineState: pipelineStateParsed, head
     // biome-ignore lint/correctness/useExhaustiveDependencies: Intended
     React.useEffect(() => {
         void fitView();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [reactFlowWidth, reactFlowHeight]);
     const [nodes, setNodes, onNodesChange] = useNodesState([]);
     const [edges, setEdges] = useEdgesState([]);
@@ -57,7 +53,6 @@ const PipelineCanvasBody = ({ pipeline, pipelineState: pipelineStateParsed, head
             const updatedNodes = updateNodesOnPipelineStateChange(nodes, pipelineState);
             setNodes([...updatedNodes]);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [pipelineState]);
     const setViewportAndFit = async (x, y, zoom, nds) => {
         await setViewport({ x, y, zoom });
@@ -70,18 +65,7 @@ const PipelineCanvasBody = ({ pipeline, pipelineState: pipelineStateParsed, head
             void setViewportAndFit(viewport.x, viewport.y, viewport.zoom, nodes);
             setShouldFitAndResize(false);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [shouldFitAndResize]);
-    const handleMoveStart = React.useCallback((_, viewport) => {
-        moveStartZoomRef.current = viewport.zoom;
-    }, []);
-    const handleMoveEnd = React.useCallback((_, viewport) => {
-        if (moveStartZoomRef.current !== null &&
-            Math.abs(viewport.zoom - moveStartZoomRef.current) > 0.001) {
-            autoArrangeRef.current = false;
-        }
-        moveStartZoomRef.current = null;
-    }, []);
-    return (_jsxs(Flex, { align: "center", justify: "center", full: true, height: "container.xs", rounded: "common", border: "base", ...flexProps, children: [!pipeline && _jsx(Header, { text: "Loading pipeline..." }), pipeline && (_jsxs(ReactFlow, { nodes: nodes, edges: edges, onMoveStart: handleMoveStart, onMoveEnd: handleMoveEnd, onNodeDragStart: () => (autoArrangeRef.current = false), onNodesChange: onNodesChange, fitView: true, nodeTypes: nodeTypes, edgeTypes: edgeTypes, minZoom: 0.4, children: [header && _jsx(Panel, { position: "top-center", children: header }), _jsx(Panel, { position: "top-right", children: _jsxs(Flex, { gap: "xs", flexDirection: "column", children: [_jsx(Button, { onClick: () => setOpenLegend(!openLegend), label: openLegend ? 'Collapse' : 'Legend' }), openLegend && _jsx(PipelineLegend, { isDebugging: isDebugging })] }) })] }))] }));
+    return (_jsxs(Flex, { align: "center", justify: "center", full: true, height: "container.xs", rounded: "common", border: "base", ...flexProps, children: [!pipeline && _jsx(Header, { text: "Loading pipeline..." }), pipeline && (_jsxs(ReactFlow, { nodes: nodes, edges: edges, onNodeDragStart: () => (autoArrangeRef.current = false), onNodesChange: onNodesChange, fitView: true, nodeTypes: nodeTypes, edgeTypes: edgeTypes, minZoom: 0.4, children: [header && _jsx(Panel, { position: "top-center", children: header }), _jsx(Panel, { position: "top-right", children: _jsxs(Flex, { gap: "xs", flexDirection: "column", children: [_jsx(Button, { onClick: () => setOpenLegend(!openLegend), label: openLegend ? 'Collapse' : 'Legend' }), openLegend && _jsx(PipelineLegend, { isDebugging: isDebugging })] }) })] }))] }));
 };
 export const PipelineCanvas = (props) => (_jsx(ReactFlowProvider, { children: _jsx(PipelineCanvasBody, { ...props }) }));

package/dist/src/components/PipelineLegend.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge, Flex, Label, SubLabel } from '@luxonis/common-fe-components';
 import React from 'react';
 import { PACKAGE_VERSION } from '../version.js';
@@ -174,7 +174,7 @@ const bridgeSection = {
 // warning: '#DC6803',
 // error: '#F04438',
 // gray: '#667085',
-function LegendDot({ tone, square = false, }) {
+function LegendDot({ tone, square = false }) {
     const color = React.useMemo(() => {
         switch (tone) {
             case 'gray':
@@ -196,13 +196,13 @@ function LegendDot({ tone, square = false, }) {
             flexShrink: 0,
         } }));
 }
-function LegendCell({ left, right, }) {
-    return (_jsxs(Flex, { gap: "xxs", width: "full", alignItems: "center", children: [_jsxs(Flex, { alignItems: "center", gap: "xxs", width: "full", children: [left.marker, _jsx(SubLabel, { text: `${left.label}` })] }), right ? (_jsxs(Flex, { alignItems: "center", gap: "xxs", width: "full", children: [right.marker, _jsx(SubLabel, { text: `${right.label}` })] })) : (_jsx(_Fragment, {}))] }));
+function LegendCell({ left, right }) {
+    return (_jsxs(Flex, { gap: "xxs", width: "full", alignItems: "center", children: [_jsxs(Flex, { alignItems: "center", gap: "xxs", width: "full", children: [left.marker, _jsx(SubLabel, { text: `${left.label}` })] }), right ? (_jsxs(Flex, { alignItems: "center", gap: "xxs", width: "full", children: [right.marker, _jsx(SubLabel, { text: `${right.label}` })] })) : null] }));
 }
 function LegendSection({ title, items }) {
     return (_jsxs(Flex, { direction: "column", gap: "xs", width: "full", children: [_jsx(Label, { text: title, weight: "medium" }), items.map((item) => (_jsx(LegendCell, { left: item[0], right: item[1] }, `${item[0].id}-${item[1]?.id}`)))] }));
 }
-export const PipelineLegend = ({ isDebugging, }) => {
+export const PipelineLegend = ({ isDebugging }) => {
     const sections = isDebugging
         ? [
             ...debugSections,

package/dist/src/services/pipeline-handles.d.ts

@@ -1,6 +1,6 @@
 import type { Edge } from '@xyflow/react';
 import type { ParsedNode, RawPipelineNodeIO } from './pipeline';
-import { PipelineStateDotColor } from './pipeline-state';
+import type { PipelineStateDotColor } from './pipeline-state';
 export type RawPipelineBridge = [number, number];
 export type ParsedHandle = {
     id: number;
@@ -51,7 +51,6 @@ export declare function filterNodesHandles(nodes: ParsedNode[], edges: Edge[]):
     };
     id: string;
     position: import("@xyflow/system").XYPosition;
-    type?: string | undefined;
     sourcePosition?: import("@xyflow/system").Position;
     targetPosition?: import("@xyflow/system").Position;
     hidden?: boolean;
@@ -68,7 +67,7 @@ export declare function filterNodesHandles(nodes: ParsedNode[], edges: Edge[]):
     initialHeight?: number;
     parentId?: string;
     zIndex?: number;
-    extent?: "parent" | import("@xyflow/system").CoordinateExtent;
+    extent?: "parent" | import("@xyflow/system").CoordinateExtent | null;
     expandParent?: boolean;
     ariaLabel?: string;
     origin?: import("@xyflow/system").NodeOrigin;
@@ -77,8 +76,11 @@ export declare function filterNodesHandles(nodes: ParsedNode[], edges: Edge[]):
         width?: number;
         height?: number;
     };
+    type?: string | undefined;
     style?: import("react").CSSProperties;
     className?: string;
     resizing?: boolean;
     focusable?: boolean;
+    ariaRole?: import("react").AriaRole;
+    domAttributes?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id" | "style" | "className" | "draggable" | "role" | "aria-label" | "defaultValue" | "dangerouslySetInnerHTML" | keyof import("react").DOMAttributes<HTMLDivElement>>;
 }[];

package/dist/src/services/pipeline-state.d.ts

@@ -28,7 +28,7 @@ type NodeState = 'IDLE' | 'GETTING_INPUTS' | 'PROCESSING' | 'SENDING_OUTPUTS';
 export type RawPipelineState = [
     number,
     {
-        events: any[];
+        events: unknown[];
         inputStates: IOStates;
         inputsGetTiming: TimingWithFps;
         mainLoopTiming: TimingWithFps;

package/dist/src/services/pipeline-state.js

@@ -25,9 +25,7 @@ function nodeStateToState(state) {
 function formatIOStates(values) {
     let returnObj = {};
     for (const [key, value] of Object.entries(values)) {
-        const dotColor = isNaN(Number(value.state))
-            ? 'gray'
-            : nodeStateToDotColor(value.state);
+        const dotColor = Number.isNaN(Number(value.state)) ? 'gray' : nodeStateToDotColor(value.state);
         returnObj = {
             ...returnObj,
             [key]: {
@@ -43,7 +41,7 @@ export function parsePipelineState(rawPayload) {
     const parsedNodeStates = [];
     for (const [nodeId, nodeState] of nodeStates) {
         const parsedState = Number(nodeState?.state);
-        const state = isNaN(parsedState)
+        const state = Number.isNaN(parsedState)
             ? 'IDLE'
             : nodeStateToState(parsedState);
         const currentNode = {

package/dist/src/services/pipeline.d.ts

@@ -1,6 +1,6 @@
-import { type Edge, type Node } from '@xyflow/react';
+import type { Edge, Node } from '@xyflow/react';
 import { type ParsedHandle } from './pipeline-handles';
-import { NodeExtras } from './pipeline-state';
+import type { NodeExtras } from './pipeline-state';
 export type RawPipelineNodeIO = [
     [
         string,

package/dist/src/services/pipeline.js

@@ -1,9 +1,9 @@
-import { filterNodesHandles, parseHandles, } from './pipeline-handles';
+import { filterNodesHandles, parseHandles } from './pipeline-handles';
 function addFakeNode(id) {
     return [
-        typeof id === 'number' ? id : parseInt(id),
+        typeof id === 'number' ? id : parseInt(id, 10),
         {
-            id: typeof id === 'number' ? id : parseInt(id),
+            id: typeof id === 'number' ? id : parseInt(id, 10),
             name: 'Unknown',
             ioInfo: [
                 [
@@ -29,21 +29,13 @@ export function parsePipeline(rawPayload) {
         type: 'generic',
         id: id.toString(),
         position: { x: 0, y: 0 },
-        parentId: node.parentId?.toString() === '-1'
-            ? undefined
-            : node.parentId?.toString(),
-        extent: node.parentId?.toString() === '-1' || node.parentId === undefined
-            ? undefined
-            : 'parent',
+        parentId: node.parentId?.toString() === '-1' ? undefined : node.parentId?.toString(),
+        extent: node.parentId?.toString() === '-1' || node.parentId === undefined ? undefined : 'parent',
         data: {
             id: id.toString(),
             name: node.name,
             handles: parseHandles(node.ioInfo),
-            nodeType: node.deviceNode === undefined
-                ? undefined
-                : node.deviceNode
-                    ? 'device'
-                    : 'host',
+            nodeType: node.deviceNode === undefined ? undefined : node.deviceNode ? 'device' : 'host',
         },
     })) ?? [];
     // Check for parent nodes and if there is children with some parent node that doesn't exist the create it as fake node
@@ -59,8 +51,7 @@ export function parsePipeline(rawPayload) {
         })
             .filter((id) => id !== null)),
     ];
-    const parentNodesArr = parentNodesIdsRaw.map((id) => pipeline.nodes.find(([_, node]) => node.id.toString() === id) ??
-        addFakeNode(id));
+    const parentNodesArr = parentNodesIdsRaw.map((id) => pipeline.nodes.find(([_, node]) => node.id.toString() === id) ?? addFakeNode(id));
     // Set all parent nodes as group nodes
     const formattedParentNodes = parentNodesArr.map(([id, node]) => ({
         type: 'group',
@@ -69,9 +60,7 @@ export function parsePipeline(rawPayload) {
         parentId: node.parentId?.toString() === '-1' || node.parentId === undefined
             ? undefined
             : `${node.parentId?.toString()}-parent`,
-        extent: node.parentId?.toString() === '-1' || node.parentId === undefined
-            ? undefined
-            : 'parent',
+        extent: node.parentId?.toString() === '-1' || node.parentId === undefined ? undefined : 'parent',
         data: {
             id: id.toString(),
             name: node.name,
@@ -108,9 +97,7 @@ export function parsePipeline(rawPayload) {
         .filter((node) => node !== null && node !== undefined);
     // Non-parent and non-child nodes
     const filteredNodes = nodes
-        .filter((node) => childrenNodes.find((childNode) => childNode.id === node.id) !== undefined
-        ? null
-        : node)
+        .filter((node) => childrenNodes.find((childNode) => childNode.id === node.id) !== undefined ? null : node)
         .filter((node) => node !== null);
     // After formatting and filtering set the parent nodes ids to match with children parentIds
     const parentNodes = formattedParentNodes.map((node) => ({

package/dist/src/services/utils.d.ts

@@ -1,6 +1,7 @@
-import { Edge } from '@xyflow/react';
-import { ParsedNode } from './pipeline';
-import { PipelineState } from './pipeline-state';
+import type { Edge } from '@xyflow/react';
+import type { ParsedNode } from './pipeline';
+import type { ParsedHandle } from './pipeline-handles';
+import type { PipelineState } from './pipeline-state';
 export declare const topoSort: (nodes: ParsedNode[]) => ParsedNode[];
 export declare const DOCS_BASE_URL = "https://docs.luxonis.com/software-v3/depthai/depthai-components/nodes";
 export declare const NodesWithLinks: {
@@ -31,7 +32,56 @@ export declare const NodesWithLinks: {
 export declare const MIN_NODE_WIDTH = 376;
 export declare const MIN_NODE_HEIGHT = 150;
 export declare const getLayoutedElements: (nodes: ParsedNode[], edges: Edge[]) => {
-    nodes: any[];
+    nodes: {
+        position: {
+            x: number;
+            y: number;
+        };
+        id: string;
+        data: {
+            id: string;
+            parentId?: string;
+            name: string;
+            handles: {
+                input: ParsedHandle[];
+                output: ParsedHandle[];
+            };
+            nodeType?: "device" | "host";
+            extras?: import("./pipeline-state").NodeExtras;
+        };
+        sourcePosition?: import("@xyflow/system").Position;
+        targetPosition?: import("@xyflow/system").Position;
+        hidden?: boolean;
+        selected?: boolean;
+        dragging?: boolean;
+        draggable?: boolean;
+        selectable?: boolean;
+        connectable?: boolean;
+        deletable?: boolean;
+        dragHandle?: string;
+        width?: number;
+        height?: number;
+        initialWidth?: number;
+        initialHeight?: number;
+        parentId?: string;
+        zIndex?: number;
+        extent?: "parent" | import("@xyflow/system").CoordinateExtent | null;
+        expandParent?: boolean;
+        ariaLabel?: string;
+        origin?: import("@xyflow/system").NodeOrigin;
+        handles?: import("@xyflow/system").NodeHandle[];
+        measured?: {
+            width?: number;
+            height?: number;
+        };
+        type?: string | undefined;
+        style?: import("react").CSSProperties;
+        className?: string;
+        resizing?: boolean;
+        focusable?: boolean;
+        ariaRole?: import("react").AriaRole;
+        domAttributes?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "id" | "style" | "className" | "draggable" | "role" | "aria-label" | "defaultValue" | "dangerouslySetInnerHTML" | keyof import("react").DOMAttributes<HTMLDivElement>>;
+    }[];
     edges: Edge[];
 };
 export declare const adjustNodes: (nodes: ParsedNode[], edges: Edge[]) => ParsedNode[];

package/dist/src/services/utils.js

@@ -118,8 +118,7 @@ export const adjustNodes = (nodes, edges) => {
             };
             g.setNode(child.id, { width: size.width, height: size.height });
         }
-        const groupEdges = edges.filter((e) => children.some((c) => c.id === e.source) &&
-            children.some((c) => c.id === e.target));
+        const groupEdges = edges.filter((e) => children.some((c) => c.id === e.source) && children.some((c) => c.id === e.target));
         for (const edge of groupEdges) {
             g.setEdge(edge.source, edge.target);
         }
@@ -179,8 +178,7 @@ export const adjustNodes = (nodes, edges) => {
         };
         graph.setNode(node.id, { width: size.width, height: size.height });
     }
-    const rootEdges = edges.filter((e) => rootNodes.some((n) => n.id === e.source) &&
-        rootNodes.some((n) => n.id === e.target));
+    const rootEdges = edges.filter((e) => rootNodes.some((n) => n.id === e.source) && rootNodes.some((n) => n.id === e.target));
     for (const edge of rootEdges) {
         graph.setEdge(edge.source, edge.target);
     }

package/dist/src/styled-system/css/css.mjs

@@ -1,7 +1,7 @@
 import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.mjs';
 import { sortConditions, finalizeConditions } from './conditions.mjs';
 
-const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:space_x,spaceY:space_y,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:tracking/1,lineHeight:leading/1,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:backdrop_blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate_x/x,translateY:translate_y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:container,containerName:cq-n,containerType:cq-t,cursor:cursor,animateIn:animate_in,animateOut:animate_out,fadeIn:animate_fade_in,fadeOut:animate_fade_out,zoomIn:animate_zoom_in,zoomOut:animate_zoom_out,spinIn:animate_spin_in,spinOut:animate_spin_out,slideInFromTop:animate_slide_in_from_top,slideInFromBottom:animate_slide_in_from_bottom,slideInFromLeft:animate_slide_in_from_left,slideInFromRight:animate_slide_in_from_right,slideOutToTop:animate_slide_out_to_top,slideOutToBottom:animate_slide_out_to_bottom,slideOutToLeft:animate_slide_out_to_left,slideOutToRight:animate_slide_out_to_right,backgroundAlpha:background-alpha/bga,gradientFromAlpha:from-alpha,gradientToAlpha:to-alpha,borderAlpha:border_color_alpha/bca,focusRingWidth:focus-ring-width,focusRingColor:focus-ring-color,focusRingOffsetWidth:focus-ring-offset-width,focusRingOffsetColor:focus-ring-offset-color,focusRingInset:focus-ring-inset,textAlpha:text_alpha/ca,textStyle:textStyle,layerStyle:layerStyle"
+const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:space_x,spaceY:space_y,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:tracking/1,lineHeight:leading/1,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:backdrop_blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate_x/x,translateY:translate_y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:container,containerName:cq-n,containerType:cq-t,animateIn:animate_in,animateOut:animate_out,fadeIn:animate_fade_in,fadeOut:animate_fade_out,zoomIn:animate_zoom_in,zoomOut:animate_zoom_out,spinIn:animate_spin_in,spinOut:animate_spin_out,slideInFromTop:animate_slide_in_from_top,slideInFromBottom:animate_slide_in_from_bottom,slideInFromLeft:animate_slide_in_from_left,slideInFromRight:animate_slide_in_from_right,slideOutToTop:animate_slide_out_to_top,slideOutToBottom:animate_slide_out_to_bottom,slideOutToLeft:animate_slide_out_to_left,slideOutToRight:animate_slide_out_to_right,backgroundAlpha:background-alpha/bga,gradientFromAlpha:from-alpha,gradientToAlpha:to-alpha,borderAlpha:border_color_alpha/bca,focusRingWidth:focus-ring-width,focusRingColor:focus-ring-color,focusRingOffsetWidth:focus-ring-offset-width,focusRingOffsetColor:focus-ring-offset-color,focusRingInset:focus-ring-inset,textAlpha:text_alpha/ca,textStyle:textStyle,layerStyle:layerStyle"
 
 const classNameByProp = new Map()
 const shorthands = new Map()

package/dist/src/styled-system/helpers.mjs

@@ -64,14 +64,11 @@ var memo = (fn) => {
 };
 
 // src/merge-props.ts
-var MERGE_OMIT = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
 function mergeProps(...sources) {
   return sources.reduce((prev, obj) => {
     if (!obj)
       return prev;
     Object.keys(obj).forEach((key) => {
-      if (MERGE_OMIT.has(key))
-        return;
       const prevValue = prev[key];
       const value = obj[key];
       if (isObject(prevValue) && isObject(value)) {

package/dist/src/styled-system/types/conditions.d.mts

@@ -106,7 +106,7 @@ export interface Conditions {
 	"_groupChecked": string
 	/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
 	"_groupExpanded": string
-	/** `.group:is(:invalid, [data-invalid]) &` */
+	/** `.group:invalid &` */
 	"_groupInvalid": string
 	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
 	"_indeterminate": string
@@ -146,7 +146,7 @@ export interface Conditions {
 	"_open": string
 	/** `&:is([closed], [data-closed], [data-state="closed"])` */
 	"_closed": string
-	/** `&:is(:fullscreen, [data-fullscreen])` */
+	/** `&is(:fullscreen, [data-fullscreen])` */
 	"_fullscreen": string
 	/** `&:is([data-loading], [aria-busy=true])` */
 	"_loading": string

package/dist/src/styled-system/types/style-props.d.mts

@@ -8,7 +8,8 @@ type AnyString = (string & {})
 type CssVars = `var(--${string})`
 type CssVarValue = ConditionalValue<Token | AnyString | (number & {})>
 
-type CssVarKeys = `--${string}` & {}
+type CssVarName =  | AnyString
+type CssVarKeys = `--${CssVarName}`
 
 export type CssVarProperties = {
   [key in CssVarKeys]?: CssVarValue

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const PACKAGE_VERSION = "1.17.1";
+export declare const PACKAGE_VERSION = "3.0.1-rc.1";

package/dist/src/version.js

@@ -1,3 +1,2 @@
-// This file is autogenerated by build-utils.sh.
 // Do not edit it manually.
-export const PACKAGE_VERSION = '1.17.1';
+export const PACKAGE_VERSION = '3.0.1-rc.1';

package/package.json

@@ -1,11 +1,13 @@
 {
 	"name": "@luxonis/depthai-pipeline-lib",
-	"version": "1.17.1",
+	"version": "3.0.1-rc.1",
 	"type": "module",
 	"license": "UNLICENSED",
 	"main": "./dist/src/index.js",
+	"types": "./dist/src/index.d.ts",
 	"scripts": {
 		"build": "./build.sh",
+		"build:win": "powershell -NoProfile -ExecutionPolicy Bypass -File ./build.win.ps1",
 		"lint": "biome check .",
 		"lint:fix": "biome check . --write",
 		"gen:styles": "panda codegen",
@@ -25,12 +27,11 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "2.4.6",
+		"@biomejs/biome": "^2.4.15",
 		"@pandacss/dev": "^0.53.0",
 		"@types/react": "^18.3.1 || ^19.0.0",
 		"@types/react-dom": "^18.3.1 || ^19.0.0",
 		"postcss": "^8.4.31",
-		"prettier": "^3.2.5",
 		"typescript": "^5.2.2"
 	},
 	"overrides": {
@@ -41,7 +42,11 @@
 		"dist/*.css"
 	],
 	"exports": {
-		".": "./dist/src/index.js",
+		".": {
+			"types": "./dist/src/index.d.ts",
+			"import": "./dist/src/index.js",
+			"default": "./dist/src/index.js"
+		},
 		"./styles": "./dist/index.css"
 	},
 	"publishConfig": {