@design-edito/tools 0.3.16 → 0.4.0

package/components/ShadowRoot/index.js

@@ -1,3 +1,14 @@
+import {
+  shadowRoot
+} 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/ShadowRoot/index.tsx
 import {
   useRef,
@@ -5,10 +16,11 @@ import {
   useState
 } from "react";
 import { createPortal } from "react-dom";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { shadowRoot as publicClassName } from "../public-classnames.js";
-import { mergeClassNames } from "../utils/index.js";
-import cssModule from "./styles.module.css";
+
+// src/components/ShadowRoot/styles.module.css
+var styles_default = {};
+
+// src/components/ShadowRoot/index.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ShadowRootComponent = ({
   mode = "open",
@@ -20,10 +32,10 @@ var ShadowRootComponent = ({
   children
 }) => {
   const hostRef = useRef(null);
-  const [shadowRoot, setShadowRoot] = useState(null);
+  const [shadowRoot2, setShadowRoot] = useState(null);
   const [styles, setStyles] = useState(injectedStyles);
   useEffect(() => {
-    if (hostRef.current === null || shadowRoot !== null) return;
+    if (hostRef.current === null || shadowRoot2 !== null) return;
     const root = hostRef.current.attachShadow({ mode, delegatesFocus, slotAssignment });
     if (adoptedStyleSheets !== void 0 && "adoptedStyleSheets" in root) {
       root.adoptedStyleSheets = adoptedStyleSheets;
@@ -37,17 +49,17 @@ var ShadowRootComponent = ({
     adoptedStyleSheets,
     injectedStyles
   ]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(shadowRoot, { cssModule: styles_default });
   const rootClss = mergeClassNames(c(), className);
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: hostRef,
       className: rootClss,
-      children: shadowRoot !== null && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
+      children: shadowRoot2 !== null && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
         styles !== void 0 && /* @__PURE__ */ jsx("style", { children: styles }),
         children
-      ] }), shadowRoot)
+      ] }), shadowRoot2)
     }
   );
 };

package/components/Subtitles/index.css

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

package/components/Subtitles/index.js

@@ -1,111 +1,14 @@
-// src/components/Subtitles/index.tsx
 import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { toError } from "../../agnostic/misc/cast/index.js";
-import { unknownToString } from "../../agnostic/errors/unknown-to-string/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { subtitles as publicClassName } from "../public-classnames.js";
-import {
-  computeSubGroupsWithBoundaries,
-  getCurrentGroup,
-  parseSubs
-} from "./utils.js";
-import cssModule from "./styles.module.css";
-import { jsx } from "react/jsx-runtime";
-var Subtitles = ({
-  src,
-  srtFileContent,
-  subsGroups,
-  timecodeMs,
-  isEnded,
-  className,
-  onLoaded,
-  onParsed,
-  onLoadFailed
-}) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const [loadError, setLoadError] = useState(null);
-  const [parsedSubs, setParsedSubs] = useState([]);
-  const pParsedSubs = useRef(parsedSubs);
-  useEffect(() => {
-    if (pParsedSubs.current === parsedSubs) return;
-    onParsed?.(parsedSubs);
-  }, [parsedSubs]);
-  const fetchAndParseSubs = useCallback(async (src2, srtFileContent2) => {
-    if (src2 === void 0) return;
-    if (srtFileContent2 !== void 0) return setParsedSubs(parseSubs(srtFileContent2));
-    setIsLoading(true);
-    setLoadError(null);
-    try {
-      const response = await fetch(src2);
-      const srtContent = await response.text();
-      onLoaded?.(srtContent);
-      const parsedSubs2 = parseSubs(srtContent);
-      setParsedSubs(parsedSubs2);
-    } catch (error) {
-      setLoadError(error instanceof Error ? error : new Error(unknownToString(error)));
-      console.error(error);
-      onLoadFailed?.(toError(error));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [onLoadFailed, onLoaded]);
-  useEffect(() => {
-    fetchAndParseSubs(src, srtFileContent).catch((error) => {
-      console.error(error);
-    });
-  }, [fetchAndParseSubs, src, srtFileContent]);
-  const c = clss(publicClassName, { cssModule });
-  const rootClss = mergeClassNames(
-    c(null, {
-      loading: isLoading,
-      error: loadError !== null
-    }),
-    className
-  );
-  const prevSubs = parsedSubs.filter(({ start }) => start != null && start < (timecodeMs ?? 0));
-  const lastPrevSub = prevSubs[prevSubs.length - 1];
-  const highestSubId = Math.max(...parsedSubs.map((sub) => sub.id));
-  const subsGroupsWithBoundaries = computeSubGroupsWithBoundaries(subsGroups, highestSubId);
-  const currentGroup = getCurrentGroup(subsGroupsWithBoundaries, lastPrevSub?.id, isEnded);
-  return /* @__PURE__ */ jsx("div", { className: rootClss, children: timecodeMs !== void 0 && parsedSubs.length > 0 && subsGroupsWithBoundaries.map((group) => {
-    const groupSubs = parsedSubs.filter((sub) => sub.id >= group.startId && sub.id <= group.endId);
-    const totalSubs = groupSubs.length;
-    const groupClass = c("group", { curr: currentGroup?.startId === group.startId });
-    const subsNodes = groupSubs.map((sub, subIndex) => {
-      let subText = sub.content?.trim() ?? "";
-      if (subIndex !== totalSubs - 1) subText += " ";
-      const subClass = c("sub", {
-        prev: sub.start !== void 0 && lastPrevSub?.start !== void 0 && sub.start <= lastPrevSub.start,
-        curr: sub.start !== void 0 && timecodeMs >= sub.start && sub.end !== void 0 && timecodeMs <= sub.end
-      });
-      return /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: subClass,
-          "data-sub-pos": sub.id,
-          children: subText
-        },
-        sub.id
-      );
-    });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: groupClass,
-        "data-start-sub-pos": group.startId,
-        "data-end-sub-pos": group.endId,
-        children: subsNodes
-      },
-      group.startId
-    );
-  }) });
-};
+  Subtitles
+} from "../../chunks/chunk-KKYEOIJI.js";
+import "../../chunks/chunk-YWSXCFYY.js";
+import "../../chunks/chunk-QXAJXTXV.js";
+import "../../chunks/chunk-HC6ZOHCS.js";
+import "../../chunks/chunk-PUQUSA6S.js";
+import "../../chunks/chunk-3DNVFA25.js";
+import "../../chunks/chunk-TRFZSKNB.js";
+import "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
 export {
   Subtitles
 };

package/components/Theatre/index.css

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

package/components/Theatre/index.js

@@ -1,97 +1,10 @@
-// src/components/Theatre/index.tsx
 import {
-  useEffect,
-  useState,
-  useRef
-} from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { theatre as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Theatre = ({
-  closeBtnContent,
-  openBtnContent,
-  isOn,
-  defaultIsOn,
-  exitOnEscape,
-  exitOnBgClick,
-  stateHandlers,
-  actionHandlers,
-  children,
-  className
-}) => {
-  const [internalIsOn, setInternalIsOn] = useState(defaultIsOn ?? false);
-  const stageRef = useRef(null);
-  const isTheatreOn = isOn ?? internalIsOn;
-  const prevIsTheatreOnRef = useRef(isTheatreOn);
-  const handleCloseBtnClick = () => {
-    actionHandlers?.toggleClick?.(isTheatreOn);
-    if (isOn === void 0) setInternalIsOn(false);
-  };
-  const handleOpenBtnClick = () => {
-    actionHandlers?.toggleClick?.(isTheatreOn);
-    if (isOn === void 0) setInternalIsOn(true);
-  };
-  const handleStageBgClick = (e) => {
-    if (exitOnBgClick !== true) return;
-    if (e.target !== stageRef.current) return;
-    actionHandlers?.toggleClick?.(isTheatreOn);
-    if (isOn === void 0) setInternalIsOn(false);
-  };
-  useEffect(() => {
-    if (prevIsTheatreOnRef.current !== isTheatreOn) {
-      stateHandlers?.toggled?.(isTheatreOn);
-      prevIsTheatreOnRef.current = isTheatreOn;
-    }
-  }, [isTheatreOn, stateHandlers]);
-  useEffect(() => {
-    if (exitOnEscape === true || !isTheatreOn || isOn !== void 0) return;
-    const listener = (e) => {
-      if (e.key !== "Escape") return;
-      actionHandlers?.toggleClick?.(isTheatreOn);
-      setInternalIsOn(false);
-    };
-    window.addEventListener("keydown", listener);
-    return () => window.removeEventListener("keydown", listener);
-  }, [exitOnEscape, isTheatreOn, isOn]);
-  const c = clss(publicClassName, { cssModule });
-  const rootClss = mergeClassNames(c(null, {
-    "on": isTheatreOn,
-    "off": !isTheatreOn
-  }), className);
-  const stageClass = c("stage");
-  const openBtnClass = c("open-btn");
-  const closeBtnClass = c("close-btn");
-  return /* @__PURE__ */ jsxs("div", { className: rootClss, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: stageClass,
-        onClick: handleStageBgClick,
-        ref: stageRef,
-        children: isTheatreOn && children
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: closeBtnClass,
-        onClick: handleCloseBtnClick,
-        children: closeBtnContent
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: openBtnClass,
-        onClick: handleOpenBtnClick,
-        children: openBtnContent
-      }
-    )
-  ] });
-};
+  Theatre
+} from "../../chunks/chunk-AS4CIZVE.js";
+import "../../chunks/chunk-3DNVFA25.js";
+import "../../chunks/chunk-TRFZSKNB.js";
+import "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
 export {
   Theatre
 };

package/components/UIModule/index.css

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

package/components/UIModule/index.js

@@ -1,16 +1,35 @@
+import {
+  isNonNullObject
+} from "../../chunks/chunk-HQLRJ7XW.js";
+import {
+  randomHash
+} from "../../chunks/chunk-75BICI4L.js";
+import "../../chunks/chunk-OGBUSUE6.js";
+import {
+  unknownToString
+} from "../../chunks/chunk-PUQUSA6S.js";
+import {
+  uiModule
+} 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/UIModule/index.tsx
 import {
   useEffect,
   useRef,
   useState
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { unknownToString } from "../../agnostic/errors/unknown-to-string/index.js";
-import { isNonNullObject } from "../../agnostic/objects/is-object/index.js";
-import { randomHash } from "../../agnostic/random/uuid/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { uiModule as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
+
+// src/components/UIModule/styles.module.css
+var styles_default = {};
+
+// src/components/UIModule/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var UIModule = ({
   src,
@@ -105,7 +124,7 @@ var UIModule = ({
     if (rootRef.current === null) return;
     rootRef.current.appendChild(moduleTarget);
   }, [moduleTarget]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(uiModule, { cssModule: styles_default });
   const rootClss = mergeClassNames(
     c(null, {
       loading,
@@ -124,7 +143,7 @@ var UIModule = ({
       id,
       children: [
         loadedModule === null && "",
-        loadedModule !== null && !(loadedModule instanceof Error) && loadedModule.css?.map((css) => /* @__PURE__ */ jsx("style", { children: `.${publicClassName}#${id} { ${css} }` }))
+        loadedModule !== null && !(loadedModule instanceof Error) && loadedModule.css?.map((css) => /* @__PURE__ */ jsx("style", { children: `.${uiModule}#${id} { ${css} }` }))
       ]
     }
   );

package/components/Video/index.css

@@ -0,0 +1,4 @@
+/* src/components/Disclaimer/styles.module.css */
+/* src/components/IntersectionObserver/styles.module.css */
+/* src/components/Subtitles/styles.module.css */
+/* src/components/Video/styles.module.css */

package/components/Video/index.js

@@ -1,3 +1,27 @@
+import {
+  Subtitles
+} from "../../chunks/chunk-KKYEOIJI.js";
+import "../../chunks/chunk-YWSXCFYY.js";
+import "../../chunks/chunk-QXAJXTXV.js";
+import "../../chunks/chunk-HC6ZOHCS.js";
+import "../../chunks/chunk-PUQUSA6S.js";
+import {
+  Disclaimer
+} from "../../chunks/chunk-OEVSF7D3.js";
+import {
+  IntersectionObserverComponent
+} from "../../chunks/chunk-SPC2SMZR.js";
+import {
+  video
+} 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/Video/index.tsx
 import {
   useCallback,
@@ -6,32 +30,133 @@ import {
   useRef,
   useState
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import {
-  Disclaimer
-} from "../Disclaimer/index.js";
-import { IntersectionObserverComponent } from "../IntersectionObserver/index.js";
-import {
-  Subtitles
-} from "../Subtitles/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { video as publicClassName } from "../public-classnames.js";
-import {
-  formatTime,
-  secondsToMs,
-  muteAttributeWorkaround,
-  forcePlay,
-  forcePause,
-  forceLoud,
-  forceMute,
-  forceFullScreen,
-  forceExitFullScreen,
-  forceVolume,
-  forceCurrentTime,
-  getTimelineClickProgress,
-  forcePlaybackRate
-} from "./utils.js";
-import cssModule from "./styles.module.css";
+
+// src/components/Video/utils.ts
+var muteAttributeWorkaround = (video2, shouldMute, setIsSoundOn) => {
+  if (video2 === null) return;
+  if (!shouldMute) return;
+  const currentMuted = video2.getAttribute("muted");
+  if (currentMuted !== null) return;
+  video2.setAttribute("muted", "");
+  video2.load();
+  setIsSoundOn(false);
+};
+var forceMute = (video2, setIsSoundOn) => {
+  if (video2 === null) return;
+  video2.muted = true;
+  setIsSoundOn(false);
+};
+var forceLoud = (video2, setIsSoundOn) => {
+  if (video2 === null) return;
+  video2.muted = false;
+  setIsSoundOn(true);
+};
+var forceVolume = (video2, volumePercent, setVolume) => {
+  if (video2 === null) return;
+  const volume = volumePercent / 100;
+  video2.volume = volume;
+  setVolume(volume);
+};
+var forceCurrentTime = (video2, time, setCurrentTime) => {
+  if (video2 === null) return;
+  video2.currentTime = time;
+  setCurrentTime(time);
+};
+var forcePlay = async (video2, shouldDisclaimerBeOn, setIsPlaying) => {
+  if (shouldDisclaimerBeOn) {
+    setIsPlaying(false);
+    return;
+  }
+  if (video2 === null) return;
+  try {
+    await video2.play();
+    setIsPlaying(true);
+  } catch (e) {
+    console.error(e);
+  }
+};
+var forcePause = (video2, setIsPlaying) => {
+  if (video2 === null) {
+    setIsPlaying(false);
+    return;
+  }
+  try {
+    video2.pause();
+    setIsPlaying(false);
+  } catch (e) {
+    console.error(e);
+  }
+};
+var forcePlaybackRate = (video2, rate, setPlaybackRate) => {
+  if (video2 === null) return;
+  video2.playbackRate = rate;
+  setPlaybackRate(rate);
+};
+var forceFullScreen = async (video2, shouldDisclaimerBeOn, setIsFullscreen) => {
+  if (shouldDisclaimerBeOn) return;
+  if (video2 === null) {
+    setIsFullscreen(false);
+    return;
+  }
+  try {
+    await video2.requestFullscreen();
+    setIsFullscreen(true);
+  } catch (e) {
+    setIsFullscreen(false);
+    console.error(e);
+  }
+};
+var forceExitFullScreen = async (video2, setIsFullscreen) => {
+  if (video2 === null || document.fullscreenElement !== video2) {
+    setIsFullscreen(false);
+    return;
+  }
+  try {
+    await document.exitFullscreen();
+    setIsFullscreen(false);
+  } catch (e) {
+    console.error(e);
+  }
+};
+function secondsToMs(seconds) {
+  return seconds * 1e3;
+}
+function formatTime(ms, format, fps = 25) {
+  const totalSeconds = Math.floor(ms / 1e3);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = Math.floor(totalSeconds % 60);
+  const frames = Math.floor(ms % 1e3 / 1e3 * fps);
+  const msRest = Math.floor(ms % 1e3);
+  const tokens = {
+    hh: String(hours).padStart(2, "0"),
+    mm: String(minutes).padStart(2, "0"),
+    ss: String(seconds).padStart(2, "0"),
+    frame: String(frames).padStart(2, "0"),
+    ms: String(msRest).padStart(3, "0"),
+    h: hours,
+    m: minutes,
+    s: seconds,
+    f: frames
+  };
+  const result = Object.keys(tokens).sort((a, b) => b.length - a.length).reduce(
+    (acc, t) => acc.replace(new RegExp(t, "g"), String(tokens[t])),
+    format
+  );
+  return result;
+}
+var getTimelineClickProgress = (event, timeline, video2) => {
+  if (video2 === null || timeline === null) return 0;
+  const timelineRect = event.currentTarget.getBoundingClientRect();
+  const position = event.clientX - timelineRect.left;
+  const progress = Math.min(1, Math.max(0, position / timelineRect.width));
+  return progress;
+};
+
+// src/components/Video/styles.module.css
+var styles_default = {};
+
+// src/components/Video/index.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Video = ({
   sources,
@@ -78,16 +203,16 @@ var Video = ({
   const $root = useRef(null);
   const handleMetadataLoadEvent = useCallback((e) => {
     if (videoRef.current === null) return;
-    const video = videoRef.current;
+    const video2 = videoRef.current;
     muteAttributeWorkaround(
-      video,
+      video2,
       intrinsicVideoAttributes.muted ?? false,
       setIsLoud
     );
-    setTotalTime(video.duration);
-    setPlaybackRate(video.playbackRate);
-    setVolume(video.volume);
-    setIsLoud(!video.muted);
+    setTotalTime(video2.duration);
+    setPlaybackRate(video2.playbackRate);
+    setVolume(video2.volume);
+    setIsLoud(!video2.muted);
     intrinsicVideoAttributes.onLoadedMetadata?.(e);
   }, [intrinsicVideoAttributes.onLoadedMetadata, intrinsicVideoAttributes.muted]);
   const handleVolumeChangeEvent = useCallback((e) => {
@@ -209,7 +334,7 @@ var Video = ({
     }
     return [];
   }, [tracks]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(video, { cssModule: styles_default });
   const rootClss = mergeClassNames(c(null, {
     "play-on": isPlaying,
     "play-off": !isPlaying,
@@ -233,7 +358,7 @@ var Video = ({
     "data-total-time-ms": totalTimeMs
   };
   const rootStyles = {
-    [`--${publicClassName}-elapsed-time-ratio`]: (currentTime / totalTime).toFixed(8)
+    [`--${video}-elapsed-time-ratio`]: (currentTime / totalTime).toFixed(8)
   };
   const videoClss = c("video");
   const videoControlsClss = c("video-controls");

package/components/index.d.ts

@@ -1,20 +1,20 @@
-export * as disclaimer from './Disclaimer/index.js'
 export * as beforeAfter from './BeforeAfter/index.js'
+export * as disclaimer from './Disclaimer/index.js'
 export * as drawer from './Drawer/index.js'
 export * as eventListener from './EventListener/index.js'
 export * as gallery from './Gallery/index.js'
 export * as image from './Image/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
 export * as paginator from './Paginator/index.js'
-export * as resizeObserver from './ResizeObserver/index.js'
-export * as scrllgngn from './Scrllgngn/index.js'
 export * as scrollListener from './ScrollListener/index.js'
-export * as shadowRoot from './ShadowRoot/index.js'
 export * as sequencer from './Sequencer/index.js'
+export * as shadowRoot from './ShadowRoot/index.js'
+export * as resizeObserver from './ResizeObserver/index.js'
 export * as subtitles from './Subtitles/index.js'
+export * as scrllgngn from './Scrllgngn/index.js'
 export * as theatre from './Theatre/index.js'
 export * as uiModule from './UIModule/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'
-export * as wipIcon from './_WIP_Icon/index.js'
-export * as utils from './utils/index.js'
 export * as video from './Video/index.js'
+export * as utils from './utils/index.js'
+export * as wipIcon from './_WIP_Icon/index.js'

package/components/index.js

@@ -1,20 +1,20 @@
-export * as disclaimer from './Disclaimer/index.js'
 export * as beforeAfter from './BeforeAfter/index.js'
+export * as disclaimer from './Disclaimer/index.js'
 export * as drawer from './Drawer/index.js'
 export * as eventListener from './EventListener/index.js'
 export * as gallery from './Gallery/index.js'
 export * as image from './Image/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
 export * as paginator from './Paginator/index.js'
-export * as resizeObserver from './ResizeObserver/index.js'
-export * as scrllgngn from './Scrllgngn/index.js'
 export * as scrollListener from './ScrollListener/index.js'
-export * as shadowRoot from './ShadowRoot/index.js'
 export * as sequencer from './Sequencer/index.js'
+export * as shadowRoot from './ShadowRoot/index.js'
+export * as resizeObserver from './ResizeObserver/index.js'
 export * as subtitles from './Subtitles/index.js'
+export * as scrllgngn from './Scrllgngn/index.js'
 export * as theatre from './Theatre/index.js'
 export * as uiModule from './UIModule/index.js'
 export * as wipAudioQuote from './_WIP_AudioQuote/index.js'
-export * as wipIcon from './_WIP_Icon/index.js'
-export * as utils from './utils/index.js'
 export * as video from './Video/index.js'
+export * as utils from './utils/index.js'
+export * as wipIcon from './_WIP_Icon/index.js'

package/components/utils/index.js

@@ -1,12 +1,7 @@
-// src/components/utils/index.tsx
-function mergeClassNames(...names) {
-  return names.map((name) => {
-    if (typeof name !== "string" && !Array.isArray(name)) return false;
-    if (Array.isArray(name)) return mergeClassNames(...name);
-    if (name.trim() === "") return false;
-    return name.trim();
-  }).filter((name) => typeof name === "string").join(" ");
-}
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
 export {
   mergeClassNames
 };

package/index.d.ts

@@ -1,3 +1,4 @@
+export * as agnostic from './agnostic/index.js'
+export * as chunks from './chunks/index.js'
 export * as components from './components/index.js'
 export * as node from './node/index.js'
-export * as agnostic from './agnostic/index.js'