@biela.dev/core 1.7.13 → 1.7.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +19 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +27 -509
- package/dist/index.d.ts +27 -509
- package/dist/index.js +20 -2
- package/dist/index.js.map +1 -1
- package/dist/lite.cjs +1 -0
- package/dist/lite.cjs.map +1 -1
- package/dist/lite.d.cts +518 -4
- package/dist/lite.d.ts +518 -4
- package/dist/lite.js +1 -0
- package/dist/lite.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -730,6 +730,7 @@ function DeviceFrame({
|
|
|
730
730
|
overflow: "hidden",
|
|
731
731
|
backfaceVisibility: "hidden",
|
|
732
732
|
transform: "translateZ(0)",
|
|
733
|
+
zIndex: 12,
|
|
733
734
|
...cssVarStyle
|
|
734
735
|
},
|
|
735
736
|
children: /* @__PURE__ */ jsxRuntime.jsx(DeviceErrorBoundary, { children })
|
|
@@ -914,6 +915,8 @@ registerDeviceSVG("iphone-se-3", devices.IPhoneSE3SVG, devices.IPHONE_SE_3_FRAME
|
|
|
914
915
|
registerDeviceSVG("galaxy-s25-ultra", devices.GalaxyS25UltraSVG, devices.GALAXY_S25_ULTRA_FRAME);
|
|
915
916
|
registerDeviceSVG("galaxy-s25", devices.GalaxyS25SVG, devices.GALAXY_S25_FRAME);
|
|
916
917
|
registerDeviceSVG("galaxy-s25-edge", devices.GalaxyS25EdgeSVG, devices.GALAXY_S25_EDGE_FRAME);
|
|
918
|
+
registerDeviceSVG("galaxy-z-fold-7", devices.GalaxyZFold7SVG, devices.GALAXY_Z_FOLD_7_FRAME);
|
|
919
|
+
registerDeviceSVG("galaxy-z-fold-7-open", devices.GalaxyZFold7OpenSVG, devices.GALAXY_Z_FOLD_7_OPEN_FRAME);
|
|
917
920
|
registerDeviceSVG("pixel-9-pro-xl", devices.Pixel9ProXLSVG, devices.PIXEL_9_PRO_XL_FRAME);
|
|
918
921
|
registerDeviceSVG("pixel-9-pro", devices.Pixel9ProSVG, devices.PIXEL_9_PRO_FRAME);
|
|
919
922
|
getCustomSVGStore().applyAll();
|
|
@@ -1011,6 +1014,21 @@ function useOrientation(initial = "portrait") {
|
|
|
1011
1014
|
setOrientation
|
|
1012
1015
|
};
|
|
1013
1016
|
}
|
|
1017
|
+
function useFoldState(baseDeviceId, initial = "folded") {
|
|
1018
|
+
const [foldState, setFoldState] = react.useState(initial);
|
|
1019
|
+
const toggle = react.useCallback(
|
|
1020
|
+
() => setFoldState((s) => s === "folded" ? "open" : "folded"),
|
|
1021
|
+
[]
|
|
1022
|
+
);
|
|
1023
|
+
const deviceId = foldState === "open" ? `${baseDeviceId}-open` : baseDeviceId;
|
|
1024
|
+
return {
|
|
1025
|
+
foldState,
|
|
1026
|
+
isOpen: foldState === "open",
|
|
1027
|
+
deviceId,
|
|
1028
|
+
toggle,
|
|
1029
|
+
setFoldState
|
|
1030
|
+
};
|
|
1031
|
+
}
|
|
1014
1032
|
function DeviceCompare({
|
|
1015
1033
|
deviceA,
|
|
1016
1034
|
deviceB,
|
|
@@ -1509,6 +1527,7 @@ exports.snapToStep = snapToStep;
|
|
|
1509
1527
|
exports.useAdaptiveScale = useAdaptiveScale;
|
|
1510
1528
|
exports.useContainerSize = useContainerSize;
|
|
1511
1529
|
exports.useDeviceContract = useDeviceContract;
|
|
1530
|
+
exports.useFoldState = useFoldState;
|
|
1512
1531
|
exports.useOrientation = useOrientation;
|
|
1513
1532
|
exports.useScreenPower = useScreenPower;
|
|
1514
1533
|
exports.useVolumeControl = useVolumeControl;
|