@zayne-labs/ui-react 0.9.18 → 0.9.20

package/css/theme.css

@@ -1,3 +1,9 @@
 @theme {
-	--color-shadcn-muted-foreground: hsl(215.4, 16.3%, 46.9%);
+	--color-shadcn-muted-foreground: oklch(0.556 0 0);
+	--color-shadcn-destructive: oklch(0.577 0.245 27.325);
+}
+
+:where(.dark, [data-theme="dark"]) {
+	--color-shadcn-muted-foreground: oklch(0.708 0 0);
+	--color-shadcn-destructive: oklch(0.704 0.191 22.216);
 }

package/dist/esm/card-BBTJxmWt.js

@@ -0,0 +1,95 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { SlotRoot } from "./slot-RXTKo4L7.js";
+import { cnMerge } from "./cn-_FbtIrlZ.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ui/card/card.tsx
+function CardRoot(props) {
+	const { as: Element = "article",...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-scope": "card",
+		"data-part": "root",
+		"data-slot": "card-root",
+		className: "flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+		...restOfProps
+	});
+}
+function CardHeader(props) {
+	const { as: Element = "header",...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-scope": "card",
+		"data-part": "header",
+		"data-slot": "card-header",
+		className: "@container/card-header has-data-[slot=card-action]:grid-cols-[1fr_auto] grid\n				auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6",
+		...restOfProps
+	});
+}
+function CardTitle(props) {
+	const { as: Element = "h3", className,...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-scope": "card",
+		"data-part": "title",
+		"data-slot": "card-title",
+		className: cnMerge("font-semibold leading-none", className),
+		...restOfProps
+	});
+}
+function CardDescription(props) {
+	const { as: Element = "p", className,...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-scope": "card",
+		"data-part": "description",
+		"data-slot": "card-description",
+		className: cnMerge("text-shadcn-muted-foreground text-sm", className),
+		...restOfProps
+	});
+}
+function CardContent(props) {
+	const { as: Element = "div", className,...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-scope": "card",
+		"data-part": "content",
+		"data-slot": "card-content",
+		className: cnMerge("px-6", className),
+		...restOfProps
+	});
+}
+function CardAction(props) {
+	const { as: Element = "div", className,...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		"data-scope": "card",
+		"data-part": "action",
+		"data-slot": "card-action",
+		className: cnMerge("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+		...restOfProps
+	});
+}
+function CardFooter(props) {
+	const { as: Element = "footer", asChild, className,...restOfProps } = props;
+	const Component$1 = asChild ? SlotRoot : Element;
+	return /* @__PURE__ */ jsx(Component$1, {
+		"data-scope": "card",
+		"data-part": "footer",
+		"data-slot": "card-footer",
+		className: cnMerge("flex items-center px-6", className),
+		...restOfProps
+	});
+}
+
+//#endregion
+//#region src/components/ui/card/card-parts.ts
+var card_parts_exports = {};
+__export(card_parts_exports, {
+	Action: () => CardAction,
+	Content: () => CardContent,
+	Description: () => CardDescription,
+	Footer: () => CardFooter,
+	Header: () => CardHeader,
+	Root: () => CardRoot,
+	Title: () => CardTitle
+});
+
+//#endregion
+export { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports };
+//# sourceMappingURL=card-BBTJxmWt.js.map

package/dist/esm/card-BBTJxmWt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-BBTJxmWt.js","names":["props: PolymorphicProps<TElement>","props: PolymorphicProps<TElement, { asChild?: boolean }>","Component"],"sources":["../../src/components/ui/card/card.tsx","../../src/components/ui/card/card-parts.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { Slot } from \"@/components/common/slot\";\nimport { cnMerge } from \"@/lib/utils/cn\";\nimport type { PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\n\nexport function CardRoot<TElement extends React.ElementType = \"article\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"article\", ...restOfProps } = props;\n\n\treturn (\n\t\t<Element\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"root\"\n\t\t\tdata-slot=\"card-root\"\n\t\t\tclassName=\"flex flex-col gap-6 rounded-xl border py-6 shadow-sm\"\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n\nexport function CardHeader<TElement extends React.ElementType = \"header\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"header\", ...restOfProps } = props;\n\n\treturn (\n\t\t<Element\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"header\"\n\t\t\tdata-slot=\"card-header\"\n\t\t\tclassName=\"@container/card-header has-data-[slot=card-action]:grid-cols-[1fr_auto] grid\n\t\t\t\tauto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6\"\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n\nexport function CardTitle<TElement extends React.ElementType = \"h3\">(props: PolymorphicProps<TElement>) {\n\tconst { as: Element = \"h3\", className, ...restOfProps } = props;\n\n\treturn (\n\t\t<Element\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"title\"\n\t\t\tdata-slot=\"card-title\"\n\t\t\tclassName={cnMerge(\"font-semibold leading-none\", className)}\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n\nexport function CardDescription<TElement extends React.ElementType = \"p\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"p\", className, ...restOfProps } = props;\n\n\treturn (\n\t\t<Element\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"description\"\n\t\t\tdata-slot=\"card-description\"\n\t\t\tclassName={cnMerge(\"text-shadcn-muted-foreground text-sm\", className)}\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n\nexport function CardContent<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"div\", className, ...restOfProps } = props;\n\n\treturn (\n\t\t<Element\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"content\"\n\t\t\tdata-slot=\"card-content\"\n\t\t\tclassName={cnMerge(\"px-6\", className)}\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n\nexport function CardAction<TElement extends React.ElementType = \"div\">(props: PolymorphicProps<TElement>) {\n\tconst { as: Element = \"div\", className, ...restOfProps } = props;\n\n\treturn (\n\t\t<Element\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"action\"\n\t\t\tdata-slot=\"card-action\"\n\t\t\tclassName={cnMerge(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n\nexport function CardFooter<TElement extends React.ElementType = \"footer\">(\n\tprops: PolymorphicProps<TElement, { asChild?: boolean }>\n) {\n\tconst { as: Element = \"footer\", asChild, className, ...restOfProps } = props;\n\n\tconst Component = asChild ? Slot.Root : Element;\n\n\treturn (\n\t\t<Component\n\t\t\tdata-scope=\"card\"\n\t\t\tdata-part=\"footer\"\n\t\t\tdata-slot=\"card-footer\"\n\t\t\tclassName={cnMerge(\"flex items-center px-6\", className)}\n\t\t\t{...restOfProps}\n\t\t/>\n\t);\n}\n","export {\n\tCardContent as Content,\n\tCardDescription as Description,\n\tCardFooter as Footer,\n\tCardHeader as Header,\n\tCardAction as Action,\n\tCardRoot as Root,\n\tCardTitle as Title,\n} from \"./card\";\n"],"mappings":";;;;;;;AAMA,SAAgB,SACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,UAAW,GAAG,aAAa,GAAG;AAEpD,wBACC,IAAC;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAU;EACV,GAAI;GACH;AAEH;AAED,SAAgB,WACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,SAAU,GAAG,aAAa,GAAG;AAEnD,wBACC,IAAC;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAU;EAEV,GAAI;GACH;AAEH;AAED,SAAgB,UAAqDA,OAAmC;CACvG,MAAM,EAAE,IAAI,UAAU,MAAM,UAAW,GAAG,aAAa,GAAG;AAE1D,wBACC,IAAC;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAW,QAAQ,8BAA8B,UAAU;EAC3D,GAAI;GACH;AAEH;AAED,SAAgB,gBACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,KAAK,UAAW,GAAG,aAAa,GAAG;AAEzD,wBACC,IAAC;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAW,QAAQ,wCAAwC,UAAU;EACrE,GAAI;GACH;AAEH;AAED,SAAgB,YACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,OAAO,UAAW,GAAG,aAAa,GAAG;AAE3D,wBACC,IAAC;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAW,QAAQ,QAAQ,UAAU;EACrC,GAAI;GACH;AAEH;AAED,SAAgB,WAAuDA,OAAmC;CACzG,MAAM,EAAE,IAAI,UAAU,OAAO,UAAW,GAAG,aAAa,GAAG;AAE3D,wBACC,IAAC;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAW,QAAQ,kEAAkE,UAAU;EAC/F,GAAI;GACH;AAEH;AAED,SAAgB,WACfC,OACC;CACD,MAAM,EAAE,IAAI,UAAU,UAAU,SAAS,UAAW,GAAG,aAAa,GAAG;CAEvE,MAAMC,cAAY,qBAAsB;AAExC,wBACC,IAACA;EACA,cAAW;EACX,aAAU;EACV,aAAU;EACV,WAAW,QAAQ,0BAA0B,UAAU;EACvD,GAAI;GACH;AAEH"}

package/dist/esm/{carousel-Dznupnx8.js → carousel-Dvp-qURP.js}

@@ -1,6 +1,6 @@
 import { __export } from "./chunk-Cl8Af3a2.js";
 import { getElementList } from "./for-aTw1TgJo.js";
-import { ShowFallback, ShowRoot } from "./show-BgYrfIxJ.js";
+import { ShowFallback, ShowRoot } from "./show-DNPzdLi-.js";
 import { cnMerge } from "./cn-_FbtIrlZ.js";
 import { useEffect, useState } from "react";
 import { useAnimationInterval, useCallbackRef, useConstant } from "@zayne-labs/toolkit-react";
@@ -267,4 +267,4 @@ __export(carousel_parts_exports, {
 
 //#endregion
 export { CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, carousel_parts_exports };
-//# sourceMappingURL=carousel-Dznupnx8.js.map
+//# sourceMappingURL=carousel-Dvp-qURP.js.map

package/dist/esm/{carousel-Dznupnx8.js.map → carousel-Dvp-qURP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"carousel-Dznupnx8.js","names":["storeValues: PrettyOmit<CarouselProviderProps<TImages>, \"children\">","props: Omit<CarouselProviderProps<TImages>, \"children\">","props: CarouselProviderProps<TImages>","props: React.SVGProps<SVGSVGElement>","options: CarouselOptions","props: PolymorphicProps<TElement, CarouselContentProps>","props: CarouselButtonsProps","props: CarouselControlProps","props: CarouselWrapperProps<TArrayItem>","props: PolymorphicProps<TElement, OtherCarouselProps>","props: CarouselIndicatorProps"],"sources":["../../src/components/ui/carousel/carousel-store-context.tsx","../../src/components/ui/carousel/icons.tsx","../../src/components/ui/carousel/useCarouselOptions.ts","../../src/components/ui/carousel/carousel.tsx","../../src/components/ui/carousel/carousel-parts.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useConstant } from \"@zayne-labs/toolkit-react\";\nimport { createZustandContext } from \"@zayne-labs/toolkit-react/zustand\";\nimport type { PrettyOmit } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useEffect } from \"react\";\nimport { create } from \"zustand\";\nimport type { CarouselProviderProps, CarouselStore, ImagesType } from \"./types\";\n\nconst [Provider, useCarouselStoreContext] = createZustandContext<CarouselStore>({\n\thookName: \"useCarouselStore\",\n\tname: \"CarouselStoreContext\",\n\tproviderName: \"CarouselContextProvider\",\n});\n\n// CarouselStore Creation\nconst createCarouselStore = <TImages extends ImagesType>(\n\tstoreValues: PrettyOmit<CarouselProviderProps<TImages>, \"children\">\n) => {\n\tconst { images, onSlideBtnClick } = storeValues;\n\n\tconst useInitCarouselStore = create<CarouselStore<TImages>>()((set, get) => ({\n\t\tcurrentSlide: 0,\n\t\timages,\n\t\tmaxSlide: images.length - 1,\n\n\t\t/* eslint-disable perfectionist/sort-objects -- actions should be last */\n\t\tactions: {\n\t\t\t/* eslint-enable perfectionist/sort-objects -- actions should be last */\n\n\t\t\tgoToNextSlide: () => {\n\t\t\t\tconst { currentSlide, maxSlide } = get();\n\t\t\t\tconst { goToSlide } = get().actions;\n\n\t\t\t\tif (currentSlide === maxSlide) {\n\t\t\t\t\tgoToSlide(0);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tgoToSlide(currentSlide + 1);\n\t\t\t},\n\n\t\t\tgoToPreviousSlide: () => {\n\t\t\t\tconst { currentSlide, maxSlide } = get();\n\t\t\t\tconst { goToSlide } = get().actions;\n\n\t\t\t\tif (currentSlide === 0) {\n\t\t\t\t\tgoToSlide(maxSlide);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tgoToSlide(currentSlide - 1);\n\t\t\t},\n\n\t\t\tgoToSlide: (newValue) => {\n\t\t\t\tonSlideBtnClick?.();\n\n\t\t\t\tset({ currentSlide: newValue });\n\t\t\t},\n\t\t},\n\t}));\n\n\treturn useInitCarouselStore;\n};\n\nconst useCarousel = <TImages extends ImagesType>(\n\tprops: Omit<CarouselProviderProps<TImages>, \"children\">\n) => {\n\tconst { images, onSlideBtnClick } = props;\n\n\tconst useInitCarouselStore = useConstant(() => createCarouselStore({ images, onSlideBtnClick }));\n\n\t// == To set images again when a page is mounted, preventing stale images from previous page\n\tuseEffect(() => {\n\t\tuseInitCarouselStore.setState({ images });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- useInitCarouselStore is stable\n\t}, [images]);\n\n\treturn useInitCarouselStore;\n};\n\n// == Provider Component\nfunction CarouselContextProvider<TImages extends ImagesType>(props: CarouselProviderProps<TImages>) {\n\tconst { children, images, onSlideBtnClick } = props;\n\n\tconst useInitCarouselStore = useCarousel({ images, onSlideBtnClick });\n\n\treturn <Provider value={useInitCarouselStore}>{children}</Provider>;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- It's fine\nexport { useCarouselStoreContext, CarouselContextProvider };\n","import * as React from \"react\";\n\nexport const ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" {...props}>\n\t\t<g fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\">\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" />\n\t\t\t<path d=\"m14 16l-4-4l4-4\" />\n\t\t</g>\n\t</svg>\n);\n","import { useAnimationInterval, useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useCarouselStoreContext } from \"./carousel-store-context\";\n\ntype CarouselOptions = {\n\tautoSlideInterval?: number;\n\thasAutoSlide?: boolean;\n\tshouldPauseOnHover?: boolean;\n};\n\nconst useCarouselOptions = (options: CarouselOptions = {}) => {\n\tconst { autoSlideInterval = 5000, hasAutoSlide = false, shouldPauseOnHover = false } = options;\n\n\tconst { goToNextSlide } = useCarouselStoreContext((state) => state.actions);\n\n\tconst [isPaused, setIsPaused] = useState(false);\n\n\tconst shouldAutoSlide = hasAutoSlide && !isPaused;\n\n\tuseAnimationInterval({\n\t\tintervalDuration: shouldAutoSlide ? autoSlideInterval : null,\n\t\tonAnimation: goToNextSlide,\n\t});\n\n\tconst pauseAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(true));\n\n\tconst resumeAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(false));\n\n\treturn { pauseAutoSlide, resumeAutoSlide };\n};\n\nexport { useCarouselOptions };\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Show } from \"@/components/common\";\nimport { getElementList } from \"@/components/common/for\";\nimport { cnMerge } from \"@/lib/utils/cn\";\nimport type { CssWithCustomProperties, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { useCarouselStoreContext } from \"./carousel-store-context\";\nimport { ChevronLeftIcon } from \"./icons\";\nimport type {\n\tCarouselButtonsProps,\n\tCarouselContentProps,\n\tCarouselControlProps,\n\tCarouselIndicatorProps,\n\tCarouselWrapperProps,\n\tOtherCarouselProps,\n} from \"./types\";\nimport { useCarouselOptions } from \"./useCarouselOptions\";\n\n// TODO -  Add dragging and swiping support\nexport function CarouselContent<TElement extends React.ElementType = \"article\">(\n\tprops: PolymorphicProps<TElement, CarouselContentProps>\n) {\n\tconst {\n\t\tas: HtmlElement = \"article\",\n\t\tautoSlideInterval,\n\t\tchildren,\n\t\tclassNames,\n\t\thasAutoSlide,\n\t\tshouldPauseOnHover,\n\t} = props;\n\n\tconst { pauseAutoSlide, resumeAutoSlide } = useCarouselOptions({\n\t\tautoSlideInterval,\n\t\thasAutoSlide,\n\t\tshouldPauseOnHover,\n\t});\n\n\t// FIXME - Prevent touch swipe on mobile using a cover element or allow swipe but it must update the state appropriately\n\treturn (\n\t\t<HtmlElement\n\t\t\tdata-id=\"Carousel\"\n\t\t\tclassName={cnMerge(\"relative select-none\", classNames?.base)}\n\t\t\tonMouseEnter={pauseAutoSlide}\n\t\t\tonMouseLeave={resumeAutoSlide}\n\t\t>\n\t\t\t<div\n\t\t\t\tdata-id=\"Scroll Container\"\n\t\t\t\tclassName={cnMerge(\n\t\t\t\t\t\"flex size-full overflow-x-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n\t\t\t\t\tclassNames?.scrollContainer\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</HtmlElement>\n\t);\n}\n\nexport function CarouselButton(props: CarouselButtonsProps) {\n\tconst { classNames, icon, variant } = props;\n\n\tconst { goToNextSlide, goToPreviousSlide } = useCarouselStoreContext((state) => state.actions);\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t\"z-30 flex h-full w-fit items-center\",\n\t\t\t\tvariant === \"prev\" ? \"justify-start\" : \"justify-end\",\n\t\t\t\tclassNames?.base\n\t\t\t)}\n\t\t\tonClick={variant === \"prev\" ? goToPreviousSlide : goToNextSlide}\n\t\t>\n\t\t\t<span className={cnMerge(\"transition-transform active:scale-[1.06]\", classNames?.iconContainer)}>\n\t\t\t\t{icon ?? (\n\t\t\t\t\t<ChevronLeftIcon\n\t\t\t\t\t\tclassName={cnMerge(variant === \"next\" && \"rotate-180\", classNames?.defaultIcon)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</button>\n\t);\n}\n\nexport function CarouselControls(props: CarouselControlProps) {\n\tconst { classNames, icon } = props;\n\n\treturn (\n\t\t<div className={cnMerge(\"absolute inset-0 flex justify-between\", classNames?.base)}>\n\t\t\t<Show.Root when={icon?.iconType}>\n\t\t\t\t<CarouselButton\n\t\t\t\t\tvariant=\"prev\"\n\t\t\t\t\tclassNames={{\n\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\ticonContainer: cnMerge(\n\t\t\t\t\t\t\ticon?.iconType === \"nextIcon\" && \"rotate-180\",\n\t\t\t\t\t\t\tclassNames?.iconContainer\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ticon={icon?.icon}\n\t\t\t\t/>\n\n\t\t\t\t<CarouselButton\n\t\t\t\t\tvariant=\"next\"\n\t\t\t\t\tclassNames={{\n\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\ticonContainer: cnMerge(\n\t\t\t\t\t\t\ticon?.iconType === \"prevIcon\" && \"rotate-180\",\n\t\t\t\t\t\t\tclassNames?.iconContainer\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ticon={icon?.icon}\n\t\t\t\t/>\n\n\t\t\t\t<Show.Otherwise>\n\t\t\t\t\t<CarouselButton\n\t\t\t\t\t\tvariant=\"prev\"\n\t\t\t\t\t\tclassNames={{\n\t\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\t\ticonContainer: classNames?.iconContainer,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ticon={icon?.prev}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<CarouselButton\n\t\t\t\t\t\tvariant=\"next\"\n\t\t\t\t\t\tclassNames={{\n\t\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\t\ticonContainer: classNames?.iconContainer,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ticon={icon?.next}\n\t\t\t\t\t/>\n\t\t\t\t</Show.Otherwise>\n\t\t\t</Show.Root>\n\t\t</div>\n\t);\n}\n\nexport function CarouselItemGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>) {\n\tconst { children, className, each, render } = props;\n\n\tconst [ItemList] = getElementList(\"base\");\n\tconst currentSlide = useCarouselStoreContext((state) => state.currentSlide);\n\tconst images = useCarouselStoreContext((state) => each ?? (state.images as TArrayItem[]));\n\n\treturn (\n\t\t<ul\n\t\t\tdata-id=\"Carousel Image Wrapper\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t`flex w-full shrink-0 snap-center [transform:translate3d(var(--translate-distance),0,0)]\n\t\t\t\t[transition:transform_800ms_ease]`,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t\"--translate-distance\": `-${currentSlide * 100}%`,\n\t\t\t\t} satisfies CssWithCustomProperties as CssWithCustomProperties\n\t\t\t}\n\t\t>\n\t\t\t{typeof render === \"function\" ? (\n\t\t\t\t<ItemList each={images} render={render} />\n\t\t\t) : (\n\t\t\t\t<ItemList each={images}>{children}</ItemList>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n\nexport function CarouselItem({ children, className, ...restOfProps }: OtherCarouselProps) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cnMerge(\"flex w-full shrink-0 snap-center justify-center\", className)}\n\t\t\t{...restOfProps}\n\t\t>\n\t\t\t{children}\n\t\t</li>\n\t);\n}\n\nexport function CarouselCaption<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement, OtherCarouselProps>\n) {\n\tconst { as: HtmlElement = \"div\", children, className } = props;\n\n\treturn (\n\t\t<HtmlElement data-id=\"Carousel Caption\" className={cnMerge(\"absolute z-10\", className)}>\n\t\t\t{children}\n\t\t</HtmlElement>\n\t);\n}\n\nexport function CarouselIndicatorGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>) {\n\tconst { children, className, each, render } = props;\n\n\tconst images = useCarouselStoreContext((state) => each ?? (state.images as TArrayItem[]));\n\tconst [IndicatorList] = getElementList(\"base\");\n\n\treturn (\n\t\t<ul\n\t\t\tdata-id=\"Carousel Indicators\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t\"absolute bottom-[25px] z-[2] flex w-full items-center justify-center gap-[15px]\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{typeof render === \"function\" ? (\n\t\t\t\t<IndicatorList each={images} render={render} />\n\t\t\t) : (\n\t\t\t\t<IndicatorList each={images}>{children}</IndicatorList>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n\nexport function CarouselIndicator(props: CarouselIndicatorProps) {\n\tconst { classNames, currentIndex } = props;\n\n\tconst {\n\t\tactions: { goToSlide },\n\t\tcurrentSlide,\n\t} = useCarouselStoreContext((state) => state);\n\n\treturn (\n\t\t<li className={cnMerge(\"inline-flex\", classNames?.base)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => goToSlide(currentIndex)}\n\t\t\t\tclassName={cnMerge(\n\t\t\t\t\t\"size-[6px] rounded-[50%]\",\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tcurrentIndex === currentSlide && [\"w-[35px] rounded-[5px]\", classNames?.isActive]\n\t\t\t\t)}\n\t\t\t/>\n\t\t</li>\n\t);\n}\n","export { CarouselContextProvider as Root } from \"./carousel-store-context\";\nexport {\n\tCarouselContent as Content,\n\tCarouselControls as Controls,\n\tCarouselButton as Button,\n\tCarouselItem as Item,\n\tCarouselItemGroup as ItemGroup,\n\tCarouselCaption as Caption,\n\tCarouselIndicator as Indicator,\n\tCarouselIndicatorGroup as IndicatorGroup,\n} from \"./carousel\";\n"],"mappings":"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"}
+{"version":3,"file":"carousel-Dvp-qURP.js","names":["storeValues: PrettyOmit<CarouselProviderProps<TImages>, \"children\">","props: Omit<CarouselProviderProps<TImages>, \"children\">","props: CarouselProviderProps<TImages>","props: React.SVGProps<SVGSVGElement>","options: CarouselOptions","props: PolymorphicProps<TElement, CarouselContentProps>","props: CarouselButtonsProps","props: CarouselControlProps","props: CarouselWrapperProps<TArrayItem>","props: PolymorphicProps<TElement, OtherCarouselProps>","props: CarouselIndicatorProps"],"sources":["../../src/components/ui/carousel/carousel-store-context.tsx","../../src/components/ui/carousel/icons.tsx","../../src/components/ui/carousel/useCarouselOptions.ts","../../src/components/ui/carousel/carousel.tsx","../../src/components/ui/carousel/carousel-parts.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useConstant } from \"@zayne-labs/toolkit-react\";\nimport { createZustandContext } from \"@zayne-labs/toolkit-react/zustand\";\nimport type { PrettyOmit } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useEffect } from \"react\";\nimport { create } from \"zustand\";\nimport type { CarouselProviderProps, CarouselStore, ImagesType } from \"./types\";\n\nconst [Provider, useCarouselStoreContext] = createZustandContext<CarouselStore>({\n\thookName: \"useCarouselStore\",\n\tname: \"CarouselStoreContext\",\n\tproviderName: \"CarouselContextProvider\",\n});\n\n// CarouselStore Creation\nconst createCarouselStore = <TImages extends ImagesType>(\n\tstoreValues: PrettyOmit<CarouselProviderProps<TImages>, \"children\">\n) => {\n\tconst { images, onSlideBtnClick } = storeValues;\n\n\tconst useInitCarouselStore = create<CarouselStore<TImages>>()((set, get) => ({\n\t\tcurrentSlide: 0,\n\t\timages,\n\t\tmaxSlide: images.length - 1,\n\n\t\t/* eslint-disable perfectionist/sort-objects -- actions should be last */\n\t\tactions: {\n\t\t\t/* eslint-enable perfectionist/sort-objects -- actions should be last */\n\n\t\t\tgoToNextSlide: () => {\n\t\t\t\tconst { currentSlide, maxSlide } = get();\n\t\t\t\tconst { goToSlide } = get().actions;\n\n\t\t\t\tif (currentSlide === maxSlide) {\n\t\t\t\t\tgoToSlide(0);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tgoToSlide(currentSlide + 1);\n\t\t\t},\n\n\t\t\tgoToPreviousSlide: () => {\n\t\t\t\tconst { currentSlide, maxSlide } = get();\n\t\t\t\tconst { goToSlide } = get().actions;\n\n\t\t\t\tif (currentSlide === 0) {\n\t\t\t\t\tgoToSlide(maxSlide);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tgoToSlide(currentSlide - 1);\n\t\t\t},\n\n\t\t\tgoToSlide: (newValue) => {\n\t\t\t\tonSlideBtnClick?.();\n\n\t\t\t\tset({ currentSlide: newValue });\n\t\t\t},\n\t\t},\n\t}));\n\n\treturn useInitCarouselStore;\n};\n\nconst useCarousel = <TImages extends ImagesType>(\n\tprops: Omit<CarouselProviderProps<TImages>, \"children\">\n) => {\n\tconst { images, onSlideBtnClick } = props;\n\n\tconst useInitCarouselStore = useConstant(() => createCarouselStore({ images, onSlideBtnClick }));\n\n\t// == To set images again when a page is mounted, preventing stale images from previous page\n\tuseEffect(() => {\n\t\tuseInitCarouselStore.setState({ images });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- useInitCarouselStore is stable\n\t}, [images]);\n\n\treturn useInitCarouselStore;\n};\n\n// == Provider Component\nfunction CarouselContextProvider<TImages extends ImagesType>(props: CarouselProviderProps<TImages>) {\n\tconst { children, images, onSlideBtnClick } = props;\n\n\tconst useInitCarouselStore = useCarousel({ images, onSlideBtnClick });\n\n\treturn <Provider value={useInitCarouselStore}>{children}</Provider>;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- It's fine\nexport { useCarouselStoreContext, CarouselContextProvider };\n","import * as React from \"react\";\n\nexport const ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" {...props}>\n\t\t<g fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\">\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" />\n\t\t\t<path d=\"m14 16l-4-4l4-4\" />\n\t\t</g>\n\t</svg>\n);\n","import { useAnimationInterval, useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useCarouselStoreContext } from \"./carousel-store-context\";\n\ntype CarouselOptions = {\n\tautoSlideInterval?: number;\n\thasAutoSlide?: boolean;\n\tshouldPauseOnHover?: boolean;\n};\n\nconst useCarouselOptions = (options: CarouselOptions = {}) => {\n\tconst { autoSlideInterval = 5000, hasAutoSlide = false, shouldPauseOnHover = false } = options;\n\n\tconst { goToNextSlide } = useCarouselStoreContext((state) => state.actions);\n\n\tconst [isPaused, setIsPaused] = useState(false);\n\n\tconst shouldAutoSlide = hasAutoSlide && !isPaused;\n\n\tuseAnimationInterval({\n\t\tintervalDuration: shouldAutoSlide ? autoSlideInterval : null,\n\t\tonAnimation: goToNextSlide,\n\t});\n\n\tconst pauseAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(true));\n\n\tconst resumeAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(false));\n\n\treturn { pauseAutoSlide, resumeAutoSlide };\n};\n\nexport { useCarouselOptions };\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Show } from \"@/components/common\";\nimport { getElementList } from \"@/components/common/for\";\nimport { cnMerge } from \"@/lib/utils/cn\";\nimport type { CssWithCustomProperties, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { useCarouselStoreContext } from \"./carousel-store-context\";\nimport { ChevronLeftIcon } from \"./icons\";\nimport type {\n\tCarouselButtonsProps,\n\tCarouselContentProps,\n\tCarouselControlProps,\n\tCarouselIndicatorProps,\n\tCarouselWrapperProps,\n\tOtherCarouselProps,\n} from \"./types\";\nimport { useCarouselOptions } from \"./useCarouselOptions\";\n\n// TODO -  Add dragging and swiping support\nexport function CarouselContent<TElement extends React.ElementType = \"article\">(\n\tprops: PolymorphicProps<TElement, CarouselContentProps>\n) {\n\tconst {\n\t\tas: HtmlElement = \"article\",\n\t\tautoSlideInterval,\n\t\tchildren,\n\t\tclassNames,\n\t\thasAutoSlide,\n\t\tshouldPauseOnHover,\n\t} = props;\n\n\tconst { pauseAutoSlide, resumeAutoSlide } = useCarouselOptions({\n\t\tautoSlideInterval,\n\t\thasAutoSlide,\n\t\tshouldPauseOnHover,\n\t});\n\n\t// FIXME - Prevent touch swipe on mobile using a cover element or allow swipe but it must update the state appropriately\n\treturn (\n\t\t<HtmlElement\n\t\t\tdata-id=\"Carousel\"\n\t\t\tclassName={cnMerge(\"relative select-none\", classNames?.base)}\n\t\t\tonMouseEnter={pauseAutoSlide}\n\t\t\tonMouseLeave={resumeAutoSlide}\n\t\t>\n\t\t\t<div\n\t\t\t\tdata-id=\"Scroll Container\"\n\t\t\t\tclassName={cnMerge(\n\t\t\t\t\t\"flex size-full overflow-x-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n\t\t\t\t\tclassNames?.scrollContainer\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</HtmlElement>\n\t);\n}\n\nexport function CarouselButton(props: CarouselButtonsProps) {\n\tconst { classNames, icon, variant } = props;\n\n\tconst { goToNextSlide, goToPreviousSlide } = useCarouselStoreContext((state) => state.actions);\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t\"z-30 flex h-full w-fit items-center\",\n\t\t\t\tvariant === \"prev\" ? \"justify-start\" : \"justify-end\",\n\t\t\t\tclassNames?.base\n\t\t\t)}\n\t\t\tonClick={variant === \"prev\" ? goToPreviousSlide : goToNextSlide}\n\t\t>\n\t\t\t<span className={cnMerge(\"transition-transform active:scale-[1.06]\", classNames?.iconContainer)}>\n\t\t\t\t{icon ?? (\n\t\t\t\t\t<ChevronLeftIcon\n\t\t\t\t\t\tclassName={cnMerge(variant === \"next\" && \"rotate-180\", classNames?.defaultIcon)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</button>\n\t);\n}\n\nexport function CarouselControls(props: CarouselControlProps) {\n\tconst { classNames, icon } = props;\n\n\treturn (\n\t\t<div className={cnMerge(\"absolute inset-0 flex justify-between\", classNames?.base)}>\n\t\t\t<Show.Root when={icon?.iconType}>\n\t\t\t\t<CarouselButton\n\t\t\t\t\tvariant=\"prev\"\n\t\t\t\t\tclassNames={{\n\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\ticonContainer: cnMerge(\n\t\t\t\t\t\t\ticon?.iconType === \"nextIcon\" && \"rotate-180\",\n\t\t\t\t\t\t\tclassNames?.iconContainer\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ticon={icon?.icon}\n\t\t\t\t/>\n\n\t\t\t\t<CarouselButton\n\t\t\t\t\tvariant=\"next\"\n\t\t\t\t\tclassNames={{\n\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\ticonContainer: cnMerge(\n\t\t\t\t\t\t\ticon?.iconType === \"prevIcon\" && \"rotate-180\",\n\t\t\t\t\t\t\tclassNames?.iconContainer\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ticon={icon?.icon}\n\t\t\t\t/>\n\n\t\t\t\t<Show.Otherwise>\n\t\t\t\t\t<CarouselButton\n\t\t\t\t\t\tvariant=\"prev\"\n\t\t\t\t\t\tclassNames={{\n\t\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\t\ticonContainer: classNames?.iconContainer,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ticon={icon?.prev}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<CarouselButton\n\t\t\t\t\t\tvariant=\"next\"\n\t\t\t\t\t\tclassNames={{\n\t\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\t\ticonContainer: classNames?.iconContainer,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ticon={icon?.next}\n\t\t\t\t\t/>\n\t\t\t\t</Show.Otherwise>\n\t\t\t</Show.Root>\n\t\t</div>\n\t);\n}\n\nexport function CarouselItemGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>) {\n\tconst { children, className, each, render } = props;\n\n\tconst [ItemList] = getElementList(\"base\");\n\tconst currentSlide = useCarouselStoreContext((state) => state.currentSlide);\n\tconst images = useCarouselStoreContext((state) => each ?? (state.images as TArrayItem[]));\n\n\treturn (\n\t\t<ul\n\t\t\tdata-id=\"Carousel Image Wrapper\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t`flex w-full shrink-0 snap-center [transform:translate3d(var(--translate-distance),0,0)]\n\t\t\t\t[transition:transform_800ms_ease]`,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t\"--translate-distance\": `-${currentSlide * 100}%`,\n\t\t\t\t} satisfies CssWithCustomProperties as CssWithCustomProperties\n\t\t\t}\n\t\t>\n\t\t\t{typeof render === \"function\" ? (\n\t\t\t\t<ItemList each={images} render={render} />\n\t\t\t) : (\n\t\t\t\t<ItemList each={images}>{children}</ItemList>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n\nexport function CarouselItem({ children, className, ...restOfProps }: OtherCarouselProps) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cnMerge(\"flex w-full shrink-0 snap-center justify-center\", className)}\n\t\t\t{...restOfProps}\n\t\t>\n\t\t\t{children}\n\t\t</li>\n\t);\n}\n\nexport function CarouselCaption<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement, OtherCarouselProps>\n) {\n\tconst { as: HtmlElement = \"div\", children, className } = props;\n\n\treturn (\n\t\t<HtmlElement data-id=\"Carousel Caption\" className={cnMerge(\"absolute z-10\", className)}>\n\t\t\t{children}\n\t\t</HtmlElement>\n\t);\n}\n\nexport function CarouselIndicatorGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>) {\n\tconst { children, className, each, render } = props;\n\n\tconst images = useCarouselStoreContext((state) => each ?? (state.images as TArrayItem[]));\n\tconst [IndicatorList] = getElementList(\"base\");\n\n\treturn (\n\t\t<ul\n\t\t\tdata-id=\"Carousel Indicators\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t\"absolute bottom-[25px] z-[2] flex w-full items-center justify-center gap-[15px]\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{typeof render === \"function\" ? (\n\t\t\t\t<IndicatorList each={images} render={render} />\n\t\t\t) : (\n\t\t\t\t<IndicatorList each={images}>{children}</IndicatorList>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n\nexport function CarouselIndicator(props: CarouselIndicatorProps) {\n\tconst { classNames, currentIndex } = props;\n\n\tconst {\n\t\tactions: { goToSlide },\n\t\tcurrentSlide,\n\t} = useCarouselStoreContext((state) => state);\n\n\treturn (\n\t\t<li className={cnMerge(\"inline-flex\", classNames?.base)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => goToSlide(currentIndex)}\n\t\t\t\tclassName={cnMerge(\n\t\t\t\t\t\"size-[6px] rounded-[50%]\",\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tcurrentIndex === currentSlide && [\"w-[35px] rounded-[5px]\", classNames?.isActive]\n\t\t\t\t)}\n\t\t\t/>\n\t\t</li>\n\t);\n}\n","export { CarouselContextProvider as Root } from \"./carousel-store-context\";\nexport {\n\tCarouselContent as Content,\n\tCarouselControls as Controls,\n\tCarouselButton as Button,\n\tCarouselItem as Item,\n\tCarouselItemGroup as ItemGroup,\n\tCarouselCaption as Caption,\n\tCarouselIndicator as Indicator,\n\tCarouselIndicatorGroup as IndicatorGroup,\n} from \"./carousel\";\n"],"mappings":"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"}

package/dist/esm/components/common/await/index.d.ts

@@ -1,6 +1,6 @@
-import "../../../getSlotMap-DA_uhXqU.js";
-import "../../../index-D-j2Cn1J.js";
-import "../../../index-BSJ30pGj.js";
-import "../../../index-CqlM1M0j.js";
-import { AwaitError$1 as AwaitError, AwaitPending$1 as AwaitPending, AwaitRoot$1 as AwaitRoot, AwaitSuccess$1 as AwaitSuccess, await_parts_d_exports, useAwaitContext$1 as useAwaitContext } from "../../../index-TBkPiipk.js";
+import "../../../getSlotMap-DZlQN8--.js";
+import "../../../index-DRiwJkJC.js";
+import "../../../index-BsjcsNQh.js";
+import "../../../index-CFNg1R-m.js";
+import { AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, await_parts_d_exports, useAwaitContext } from "../../../index-YFi-sIuR.js";
 export { await_parts_d_exports as Await, AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, useAwaitContext };

package/dist/esm/components/common/await/index.js

@@ -2,7 +2,7 @@
 
 
 import "../../../utils-D4YNWj2X.js";
-import "../../../getSlot-BIcGgBwN.js";
+import "../../../getSlot-D1_uG-Ym.js";
 import "../../../error-boundary-B3ycUZ1t.js";
 import "../../../slot-RXTKo4L7.js";
 import { AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, await_parts_exports, useAwaitContext } from "../../../await-Fe4LFRKd.js";

package/dist/esm/components/common/error-boundary/index.d.ts

@@ -1,2 +1,2 @@
-import { ErrorBoundary$1 as ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary$1 as useErrorBoundary, useErrorBoundaryContext$1 as useErrorBoundaryContext } from "../../../index-BSJ30pGj.js";
+import { ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary, useErrorBoundaryContext } from "../../../index-BsjcsNQh.js";
 export { ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary, useErrorBoundaryContext };

package/dist/esm/components/common/for/index.d.ts

@@ -1,2 +1,2 @@
-import { For$1 as For, ForRenderProps, ForWithWrapper$1 as ForWithWrapper, getElementList$1 as getElementList } from "../../../index-BhpBx8dH.js";
+import { For, ForRenderProps, ForWithWrapper, getElementList } from "../../../index-CNE9Cime.js";
 export { For, ForRenderProps, ForWithWrapper, getElementList };

package/dist/esm/components/common/index.d.ts

@@ -1,11 +1,11 @@
-import "../../getSlotMap-DA_uhXqU.js";
-import "../../index-D-j2Cn1J.js";
-import { ErrorBoundary$1 as ErrorBoundary } from "../../index-BSJ30pGj.js";
-import { SuspenseWithBoundary$1 as SuspenseWithBoundary } from "../../index-CqlM1M0j.js";
-import { await_parts_d_exports } from "../../index-TBkPiipk.js";
-import { For$1 as For, ForWithWrapper$1 as ForWithWrapper } from "../../index-BhpBx8dH.js";
-import { show_parts_d_exports } from "../../index-C0XZoIZD.js";
-import { slot_parts_d_exports } from "../../index-1UCPJf7B.js";
-import { switch_parts_d_exports } from "../../index--1COprHP.js";
-import { Teleport$1 as Teleport } from "../../index-DnaUCh8d.js";
+import "../../getSlotMap-DZlQN8--.js";
+import "../../index-DRiwJkJC.js";
+import { ErrorBoundary } from "../../index-BsjcsNQh.js";
+import { SuspenseWithBoundary } from "../../index-CFNg1R-m.js";
+import { await_parts_d_exports } from "../../index-YFi-sIuR.js";
+import { For, ForWithWrapper } from "../../index-CNE9Cime.js";
+import { show_parts_d_exports } from "../../index-CGI7EVlK.js";
+import { slot_parts_d_exports } from "../../index-BwnMUHzm.js";
+import { switch_parts_d_exports } from "../../index-UX3DaMVe.js";
+import { Teleport } from "../../index-B3N6YbN8.js";
 export { await_parts_d_exports as Await, ErrorBoundary, For, ForWithWrapper, show_parts_d_exports as Show, slot_parts_d_exports as Slot, SuspenseWithBoundary, switch_parts_d_exports as Switch, Teleport };

package/dist/esm/components/common/index.js

@@ -1,12 +1,12 @@
 import "../../utils-D4YNWj2X.js";
-import "../../getSlot-BIcGgBwN.js";
+import "../../getSlot-D1_uG-Ym.js";
 import { ErrorBoundary } from "../../error-boundary-B3ycUZ1t.js";
 import { slot_parts_exports } from "../../slot-RXTKo4L7.js";
 import { await_parts_exports } from "../../await-Fe4LFRKd.js";
 import { For, ForWithWrapper } from "../../for-aTw1TgJo.js";
-import { show_parts_exports } from "../../show-BgYrfIxJ.js";
+import { show_parts_exports } from "../../show-DNPzdLi-.js";
 import { SuspenseWithBoundary } from "../../suspense-with-boundary-TrQxYRG6.js";
-import { switch_parts_exports } from "../../switch-PF5xTJfr.js";
+import { switch_parts_exports } from "../../switch-B2gKl94R.js";
 import { Teleport } from "../../teleport-dlSjWj_t.js";
 import "../../common-BYWy8Q78.js";
 

package/dist/esm/components/common/show/index.d.ts

@@ -1,2 +1,2 @@
-import { ShowContent$1 as ShowContent, ShowFallback$1 as ShowFallback, ShowRoot$1 as ShowRoot, show_parts_d_exports } from "../../../index-C0XZoIZD.js";
+import { ShowContent, ShowFallback, ShowRoot, show_parts_d_exports } from "../../../index-CGI7EVlK.js";
 export { show_parts_d_exports as Show, ShowContent, ShowFallback, ShowRoot };

package/dist/esm/components/common/show/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import "../../../getSlot-BIcGgBwN.js";
-import { ShowContent, ShowFallback, ShowRoot, show_parts_exports } from "../../../show-BgYrfIxJ.js";
+import "../../../getSlot-D1_uG-Ym.js";
+import { ShowContent, ShowFallback, ShowRoot, show_parts_exports } from "../../../show-DNPzdLi-.js";
 
 export { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot };

package/dist/esm/components/common/slot/index.d.ts

@@ -1,2 +1,2 @@
-import { SlotRoot$1 as SlotRoot, SlotSlottable$1 as SlotSlottable, slot_parts_d_exports } from "../../../index-1UCPJf7B.js";
+import { SlotRoot, SlotSlottable, slot_parts_d_exports } from "../../../index-BwnMUHzm.js";
 export { slot_parts_d_exports as Slot, SlotRoot, SlotSlottable };

package/dist/esm/components/common/suspense-with-boundary/index.d.ts

@@ -1,3 +1,3 @@
-import "../../../index-BSJ30pGj.js";
-import { SuspenseWithBoundary$1 as SuspenseWithBoundary, SuspenseWithBoundaryProps } from "../../../index-CqlM1M0j.js";
+import "../../../index-BsjcsNQh.js";
+import { SuspenseWithBoundary, SuspenseWithBoundaryProps } from "../../../index-CFNg1R-m.js";
 export { SuspenseWithBoundary, SuspenseWithBoundaryProps };

package/dist/esm/components/common/switch/index.d.ts

@@ -1,2 +1,2 @@
-import { SwitchDefault$1 as SwitchDefault, SwitchMatch$1 as SwitchMatch, SwitchRoot$1 as SwitchRoot, switch_parts_d_exports } from "../../../index--1COprHP.js";
+import { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_d_exports } from "../../../index-UX3DaMVe.js";
 export { switch_parts_d_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot };

package/dist/esm/components/common/switch/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import "../../../getSlot-BIcGgBwN.js";
-import { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_exports } from "../../../switch-PF5xTJfr.js";
+import "../../../getSlot-D1_uG-Ym.js";
+import { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_exports } from "../../../switch-B2gKl94R.js";
 
 export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot };

package/dist/esm/components/common/teleport/index.d.ts

@@ -1,2 +1,2 @@
-import { Teleport$1 as Teleport } from "../../../index-DnaUCh8d.js";
+import { Teleport } from "../../../index-B3N6YbN8.js";
 export { Teleport };

package/dist/esm/components/ui/card/index.d.ts

@@ -1,2 +1,2 @@
-import { CardContent$1 as CardContent, CardDescription$1 as CardDescription, CardFooter$1 as CardFooter, CardHeader$1 as CardHeader, CardRoot$1 as CardRoot, CardTitle$1 as CardTitle, card_parts_d_exports } from "../../../index-BuSQsDCX.js";
-export { card_parts_d_exports as Card, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_d_exports } from "../../../index-XYFc-mmy.js";
+export { card_parts_d_exports as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };

package/dist/esm/components/ui/card/index.js

@@ -1,5 +1,5 @@
 import "../../../slot-RXTKo4L7.js";
 import "../../../cn-_FbtIrlZ.js";
-import { CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports } from "../../../card-DRjs-vtv.js";
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports } from "../../../card-BBTJxmWt.js";
 
-export { card_parts_exports as Card, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };
+export { card_parts_exports as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };

package/dist/esm/components/ui/carousel/index.d.ts

@@ -1,2 +1,2 @@
-import { CarouselButton$1 as CarouselButton, CarouselButtonsProps, CarouselCaption$1 as CarouselCaption, CarouselContent$1 as CarouselContent, CarouselContentProps, CarouselControlProps, CarouselControls$1 as CarouselControls, CarouselIndicator$1 as CarouselIndicator, CarouselIndicatorGroup$1 as CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem$1 as CarouselItem, CarouselItemGroup$1 as CarouselItemGroup, CarouselProviderProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps, carousel_parts_d_exports } from "../../../index-BC0r1cBF.js";
+import { CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselContent, CarouselContentProps, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselProviderProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps, carousel_parts_d_exports } from "../../../index-DT8F8QKc.js";
 export { carousel_parts_d_exports as Carousel, CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselContent, CarouselContentProps, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselProviderProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps };

package/dist/esm/components/ui/carousel/index.js

@@ -2,17 +2,17 @@
 
 
 import "../../../utils-D4YNWj2X.js";
-import "../../../getSlot-BIcGgBwN.js";
+import "../../../getSlot-D1_uG-Ym.js";
 import "../../../error-boundary-B3ycUZ1t.js";
 import "../../../slot-RXTKo4L7.js";
 import "../../../await-Fe4LFRKd.js";
 import "../../../for-aTw1TgJo.js";
-import "../../../show-BgYrfIxJ.js";
+import "../../../show-DNPzdLi-.js";
 import "../../../suspense-with-boundary-TrQxYRG6.js";
-import "../../../switch-PF5xTJfr.js";
+import "../../../switch-B2gKl94R.js";
 import "../../../teleport-dlSjWj_t.js";
 import "../../../common-BYWy8Q78.js";
 import "../../../cn-_FbtIrlZ.js";
-import { CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, carousel_parts_exports } from "../../../carousel-Dznupnx8.js";
+import { CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, carousel_parts_exports } from "../../../carousel-Dvp-qURP.js";
 
 export { carousel_parts_exports as Carousel, CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup };

package/dist/esm/components/ui/drag-scroll/index.d.ts

@@ -1,2 +1,2 @@
-import { useDragScroll$1 as useDragScroll } from "../../../index-CTZr4PTO.js";
+import { useDragScroll } from "../../../index-gT9tVHv1.js";
 export { useDragScroll };

package/dist/esm/components/ui/drop-zone/index.d.ts

@@ -1,3 +1,3 @@
-import "../../../getSlotMap-DA_uhXqU.js";
-import { ContainerProps, DropZoneActions, DropZoneContainer$1 as DropZoneContainer, DropZoneContext$1 as DropZoneContext, DropZoneImagePreview$1 as DropZoneImagePreview, DropZoneInput$1 as DropZoneInput, DropZoneRenderPropType, DropZoneRoot$1 as DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone$1 as useDropZone, useDropZoneContext$1 as useDropZoneContext } from "../../../index-ASoFjmZ6.js";
+import "../../../getSlotMap-DZlQN8--.js";
+import { ContainerProps, DropZoneActions, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRenderPropType, DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone, useDropZoneContext } from "../../../index-BilTdK_M.js";
 export { ContainerProps, drop_zone_parts_d_exports as DropZone, DropZoneActions, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRenderPropType, DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, useDropZone, useDropZoneContext };

package/dist/esm/components/ui/drop-zone/index.js

@@ -2,17 +2,17 @@
 
 
 import "../../../utils-D4YNWj2X.js";
-import "../../../getSlot-BIcGgBwN.js";
+import "../../../getSlot-D1_uG-Ym.js";
 import "../../../error-boundary-B3ycUZ1t.js";
 import "../../../slot-RXTKo4L7.js";
 import "../../../await-Fe4LFRKd.js";
 import "../../../for-aTw1TgJo.js";
-import "../../../show-BgYrfIxJ.js";
+import "../../../show-DNPzdLi-.js";
 import "../../../suspense-with-boundary-TrQxYRG6.js";
-import "../../../switch-PF5xTJfr.js";
+import "../../../switch-B2gKl94R.js";
 import "../../../teleport-dlSjWj_t.js";
 import "../../../common-BYWy8Q78.js";
 import "../../../cn-_FbtIrlZ.js";
-import { DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, drop_zone_parts_exports, useDropZone, useDropZoneContext } from "../../../drop-zone-_YK9C3Xj.js";
+import { DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, drop_zone_parts_exports, useDropZone, useDropZoneContext } from "../../../drop-zone-Beip1k4x.js";
 
 export { drop_zone_parts_exports as DropZone, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, useDropZone, useDropZoneContext };

package/dist/esm/components/ui/form/index.d.ts

@@ -1,2 +1,2 @@
-import { FieldValues, FormDescription$1 as FormDescription, FormErrorMessage$1 as FormErrorMessage, FormErrorMessagePrimitive$1 as FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField$1 as FormField, FormFieldContext$1 as FormFieldContext, FormFieldControlledField$1 as FormFieldControlledField, FormFieldController$1 as FormFieldController, FormInput$1 as FormInput, FormInputGroup$1 as FormInputGroup, FormInputLeftItem$1 as FormInputLeftItem, FormInputPrimitive$1 as FormInputPrimitive, FormInputProps, FormInputRightItem$1 as FormInputRightItem, FormLabel$1 as FormLabel, FormRoot$1 as FormRoot, FormSelect$1 as FormSelect, FormSelectPrimitive$1 as FormSelectPrimitive, FormSelectProps, FormSubmit$1 as FormSubmit, FormSubscribeToFieldValue$1 as FormSubscribeToFieldValue, FormSubscribeToFormState$1 as FormSubscribeToFormState, FormTextArea$1 as FormTextArea, FormTextAreaPrimitive$1 as FormTextAreaPrimitive, FormTextAreaProps, form_parts_d_exports, useFormRootContext$1 as useFormRootContext, useStrictFormFieldContext$1 as useStrictFormFieldContext } from "../../../index-DQ1yFGd2.js";
+import { FieldValues, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, form_parts_d_exports, useFormRootContext, useStrictFormFieldContext } from "../../../index-CIM4YPg5.js";
 export { FieldValues, form_parts_d_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };

package/dist/esm/components/ui/form/index.js

@@ -1,10 +1,10 @@
 "use client";
 
 
-import "../../../getSlot-BIcGgBwN.js";
+import "../../../getSlot-D1_uG-Ym.js";
 import "../../../slot-RXTKo4L7.js";
 import "../../../for-aTw1TgJo.js";
 import "../../../cn-_FbtIrlZ.js";
-import { FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, form_parts_exports, useFormRootContext, useStrictFormFieldContext } from "../../../form-DytCfL6R.js";
+import { FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, form_parts_exports, useFormRootContext, useStrictFormFieldContext } from "../../../form-6RV0u4YT.js";
 
 export { form_parts_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };

package/dist/esm/components/ui/index.d.ts

@@ -1,7 +1,7 @@
-import "../../getSlotMap-DA_uhXqU.js";
-import { card_parts_d_exports } from "../../index-BuSQsDCX.js";
-import { carousel_parts_d_exports } from "../../index-BC0r1cBF.js";
-import { useDragScroll$1 as useDragScroll } from "../../index-CTZr4PTO.js";
-import { drop_zone_parts_d_exports, useDropZone$1 as useDropZone } from "../../index-ASoFjmZ6.js";
-import { form_parts_d_exports } from "../../index-DQ1yFGd2.js";
+import "../../getSlotMap-DZlQN8--.js";
+import { card_parts_d_exports } from "../../index-XYFc-mmy.js";
+import { carousel_parts_d_exports } from "../../index-DT8F8QKc.js";
+import { useDragScroll } from "../../index-gT9tVHv1.js";
+import { drop_zone_parts_d_exports, useDropZone } from "../../index-BilTdK_M.js";
+import { form_parts_d_exports } from "../../index-CIM4YPg5.js";
 export { card_parts_d_exports as Card, carousel_parts_d_exports as Carousel, drop_zone_parts_d_exports as DropZone, form_parts_d_exports as Form, useDragScroll, useDropZone };

package/dist/esm/components/ui/index.js

@@ -1,19 +1,19 @@
 import "../../utils-D4YNWj2X.js";
-import "../../getSlot-BIcGgBwN.js";
+import "../../getSlot-D1_uG-Ym.js";
 import "../../error-boundary-B3ycUZ1t.js";
 import "../../slot-RXTKo4L7.js";
 import "../../await-Fe4LFRKd.js";
 import "../../for-aTw1TgJo.js";
-import "../../show-BgYrfIxJ.js";
+import "../../show-DNPzdLi-.js";
 import "../../suspense-with-boundary-TrQxYRG6.js";
-import "../../switch-PF5xTJfr.js";
+import "../../switch-B2gKl94R.js";
 import "../../teleport-dlSjWj_t.js";
 import "../../common-BYWy8Q78.js";
 import "../../cn-_FbtIrlZ.js";
-import { card_parts_exports } from "../../card-DRjs-vtv.js";
-import { carousel_parts_exports } from "../../carousel-Dznupnx8.js";
+import { card_parts_exports } from "../../card-BBTJxmWt.js";
+import { carousel_parts_exports } from "../../carousel-Dvp-qURP.js";
 import { useDragScroll } from "../../drag-scroll-BLjij7aI.js";
-import { drop_zone_parts_exports, useDropZone } from "../../drop-zone-_YK9C3Xj.js";
-import { form_parts_exports } from "../../form-DytCfL6R.js";
+import { drop_zone_parts_exports, useDropZone } from "../../drop-zone-Beip1k4x.js";
+import { form_parts_exports } from "../../form-6RV0u4YT.js";
 
 export { card_parts_exports as Card, carousel_parts_exports as Carousel, drop_zone_parts_exports as DropZone, form_parts_exports as Form, useDragScroll, useDropZone };

package/dist/esm/{drop-zone-_YK9C3Xj.js → drop-zone-Beip1k4x.js}

@@ -1,7 +1,7 @@
 import { __export } from "./chunk-Cl8Af3a2.js";
 import { getSlotMap, withSlotNameAndSymbol } from "./utils-D4YNWj2X.js";
 import { SlotRoot } from "./slot-RXTKo4L7.js";
-import { ShowRoot } from "./show-BgYrfIxJ.js";
+import { ShowRoot } from "./show-DNPzdLi-.js";
 import { cnMerge } from "./cn-_FbtIrlZ.js";
 import { Fragment, isValidElement, useCallback, useMemo, useRef, useState } from "react";
 import { createImagePreview, dataAttr, handleFileValidation, toArray } from "@zayne-labs/toolkit-core";
@@ -310,4 +310,4 @@ __export(drop_zone_parts_exports, {
 
 //#endregion
 export { DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, drop_zone_parts_exports, useDropZone, useDropZoneContext };
-//# sourceMappingURL=drop-zone-_YK9C3Xj.js.map
+//# sourceMappingURL=drop-zone-Beip1k4x.js.map