@luxonis/common-fe-components 1.12.0 → 1.14.0

package/dist/components/custom/devices/devices.js

@@ -0,0 +1,82 @@
+import { log } from '@luxonis/common-fe-utils';
+import { getProductToDeviceProperties } from './devices-family.js';
+import { DEVICE_IMAGE_PATH, DEVICE_IMAGES_LINK, emptyDeviceInformation } from './devices-constants.js';
+export function getDeviceInformationByModel(device) {
+    const info = getProductToDeviceProperties(device);
+    switch (info.id) {
+        case 'OAK4-S':
+        case 'OAK4-D':
+        case 'OAK4-LR':
+        case 'OAK4-SR':
+        case 'OAK4-D-PRO': {
+            return {
+                info,
+                deviceName: getDeviceNameByModel(info.id),
+                deviceImageName: `${DEVICE_IMAGES_LINK}/${info.id}.webp`,
+                setupSteps: getSetupSteps(info.id),
+            };
+        }
+        case 'RAE': {
+            return {
+                info,
+                deviceName: getDeviceNameByModel(info.id),
+                deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
+                setupSteps: getSetupSteps(info.id),
+            };
+        }
+        default: {
+            log.error(`Device context received unsupported model: ${info.id}`);
+            return emptyDeviceInformation;
+        }
+    }
+}
+export const getDeviceNameByModel = (base) => {
+    switch (base) {
+        case 'RAE': {
+            return 'Rae Robot';
+        }
+        case 'OAK4-S': {
+            return 'OAK 4 S';
+        }
+        case 'OAK4-D': {
+            return 'OAK 4 D Pro';
+        }
+        case 'OAK4-LR': {
+            return 'OAK 4 LR';
+        }
+        case 'OAK4-SR': {
+            return 'OAK 4 SR';
+        }
+        default: {
+            log.error(`Unknown device model: ${base}`);
+            return 'Unknown device';
+        }
+    }
+};
+export const getSetupSteps = (base) => {
+    switch (base) {
+        case 'OAK4-S':
+        case 'OAK4-D':
+        case 'OAK4-LR':
+        case 'OAK4-SR':
+        case 'OAK4-D-PRO': {
+            return [
+                `Connect the PoE/ETH cable to power up the ${getDeviceNameByModel(base)}`,
+                `Scan the QR code.`,
+                'Scanning the QR code will take a few seconds. Try keeping the camera steady without moving your hands.',
+            ];
+        }
+        case 'RAE': {
+            return [
+                `Press and hold the power button on the ${getDeviceNameByModel(base)} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
+                `Aim the RGB camera, situated near the display, directly at the QR code. Ensure the camera is perpendicular to the screen, maintaining an ideal distance of about 6-8 inches (15-20 cm).`,
+                `Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
+            ];
+        }
+        default: {
+            log.error(`Unknown device model: ${base}`);
+            return [];
+        }
+    }
+};
+//# sourceMappingURL=devices.js.map

package/dist/components/custom/devices/devices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,4BAA4B,EAAqB,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AASvG,MAAM,UAAU,2BAA2B,CAAC,MAAkB;IAC5D,MAAM,IAAI,GAAG,4BAA4B,CAAC,MAAM,CAAC,CAAC;IAClD,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;QAChB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO;gBACL,IAAI;gBACJ,UAAU,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzC,eAAe,EAAE,GAAG,kBAAkB,IAAI,IAAI,CAAC,EAAE,OAAO;gBACxD,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;aACnC,CAAC;QACJ,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO;gBACL,IAAI;gBACJ,UAAU,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzC,eAAe,EAAE,GAAG,iBAAiB,WAAW;gBAChD,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;aACnC,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,8CAA8C,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACnE,OAAO,sBAAsB,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAc,EAAU,EAAE;IAC7D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,aAAa,CAAC;QACvB,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACf,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;YAC3C,OAAO,gBAAgB,CAAC;QAC1B,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAc,EAAkC,EAAE;IAC9E,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,CAAC,CAAC,CAAC;YAClB,OAAO;gBACL,6CAA6C,oBAAoB,CAAC,IAAI,CAAC,EAAE;gBACzE,mBAAmB;gBACnB,wGAAwG;aACzG,CAAC;QACJ,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,OAAO;gBACL,0CAA0C,oBAAoB,CAAC,IAAI,CAAC,kHAAkH;gBACtL,yLAAyL;gBACzL,sGAAsG;aACvG,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,GAAG,CAAC,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;YAC3C,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}

package/dist/components/custom/devices/index.d.ts

@@ -0,0 +1,5 @@
+export * from './devices.js';
+export * from './devices-list.js';
+export * from './devices-family.js';
+export * from './devices-constants.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/custom/devices/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,wBAAwB,CAAC"}

package/dist/components/custom/devices/index.js

@@ -0,0 +1,5 @@
+export * from './devices.js';
+export * from './devices-list.js';
+export * from './devices-family.js';
+export * from './devices-constants.js';
+//# sourceMappingURL=index.js.map

package/dist/components/custom/devices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,wBAAwB,CAAC"}

package/dist/components/custom/index.d.ts

@@ -8,6 +8,7 @@ export * from './LabelledProgress.js';
 export * from './Card.js';
 export * from './Badge.js';
 export * from './BadgeLine.js';
+export * from './BadgeButton.js';
 export * from './CardList.js';
 export * from './SourceCode.js';
 export * from './Grid.js';
@@ -40,4 +41,6 @@ export * from './StatusBar.js';
 export * from './Input.js';
 export * from './FilterDropdown.js';
 export * from './Command.js';
+export * from './oak4/Oak4DeviceCard.js';
+export * from './devices/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/custom/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAMzC,cAAc,oBAAoB,CAAC"}

package/dist/components/custom/index.js

@@ -8,6 +8,7 @@ export * from './LabelledProgress.js';
 export * from './Card.js';
 export * from './Badge.js';
 export * from './BadgeLine.js';
+export * from './BadgeButton.js';
 export * from './CardList.js';
 export * from './SourceCode.js';
 export * from './Grid.js';
@@ -40,4 +41,8 @@ export * from './StatusBar.js';
 export * from './Input.js';
 export * from './FilterDropdown.js';
 export * from './Command.js';
+export * from './oak4/Oak4DeviceCard.js';
+// export * from './oak4/device-model.js';
+// export * from './oak4/device-info.js';
+export * from './devices/index.js';
 //# sourceMappingURL=index.js.map

package/dist/components/custom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,YAAY,CAAC;AAE3B,cAAc,uBAAuB,CAAC;AAEtC,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAE1B,cAAc,eAAe,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAE7B,cAAc,sBAAsB,CAAC;AAErC,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAE5B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,qBAAqB,CAAC;AAEpC,cAAc,cAAc,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAEzC,0CAA0C;AAE1C,yCAAyC;AAEzC,cAAc,oBAAoB,CAAC"}

package/dist/components/custom/oak4/Oak4DeviceCard.d.ts

@@ -0,0 +1,9 @@
+import type { DeviceID } from '../devices/devices-list.js';
+type Oak4DeviceCardProps = {
+    device: DeviceID;
+    onClick: (device: DeviceID) => void;
+    isSelected: boolean;
+};
+export declare function Oak4DeviceCard(props: Readonly<Oak4DeviceCardProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Oak4DeviceCard.d.ts.map

package/dist/components/custom/oak4/Oak4DeviceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Oak4DeviceCard.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/Oak4DeviceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAM3D,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,2CAclE"}

package/dist/components/custom/oak4/Oak4DeviceCard.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { getDeviceInformationByModel } from '../devices/devices.js';
+import { NormalText } from '../Text';
+import { Circle } from '../Circle';
+import { Card } from '../Card';
+import { Wrap } from '../../../styled-system/jsx/wrap.mjs';
+export function Oak4DeviceCard(props) {
+    const { device, onClick, isSelected } = props;
+    const deviceInfo = React.useMemo(() => getDeviceInformationByModel(device), [device]);
+    return (_jsx(Card, { onClick: () => onClick(device), withHoverEffect: true, fullWidth: true, colorVariant: isSelected ? 'active' : 'white', children: _jsxs(Wrap, { align: "center", children: [_jsx(Circle, { variant: "icon", children: _jsx("img", { src: deviceInfo.deviceImageName, alt: deviceInfo.deviceName }) }), _jsx(NormalText, { text: deviceInfo.deviceName })] }) }));
+}
+//# sourceMappingURL=Oak4DeviceCard.js.map

package/dist/components/custom/oak4/Oak4DeviceCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Oak4DeviceCard.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/Oak4DeviceCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAQ3D,MAAM,UAAU,cAAc,CAAC,KAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,eAAe,QAAC,SAAS,QAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,YAC3G,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAClB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,YACpB,cAAK,GAAG,EAAE,UAAU,CAAC,eAAe,EAAE,GAAG,EAAE,UAAU,CAAC,UAAU,GAAI,GAC7D,EACT,KAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,UAAU,GAAI,IACtC,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/custom/oak4/device-info.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=device-info.d.ts.map

package/dist/components/custom/oak4/device-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-info.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/device-info.ts"],"names":[],"mappings":""}

package/dist/components/custom/oak4/device-info.js

@@ -0,0 +1,100 @@
+"use strict";
+// import type React from 'react';
+// import { log } from '@luxonis/common-fe-utils';
+// import type { DeviceModel } from './device-model';
+// export const DEVICE_IMAGE_PATH = '/images/devices';
+// export function getDeviceInformationByModel(model: DeviceModel): DeviceInformation {
+//   switch (model) {
+//     case 'rae': {
+//       return {
+//         model,
+//         deviceName: getDeviceNameByModel(model),
+//         deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
+//         setupSteps: [
+//           `Press and hold the power button on the ${getDeviceNameByModel(model)} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
+//           `Aim the RGB camera, situated near the display, directly at the QR code. Ensure the camera is perpendicular to the screen, maintaining an ideal distance of about 6-8 inches (15-20 cm).`,
+//           `Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
+//         ],
+//       };
+//     }
+//     case 'oak4s': {
+//       return {
+//         model,
+//         deviceName: getDeviceNameByModel(model),
+//         deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-S.webp',
+//         setupSteps: getOak4SetupSteps(model),
+//       };
+//     }
+//     case 'oak4d': {
+//       return {
+//         model,
+//         deviceName: getDeviceNameByModel(model),
+//         deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-D.webp',
+//         setupSteps: getOak4SetupSteps(model),
+//       };
+//     }
+//     case 'oak4lr': {
+//       return {
+//         model,
+//         deviceName: getDeviceNameByModel(model),
+//         deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-LR.webp',
+//         setupSteps: getOak4SetupSteps(model),
+//       };
+//     }
+//     case 'oak4sr': {
+//       return {
+//         model,
+//         deviceName: getDeviceNameByModel(model),
+//         deviceImageName: `${DEVICE_IMAGE_PATH}/oak4-d-sr.webp`,
+//         setupSteps: getOak4SetupSteps(model),
+//       };
+//     }
+//     default: {
+//       log.error(`Device context received unsupported model: ${model}`);
+//       return emptyDeviceInformation;
+//     }
+//   }
+// }
+// function getOak4SetupSteps(model: DeviceModel): (string | React.JSX.Element)[] {
+//   return [
+//     `Connect the PoE/ETH cable to power up the ${getDeviceNameByModel(model)}`,
+//     `Scan the QR code.`,
+//     'Scanning the QR code will take a few seconds. Try keeping the camera steady without moving your hands.',
+//   ];
+// }
+// export function getDeviceNameByModel(model: DeviceModel): string {
+//   switch (model) {
+//     case 'rae': {
+//       return 'Rae Robot';
+//     }
+//     case 'oak4s': {
+//       return 'OAK 4 S';
+//     }
+//     case 'oak4d': {
+//       return 'OAK 4 D Pro';
+//     }
+//     case 'oak4lr': {
+//       return 'OAK 4 LR';
+//     }
+//     case 'oak4sr': {
+//       return 'OAK 4 SR';
+//     }
+//     default: {
+//       log.error(`Unknown device model: ${model}`);
+//       return 'Unknown device';
+//     }
+//   }
+// }
+// export type DeviceInformation = {
+//   model: DeviceModel;
+//   deviceName: string;
+//   deviceImageName: string;
+//   setupSteps: (string | JSX.Element)[];
+// };
+// const emptyDeviceInformation: DeviceInformation = {
+//   deviceName: '',
+//   deviceImageName: '',
+//   setupSteps: [],
+//   model: 'rae',
+// };
+//# sourceMappingURL=device-info.js.map

package/dist/components/custom/oak4/device-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-info.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/device-info.ts"],"names":[],"mappings":";AAAA,kCAAkC;AAClC,kDAAkD;AAElD,qDAAqD;AAErD,sDAAsD;AAEtD,uFAAuF;AACvF,qBAAqB;AACrB,oBAAoB;AACpB,iBAAiB;AACjB,iBAAiB;AACjB,mDAAmD;AACnD,4DAA4D;AAC5D,wBAAwB;AACxB,qMAAqM;AACrM,uMAAuM;AACvM,oHAAoH;AACpH,aAAa;AACb,WAAW;AACX,QAAQ;AACR,sBAAsB;AACtB,iBAAiB;AACjB,iBAAiB;AACjB,mDAAmD;AACnD,oFAAoF;AACpF,gDAAgD;AAChD,WAAW;AACX,QAAQ;AACR,sBAAsB;AACtB,iBAAiB;AACjB,iBAAiB;AACjB,mDAAmD;AACnD,oFAAoF;AACpF,gDAAgD;AAChD,WAAW;AACX,QAAQ;AACR,uBAAuB;AACvB,iBAAiB;AACjB,iBAAiB;AACjB,mDAAmD;AACnD,qFAAqF;AACrF,gDAAgD;AAChD,WAAW;AACX,QAAQ;AACR,uBAAuB;AACvB,iBAAiB;AACjB,iBAAiB;AACjB,mDAAmD;AACnD,kEAAkE;AAClE,gDAAgD;AAChD,WAAW;AACX,QAAQ;AACR,iBAAiB;AACjB,0EAA0E;AAC1E,uCAAuC;AACvC,QAAQ;AACR,MAAM;AACN,IAAI;AAEJ,mFAAmF;AACnF,aAAa;AACb,kFAAkF;AAClF,2BAA2B;AAC3B,gHAAgH;AAChH,OAAO;AACP,IAAI;AAEJ,qEAAqE;AACrE,qBAAqB;AACrB,oBAAoB;AACpB,4BAA4B;AAC5B,QAAQ;AACR,sBAAsB;AACtB,0BAA0B;AAC1B,QAAQ;AACR,sBAAsB;AACtB,8BAA8B;AAC9B,QAAQ;AACR,uBAAuB;AACvB,2BAA2B;AAC3B,QAAQ;AACR,uBAAuB;AACvB,2BAA2B;AAC3B,QAAQ;AACR,iBAAiB;AACjB,qDAAqD;AACrD,iCAAiC;AACjC,QAAQ;AACR,MAAM;AACN,IAAI;AAEJ,oCAAoC;AACpC,wBAAwB;AACxB,wBAAwB;AACxB,6BAA6B;AAC7B,0CAA0C;AAC1C,KAAK;AAEL,sDAAsD;AACtD,oBAAoB;AACpB,yBAAyB;AACzB,oBAAoB;AACpB,kBAAkB;AAClB,KAAK"}

package/dist/components/custom/oak4/device-model.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=device-model.d.ts.map

package/dist/components/custom/oak4/device-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-model.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/device-model.ts"],"names":[],"mappings":""}

package/dist/components/custom/oak4/device-model.js

@@ -0,0 +1,8 @@
+"use strict";
+// import { z } from 'zod';
+// const Oak4Models = ['oak4d', 'oak4lr', 'oak4sr', 'oak4s'] as const;
+// export const Oak4DeviceModelSchema = z.enum(Oak4Models);
+// export type Oak4DeviceModel = z.infer<typeof Oak4DeviceModelSchema>;
+// export const DeviceModelSchema = z.enum(['rae', ...Oak4Models]);
+// export type DeviceModel = z.infer<typeof DeviceModelSchema>;
+//# sourceMappingURL=device-model.js.map

package/dist/components/custom/oak4/device-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-model.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/device-model.ts"],"names":[],"mappings":";AAAA,2BAA2B;AAE3B,sEAAsE;AAEtE,2DAA2D;AAE3D,uEAAuE;AAEvE,mEAAmE;AAEnE,+DAA+D"}

package/dist/components/custom/oak4/oak4-device-info.d.ts

@@ -0,0 +1,13 @@
+import type { DeviceModel } from '~/models/setup/configuration-schema/configuration.schema';
+import type { LegacyOakFragment } from '~/gql.generated';
+export declare const DEVICE_IMAGE_PATH = "/images/devices";
+export declare function getDeviceInformationByModel(model: DeviceModel): DeviceInformation;
+export declare function getDeviceNameByModel(model: DeviceModel): string;
+export type DeviceInformation = {
+    model: DeviceModel;
+    deviceName: string;
+    deviceImageName: string;
+    setupSteps: (string | JSX.Element)[];
+};
+export declare function getDeviceNameFromInfo(device: LegacyOakFragment): string;
+//# sourceMappingURL=oak4-device-info.d.ts.map

package/dist/components/custom/oak4/oak4-device-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-device-info.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-device-info.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAEnD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAmDjF;AAUD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAsB/D;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;CACtC,CAAC;AASF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAQvE"}

package/dist/components/custom/oak4/oak4-device-info.js

@@ -0,0 +1,100 @@
+import { log } from '@luxonis/common-fe-utils';
+export const DEVICE_IMAGE_PATH = '/images/devices';
+export function getDeviceInformationByModel(model) {
+    switch (model) {
+        case 'rae': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
+                setupSteps: [
+                    `Press and hold the power button on the ${getDeviceNameByModel(model)} for 10 seconds to activate it. You will know it is fully powered up when the robot emits a purple-orange light.`,
+                    `Aim the RGB camera, situated near the display, directly at the QR code. Ensure the camera is perpendicular to the screen, maintaining an ideal distance of about 6-8 inches (15-20 cm).`,
+                    `Once the Rae Robot starts blinking with a vivid green color, click the 'Continue' button to proceed.`,
+                ],
+            };
+        }
+        case 'oak4s': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-S.webp',
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        case 'oak4d': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-D.webp',
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        case 'oak4lr': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: 'https://static.luxonis.com/images/cameras/OAK4-LR.webp',
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        case 'oak4sr': {
+            return {
+                model,
+                deviceName: getDeviceNameByModel(model),
+                deviceImageName: `${DEVICE_IMAGE_PATH}/oak4-d-sr.webp`,
+                setupSteps: getOak4SetupSteps(model),
+            };
+        }
+        default: {
+            log.error(`Device context received unsupported model: ${model}`);
+            return emptyDeviceInformation;
+        }
+    }
+}
+function getOak4SetupSteps(model) {
+    return [
+        `Connect the PoE/ETH cable to power up the ${getDeviceNameByModel(model)}`,
+        `Scan the QR code.`,
+        'Scanning the QR code will take a few seconds. Try keeping the camera steady without moving your hands.',
+    ];
+}
+export function getDeviceNameByModel(model) {
+    switch (model) {
+        case 'rae': {
+            return 'Rae Robot';
+        }
+        case 'oak4s': {
+            return 'OAK4-S';
+        }
+        case 'oak4d': {
+            return 'OAK4-D';
+        }
+        case 'oak4lr': {
+            return 'OAK4-LR';
+        }
+        case 'oak4sr': {
+            return 'OAK4-SR';
+        }
+        default: {
+            log.error(`Unknown device model: ${model}`);
+            return 'Unknown device';
+        }
+    }
+}
+const emptyDeviceInformation = {
+    deviceName: '',
+    deviceImageName: '',
+    setupSteps: [],
+    model: 'rae',
+};
+export function getDeviceNameFromInfo(device) {
+    if (device.name && device.name !== '' && device.name !== device.serialNumber) {
+        return device.name;
+    }
+    if (device.serialNumber && device.serialNumber !== '' && device.serialNumber !== 'unknown') {
+        return device.serialNumber;
+    }
+    return 'unknown';
+}
+//# sourceMappingURL=oak4-device-info.js.map

package/dist/components/custom/oak4/oak4-device-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-device-info.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-device-info.ts"],"names":[],"mappings":"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"}

package/dist/components/custom/oak4/oak4-model.d.ts

@@ -0,0 +1,4 @@
+import { z } from 'zod';
+export declare const Oak4DeviceModelSchema: z.ZodEnum<["oak4d", "oak4lr", "oak4sr", "oak4s"]>;
+export type Oak4DeviceModel = z.infer<typeof Oak4DeviceModelSchema>;
+//# sourceMappingURL=oak4-model.d.ts.map

package/dist/components/custom/oak4/oak4-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-model.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,qBAAqB,mDAAiD,CAAC;AAEpF,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/custom/oak4/oak4-model.js

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export const Oak4DeviceModelSchema = z.enum(['oak4d', 'oak4lr', 'oak4sr', 'oak4s']);
+//# sourceMappingURL=oak4-model.js.map

package/dist/components/custom/oak4/oak4-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oak4-model.js","sourceRoot":"","sources":["../../../../src/components/custom/oak4/oak4-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC"}

package/dist/components/shadow-panda/_Command.d.ts

@@ -21,49 +21,49 @@ declare const __CommandInput: StyledComponent<React.ForwardRefExoticComponent<Om
 export declare const _CommandInput: Nested<typeof __CommandInput>;
 declare const _CommandList: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandList: Nested<typeof _CommandList>;
 declare const _CommandEmpty: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & React.RefAttributes<HTMLDivElement>>, {}>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandEmpty: Nested<typeof _CommandEmpty>;
 declare const _CommandGroup: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandGroup: Nested<typeof _CommandGroup>;
-declare const _CommandSeparator: StyledComponent<React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const _CommandSeparator: StyledComponent<React.ForwardRefExoticComponent<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>>, {}>;
 export declare const CommandSeparator: Nested<typeof _CommandSeparator>;
 declare const __CommandItem: StyledComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "onSelect" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/shadow-panda/_Slider.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 export declare const _Slider: import("../../styled-system/types/jsx.mjs").StyledComponent<React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
     showLabels?: boolean;
+    thumbSize?: "sm" | "lg";
 } & React.RefAttributes<HTMLSpanElement>>, {}>;
 export declare const _DoubleSlider: import("../../styled-system/types/jsx.mjs").StyledComponent<React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
     showLabels?: boolean;

package/dist/components/shadow-panda/_Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Slider.d.ts","sourceRoot":"","sources":["../../../src/components/shadow-panda/_Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAkD1D,eAAO,MAAM,OAAO;iBAtC6D,OAAO;8CAsC/C,CAAC;AAyC1C,eAAO,MAAM,aAAa;iBAnCT,OAAO;mBACL,MAAM;mBACN,MAAM;uBACF,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM;8CAgCP,CAAA"}
+{"version":3,"file":"_Slider.d.ts","sourceRoot":"","sources":["../../../src/components/shadow-panda/_Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAyD1D,eAAO,MAAM,OAAO;iBA7C6D,OAAO;gBAAc,IAAI,GAAG,IAAI;8CA6CxE,CAAC;AAyC1C,eAAO,MAAM,aAAa;iBAnCT,OAAO;mBACL,MAAM;mBACN,MAAM;uBACF,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM;8CAgCP,CAAA"}

package/dist/components/shadow-panda/_Slider.js

@@ -9,7 +9,7 @@ import { styled } from '../../styled-system/jsx/factory.mjs';
 import { css } from '../../styled-system/css/css.mjs';
 import { clsx } from '../../helpers.js';
 import { cx } from "../../styled-system/css/cx.mjs";
-const BaseSlider = React.forwardRef(({ className, min, max, value = [], showLabels = false, defaultValue = value ?? [], ...rest }, ref) => {
+const BaseSlider = React.forwardRef(({ className, min, max, value = [], showLabels = false, defaultValue = value ?? [], thumbSize, ...rest }, ref) => {
     const styles = slider();
     const thumbStyles = css({ position: 'relative' });
     const labelStyles = css({
@@ -19,7 +19,14 @@ const BaseSlider = React.forwardRef(({ className, min, max, value = [], showLabe
         width: 'slider.label',
         textAlign: 'center',
     });
-    return (_jsxs(Flex, { gap: "xs", width: "full", children: [showLabels && _jsx(SubLabel, { text: min }), _jsxs(SliderPrimitive.Root, { ref: ref, className: clsx(styles.root, className), defaultValue: defaultValue, min, max, value, ...rest, children: [_jsx(SliderPrimitive.Track, { className: styles.track, children: _jsx(SliderPrimitive.Range, { className: styles.range }) }), _jsx(SliderPrimitive.Thumb, { className: clsx(styles.thumb, thumbStyles), children: showLabels && value[0] !== min && value[0] !== max &&
+    const thumbSizeStyles = thumbSize === 'sm' ? css({
+        width: 'slider.thumb.sm!',
+        height: 'slider.thumb.sm!'
+    }) : thumbSize === 'lg' ? css({
+        width: 'slider.thumb.lg!',
+        height: 'slider.thumb.lg!'
+    }) : undefined;
+    return (_jsxs(Flex, { gap: "xs", width: "full", children: [showLabels && _jsx(SubLabel, { text: min }), _jsxs(SliderPrimitive.Root, { ref: ref, className: clsx(styles.root, className), defaultValue: defaultValue, min, max, value, ...rest, children: [_jsx(SliderPrimitive.Track, { className: styles.track, children: _jsx(SliderPrimitive.Range, { className: styles.range }) }), _jsx(SliderPrimitive.Thumb, { className: clsx(styles.thumb, thumbStyles, thumbSizeStyles), children: showLabels && value[0] !== min && value[0] !== max &&
                             _jsx(SubLabel, { className: labelStyles, text: value[0] }) })] }), showLabels && _jsx(SubLabel, { text: max })] }));
 });
 BaseSlider.displayName = SliderPrimitive.Root.displayName;

package/dist/components/shadow-panda/_Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"_Slider.js","sourceRoot":"","sources":["../../../src/components/shadow-panda/_Slider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"_Slider.js","sourceRoot":"","sources":["../../../src/components/shadow-panda/_Slider.tsx"],"names":[],"mappings":"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"}