@zayne-labs/ui-react 0.6.3 → 0.7.0

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@zayne-labs/ui-react",
   "type": "module",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "A composable UI/UI-utilities components library. ",
   "author": "Ryan Zayne",
   "license": "MIT",
   "homepage": "https://github.com/zayne-labs/ui#readme",
   "repository": {
     "type": "git",
-    "url": "https://github.com/zayne-labs/ui.git"
+    "url": "git+https://github.com/zayne-labs/ui.git"
   },
   "bugs": {
     "url": "https://github.com/zayne-labs/ui/issues"
@@ -20,9 +20,6 @@
     "./*": "./dist/esm/ui/*/index.js",
     "./common/*": "./dist/esm/common/*/index.js"
   },
-  "main": "./dist/esm/index.js",
-  "module": "./dist/esm/index.js",
-  "types": "./dist/esm/index.d.ts",
   "files": [
     "dist"
   ],
@@ -48,9 +45,9 @@
     }
   },
   "dependencies": {
-    "@zayne-labs/toolkit-core": "^0.9.2",
-    "@zayne-labs/toolkit-react": "^0.9.2",
-    "@zayne-labs/toolkit-type-helpers": "^0.9.2"
+    "@zayne-labs/toolkit-core": "^0.9.3",
+    "@zayne-labs/toolkit-react": "^0.9.3",
+    "@zayne-labs/toolkit-type-helpers": "^0.9.3"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.17.4",
@@ -58,7 +55,7 @@
     "@size-limit/preset-small-lib": "11.2.0",
     "@total-typescript/ts-reset": "0.6.1",
     "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.1",
+    "@types/react-dom": "^19.1.2",
     "@zayne-labs/tsconfig": "0.8.0",
     "concurrently": "^9.1.2",
     "cross-env": "^7.0.3",

package/dist/esm/chunk-CB2EZJYW.js

@@ -1,31 +0,0 @@
-import { useState } from 'react';
-import { useEffectOnce, useMountEffect } from '@zayne-labs/toolkit-react';
-import { isString } from '@zayne-labs/toolkit-type-helpers';
-import { createPortal } from 'react-dom';
-
-// src/components/common/teleport/teleport.tsx
-function Teleport(props) {
-  const { children, insertPosition, to } = props;
-  const [reactPortal, setReactPortal] = useState(null);
-  useEffectOnce(() => {
-    if (!to || !insertPosition) return;
-    const destination = isString(to) ? document.querySelector(to) : to;
-    const tempWrapper = document.createElement("div");
-    tempWrapper.style.display = "contents";
-    destination?.insertAdjacentElement(insertPosition, tempWrapper);
-    setReactPortal(createPortal(children, tempWrapper));
-    return () => {
-      tempWrapper.remove();
-    };
-  });
-  useMountEffect(() => {
-    if (!to || insertPosition) return;
-    const destination = isString(to) ? document.querySelector(to) : to;
-    destination && setReactPortal(createPortal(children, destination));
-  });
-  return reactPortal;
-}
-
-export { Teleport };
-//# sourceMappingURL=chunk-CB2EZJYW.js.map
-//# sourceMappingURL=chunk-CB2EZJYW.js.map

package/dist/esm/chunk-CB2EZJYW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/common/teleport/teleport.tsx"],"names":[],"mappings":";;;;;;AAeA,SAAS,SAAS,KAAoB,EAAA;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,cAAgB,EAAA,EAAA,EAAO,GAAA,KAAA;AAEzC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAmC,IAAI,CAAA;AAE7E,EAAA,aAAA,CAAc,MAAM;AACnB,IAAI,IAAA,CAAC,EAAM,IAAA,CAAC,cAAgB,EAAA;AAE5B,IAAA,MAAM,cAAc,QAAS,CAAA,EAAE,IAAI,QAAS,CAAA,aAAA,CAA2B,EAAE,CAAI,GAAA,EAAA;AAE7E,IAAM,MAAA,WAAA,GAAc,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA;AAChD,IAAA,WAAA,CAAY,MAAM,OAAU,GAAA,UAAA;AAE5B,IAAa,WAAA,EAAA,qBAAA,CAAsB,gBAAgB,WAAW,CAAA;AAE9D,IAAe,cAAA,CAAA,YAAA,CAAa,QAAU,EAAA,WAAW,CAAC,CAAA;AAElD,IAAA,OAAO,MAAM;AACZ,MAAA,WAAA,CAAY,MAAO,EAAA;AAAA,KACpB;AAAA,GACA,CAAA;AAED,EAAA,cAAA,CAAe,MAAM;AACpB,IAAI,IAAA,CAAC,MAAM,cAAgB,EAAA;AAE3B,IAAA,MAAM,cAAc,QAAS,CAAA,EAAE,IAAI,QAAS,CAAA,aAAA,CAA2B,EAAE,CAAI,GAAA,EAAA;AAE7E,IAAA,WAAA,IAAe,cAAe,CAAA,YAAA,CAAa,QAAU,EAAA,WAAW,CAAC,CAAA;AAAA,GACjE,CAAA;AAED,EAAO,OAAA,WAAA;AACR","file":"chunk-CB2EZJYW.js","sourcesContent":["import * as React from \"react\";\n\nimport { useEffectOnce, useMountEffect } from \"@zayne-labs/toolkit-react\";\nimport { type AnyString, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype ValidHtmlTags = keyof HTMLElementTagNameMap;\n\ntype PortalProps = {\n\tchildren: React.ReactNode;\n\tinsertPosition?: InsertPosition;\n\tto?: AnyString | HTMLElement | ValidHtmlTags | null;\n};\n\nfunction Teleport(props: PortalProps) {\n\tconst { children, insertPosition, to } = props;\n\n\tconst [reactPortal, setReactPortal] = useState<React.ReactPortal | null>(null);\n\n\tuseEffectOnce(() => {\n\t\tif (!to || !insertPosition) return;\n\n\t\tconst destination = isString(to) ? document.querySelector<HTMLElement>(to) : to;\n\n\t\tconst tempWrapper = document.createElement(\"div\");\n\t\ttempWrapper.style.display = \"contents\";\n\n\t\tdestination?.insertAdjacentElement(insertPosition, tempWrapper);\n\n\t\tsetReactPortal(createPortal(children, tempWrapper));\n\n\t\treturn () => {\n\t\t\ttempWrapper.remove();\n\t\t};\n\t});\n\n\tuseMountEffect(() => {\n\t\tif (!to || insertPosition) return;\n\n\t\tconst destination = isString(to) ? document.querySelector<HTMLElement>(to) : to;\n\n\t\tdestination && setReactPortal(createPortal(children, destination));\n\t});\n\n\treturn reactPortal;\n}\n\nexport { Teleport };\n"]}

package/dist/esm/chunk-CWUEUCR5.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-CWUEUCR5.js.map
-//# sourceMappingURL=chunk-CWUEUCR5.js.map

package/dist/esm/chunk-CWUEUCR5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-CWUEUCR5.js"}

package/dist/esm/chunk-E42DOTGX.js

@@ -1,119 +0,0 @@
-import { cnMerge } from './chunk-OHG7GB7O.js';
-import { off, on, checkIsDeviceMobileOrTablet } from '@zayne-labs/toolkit-core';
-import { useCallbackRef } from '@zayne-labs/toolkit-react';
-import { mergeTwoProps, composeRefs } from '@zayne-labs/toolkit-react/utils';
-import { useRef } from 'react';
-
-var updateCursor = (element) => {
-  element.style.cursor = "grabbing";
-  element.style.userSelect = "none";
-};
-var onScrollSnap = (action, element) => {
-  if (action === "remove") {
-    element.style.scrollSnapType = "none";
-    return;
-  }
-  element.style.scrollSnapType = "";
-};
-var resetCursor = (element) => {
-  element.style.cursor = "";
-  element.style.userSelect = "";
-};
-var handleScrollSnap = (dragContainer) => {
-  const isMobileOrTablet = checkIsDeviceMobileOrTablet();
-  if (!isMobileOrTablet) {
-    onScrollSnap("remove", dragContainer);
-  } else {
-    onScrollSnap("reset", dragContainer);
-  }
-};
-
-// src/components/ui/drag-scroll/use-drag-scroll.ts
-var useDragScroll = (props = {}) => {
-  const {
-    classNames,
-    extraItemProps,
-    extraRootProps,
-    orientation = "horizontal",
-    usage = "allScreens"
-  } = props;
-  const dragContainerRef = useRef(null);
-  const positionRef = useRef({ left: 0, top: 0, x: 0, y: 0 });
-  const handleMouseMove = useCallbackRef((event) => {
-    if (!dragContainerRef.current) return;
-    if (orientation === "horizontal" || orientation === "both") {
-      const dx = event.clientX - positionRef.current.x;
-      dragContainerRef.current.scrollLeft = positionRef.current.left - dx;
-    }
-    if (orientation === "vertical" || orientation === "both") {
-      const dy = event.clientY - positionRef.current.y;
-      dragContainerRef.current.scrollTop = positionRef.current.top - dy;
-    }
-  });
-  const handleMouseUpOrLeave = useCallbackRef(() => {
-    if (!dragContainerRef.current) return;
-    off("mousemove", dragContainerRef.current, handleMouseMove);
-    off("mouseup", dragContainerRef.current, handleMouseUpOrLeave);
-    off("mouseleave", dragContainerRef.current, handleMouseUpOrLeave);
-    resetCursor(dragContainerRef.current);
-  });
-  const handleMouseDown = useCallbackRef((event) => {
-    if (usage === "mobileAndTabletOnly" && window.innerWidth >= 768) return;
-    if (usage === "desktopOnly" && window.innerWidth < 768) return;
-    if (!dragContainerRef.current) return;
-    if (orientation === "horizontal" || orientation === "both") {
-      positionRef.current.x = event.clientX;
-      positionRef.current.left = dragContainerRef.current.scrollLeft;
-    }
-    if (orientation === "vertical" || orientation === "both") {
-      positionRef.current.y = event.clientY;
-      positionRef.current.top = dragContainerRef.current.scrollTop;
-    }
-    updateCursor(dragContainerRef.current);
-    on("mousemove", dragContainerRef.current, handleMouseMove);
-    on("mouseup", dragContainerRef.current, handleMouseUpOrLeave);
-    on("mouseleave", dragContainerRef.current, handleMouseUpOrLeave);
-  });
-  const refCallBack = useCallbackRef((node) => {
-    dragContainerRef.current = node;
-    node && handleScrollSnap(node);
-    const cleanup = on("mousedown", dragContainerRef.current, handleMouseDown);
-    return cleanup;
-  });
-  const getRootProps = (rootProps) => {
-    const mergedRootProps = mergeTwoProps(extraRootProps, rootProps);
-    return {
-      ...mergedRootProps,
-      className: cnMerge(
-        `flex w-full cursor-grab snap-x snap-mandatory overflow-x-scroll overflow-y-clip
-				[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,
-        orientation === "horizontal" && "flex-row",
-        orientation === "vertical" && "flex-col",
-        usage === "mobileAndTabletOnly" && "md:cursor-default md:flex-col",
-        usage === "desktopOnly" && "max-md:cursor-default max-md:flex-col",
-        classNames?.base,
-        mergedRootProps.className
-      ),
-      "data-part": "root",
-      "data-scope": "drag-scroll",
-      ref: composeRefs([
-        refCallBack,
-        mergedRootProps?.ref
-      ])
-    };
-  };
-  const getItemProps = (itemProps) => {
-    const mergedItemProps = mergeTwoProps(extraItemProps, itemProps);
-    return {
-      ...mergedItemProps,
-      className: cnMerge("snap-center snap-always", classNames?.item, mergedItemProps.className),
-      "data-part": "item",
-      "data-scope": "drag-scroll"
-    };
-  };
-  return { getItemProps, getRootProps };
-};
-
-export { useDragScroll };
-//# sourceMappingURL=chunk-E42DOTGX.js.map
-//# sourceMappingURL=chunk-E42DOTGX.js.map

package/dist/esm/chunk-E42DOTGX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ui/drag-scroll/utils.ts","../../src/components/ui/drag-scroll/use-drag-scroll.ts"],"names":[],"mappings":"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","file":"chunk-E42DOTGX.js","sourcesContent":["import { checkIsDeviceMobileOrTablet } from \"@zayne-labs/toolkit-core\";\n\n/* eslint-disable no-param-reassign -- Mutation is needed here since it's an element */\nexport const updateCursor = <TElement extends HTMLElement>(element: TElement) => {\n\telement.style.cursor = \"grabbing\";\n\telement.style.userSelect = \"none\";\n};\n\nexport const onScrollSnap = <TElement extends HTMLElement>(\n\taction: \"remove\" | \"reset\",\n\telement: TElement\n) => {\n\tif (action === \"remove\") {\n\t\telement.style.scrollSnapType = \"none\";\n\t\treturn;\n\t}\n\n\telement.style.scrollSnapType = \"\";\n};\n\nexport const resetCursor = <TElement extends HTMLElement>(element: TElement) => {\n\telement.style.cursor = \"\";\n\telement.style.userSelect = \"\";\n};\n/* eslint-enable no-param-reassign  -- Mutation is needed here since it's an element */\n\nexport const handleScrollSnap = (dragContainer: HTMLElement) => {\n\tconst isMobileOrTablet = checkIsDeviceMobileOrTablet();\n\n\tif (!isMobileOrTablet) {\n\t\tonScrollSnap(\"remove\", dragContainer);\n\t} else {\n\t\tonScrollSnap(\"reset\", dragContainer);\n\t}\n};\n","import { cnMerge } from \"@/lib/utils/cn\";\nimport { off, on } from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { type InferProps, composeRefs, mergeTwoProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { type RefCallback, useRef } from \"react\";\nimport { handleScrollSnap, resetCursor, updateCursor } from \"./utils\";\n\ntype DragScrollProps<TElement extends HTMLElement> = {\n\tclassNames?: { base?: string; item?: string };\n\textraItemProps?: InferProps<HTMLElement>;\n\textraRootProps?: Omit<InferProps<TElement>, \"children\">;\n\torientation?: \"both\" | \"horizontal\" | \"vertical\";\n\tusage?: \"allScreens\" | \"desktopOnly\" | \"mobileAndTabletOnly\";\n};\n\nconst useDragScroll = <TElement extends HTMLElement>(props: DragScrollProps<TElement> = {}) => {\n\tconst {\n\t\tclassNames,\n\t\textraItemProps,\n\t\textraRootProps,\n\t\torientation = \"horizontal\",\n\t\tusage = \"allScreens\",\n\t} = props;\n\n\tconst dragContainerRef = useRef<TElement>(null);\n\n\tconst positionRef = useRef({ left: 0, top: 0, x: 0, y: 0 });\n\n\tconst handleMouseMove = useCallbackRef((event: MouseEvent) => {\n\t\tif (!dragContainerRef.current) return;\n\n\t\tif (orientation === \"horizontal\" || orientation === \"both\") {\n\t\t\t// == calculate the current change in the horizontal scroll position based on the difference between the previous mouse position and the new mouse position\n\t\t\tconst dx = event.clientX - positionRef.current.x;\n\n\t\t\t// == Assign the scrollLeft of the container to the difference between its previous horizontal scroll position and the change in the mouse position\n\t\t\tdragContainerRef.current.scrollLeft = positionRef.current.left - dx;\n\t\t}\n\n\t\tif (orientation === \"vertical\" || orientation === \"both\") {\n\t\t\t// == calculate the current change in the vertical scroll position based on the difference between the previous mouse position and the new mouse position\n\t\t\tconst dy = event.clientY - positionRef.current.y;\n\n\t\t\t// == Assign the scrollTop of the container to the difference between its previous vertical scroll position and the change in the mouse position\n\t\t\tdragContainerRef.current.scrollTop = positionRef.current.top - dy;\n\t\t}\n\t});\n\n\tconst handleMouseUpOrLeave = useCallbackRef(() => {\n\t\tif (!dragContainerRef.current) return;\n\n\t\toff(\"mousemove\", dragContainerRef.current, handleMouseMove);\n\t\toff(\"mouseup\", dragContainerRef.current, handleMouseUpOrLeave);\n\t\toff(\"mouseleave\", dragContainerRef.current, handleMouseUpOrLeave);\n\n\t\tresetCursor(dragContainerRef.current);\n\t});\n\n\tconst handleMouseDown = useCallbackRef((event: MouseEvent) => {\n\t\tif (usage === \"mobileAndTabletOnly\" && window.innerWidth >= 768) return;\n\t\tif (usage === \"desktopOnly\" && window.innerWidth < 768) return;\n\n\t\tif (!dragContainerRef.current) return;\n\n\t\t// == Update all initial position properties stored in the positionRef\n\t\tif (orientation === \"horizontal\" || orientation === \"both\") {\n\t\t\tpositionRef.current.x = event.clientX;\n\t\t\tpositionRef.current.left = dragContainerRef.current.scrollLeft;\n\t\t}\n\n\t\tif (orientation === \"vertical\" || orientation === \"both\") {\n\t\t\tpositionRef.current.y = event.clientY;\n\t\t\tpositionRef.current.top = dragContainerRef.current.scrollTop;\n\t\t}\n\n\t\tupdateCursor(dragContainerRef.current);\n\n\t\ton(\"mousemove\", dragContainerRef.current, handleMouseMove);\n\t\ton(\"mouseup\", dragContainerRef.current, handleMouseUpOrLeave);\n\t\ton(\"mouseleave\", dragContainerRef.current, handleMouseUpOrLeave);\n\t});\n\n\tconst refCallBack: RefCallback<TElement> = useCallbackRef((node) => {\n\t\tdragContainerRef.current = node;\n\n\t\tnode && handleScrollSnap(node);\n\n\t\tconst cleanup = on(\"mousedown\", dragContainerRef.current, handleMouseDown);\n\n\t\treturn cleanup;\n\t});\n\n\tconst getRootProps = (rootProps?: DragScrollProps<TElement>[\"extraRootProps\"]) => {\n\t\tconst mergedRootProps = mergeTwoProps(extraRootProps, rootProps);\n\n\t\treturn {\n\t\t\t...mergedRootProps,\n\t\t\tclassName: cnMerge(\n\t\t\t\t`flex w-full cursor-grab snap-x snap-mandatory overflow-x-scroll overflow-y-clip\n\t\t\t\t[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,\n\t\t\t\torientation === \"horizontal\" && \"flex-row\",\n\t\t\t\torientation === \"vertical\" && \"flex-col\",\n\t\t\t\tusage === \"mobileAndTabletOnly\" && \"md:cursor-default md:flex-col\",\n\t\t\t\tusage === \"desktopOnly\" && \"max-md:cursor-default max-md:flex-col\",\n\t\t\t\tclassNames?.base,\n\t\t\t\tmergedRootProps.className\n\t\t\t),\n\t\t\t\"data-part\": \"root\",\n\t\t\t\"data-scope\": \"drag-scroll\",\n\t\t\tref: composeRefs([\n\t\t\t\trefCallBack,\n\t\t\t\t(mergedRootProps as { ref?: React.Ref<TElement> } | undefined)?.ref,\n\t\t\t]),\n\t\t};\n\t};\n\n\tconst getItemProps = <TItemElement extends HTMLElement>(\n\t\titemProps?: DragScrollProps<TItemElement>[\"extraItemProps\"]\n\t) => {\n\t\tconst mergedItemProps = mergeTwoProps(extraItemProps, itemProps);\n\n\t\treturn {\n\t\t\t...mergedItemProps,\n\t\t\tclassName: cnMerge(\"snap-center snap-always\", classNames?.item, mergedItemProps.className),\n\t\t\t\"data-part\": \"item\",\n\t\t\t\"data-scope\": \"drag-scroll\",\n\t\t};\n\t};\n\n\treturn { getItemProps, getRootProps };\n};\n\nexport { useDragScroll };\n"]}

package/dist/esm/chunk-EOI2VNGP.js

@@ -1,39 +0,0 @@
-import { ErrorBoundary } from './chunk-OM4ZFFQS.js';
-import { Slot } from './chunk-ENDWJXPF.js';
-import * as React from 'react';
-import { Fragment, Suspense, use } from 'react';
-
-function Await(props) {
-  const { errorFallback, fallback, wrapperVariant = "suspense-and-boundary", ...restOfProps } = props;
-  const WithErrorBoundary = wrapperVariant === "only-boundary" || wrapperVariant === "suspense-and-boundary" ? ErrorBoundary : Fragment;
-  const WithSuspense = wrapperVariant === "only-suspense" || wrapperVariant === "suspense-and-boundary" ? Suspense : Fragment;
-  const errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };
-  const suspenseProps = Boolean(fallback) && { fallback };
-  return /* @__PURE__ */ React.createElement(WithErrorBoundary, { ...errorBoundaryProps }, /* @__PURE__ */ React.createElement(WithSuspense, { ...suspenseProps }, /* @__PURE__ */ React.createElement(AwaitInner, { ...restOfProps })));
-}
-function AwaitInner(props) {
-  const { asChild, children, promise, render } = props;
-  const result = use(promise);
-  const Component = asChild ? Slot : Fragment;
-  const componentProps = asChild && { promise };
-  let resolvedChildren;
-  switch (true) {
-    case typeof children === "function": {
-      resolvedChildren = children(result);
-      break;
-    }
-    case typeof render === "function": {
-      resolvedChildren = render(result);
-      break;
-    }
-    default: {
-      resolvedChildren = children ?? render;
-      break;
-    }
-  }
-  return /* @__PURE__ */ React.createElement(Component, { ...componentProps }, resolvedChildren);
-}
-
-export { Await };
-//# sourceMappingURL=chunk-EOI2VNGP.js.map
-//# sourceMappingURL=chunk-EOI2VNGP.js.map

package/dist/esm/chunk-EOI2VNGP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/common/await/await.tsx"],"names":["ReactFragment"],"mappings":";;;;;AAkBO,SAAS,MAAc,KAA2B,EAAA;AACxD,EAAA,MAAM,EAAE,aAAe,EAAA,QAAA,EAAU,iBAAiB,uBAAyB,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE9F,EAAA,MAAM,iBACL,GAAA,cAAA,KAAmB,eAAmB,IAAA,cAAA,KAAmB,0BACtD,aACA,GAAAA,QAAA;AAEJ,EAAA,MAAM,YACL,GAAA,cAAA,KAAmB,eAAmB,IAAA,cAAA,KAAmB,0BACtD,QACA,GAAAA,QAAA;AAEJ,EAAA,MAAM,qBAAqB,OAAQ,CAAA,aAAa,CAAK,IAAA,EAAE,UAAU,aAAc,EAAA;AAE/E,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,QAAQ,CAAA,IAAK,EAAE,QAAS,EAAA;AAEtD,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAmB,GAAG,kBAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAc,GAAG,aAAA,EAAA,kBAChB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAY,GAAG,WAAA,EAAa,CAC9B,CACD,CAAA;AAEF;AAOA,SAAS,WAAmB,KAAgC,EAAA;AAC3D,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,OAAA,EAAS,QAAW,GAAA,KAAA;AAE/C,EAAM,MAAA,MAAA,GAAS,IAAI,OAAO,CAAA;AAE1B,EAAM,MAAA,SAAA,GAAY,UAAU,IAAO,GAAAA,QAAA;AAEnC,EAAM,MAAA,cAAA,GAAiB,OAAW,IAAA,EAAE,OAAQ,EAAA;AAE5C,EAAI,IAAA,gBAAA;AAEJ,EAAA,QAAQ,IAAM;AAAA,IACb,KAAK,OAAO,QAAA,KAAa,UAAY,EAAA;AACpC,MAAA,gBAAA,GAAmB,SAAS,MAAM,CAAA;AAClC,MAAA;AAAA;AACD,IACA,KAAK,OAAO,MAAA,KAAW,UAAY,EAAA;AAClC,MAAA,gBAAA,GAAmB,OAAO,MAAM,CAAA;AAChC,MAAA;AAAA;AACD,IACA,SAAS;AACR,MAAA,gBAAA,GAAmB,QAAY,IAAA,MAAA;AAC/B,MAAA;AAAA;AACD;AAGD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,cAAA,EAAA,EAAiB,gBAAiB,CAAA;AACzD","file":"chunk-EOI2VNGP.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport type { DiscriminatedRenderProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { Fragment as ReactFragment, Suspense, use } from \"react\";\nimport { ErrorBoundary } from \"../error-boundary\";\nimport { Slot } from \"../slot\";\nimport type { SuspenseWithBoundaryProps } from \"../suspense-with-boundary\";\n\ntype RenderPropFn<TValue> = (result: TValue) => React.ReactNode;\n\ntype AwaitProps<TValue> = AwaitInnerProps<TValue>\n\t& Pick<SuspenseWithBoundaryProps, \"errorFallback\" | \"fallback\"> & {\n\t\tasChild?: boolean;\n\t\twrapperVariant?: \"none\" | \"only-boundary\" | \"only-suspense\" | \"suspense-and-boundary\";\n\t};\n\nexport function Await<TValue>(props: AwaitProps<TValue>) {\n\tconst { errorFallback, fallback, wrapperVariant = \"suspense-and-boundary\", ...restOfProps } = props;\n\n\tconst WithErrorBoundary =\n\t\twrapperVariant === \"only-boundary\" || wrapperVariant === \"suspense-and-boundary\"\n\t\t\t? ErrorBoundary\n\t\t\t: ReactFragment;\n\n\tconst WithSuspense =\n\t\twrapperVariant === \"only-suspense\" || wrapperVariant === \"suspense-and-boundary\"\n\t\t\t? Suspense\n\t\t\t: ReactFragment;\n\n\tconst errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };\n\n\tconst suspenseProps = Boolean(fallback) && { fallback };\n\n\treturn (\n\t\t<WithErrorBoundary {...errorBoundaryProps}>\n\t\t\t<WithSuspense {...suspenseProps}>\n\t\t\t\t<AwaitInner {...restOfProps} />\n\t\t\t</WithSuspense>\n\t\t</WithErrorBoundary>\n\t);\n}\n\nexport type AwaitInnerProps<TValue> = DiscriminatedRenderProps<React.ReactNode | RenderPropFn<TValue>> & {\n\tasChild?: boolean;\n\tpromise: Promise<TValue>;\n};\n\nfunction AwaitInner<TValue>(props: AwaitInnerProps<TValue>) {\n\tconst { asChild, children, promise, render } = props;\n\n\tconst result = use(promise);\n\n\tconst Component = asChild ? Slot : ReactFragment;\n\n\tconst componentProps = asChild && { promise };\n\n\tlet resolvedChildren: React.ReactNode;\n\n\tswitch (true) {\n\t\tcase typeof children === \"function\": {\n\t\t\tresolvedChildren = children(result);\n\t\t\tbreak;\n\t\t}\n\t\tcase typeof render === \"function\": {\n\t\t\tresolvedChildren = render(result);\n\t\t\tbreak;\n\t\t}\n\t\tdefault: {\n\t\t\tresolvedChildren = children ?? render;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn <Component {...componentProps}>{resolvedChildren}</Component>;\n}\n"]}

package/dist/esm/chunk-FPCKBOJN.js

@@ -1,50 +0,0 @@
-import { __export } from './chunk-PZ5AY32C.js';
-import 'react';
-import { getSingleSlot, getRegularChildren } from '@zayne-labs/toolkit-react/utils';
-import { isFunction, AssertionError } from '@zayne-labs/toolkit-type-helpers';
-
-function ShowRoot({ children, fallback, when }) {
-  if ((when == null || when === false) && !isFunction(children)) {
-    const fallBackSlot = getSingleSlot(children, ShowFallback, {
-      errorMessage: "Only one <Show.Fallback> or <Show.OtherWise> component is allowed",
-      throwOnMultipleSlotMatch: true
-    });
-    if (fallBackSlot && fallback) {
-      throw new AssertionError(`
-			The fallback prop and <Show.Fallback>/<Show.OtherWise> cannot be used at the same time.
-		`);
-    }
-    return fallBackSlot ?? fallback;
-  }
-  if (when == null || when === false) {
-    return fallback;
-  }
-  const resolvedChildren = isFunction(children) ? children(when) : children;
-  const contentSlot = getSingleSlot(resolvedChildren, ShowContent, {
-    errorMessage: "Only one <Show.Content> component is allowed",
-    throwOnMultipleSlotMatch: true
-  });
-  const regularChildren = getRegularChildren(resolvedChildren, [ShowFallback, ShowContent]);
-  return contentSlot ?? regularChildren;
-}
-function ShowContent({ children }) {
-  return children;
-}
-ShowContent.slotSymbol = Symbol("content");
-function ShowFallback({ children }) {
-  return children;
-}
-ShowFallback.slotSymbol = Symbol("show-fallback");
-
-// src/components/common/show/show-parts.ts
-var show_parts_exports = {};
-__export(show_parts_exports, {
-  Content: () => ShowContent,
-  Fallback: () => ShowFallback,
-  OtherWise: () => ShowFallback,
-  Root: () => ShowRoot
-});
-
-export { ShowContent, ShowFallback, ShowRoot, show_parts_exports };
-//# sourceMappingURL=chunk-FPCKBOJN.js.map
-//# sourceMappingURL=chunk-FPCKBOJN.js.map

package/dist/esm/chunk-FPCKBOJN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/common/show/show.tsx","../../src/components/common/show/show-parts.ts"],"names":[],"mappings":";;;;;AAaO,SAAS,QAAgB,CAAA,EAAE,QAAU,EAAA,QAAA,EAAU,MAA0B,EAAA;AAC/E,EAAA,IAAA,CAAK,QAAQ,IAAQ,IAAA,IAAA,KAAS,UAAU,CAAC,UAAA,CAAW,QAAQ,CAAG,EAAA;AAC9D,IAAM,MAAA,YAAA,GAAe,aAAc,CAAA,QAAA,EAAU,YAAc,EAAA;AAAA,MAC1D,YAAc,EAAA,mEAAA;AAAA,MACd,wBAA0B,EAAA;AAAA,KAC1B,CAAA;AAED,IAAA,IAAI,gBAAgB,QAAU,EAAA;AAC7B,MAAA,MAAM,IAAI,cAAe,CAAA;AAAA;AAAA,EAEzB,CAAA,CAAA;AAAA;AAGD,IAAA,OAAO,YAAgB,IAAA,QAAA;AAAA;AAGxB,EAAI,IAAA,IAAA,IAAQ,IAAQ,IAAA,IAAA,KAAS,KAAO,EAAA;AACnC,IAAO,OAAA,QAAA;AAAA;AAGR,EAAA,MAAM,mBAAmB,UAAW,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,IAAI,CAAI,GAAA,QAAA;AAEjE,EAAM,MAAA,WAAA,GAAc,aAAc,CAAA,gBAAA,EAAkB,WAAa,EAAA;AAAA,IAChE,YAAc,EAAA,8CAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,kBAAkB,kBAAmB,CAAA,gBAAA,EAAkB,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAExF,EAAA,OAAO,WAAe,IAAA,eAAA;AACvB;AAEO,SAAS,WAAA,CAAY,EAAE,QAAA,EAA2C,EAAA;AACxE,EAAO,OAAA,QAAA;AACR;AACA,WAAY,CAAA,UAAA,GAAa,OAAO,SAAS,CAAA;AAElC,SAAS,YAAA,CAAa,EAAE,QAAA,EAA2C,EAAA;AACzE,EAAO,OAAA,QAAA;AACR;AACA,YAAa,CAAA,UAAA,GAAa,OAAO,eAAe,CAAA;;;ACrDhD,IAAA,kBAAA,GAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA,WAAA;AAAA,EAAA,QAAA,EAAA,MAAA,YAAA;AAAA,EAAA,SAAA,EAAA,MAAA,YAAA;AAAA,EAAA,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA","file":"chunk-FPCKBOJN.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getRegularChildren, getSingleSlot } from \"@zayne-labs/toolkit-react/utils\";\nimport { AssertionError, isFunction } from \"@zayne-labs/toolkit-type-helpers\";\n\ntype ShowProps<TWhen> = {\n\tchildren: React.ReactNode | ((whenValue: TWhen) => React.ReactNode);\n\tfallback?: React.ReactNode;\n\twhen: false | TWhen | null | undefined;\n};\n\nexport function ShowRoot<TWhen>({ children, fallback, when }: ShowProps<TWhen>) {\n\tif ((when == null || when === false) && !isFunction(children)) {\n\t\tconst fallBackSlot = getSingleSlot(children, ShowFallback, {\n\t\t\terrorMessage: \"Only one <Show.Fallback> or <Show.OtherWise> component is allowed\",\n\t\t\tthrowOnMultipleSlotMatch: true,\n\t\t});\n\n\t\tif (fallBackSlot && fallback) {\n\t\t\tthrow new AssertionError(`\n\t\t\tThe fallback prop and <Show.Fallback>/<Show.OtherWise> cannot be used at the same time.\n\t\t`);\n\t\t}\n\n\t\treturn fallBackSlot ?? fallback;\n\t}\n\n\tif (when == null || when === false) {\n\t\treturn fallback;\n\t}\n\n\tconst resolvedChildren = isFunction(children) ? children(when) : children;\n\n\tconst contentSlot = getSingleSlot(resolvedChildren, ShowContent, {\n\t\terrorMessage: \"Only one <Show.Content> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst regularChildren = getRegularChildren(resolvedChildren, [ShowFallback, ShowContent]);\n\n\treturn contentSlot ?? regularChildren;\n}\n\nexport function ShowContent({ children }: { children: React.ReactNode }) {\n\treturn children;\n}\nShowContent.slotSymbol = Symbol(\"content\");\n\nexport function ShowFallback({ children }: { children: React.ReactNode }) {\n\treturn children;\n}\nShowFallback.slotSymbol = Symbol(\"show-fallback\");\n","export {\n\tShowContent as Content,\n\tShowFallback as Fallback,\n\tShowFallback as OtherWise,\n\tShowRoot as Root,\n} from \"./show\";\n"]}

package/dist/esm/chunk-GVL6BLX5.js

@@ -1,274 +0,0 @@
-import { cnMerge } from './chunk-OHG7GB7O.js';
-import { getElementList } from './chunk-DW3FXTFL.js';
-import { __export } from './chunk-PZ5AY32C.js';
-import * as React3 from 'react';
-import { useEffect, useState } from 'react';
-import { useConstant, useAnimationInterval, useCallbackRef } from '@zayne-labs/toolkit-react';
-import { createZustandContext } from '@zayne-labs/toolkit-react/zustand';
-import { create } from 'zustand';
-
-var ChevronLeftIcon = (props) => /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }, /* @__PURE__ */ React3.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React3.createElement("path", { d: "m14 16l-4-4l4-4" })));
-var [Provider, useCarouselStoreContext] = createZustandContext({
-  hookName: "useCarouselStore",
-  name: "CarouselStoreContext",
-  providerName: "CarouselContextProvider"
-});
-var createCarouselStore = (storeValues) => {
-  const { images, onSlideBtnClick } = storeValues;
-  const useInitCarouselStore = create()((set, get) => ({
-    currentSlide: 0,
-    images,
-    maxSlide: images.length - 1,
-    /* eslint-disable perfectionist/sort-objects -- actions should be last */
-    actions: {
-      /* eslint-enable perfectionist/sort-objects -- actions should be last */
-      goToNextSlide: () => {
-        const { currentSlide, maxSlide } = get();
-        const { goToSlide } = get().actions;
-        if (currentSlide === maxSlide) {
-          goToSlide(0);
-          return;
-        }
-        goToSlide(currentSlide + 1);
-      },
-      goToPreviousSlide: () => {
-        const { currentSlide, maxSlide } = get();
-        const { goToSlide } = get().actions;
-        if (currentSlide === 0) {
-          goToSlide(maxSlide);
-          return;
-        }
-        goToSlide(currentSlide - 1);
-      },
-      goToSlide: (newValue) => {
-        onSlideBtnClick?.();
-        set({ currentSlide: newValue });
-      }
-    }
-  }));
-  return useInitCarouselStore;
-};
-var useCarousel = (props) => {
-  const { images, onSlideBtnClick } = props;
-  const useInitCarouselStore = useConstant(() => createCarouselStore({ images, onSlideBtnClick }));
-  useEffect(() => {
-    useInitCarouselStore.setState({ images });
-  }, [images]);
-  return useInitCarouselStore;
-};
-function CarouselContextProvider(props) {
-  const { children, images, onSlideBtnClick } = props;
-  const useInitCarouselStore = useCarousel({ images, onSlideBtnClick });
-  return /* @__PURE__ */ React3.createElement(Provider, { value: useInitCarouselStore }, children);
-}
-var useCarouselOptions = (options = {}) => {
-  const { autoSlideInterval = 5e3, hasAutoSlide = false, shouldPauseOnHover = false } = options;
-  const { goToNextSlide } = useCarouselStoreContext((state) => state.actions);
-  const [isPaused, setIsPaused] = useState(false);
-  const shouldAutoSlide = hasAutoSlide && !isPaused;
-  useAnimationInterval({
-    intervalDuration: shouldAutoSlide ? autoSlideInterval : null,
-    onAnimation: goToNextSlide
-  });
-  const pauseAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(true));
-  const resumeAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(false));
-  return { pauseAutoSlide, resumeAutoSlide };
-};
-
-// src/components/ui/carousel/carousel.tsx
-function CarouselContent(props) {
-  const {
-    as: HtmlElement = "article",
-    autoSlideInterval,
-    children,
-    classNames,
-    hasAutoSlide,
-    shouldPauseOnHover
-  } = props;
-  const { pauseAutoSlide, resumeAutoSlide } = useCarouselOptions({
-    autoSlideInterval,
-    hasAutoSlide,
-    shouldPauseOnHover
-  });
-  return /* @__PURE__ */ React3.createElement(
-    HtmlElement,
-    {
-      "data-id": "Carousel",
-      className: cnMerge("relative select-none", classNames?.base),
-      onMouseEnter: pauseAutoSlide,
-      onMouseLeave: resumeAutoSlide
-    },
-    /* @__PURE__ */ React3.createElement(
-      "div",
-      {
-        "data-id": "Scroll Container",
-        className: cnMerge(
-          "flex size-full overflow-x-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-          classNames?.scrollContainer
-        )
-      },
-      children
-    )
-  );
-}
-function CarouselButton(props) {
-  const { classNames, icon, variant } = props;
-  const { goToNextSlide, goToPreviousSlide } = useCarouselStoreContext((state) => state.actions);
-  return /* @__PURE__ */ React3.createElement(
-    "button",
-    {
-      type: "button",
-      className: cnMerge(
-        "z-30 flex h-full w-[15%] items-center",
-        variant === "prev" ? "justify-start" : "justify-end",
-        classNames?.base
-      ),
-      onClick: variant === "prev" ? goToPreviousSlide : goToNextSlide
-    },
-    /* @__PURE__ */ React3.createElement("span", { className: cnMerge("transition-transform active:scale-[1.06]", classNames?.iconContainer) }, icon ?? /* @__PURE__ */ React3.createElement(
-      ChevronLeftIcon,
-      {
-        className: cnMerge(variant === "next" && "rotate-180", classNames?.defaultIcon)
-      }
-    ))
-  );
-}
-function CarouselControls(props) {
-  const { classNames, icon } = props;
-  return /* @__PURE__ */ React3.createElement("div", { className: cnMerge("absolute inset-0 flex justify-between", classNames?.base) }, icon?.iconType ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
-    CarouselButton,
-    {
-      variant: "prev",
-      classNames: {
-        defaultIcon: classNames?.defaultIcon,
-        iconContainer: cnMerge(
-          icon.iconType === "nextIcon" && "rotate-180",
-          classNames?.iconContainer
-        )
-      },
-      icon: icon.icon
-    }
-  ), /* @__PURE__ */ React3.createElement(
-    CarouselButton,
-    {
-      variant: "next",
-      classNames: {
-        defaultIcon: classNames?.defaultIcon,
-        iconContainer: cnMerge(
-          icon.iconType === "prevIcon" && "rotate-180",
-          classNames?.iconContainer
-        )
-      },
-      icon: icon.icon
-    }
-  )) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
-    CarouselButton,
-    {
-      variant: "prev",
-      classNames: {
-        defaultIcon: classNames?.defaultIcon,
-        iconContainer: classNames?.iconContainer
-      },
-      icon: icon?.prev
-    }
-  ), /* @__PURE__ */ React3.createElement(
-    CarouselButton,
-    {
-      variant: "next",
-      classNames: {
-        defaultIcon: classNames?.defaultIcon,
-        iconContainer: classNames?.iconContainer
-      },
-      icon: icon?.next
-    }
-  )));
-}
-function CarouselItemGroup(props) {
-  const { children, className, each, render } = props;
-  const [ItemList] = getElementList("base");
-  const currentSlide = useCarouselStoreContext((state) => state.currentSlide);
-  const images = useCarouselStoreContext((state) => each ?? state.images);
-  return /* @__PURE__ */ React3.createElement(
-    "ul",
-    {
-      "data-id": "Carousel Image Wrapper",
-      className: cnMerge(
-        `flex w-full shrink-0 [transform:translate3d(var(--translate-distance),0,0)] snap-center
-				[transition:transform_800ms_ease]`,
-        className
-      ),
-      style: {
-        "--translate-distance": `-${currentSlide * 100}%`
-      }
-    },
-    typeof render === "function" ? /* @__PURE__ */ React3.createElement(ItemList, { each: images, render }) : /* @__PURE__ */ React3.createElement(ItemList, { each: images }, children)
-  );
-}
-function CarouselItem({ children, className, ...restOfProps }) {
-  return /* @__PURE__ */ React3.createElement(
-    "li",
-    {
-      className: cnMerge("flex w-full shrink-0 snap-center justify-center", className),
-      ...restOfProps
-    },
-    children
-  );
-}
-function CarouselCaption(props) {
-  const { as: HtmlElement = "div", children, className } = props;
-  return /* @__PURE__ */ React3.createElement(HtmlElement, { "data-id": "Carousel Caption", className: cnMerge("absolute z-10", className) }, children);
-}
-function CarouselIndicatorGroup(props) {
-  const { children, className, each, render } = props;
-  const images = useCarouselStoreContext((state) => each ?? state.images);
-  const [IndicatorList] = getElementList("base");
-  return /* @__PURE__ */ React3.createElement(
-    "ul",
-    {
-      "data-id": "Carousel Indicators",
-      className: cnMerge(
-        "absolute bottom-10 z-[2] flex w-full items-center justify-center gap-6",
-        className
-      )
-    },
-    typeof render === "function" ? /* @__PURE__ */ React3.createElement(IndicatorList, { each: images, render }) : /* @__PURE__ */ React3.createElement(IndicatorList, { each: images }, children)
-  );
-}
-function CarouselIndicator(props) {
-  const { classNames, currentIndex } = props;
-  const {
-    actions: { goToSlide },
-    currentSlide
-  } = useCarouselStoreContext((state) => state);
-  return /* @__PURE__ */ React3.createElement("li", { className: cnMerge("inline-flex", classNames?.base) }, /* @__PURE__ */ React3.createElement(
-    "button",
-    {
-      "data-active": currentIndex === currentSlide,
-      type: "button",
-      onClick: () => goToSlide(currentIndex),
-      className: cnMerge(
-        "size-[6px] rounded-[50%]",
-        classNames?.button,
-        currentIndex === currentSlide && ["w-14 rounded-lg", classNames?.activeBtn]
-      )
-    }
-  ));
-}
-
-// src/components/ui/carousel/carousel-parts.ts
-var carousel_parts_exports = {};
-__export(carousel_parts_exports, {
-  Button: () => CarouselButton,
-  Caption: () => CarouselCaption,
-  Content: () => CarouselContent,
-  Controls: () => CarouselControls,
-  Indicator: () => CarouselIndicator,
-  IndicatorWrapper: () => CarouselIndicatorGroup,
-  Item: () => CarouselItem,
-  ItemWrapper: () => CarouselItemGroup,
-  Root: () => CarouselContextProvider
-});
-
-export { CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, carousel_parts_exports };
-//# sourceMappingURL=chunk-GVL6BLX5.js.map
-//# sourceMappingURL=chunk-GVL6BLX5.js.map