@design-edito/tools 0.3.16 → 0.3.17

package/chunks/chunk-YWSXCFYY.js

@@ -0,0 +1,61 @@
+import {
+  isFalsy
+} from "./chunk-QXAJXTXV.js";
+
+// src/agnostic/misc/cast/index.ts
+function toBoolean(value) {
+  if (typeof value === "boolean") return value;
+  if (typeof value === "string") {
+    if (value.toLowerCase().trim() === "true") return true;
+    return false;
+  }
+  return !isFalsy(value);
+}
+function toNumber(value) {
+  if (typeof value === "number") return value;
+  if (typeof value === "string") return parseFloat(value);
+  return 0;
+}
+function toString(value) {
+  if (typeof value === "string") return value;
+  return String(value);
+}
+function toNull(_value) {
+  return null;
+}
+function toArray(value) {
+  if (Array.isArray(value)) return value;
+  if (typeof value === "object" && value !== null) return Object.entries(value);
+  return [value];
+}
+function toNumberArr(value) {
+  const arrValue = toArray(value);
+  return arrValue.map((val) => toNumber(val));
+}
+function toRecord(value) {
+  const record = {};
+  try {
+    Object.keys(value).forEach((key) => {
+      record[key] = value[key];
+    });
+  } catch (err) {
+    return record;
+  }
+  return record;
+}
+function toError(value) {
+  if (value instanceof Error) return value;
+  if (typeof value === "string") return new Error(value);
+  return new Error(toString(value));
+}
+
+export {
+  toBoolean,
+  toNumber,
+  toString,
+  toNull,
+  toArray,
+  toNumberArr,
+  toRecord,
+  toError
+};

package/chunks/chunk-YY3TSU22.js

@@ -0,0 +1,48 @@
+import {
+  addChannel
+} from "./chunk-WGRQXVBK.js";
+import {
+  viaLab,
+  viaLch
+} from "./chunk-CVMYA5XK.js";
+import {
+  absoluteModulo
+} from "./chunk-DNIOWD7K.js";
+
+// src/agnostic/colors/rotate/index.ts
+function rotateHsl(color, degrees) {
+  return addChannel(color, "hue", degrees);
+}
+function rotateLab(color, degrees) {
+  return viaLab(color, (lab) => {
+    const hue = Math.atan2(lab.b, lab.a) * (180 / Math.PI);
+    const chroma = Math.sqrt(lab.a ** 2 + lab.b ** 2);
+    const newHue = absoluteModulo(hue + degrees, 360);
+    const rad = newHue * (Math.PI / 180);
+    return {
+      ...lab,
+      a: chroma * Math.cos(rad),
+      b: chroma * Math.sin(rad)
+    };
+  });
+}
+function rotateLch(color, degrees) {
+  return viaLch(color, (lch) => ({
+    ...lch,
+    h: absoluteModulo(lch.h + degrees, 360)
+  }));
+}
+function rotate(color, degrees, method = "hsl") {
+  switch (method) {
+    case "hsl":
+      return rotateHsl(color, degrees);
+    case "lab":
+      return rotateLab(color, degrees);
+    case "lch":
+      return rotateLch(color, degrees);
+  }
+}
+
+export {
+  rotate
+};

package/chunks/chunk-ZAP3ELDE.js

@@ -0,0 +1,40 @@
+import {
+  makeFailure,
+  makeSuccess
+} from "./chunk-LUAYN7VJ.js";
+import {
+  unknownToString
+} from "./chunk-PUQUSA6S.js";
+
+// src/node/ftps/file/copy/index.ts
+import { PassThrough } from "node:stream";
+async function copy(ftpClient, sourcePath, targetPath, options) {
+  const {
+    overwrite = false,
+    ensureDir = true
+  } = options ?? {};
+  try {
+    if (!overwrite) {
+      try {
+        await ftpClient.size(targetPath);
+        return makeFailure(`File already exists at ${targetPath}.`);
+      } catch {
+      }
+    }
+    if (ensureDir) {
+      const dirPath = targetPath.substring(0, targetPath.lastIndexOf("/"));
+      await ftpClient.ensureDir(dirPath);
+    }
+    const pass = new PassThrough();
+    const uploadPromise = ftpClient.uploadFrom(pass, targetPath);
+    await ftpClient.downloadTo(pass, sourcePath);
+    await uploadPromise;
+    return makeSuccess(true);
+  } catch (err) {
+    return makeFailure(unknownToString(err));
+  }
+}
+
+export {
+  copy
+};

package/chunks/chunk-ZJR5ASR3.js

@@ -0,0 +1,26 @@
+import {
+  makeFailure,
+  makeSuccess
+} from "./chunk-LUAYN7VJ.js";
+
+// src/node/images/transform/operations/extract/index.ts
+import z from "zod";
+function isExtractOperationParams(obj) {
+  const schema = z.object({
+    left: z.number(),
+    top: z.number(),
+    width: z.number(),
+    height: z.number()
+  });
+  const result = schema.safeParse(obj);
+  if (!result.success) return makeFailure(result.error.message);
+  return makeSuccess(result.data);
+}
+async function extract(sharpInstance, params) {
+  return sharpInstance.extract(params);
+}
+
+export {
+  isExtractOperationParams,
+  extract
+};

package/chunks/index.d.ts

@@ -0,0 +1 @@
+export {}

package/chunks/index.js

@@ -0,0 +1 @@
+export {}

package/components/BeforeAfter/index.css

@@ -0,0 +1 @@
+/* src/components/BeforeAfter/styles.module.css */

package/components/BeforeAfter/index.js

@@ -1,11 +1,126 @@
+import {
+  clamp
+} from "../../chunks/chunk-OSAXBA7G.js";
+import {
+  beforeAfter
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/BeforeAfter/index.tsx
 import {
   useState,
-  useCallback,
+  useCallback as useCallback2,
   useEffect
 } from "react";
-import { BeforeAfterControlled } from "./index.controlled.js";
-import { jsx } from "react/jsx-runtime";
+
+// src/components/BeforeAfter/index.controlled.tsx
+import {
+  useCallback,
+  useRef
+} from "react";
+
+// src/components/BeforeAfter/styles.module.css
+var styles_default = {};
+
+// src/components/BeforeAfter/utils.ts
+function getRelativePointerCoordinates(event, element) {
+  if (element === null) {
+    return { x: 0, y: 0 };
+  }
+  const rect = element.getBoundingClientRect();
+  const x = event.clientX - rect.left;
+  const y = event.clientY - rect.top;
+  return { x, y };
+}
+
+// src/components/BeforeAfter/index.controlled.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BeforeAfterControlled = ({
+  beforeContent,
+  afterContent,
+  className,
+  ratio,
+  actionHandlers,
+  _modifiers,
+  ...intrisicDivHTMLAttributes
+}) => {
+  const isPointerDown = useRef(false);
+  const onPointerUpRef = useRef(null);
+  const onPointerMoveRef = useRef(null);
+  const rootRef = useRef(null);
+  const handleOnPointer = useCallback((event) => {
+    if (actionHandlers?.pointer === void 0 || rootRef.current === null) return;
+    const { x, y } = getRelativePointerCoordinates(event, rootRef.current);
+    const ratioX = clamp(x / rootRef.current.clientWidth, 0, 1);
+    const ratioY = clamp(y / rootRef.current.clientHeight, 0, 1);
+    actionHandlers?.pointer?.(event, ratioX, ratioY, ratio ?? null, rootRef.current);
+  }, [actionHandlers?.pointer, ratio]);
+  const removePointerListeners = useCallback(() => {
+    if (onPointerUpRef.current !== null) {
+      document.removeEventListener("pointerup", onPointerUpRef.current);
+    }
+    if (onPointerMoveRef.current !== null) {
+      document.removeEventListener("pointermove", onPointerMoveRef.current);
+    }
+    onPointerUpRef.current = null;
+    onPointerMoveRef.current = null;
+  }, []);
+  const onPointerMove = useCallback((event) => {
+    if (!isPointerDown.current) {
+      return;
+    }
+    handleOnPointer(event);
+  }, [handleOnPointer]);
+  const onPointerUp = useCallback((event) => {
+    isPointerDown.current = false;
+    removePointerListeners();
+  }, [removePointerListeners]);
+  const onPointerDown = useCallback((event) => {
+    removePointerListeners();
+    isPointerDown.current = true;
+    handleOnPointer(event.nativeEvent);
+    onPointerUpRef.current = onPointerUp;
+    onPointerMoveRef.current = onPointerMove;
+    document.addEventListener("pointermove", onPointerMoveRef.current);
+    document.addEventListener("pointerup", onPointerUpRef.current);
+  }, [handleOnPointer, onPointerUp, onPointerMove, removePointerListeners]);
+  const outputRatio = ratio !== void 0 ? Math.max(0, Math.min(1, ratio)) : 0;
+  const rootStyles = {
+    [`--${beforeAfter}-ratio`]: outputRatio.toFixed(8),
+    [`--${beforeAfter}-ratio-percent`]: `${(outputRatio * 100).toString()}%`
+  };
+  const c = clss(beforeAfter, { cssModule: styles_default });
+  const rootClss = mergeClassNames(c(null, _modifiers), className);
+  const rootAttributes = {
+    "data-ratio": ratio
+  };
+  const beforeClass = c("before");
+  const afterClass = c("after");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: rootClss,
+      style: rootStyles,
+      onPointerDown,
+      ref: rootRef,
+      ...rootAttributes,
+      ...intrisicDivHTMLAttributes,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: beforeClass, children: beforeContent }),
+        /* @__PURE__ */ jsx("div", { className: afterClass, children: afterContent })
+      ]
+    }
+  );
+};
+
+// src/components/BeforeAfter/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var BeforeAfter = ({
   direction,
   defaultRatio,
@@ -14,7 +129,7 @@ var BeforeAfter = ({
 }) => {
   const { actionHandlers, ratio } = controlledProps;
   const [internalRatio, setInternalRatio] = useState(ratio ?? defaultRatio ?? 0);
-  const handlePointer = useCallback((e, targetHRatio, targetVRatio, ratio2, element) => {
+  const handlePointer = useCallback2((e, targetHRatio, targetVRatio, ratio2, element) => {
     if (direction === "vertical") setInternalRatio(targetVRatio);
     else setInternalRatio(targetHRatio);
     actionHandlers?.pointer?.(e, targetHRatio, targetVRatio, ratio2, element);
@@ -22,7 +137,7 @@ var BeforeAfter = ({
   useEffect(() => {
     stateHandlers?.ratio?.(internalRatio);
   }, [internalRatio, stateHandlers?.ratio]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     BeforeAfterControlled,
     {
       ...controlledProps,

package/components/Disclaimer/index.css

@@ -0,0 +1 @@
+/* src/components/Disclaimer/styles.module.css */

package/components/Disclaimer/index.js

@@ -1,70 +1,10 @@
-// src/components/Disclaimer/index.tsx
 import {
-  useState,
-  useEffect,
-  useRef
-} from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { disclaimer as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Disclaimer = ({
-  content,
-  togglerContent,
-  isOn: isOnProp,
-  defaultIsOn: defaultIsOnProp,
-  stateHandlers,
-  actionHandlers,
-  children,
-  className
-}) => {
-  const [internalIsOn, setInternalIsOn] = useState(isOnProp ?? defaultIsOnProp ?? true);
-  const isOn = isOnProp ?? internalIsOn;
-  const pIsOn = useRef(isOn);
-  useEffect(() => {
-    if (pIsOn.current === isOn) return;
-    stateHandlers?.toggled?.(isOn);
-    pIsOn.current = isOn;
-  }, [isOn]);
-  const handleDismissClick = () => {
-    actionHandlers?.dismissClick?.(isOn);
-    if (isOnProp !== void 0) return;
-    setInternalIsOn(false);
-  };
-  const c = clss(publicClassName, { cssModule });
-  const rootClss = mergeClassNames(
-    c(null, {
-      on: isOn,
-      off: !isOn
-    }),
-    className
-  );
-  const panelClss = c("panel");
-  const contentClss = c("content");
-  const btnClss = c("toggler");
-  const sensitiveClss = c("sensitive");
-  return /* @__PURE__ */ jsxs("div", { className: rootClss, children: [
-    /* @__PURE__ */ jsxs("div", { className: panelClss, children: [
-      content !== void 0 && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: contentClss,
-          children: content
-        }
-      ),
-      togglerContent !== void 0 && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: btnClss,
-          onClick: handleDismissClick,
-          children: togglerContent
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: sensitiveClss, children })
-  ] });
-};
+  Disclaimer
+} from "../../chunks/chunk-OEVSF7D3.js";
+import "../../chunks/chunk-3DNVFA25.js";
+import "../../chunks/chunk-TRFZSKNB.js";
+import "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
 export {
   Disclaimer
 };

package/components/Drawer/index.css

@@ -0,0 +1,2 @@
+/* src/components/Drawer/styles.module.css */
+/* src/components/ResizeObserver/style.module.css */

package/components/Drawer/index.js

@@ -1,16 +1,28 @@
+import {
+  ResizeObserverComponent
+} from "../../chunks/chunk-UVG2S54P.js";
+import {
+  drawer
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/Drawer/index.tsx
 import {
   useState,
   useRef,
   useEffect
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { drawer as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
-import {
-  ResizeObserverComponent
-} from "../ResizeObserver/index.js";
+
+// src/components/Drawer/styles.module.css
+var styles_default = {};
+
+// src/components/Drawer/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Drawer = ({
   openerContent,
@@ -42,7 +54,7 @@ var Drawer = ({
     const { width: width2, height: height2 } = entry?.contentRect ?? {};
     setContentDimensions({ width: width2, height: height2 });
   };
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(drawer, { cssModule: styles_default });
   const rootClss = mergeClassNames(c(null, {
     "opened": isOpened,
     "closed": !isOpened
@@ -55,8 +67,8 @@ var Drawer = ({
     if (val === void 0) return acc;
     return {
       ...acc,
-      [`--${publicClassName}-content-${key}`]: `${val}`,
-      [`--${publicClassName}-content-${key}-px`]: `${val}px`
+      [`--${drawer}-content-${key}`]: `${val}`,
+      [`--${drawer}-content-${key}-px`]: `${val}px`
     };
   }, {});
   const dataAttributes = Object.entries(dimensions).reduce((acc, [key, val]) => {

package/components/EventListener/index.css

@@ -0,0 +1 @@
+/* src/components/EventListener/styles.module.css */

package/components/EventListener/index.js

@@ -1,12 +1,24 @@
+import {
+  eventListener
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/EventListener/index.tsx
 import {
   useRef,
   useEffect
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { eventListener as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
+
+// src/components/EventListener/styles.module.css
+var styles_default = {};
+
+// src/components/EventListener/index.tsx
 import { jsx } from "react/jsx-runtime";
 var EventListenerComponent = ({
   className,
@@ -24,7 +36,7 @@ var EventListenerComponent = ({
     elements.forEach((e) => typeArr.forEach((t) => e.addEventListener(t, onEvent)));
     return () => elements.forEach((e) => typeArr.forEach((t) => e.removeEventListener(t, onEvent)));
   }, [targetSelector, type, onEvent]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(eventListener, { cssModule: styles_default });
   const rootClss = mergeClassNames(c(), className);
   return /* @__PURE__ */ jsx(
     "div",

package/components/Gallery/index.css

@@ -0,0 +1,29 @@
+/* src/components/Gallery/styles.module.css */
+.styles_scroller {
+  display: flex;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  scrollbar-color: transparent transparent;
+}
+.styles_scroller::-webkit-scrollbar {
+  display: none;
+  height: 0;
+}
+.styles_scroller::-webkit-scrollbar-track,
+.styles_scroller::-webkit-scrollbar-thumb {
+  background: transparent;
+}
+.styles_root2.styles_root--controlled .styles_scroller {
+  overflow-x: hidden;
+}
+.styles_root2.styles_root--no-snap .styles_scroller {
+  scroll-snap-type: unset;
+  scroll-behavior: unset;
+}
+.styles_slot {
+  scroll-snap-align: center;
+}

package/components/Gallery/index.js

@@ -1,3 +1,14 @@
+import {
+  gallery
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/Gallery/index.tsx
 import {
   Children,
@@ -5,11 +16,29 @@ import {
   useState,
   useRef
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { gallery as publicClassName } from "../public-classnames.js";
-import { forceActivateSlot } from "./utils.js";
-import cssModule from "./styles.module.css";
+
+// src/components/Gallery/utils.ts
+var forceActivateSlot = (div, targetPos, smooth = true) => {
+  if (div === null) return;
+  const children = Array.from(div.children);
+  if (children[targetPos] === void 0) return;
+  const target = children[targetPos];
+  const halfClientWidth = div.clientWidth / 2;
+  const halfOffsetWidth = div.offsetWidth / 2;
+  const offset = target.offsetLeft - (halfClientWidth - halfOffsetWidth);
+  div.scrollTo({ left: offset, behavior: smooth ? "smooth" : "instant" });
+};
+
+// src/components/Gallery/styles.module.css
+var styles_default = {
+  scroller: "styles_scroller",
+  root: "styles_root2",
+  "root--controlled": "styles_root--controlled",
+  "root--no-snap": "styles_root--no-snap",
+  slot: "styles_slot"
+};
+
+// src/components/Gallery/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Gallery = ({
   paddingLeft,
@@ -91,7 +120,7 @@ var Gallery = ({
     if (active === void 0) return;
     forceActivateSlot(scrollerRef.current, active);
   }, [active]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(gallery, { cssModule: styles_default });
   const rootClss = mergeClassNames(
     c(null, {
       "controlled": active !== void 0,

package/components/Image/index.css

@@ -0,0 +1,3 @@
+/* src/components/Disclaimer/styles.module.css */
+/* src/components/Theatre/styles.module.css */
+/* src/components/Image/styles.module.css */

package/components/Image/index.js

@@ -1,19 +1,31 @@
+import {
+  Theatre
+} from "../../chunks/chunk-AS4CIZVE.js";
+import {
+  Disclaimer
+} from "../../chunks/chunk-OEVSF7D3.js";
+import {
+  image
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/Image/index.tsx
 import {
   useState,
   useMemo,
   useCallback
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import {
-  Disclaimer
-} from "../Disclaimer/index.js";
-import {
-  Theatre
-} from "../Theatre/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { image as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
+
+// src/components/Image/styles.module.css
+var styles_default = {};
+
+// src/components/Image/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Image = ({
   sources,
@@ -42,7 +54,7 @@ var Image = ({
     disclaimer?.actionHandlers?.dismissClick?.(isDisclaimerOn);
     setIsDisclaimerOn(false);
   }, []);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(image, { cssModule: styles_default });
   const rootClss = mergeClassNames(c(), className);
   const rootAttributes = {};
   const pictureClss = c("picture");

package/components/IntersectionObserver/index.css

@@ -0,0 +1 @@
+/* src/components/IntersectionObserver/styles.module.css */